@orcestr/ui 0.0.1

package/dist/components/DataTable/DataTableStateAdapters.js

@@ -0,0 +1,192 @@
+export function dataTablePreferenceStorageKey(scope) {
+    const tenant = scope.tenantId ?? 'global';
+    const user = scope.userId ?? 'anonymous';
+    return `orcestr-ui:data-table:${tenant}:${user}:${scope.tableKey}`;
+}
+export function readDataTableState(scope, storage = browserStorage()) {
+    if (!storage)
+        return null;
+    const raw = storage.getItem(dataTablePreferenceStorageKey(scope));
+    if (!raw)
+        return null;
+    try {
+        return normalizeDataTableState(JSON.parse(raw));
+    }
+    catch {
+        return null;
+    }
+}
+export function writeDataTableState(scope, state, storage = browserStorage()) {
+    if (!storage)
+        return;
+    storage.setItem(dataTablePreferenceStorageKey(scope), JSON.stringify(state));
+}
+export function clearDataTableState(scope, storage = browserStorage()) {
+    storage?.removeItem(dataTablePreferenceStorageKey(scope));
+}
+export function dataTableStateToSearchParams(state) {
+    const params = new URLSearchParams();
+    if (state.visibleColumnKeys?.length)
+        params.set('columns', state.visibleColumnKeys.join(','));
+    if (state.columnOrder?.length)
+        params.set('column_order', state.columnOrder.join(','));
+    if (state.columnWidths && Object.keys(state.columnWidths).length > 0) {
+        params.set('column_widths', serializeColumnWidths(state.columnWidths));
+    }
+    if (state.sort?.length) {
+        params.set('sort', state.sort.map((item) => `${encodeURIComponent(item.key)}:${item.direction}`).join(','));
+    }
+    if (state.page)
+        params.set('page', String(state.page));
+    if (state.pageSize)
+        params.set('page_size', String(state.pageSize));
+    if (state.savedViewKey)
+        params.set('view', state.savedViewKey);
+    return params;
+}
+export function dataTableStateFromSearchParams(params) {
+    return normalizeDataTableState({
+        visibleColumnKeys: splitParam(params.get('columns')),
+        columnOrder: splitParam(params.get('column_order')),
+        columnWidths: parseColumnWidthsParam(params.get('column_widths')),
+        sort: parseSortParam(params.get('sort')),
+        page: parsePositiveInt(params.get('page')),
+        pageSize: parsePositiveInt(params.get('page_size')),
+        savedViewKey: params.get('view') || undefined,
+    }) ?? {};
+}
+export function dataTablePaginationToSearchParams({ page, pageSize, }) {
+    return dataTableStateToSearchParams({ page, pageSize });
+}
+export function dataTablePaginationFromSearchParams(params) {
+    const state = dataTableStateFromSearchParams(params);
+    return {
+        page: state.page,
+        pageSize: state.pageSize,
+    };
+}
+export function resolveDataTableState({ defaultState, persistedState, urlState, }) {
+    return {
+        ...defaultState,
+        ...persistedState,
+        ...urlState,
+    };
+}
+export function defaultDataTableSavedView(views) {
+    return views.find((view) => view.default) ?? null;
+}
+export function applyDataTableSavedView(state, view) {
+    return compactDataTableState({
+        ...state,
+        visibleColumnKeys: view.visibleColumnKeys,
+        columnOrder: view.columnOrder,
+        columnWidths: view.columnWidths,
+        sort: view.sort,
+        page: view.page,
+        pageSize: view.pageSize,
+        savedViewKey: view.key,
+    });
+}
+export function resetDataTableStateToDefault(defaultState = {}) {
+    return { ...defaultState };
+}
+function browserStorage() {
+    if (typeof window === 'undefined')
+        return null;
+    return window.localStorage;
+}
+function normalizeDataTableState(value) {
+    if (!isRecord(value))
+        return null;
+    return compactDataTableState({
+        visibleColumnKeys: stringArray(value.visibleColumnKeys),
+        columnOrder: stringArray(value.columnOrder),
+        columnWidths: columnWidthsRecord(value.columnWidths),
+        sort: sortArray(value.sort),
+        page: typeof value.page === 'number' && value.page > 0 ? value.page : undefined,
+        pageSize: typeof value.pageSize === 'number' && value.pageSize > 0 ? value.pageSize : undefined,
+        savedViewKey: typeof value.savedViewKey === 'string' ? value.savedViewKey : undefined,
+    });
+}
+function compactDataTableState(state) {
+    return Object.fromEntries(Object.entries(state).filter(([, value]) => value !== undefined));
+}
+function stringArray(value) {
+    if (!Array.isArray(value))
+        return undefined;
+    const result = value.filter((item) => typeof item === 'string' && item.length > 0);
+    return result.length ? result : undefined;
+}
+function sortArray(value) {
+    if (!Array.isArray(value))
+        return undefined;
+    const result = value.filter(isSort);
+    return result.length ? result : undefined;
+}
+function columnWidthsRecord(value) {
+    if (!isRecord(value))
+        return undefined;
+    const result = {};
+    for (const [key, width] of Object.entries(value)) {
+        if (!key || typeof width !== 'number' || !Number.isFinite(width) || width <= 0)
+            continue;
+        result[key] = Math.round(width);
+    }
+    return Object.keys(result).length ? result : undefined;
+}
+function serializeColumnWidths(widths) {
+    return Object.entries(widths)
+        .filter(([, width]) => Number.isFinite(width) && width > 0)
+        .map(([key, width]) => `${encodeURIComponent(key)}:${Math.round(width)}`)
+        .join(',');
+}
+function parseColumnWidthsParam(value) {
+    if (!value)
+        return undefined;
+    const result = {};
+    for (const item of value.split(',')) {
+        const [encodedKey, rawWidth] = item.split(':');
+        const key = decodeURIComponent(encodedKey ?? '');
+        const width = Number.parseInt(rawWidth ?? '', 10);
+        if (!key || !Number.isFinite(width) || width <= 0)
+            continue;
+        result[key] = width;
+    }
+    return Object.keys(result).length ? result : undefined;
+}
+function parseSortParam(value) {
+    if (!value)
+        return undefined;
+    const result = value
+        .split(',')
+        .map((item) => {
+        const [key, direction] = item.split(':');
+        return {
+            key: decodeURIComponent(key ?? ''),
+            direction,
+        };
+    })
+        .filter(isSort);
+    return result.length ? result : undefined;
+}
+function splitParam(value) {
+    if (!value)
+        return undefined;
+    const result = value.split(',').filter(Boolean);
+    return result.length ? result : undefined;
+}
+function parsePositiveInt(value) {
+    if (!value)
+        return undefined;
+    const parsed = Number.parseInt(value, 10);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : undefined;
+}
+function isSort(value) {
+    if (!isRecord(value))
+        return false;
+    return (typeof value.key === 'string' &&
+        (value.direction === 'asc' || value.direction === 'desc'));
+}
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from 'react';
+import { type DatePickerDisabledDate } from './DatePickerState';
+export type DatePickerProps = {
+    value: string;
+    onValueChange: (value: string) => void;
+    min?: string;
+    max?: string;
+    disabledDate?: DatePickerDisabledDate;
+    placeholder?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    openCalendarLabel?: string;
+    previousMonthLabel?: string;
+    nextMonthLabel?: string;
+    todayLabel?: ReactNode;
+    locale?: string;
+    testId?: string;
+};
+export declare function DatePicker({ value, onValueChange, min, max, disabledDate, placeholder, clearable, disabled, readOnly, openCalendarLabel, previousMonthLabel, nextMonthLabel, todayLabel, locale, testId, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/DatePicker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAQxD,OAAO,EAQH,KAAK,sBAAsB,EAC9B,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,eAAe,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,aAAa,EACb,GAAG,EACH,GAAG,EACH,YAAY,EACZ,WAAW,EACX,SAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,MAAM,EACN,MAAM,GACT,EAAE,eAAe,2CAiIjB"}

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { LuCalendarDays, LuChevronLeft, LuChevronRight } from 'react-icons/lu';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { Button } from '../Button/Button';
+import { IconButton } from '../IconButton/IconButton';
+import { Popover } from '../Popover/Popover';
+import { TextField } from '../TextField/TextField';
+import { calendarMonthState, clampDate, formatDateLabel, formatMonthLabel, monthCursorForDate, shiftMonth, weekdayLabels, } from './DatePickerState';
+export function DatePicker({ value, onValueChange, min, max, disabledDate, placeholder, clearable = true, disabled = false, readOnly = false, openCalendarLabel, previousMonthLabel, nextMonthLabel, todayLabel, locale, testId, }) {
+    const { copy, locale: contextLocale } = useOrcestrUiLocale();
+    const actualLocale = locale ?? contextLocale;
+    const [open, setOpen] = useState(false);
+    const [cursorMonth, setCursorMonth] = useState(() => monthCursorForDate(value));
+    const monthState = useMemo(() => calendarMonthState({
+        cursorMonth,
+        selectedDate: value,
+        min,
+        max,
+        disabledDate,
+    }), [cursorMonth, disabledDate, max, min, value]);
+    const weekdays = useMemo(() => weekdayLabels(actualLocale), [actualLocale]);
+    const displayValue = value ? formatDateLabel(value, actualLocale) : '';
+    const selectDate = (nextValue) => {
+        onValueChange(clampDate(nextValue, min, max));
+        setOpen(false);
+    };
+    return (_jsx(Popover, { open: open, onOpenChange: (nextOpen) => {
+            if (readOnly && nextOpen)
+                return;
+            if (nextOpen)
+                setCursorMonth(monthCursorForDate(value));
+            setOpen(nextOpen);
+        }, disabled: disabled || readOnly, matchTriggerWidth: false, sideOffset: 6, testId: testId ? `${testId}-popover` : undefined, trigger: _jsx(TextField, { value: displayValue, placeholder: placeholder, readOnly: true, disabled: disabled, clearable: clearable && Boolean(value) && !readOnly, testId: testId, "aria-label": openCalendarLabel ?? copy.common.openCalendar, onClear: () => onValueChange(''), rightSlot: _jsx("span", { className: 'oui-date-picker-trigger', "aria-hidden": true, children: _jsx(LuCalendarDays, { size: 16 }) }) }), className: 'oui-date-picker-popover', children: _jsxs("div", { className: 'oui-date-picker-panel', children: [_jsxs("div", { className: 'oui-date-picker-head', children: [_jsx(IconButton, { size: 1, v: 'ghost', type: 'button', icon: _jsx(LuChevronLeft, { size: 16 }), "aria-label": previousMonthLabel ?? copy.common.previous, onClick: () => setCursorMonth((current) => shiftMonth(current, -1)) }), _jsx("strong", { children: formatMonthLabel(cursorMonth, actualLocale) }), _jsx(IconButton, { size: 1, v: 'ghost', type: 'button', icon: _jsx(LuChevronRight, { size: 16 }), "aria-label": nextMonthLabel ?? copy.common.next, onClick: () => setCursorMonth((current) => shiftMonth(current, 1)) })] }), _jsx("div", { className: 'oui-date-picker-weekdays', children: weekdays.map((weekday) => (_jsx("span", { children: weekday }, weekday))) }), _jsx("div", { className: 'oui-date-picker-grid', children: monthState.weeks.flatMap((week) => week.map((day) => (_jsx("button", { type: 'button', className: 'oui-date-picker-day', "data-outside": day.outsideMonth ? 'true' : undefined, "data-selected": day.selected ? 'true' : undefined, "data-today": day.today ? 'true' : undefined, disabled: day.disabled, "aria-pressed": day.selected, onClick: () => selectDate(day.date), children: day.day }, day.date)))) }), _jsxs("div", { className: 'oui-date-picker-foot', children: [_jsx(Button, { size: 1, v: 'ghost', type: 'button', onClick: () => selectDate(clampDate(new Date().toISOString().slice(0, 10), min, max)), children: todayLabel ?? copy.dates.today }), clearable ? (_jsx(Button, { size: 1, v: 'ghost', type: 'button', disabled: !value, onClick: () => {
+                                onValueChange('');
+                                setOpen(false);
+                            }, children: copy.common.clear })) : null] })] }) }));
+}

package/dist/components/DatePicker/DatePickerState.d.ts

@@ -0,0 +1,30 @@
+export type CalendarDayState = {
+    date: string;
+    day: number;
+    outsideMonth: boolean;
+    selected: boolean;
+    today: boolean;
+    disabled: boolean;
+};
+export type CalendarMonthState = {
+    month: string;
+    year: number;
+    monthIndex: number;
+    weeks: CalendarDayState[][];
+};
+export type DatePickerDisabledDate = (date: string) => boolean;
+export declare function calendarMonthState({ cursorMonth, selectedDate, today, min, max, disabledDate, }: {
+    cursorMonth: string;
+    selectedDate?: string | null;
+    today?: string;
+    min?: string;
+    max?: string;
+    disabledDate?: DatePickerDisabledDate;
+}): CalendarMonthState;
+export declare function monthCursorForDate(value?: string | null, fallback?: string): string;
+export declare function shiftMonth(cursorMonth: string, offset: number): string;
+export declare function clampDate(value: string, min?: string, max?: string): string;
+export declare function formatDateLabel(value: string, locale: string): string;
+export declare function formatMonthLabel(cursorMonth: string, locale: string): string;
+export declare function weekdayLabels(locale: string): string[];
+//# sourceMappingURL=DatePickerState.d.ts.map

package/dist/components/DatePicker/DatePickerState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerState.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerState.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;AAE/D,wBAAgB,kBAAkB,CAAC,EAC/B,WAAW,EACX,YAAY,EACZ,KAAK,EACL,GAAG,EACH,GAAG,EACH,YAAY,GACf,EAAE;IACC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACzC,GAAG,kBAAkB,CA+BrB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAGnF;AAED,wBAAgB,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAGtE;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAI3E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAQrE;AAED,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAO5E;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAKtD"}

package/dist/components/DatePicker/DatePickerState.js

@@ -0,0 +1,106 @@
+export function calendarMonthState({ cursorMonth, selectedDate, today, min, max, disabledDate, }) {
+    const cursor = parseDateParts(cursorMonth) ?? requiredDateParts(todayIsoDate());
+    const monthStart = new Date(Date.UTC(cursor.year, cursor.monthIndex, 1));
+    const gridStart = new Date(monthStart);
+    const startOffset = (monthStart.getUTCDay() + 6) % 7;
+    gridStart.setUTCDate(monthStart.getUTCDate() - startOffset);
+    const normalizedToday = today ?? todayIsoDate();
+    const days = Array.from({ length: 42 }, (_, index) => {
+        const date = new Date(gridStart);
+        date.setUTCDate(gridStart.getUTCDate() + index);
+        const dateValue = formatDate(date);
+        return {
+            date: dateValue,
+            day: date.getUTCDate(),
+            outsideMonth: date.getUTCMonth() !== cursor.monthIndex,
+            selected: selectedDate === dateValue,
+            today: normalizedToday === dateValue,
+            disabled: (min !== undefined && dateValue < min) ||
+                (max !== undefined && dateValue > max) ||
+                Boolean(disabledDate?.(dateValue)),
+        };
+    });
+    return {
+        month: formatMonth(cursor.year, cursor.monthIndex),
+        year: cursor.year,
+        monthIndex: cursor.monthIndex,
+        weeks: chunk(days, 7),
+    };
+}
+export function monthCursorForDate(value, fallback) {
+    const parts = parseDateParts(value ?? '') ?? parseDateParts(fallback ?? '') ?? requiredDateParts(todayIsoDate());
+    return formatMonth(parts.year, parts.monthIndex);
+}
+export function shiftMonth(cursorMonth, offset) {
+    const parts = parseDateParts(cursorMonth) ?? requiredDateParts(todayIsoDate());
+    return formatMonth(parts.year, parts.monthIndex + offset);
+}
+export function clampDate(value, min, max) {
+    if (min !== undefined && value < min)
+        return min;
+    if (max !== undefined && value > max)
+        return max;
+    return value;
+}
+export function formatDateLabel(value, locale) {
+    const parts = parseDateParts(value);
+    if (!parts)
+        return value;
+    return new Intl.DateTimeFormat(locale, {
+        day: '2-digit',
+        month: 'short',
+        year: 'numeric',
+    }).format(new Date(Date.UTC(parts.year, parts.monthIndex, parts.day)));
+}
+export function formatMonthLabel(cursorMonth, locale) {
+    const parts = parseDateParts(cursorMonth);
+    if (!parts)
+        return cursorMonth;
+    return new Intl.DateTimeFormat(locale, {
+        month: 'long',
+        year: 'numeric',
+    }).format(new Date(Date.UTC(parts.year, parts.monthIndex, 1)));
+}
+export function weekdayLabels(locale) {
+    return Array.from({ length: 7 }, (_, index) => {
+        const day = new Date(Date.UTC(2026, 5, 29 + index));
+        return new Intl.DateTimeFormat(locale, { weekday: 'short' }).format(day);
+    });
+}
+function parseDateParts(value) {
+    const match = /^(\d{4})-(\d{2})(?:-(\d{2}))?$/.exec(value);
+    if (!match)
+        return null;
+    const year = Number(match[1]);
+    const month = Number(match[2]);
+    const day = Number(match[3] ?? '01');
+    if (!Number.isInteger(year) || month < 1 || month > 12 || day < 1 || day > 31)
+        return null;
+    return { year, monthIndex: month - 1, day };
+}
+function requiredDateParts(value) {
+    const parts = parseDateParts(value);
+    if (!parts)
+        return { year: 1970, monthIndex: 0, day: 1 };
+    return parts;
+}
+function formatMonth(year, monthIndex) {
+    const date = new Date(Date.UTC(year, monthIndex, 1));
+    return `${date.getUTCFullYear()}-${pad(date.getUTCMonth() + 1)}`;
+}
+function formatDate(date) {
+    return `${date.getUTCFullYear()}-${pad(date.getUTCMonth() + 1)}-${pad(date.getUTCDate())}`;
+}
+function todayIsoDate() {
+    return formatDate(new Date());
+}
+function pad(value) {
+    return String(value).padStart(2, '0');
+}
+function chunk(items, size) {
+    const result = [];
+    for (let index = 0; index < items.length; index += size) {
+        result.push(items.slice(index, index + size));
+    }
+    return result;
+}

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,19 @@
+import { type DatePickerProps } from '../DatePicker/DatePicker';
+export type DateRangePickerValue = {
+    from: string;
+    to: string;
+};
+export declare function DateRangePicker({ value, onValueChange, min, max, disabledDate, fromPlaceholder, toPlaceholder, clearable, disabled, readOnly, testId, }: {
+    value: DateRangePickerValue;
+    onValueChange: (value: DateRangePickerValue) => void;
+    min?: string;
+    max?: string;
+    disabledDate?: DatePickerProps['disabledDate'];
+    fromPlaceholder?: string;
+    toPlaceholder?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/components/DateRangePicker/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,eAAe,EAAC,MAAM,0BAA0B,CAAC;AAE1E,MAAM,MAAM,oBAAoB,GAAG;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,CAAC;AAE9D,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,GAAG,EACH,GAAG,EACH,YAAY,EACZ,eAAe,EACf,aAAa,EACb,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,GACT,EAAE;IACC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CA6BA"}

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '../Flex/Flex';
+import { DatePicker } from '../DatePicker/DatePicker';
+export function DateRangePicker({ value, onValueChange, min, max, disabledDate, fromPlaceholder, toPlaceholder, clearable, disabled, readOnly, testId, }) {
+    return (_jsxs(Flex, { g: 2, testId: testId, children: [_jsx(DatePicker, { value: value.from, min: min, max: value.to || max, disabledDate: disabledDate, placeholder: fromPlaceholder, clearable: clearable, disabled: disabled, readOnly: readOnly, testId: testId ? `${testId}-from` : undefined, onValueChange: (from) => onValueChange({ ...value, from }) }), _jsx(DatePicker, { value: value.to, min: value.from || min, max: max, disabledDate: disabledDate, placeholder: toPlaceholder, clearable: clearable, disabled: disabled, readOnly: readOnly, testId: testId ? `${testId}-to` : undefined, onValueChange: (to) => onValueChange({ ...value, to }) })] }));
+}

package/dist/components/DateRangePresetPicker/DateRangePresetPicker.d.ts

@@ -0,0 +1,10 @@
+import type { DateRangePickerValue } from '../DateRangePicker/DateRangePicker';
+export type DateRangePreset = 'today' | 'week' | 'month';
+export declare function DateRangePresetPicker({ onSelect, onValueChange, presets, today, testId, }: {
+    onSelect?: (preset: DateRangePreset) => void;
+    onValueChange?: (value: DateRangePickerValue, preset: DateRangePreset) => void;
+    presets?: ReadonlyArray<DateRangePreset>;
+    today?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateRangePresetPicker.d.ts.map

package/dist/components/DateRangePresetPicker/DateRangePresetPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePresetPicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePresetPicker/DateRangePresetPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,oCAAoC,CAAC;AAG7E,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,EAClC,QAAQ,EACR,aAAa,EACb,OAAoC,EACpC,KAAK,EACL,MAAM,GACT,EAAE;IACC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/E,OAAO,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CA6BA"}

package/dist/components/DateRangePresetPicker/DateRangePresetPicker.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LuCalendarDays } from 'react-icons/lu';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { IconButton } from '../IconButton/IconButton';
+import { Menu } from '../Menu/Menu';
+import { resolveDateRangePreset } from './DateRangePresetPickerState';
+export function DateRangePresetPicker({ onSelect, onValueChange, presets = ['today', 'week', 'month'], today, testId, }) {
+    const { copy } = useOrcestrUiLocale();
+    const items = presets.map((preset) => ({
+        key: preset,
+        label: presetLabel(preset, copy.dates),
+        onSelect: () => {
+            onSelect?.(preset);
+            onValueChange?.(resolveDateRangePreset(preset, today), preset);
+        },
+    }));
+    return (_jsx(Menu, { side: 'top', align: 'start', items: items, testId: testId, trigger: _jsx(IconButton, { size: 2, v: 'ghost', icon: _jsx(LuCalendarDays, { size: 15 }), "aria-label": copy.dates.quickPeriods, type: 'button', testId: testId ? `${testId}-trigger` : undefined }) }));
+}
+function presetLabel(preset, copy) {
+    if (preset === 'today')
+        return copy.today;
+    if (preset === 'week')
+        return copy.week;
+    return copy.month;
+}

package/dist/components/DateRangePresetPicker/DateRangePresetPickerState.d.ts

@@ -0,0 +1,4 @@
+import type { DateRangePickerValue } from '../DateRangePicker/DateRangePicker';
+import type { DateRangePreset } from './DateRangePresetPicker';
+export declare function resolveDateRangePreset(preset: DateRangePreset, today?: string): DateRangePickerValue;
+//# sourceMappingURL=DateRangePresetPickerState.d.ts.map

package/dist/components/DateRangePresetPicker/DateRangePresetPickerState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePresetPickerState.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePresetPicker/DateRangePresetPickerState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,oCAAoC,CAAC;AAE7E,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAE7D,wBAAgB,sBAAsB,CAClC,MAAM,EAAE,eAAe,EACvB,KAAK,SAAwC,GAC9C,oBAAoB,CActB"}

package/dist/components/DateRangePresetPicker/DateRangePresetPickerState.js

@@ -0,0 +1,20 @@
+export function resolveDateRangePreset(preset, today = new Date().toISOString().slice(0, 10)) {
+    if (preset === 'today')
+        return { from: today, to: today };
+    if (preset === 'week') {
+        return {
+            from: shiftDate(today, -6),
+            to: today,
+        };
+    }
+    return {
+        from: `${today.slice(0, 8)}01`,
+        to: today,
+    };
+}
+function shiftDate(value, days) {
+    const [year, month, day] = value.split('-').map(Number);
+    const date = new Date(Date.UTC(year, month - 1, day));
+    date.setUTCDate(date.getUTCDate() + days);
+    return date.toISOString().slice(0, 10);
+}

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,2 @@
+export { Modal as Dialog, type ModalProps as DialogProps } from '../Modal/Modal';
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,MAAM,EAAE,KAAK,UAAU,IAAI,WAAW,EAAC,MAAM,gBAAgB,CAAC"}

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1 @@
+export { Modal as Dialog } from '../Modal/Modal';

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,30 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type DrawerSide = 'bottom' | 'left' | 'right' | 'top';
+export type DrawerProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    side?: DrawerSide;
+    size?: number | string;
+    title?: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    modal?: boolean;
+    trapFocus?: boolean;
+    lockScroll?: boolean;
+    closeOnBackdropClick?: boolean;
+    closeOnEscape?: boolean;
+    showBackdrop?: boolean;
+    showCloseButton?: boolean;
+    className?: string;
+    panelClassName?: string;
+    bodyClassName?: string;
+    backdropClassName?: string;
+    style?: CSSProperties;
+    panelStyle?: CSSProperties;
+    backdropStyle?: CSSProperties;
+    testId?: string;
+};
+export declare function Drawer({ open, defaultOpen, onOpenChange, side, size, title, description, children, footer, modal, trapFocus, lockScroll, closeOnBackdropClick, closeOnEscape, showBackdrop, showCloseButton, className, panelClassName, bodyClassName, backdropClassName, style, panelStyle, backdropStyle, testId, }: DrawerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAiBf,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACnB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,IAAc,EACd,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAY,EACZ,SAAiB,EACjB,UAAkB,EAClB,oBAA2B,EAC3B,aAAoB,EACpB,YAAoB,EACpB,eAAsB,EACtB,SAAS,EACT,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,KAAK,EACL,UAAU,EACV,aAAa,EACb,MAAM,GACT,EAAE,WAAW,kDAqHb"}

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,83 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useId, useMemo, useRef, } from 'react';
+import { LuX } from 'react-icons/lu';
+import { useDisclosure } from '../../hooks/useDisclosure';
+import { useFocusTrap } from '../../hooks/useFocusTrap';
+import { usePresence } from '../../hooks/usePresence';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { OrcestrThemeContext } from '../../theme/useTheme';
+import { cn } from '../../utils/cn';
+import { IconButton } from '../IconButton/IconButton';
+import { lockOverlayScroll, useOverlayContext, useOverlayLayerIndex, } from '../Overlay/OverlayProvider';
+import { Portal } from '../Portal/Portal';
+export function Drawer({ open, defaultOpen, onOpenChange, side = 'right', size, title, description, children, footer, modal = true, trapFocus = modal, lockScroll = modal, closeOnBackdropClick = true, closeOnEscape = true, showBackdrop = modal, showCloseButton = true, className, panelClassName, bodyClassName, backdropClassName, style, panelStyle, backdropStyle, testId, }) {
+    const { copy } = useOrcestrUiLocale();
+    const themeContext = useContext(OrcestrThemeContext);
+    const overlay = useOverlayContext();
+    const disclosure = useDisclosure({ open, defaultOpen, onOpenChange });
+    const { open: isOpen, setOpen } = disclosure;
+    const duration = themeContext?.theme.motion.modalDuration ?? '260ms';
+    const durationMs = durationToMs(duration, 260);
+    const ease = themeContext?.theme.motion.ease ?? 'cubic-bezier(0.22, 1, 0.36, 1)';
+    const { present, state } = usePresence(isOpen, durationMs);
+    const layerIndex = useOverlayLayerIndex(present);
+    const zIndex = overlay.zIndex.modal + layerIndex * 20;
+    const panelRef = useRef(null);
+    const titleId = useId();
+    const descriptionId = useId();
+    const resolvedSize = cssSize(size ?? defaultDrawerSize(side));
+    const drawerStyle = useMemo(() => ({
+        '--oui-drawer-size': resolvedSize,
+        '--oui-drawer-duration': cssDuration(duration),
+        '--oui-drawer-ease': ease,
+        zIndex,
+        ...style,
+    }), [duration, ease, resolvedSize, style, zIndex]);
+    useFocusTrap(panelRef, present && trapFocus);
+    useEffect(() => {
+        if (!present || !closeOnEscape)
+            return;
+        const handleKeyDown = (event) => {
+            if (event.key !== 'Escape')
+                return;
+            event.preventDefault();
+            setOpen(false);
+        };
+        document.addEventListener('keydown', handleKeyDown, true);
+        return () => document.removeEventListener('keydown', handleKeyDown, true);
+    }, [closeOnEscape, present, setOpen]);
+    useEffect(() => {
+        if (!present || !lockScroll)
+            return;
+        return lockOverlayScroll();
+    }, [lockScroll, present]);
+    if (!present)
+        return null;
+    return (_jsx(Portal, { children: _jsxs("div", { className: cn('oui-drawer-layer', className), "data-state": state, "data-side": side, "data-modal": modal ? 'true' : undefined, "data-testid": testId, style: drawerStyle, children: [showBackdrop ? (_jsx("button", { type: 'button', "aria-label": copy.common.close, className: cn('oui-drawer-backdrop', backdropClassName), "data-state": state, "data-testid": testId ? `${testId}-backdrop` : undefined, style: backdropStyle, onClick: () => {
+                        if (closeOnBackdropClick)
+                            setOpen(false);
+                    } })) : null, _jsxs("div", { ref: panelRef, role: modal ? 'dialog' : 'complementary', "aria-modal": modal ? 'true' : undefined, "aria-labelledby": title ? titleId : undefined, "aria-describedby": description ? descriptionId : undefined, className: cn('oui-drawer-panel', panelClassName), "data-state": state, "data-side": side, "data-testid": testId ? `${testId}-panel` : undefined, style: panelStyle, children: [title || description || showCloseButton ? (_jsxs("div", { className: 'oui-drawer-header', children: [_jsxs("div", { className: 'oui-drawer-title-wrap', children: [title ? (_jsx("h2", { id: titleId, className: 'oui-drawer-title', children: title })) : null, description ? (_jsx("p", { id: descriptionId, className: 'oui-drawer-description', children: description })) : null] }), showCloseButton ? (_jsx(IconButton, { v: 'ghost', icon: _jsx(LuX, { size: 18 }), "aria-label": copy.common.close, onClick: () => setOpen(false) })) : null] })) : null, _jsx("div", { className: cn('oui-drawer-body', bodyClassName), children: children }), footer ? _jsx("div", { className: 'oui-drawer-footer', children: footer }) : null] })] }) }));
+}
+function defaultDrawerSize(side) {
+    return side === 'left' || side === 'right' ? 'min(86vw, 360px)' : 'min(80vh, 420px)';
+}
+function cssSize(value) {
+    return typeof value === 'number' ? `${value}px` : value;
+}
+function cssDuration(value) {
+    return typeof value === 'number' ? `${value}ms` : value;
+}
+function durationToMs(value, fallback) {
+    if (typeof value === 'number')
+        return Math.max(0, value);
+    const normalized = value.trim().toLowerCase();
+    const parsed = Number.parseFloat(normalized);
+    if (!Number.isFinite(parsed))
+        return fallback;
+    if (normalized.endsWith('ms'))
+        return Math.max(0, parsed);
+    if (normalized.endsWith('s'))
+        return Math.max(0, parsed * 1000);
+    return Math.max(0, parsed);
+}