@tap-payments/os-micro-frontend-shared 0.3.245 → 0.3.246

package/build/datetime/components/DateRangeCalendar/TimePicker/style.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export declare const TimePickerWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TimePickerDigit: import("@emotion/styled").StyledComponent<Omit<Omit<import("../../../../components/primitives").TypographyProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLElement> | ((instance: HTMLElement | null) => void) | null | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    open: boolean;
+    size: 'large' | 'small';
+}, {}, {}>;
+export declare const TimePickerArrow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TimePickerPeriod: import("@emotion/styled").StyledComponent<Omit<Omit<import("../../../../components/primitives").TypographyProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLElement> | ((instance: HTMLElement | null) => void) | null | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    selected: boolean;
+}, {}, {}>;
+export declare const TimePickerPeriods: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TimePickerColumns: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TimePickerColumn: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TimePickerInput: import("@emotion/styled").StyledComponent<Omit<Omit<import("../../../../components/primitives").InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/datetime/components/DateRangeCalendar/context.d.ts

@@ -0,0 +1,35 @@
+import { MutableRefObject, MouseEvent } from 'react';
+import { CalendarRef, DateObject } from 'react-multi-date-picker';
+import type { ZoneRef } from '../../zone';
+import type { GroupByOption } from '../types';
+import type { DateRangeCalendarProps } from './types';
+export interface DateRangeCalendarContextValue {
+    /** The pair being edited. Not yet the caller's: it only becomes a range on apply. */
+    draft: [DateObject, DateObject];
+    /** The user's all-day choice, or what an incoming `range` seeded. Never re-derived from the bounds. */
+    isAllDay: boolean;
+    isSameDay: boolean;
+    isError: boolean;
+    maxRangeDays: number;
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    pickedZone: ZoneRef;
+    selectedGroupBy: GroupByOption;
+    calendarRef: MutableRefObject<CalendarRef | null>;
+    maxDate: Date | undefined;
+    /** The applied pair as the trigger spells it. */
+    rangeLabel: string | undefined;
+    pickRange: (next: DateObject[]) => void;
+    pickPreset: (next: [DateObject, DateObject]) => void;
+    setTimes: (next: [DateObject, DateObject]) => void;
+    setAllDay: (checked: boolean) => void;
+    pickZone: (next: ZoneRef) => void;
+    setGroupBy: (next: GroupByOption) => void;
+    openPicker: (event: MouseEvent<HTMLElement>) => void;
+    closePicker: () => void;
+    apply: () => void;
+}
+export declare const DateRangeCalendarContext: import("react").Context<DateRangeCalendarContextValue | null>;
+export declare function useDateRangeCalendar(): DateRangeCalendarContextValue;
+/** The picker's own draft in one place: the pair, the all-day flag, the zone, the open state and the ops. */
+export declare function useDateRangeCalendarState({ zone, range, onApply, calendarMode, maxRangeDays: maxRangeDaysProp, groupBy, onGroupByChange, }: Readonly<DateRangeCalendarProps>): DateRangeCalendarContextValue;

package/build/datetime/components/DateRangeCalendar/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DateRangeCalendar } from './DateRangeCalendar';
+export { useDateRangeCalendar } from './context';
+export type { DateRangeCalendarContextValue } from './context';
+export type { DateRangeCalendarProps } from './types';

package/build/datetime/components/DateRangeCalendar/style.d.ts

@@ -0,0 +1,73 @@
+/// <reference types="react" />
+export declare const CalenderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const CancelButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "disabled" | "classes" | "className" | "style" | "tabIndex" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "variant" | "size" | "startIcon" | "endIcon" | "fullWidth" | "href" | "disableFocusRipple" | "disableElevation"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const OkayButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "disabled" | "classes" | "className" | "style" | "tabIndex" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "variant" | "size" | "startIcon" | "endIcon" | "fullWidth" | "href" | "disableFocusRipple" | "disableElevation"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const ButtonsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const SelectedDate: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "disabled" | "classes" | "className" | "style" | "tabIndex" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "variant" | "size" | "startIcon" | "endIcon" | "fullWidth" | "href" | "disableFocusRipple" | "disableElevation"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    open: boolean;
+}, {}, {}>;
+export declare const Footer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const FiltersArea: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TimeZone: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Main: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Settings: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const GroupByLabel: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const GroupByDropdownButton: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    open: boolean;
+}, {}, {}>;
+export declare const GroupByDropdown: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const GroupByOptionButton: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const CalendarModeToggleWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const ArrowButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "disabled" | "classes" | "className" | "style" | "tabIndex" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "variant" | "size" | "startIcon" | "endIcon" | "fullWidth" | "href" | "disableFocusRipple" | "disableElevation"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const PresetButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "disabled" | "classes" | "className" | "style" | "tabIndex" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "variant" | "size" | "startIcon" | "endIcon" | "fullWidth" | "href" | "disableFocusRipple" | "disableElevation"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const PresetsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const AllDayToggle: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    isAllDay?: boolean | undefined;
+}, {}, {}>;
+export declare const RangeTimeArea: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const RangeTimePickers: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const RangeTimeAreaInner: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/datetime/components/DateRangeCalendar/types.d.ts

@@ -0,0 +1,24 @@
+import type { CalendarMode } from '../../calendar';
+import type { ZoneRef } from '../../zone';
+import type { DateRangeSelection, GroupByOption } from '../types';
+export interface DateRangeCalendarProps {
+    /** The pick zone, with the country it was picked as. Applied once on apply, to the bounds — and emitted for the caller to keep for display. */
+    zone: ZoneRef;
+    /** The range to show: a pair of moments, each read on `zone`'s clock to get the day it displays. */
+    range: [Date, Date];
+    /**
+     * Fires on apply with the picked dates and the picked zone, kept apart. Return `false` to reject:
+     * the draft is kept and the picker stays open, i.e. the caller applies, not the calendar.
+     */
+    onApply: (selection: DateRangeSelection) => boolean | void;
+    calendarMode?: CalendarMode;
+    onCalendarModeChange?: (mode: CalendarMode) => void;
+    /** Day cap for a pick: `undefined` = 31, `0` = unlimited. */
+    maxRangeDays?: number;
+    groupBy?: GroupByOption;
+    onGroupByChange?: (value: GroupByOption) => void;
+    /** Offered as the zone picker's default entity entry. */
+    defaultCountryZone?: ZoneRef;
+    /** Segment ISO country codes → the zone picker's entity-zones group. */
+    countryCodes?: string[];
+}

package/build/datetime/components/DateRangeCalendar/utils.d.ts

@@ -0,0 +1,18 @@
+import DateObject from 'react-date-object';
+import type { CalendarMode } from '../../calendar';
+import type { ZoneId } from '../../zone';
+export declare const calendarLocaleOf: (mode: CalendarMode) => import("react-date-object").Locale;
+export declare const calendarSystemOf: (mode: CalendarMode) => import("react-date-object").Calendar;
+/** A calendar day → the calendar's `DateObject`. A hijri calendar renders the day's fields as hijri. */
+export declare const toDateObject: (date: Date | undefined, mode: CalendarMode) => DateObject | undefined;
+/** The committed prop range as `DateObject`s: each bound read on `zone`'s clock, the way it was placed. */
+export declare const rangeToDateObjects: (range: [Date, Date], mode: CalendarMode, zone: ZoneId) => [DateObject, DateObject];
+/**
+ * Whole days between two dates, read off their calendar fields — not an instant difference: the
+ * pair spans 23 or 25 hours across a DST change, and the limit counts days, not elapsed time.
+ */
+export declare const daysBetween: (from: Date, to: Date) => number;
+export declare const setStartOfDay: (date: DateObject) => DateObject;
+export declare const setEndOfDay: (date: DateObject) => DateObject;
+/** Whether both bounds sit on the same displayed day — the gate for the time editors. */
+export declare const isSameDay: (values: [DateObject, DateObject]) => boolean;

package/build/datetime/components/ZonePicker/EntityZonesGroup.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { ZoneRef } from '../../zone';
+interface EntityZonesGroupProps {
+    zone: ZoneRef;
+    onChange: (zone: ZoneRef) => void;
+    defaultCountryZone: ZoneRef;
+    countryCodes: string[];
+}
+/** The segment's zones: one row that expands on hover to pick among the countries' zones. */
+export default function EntityZonesGroup({ zone, onChange, defaultCountryZone, countryCodes }: EntityZonesGroupProps): import("react").JSX.Element;
+export {};

package/build/datetime/components/ZonePicker/LocalZoneOption.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ZoneRef } from '../../zone';
+interface LocalZoneOptionProps {
+    zone: ZoneRef;
+    onChange: (zone: ZoneRef) => void;
+}
+/** The browser's own zone as a pick; hidden where `Intl` cannot name one. */
+export default function LocalZoneOption({ zone, onChange }: LocalZoneOptionProps): import("react").JSX.Element | null;
+export {};

package/build/datetime/components/ZonePicker/ZonePicker.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { ZoneRef } from '../../zone';
+interface ZonePickerProps {
+    /** The currently picked pair (the calendar's draft). */
+    zone: ZoneRef;
+    onChange: (zone: ZoneRef) => void;
+    /** Offered as the entity group's default entry. */
+    defaultCountryZone: ZoneRef;
+    /** Segment ISO country codes → the entity-zones group. */
+    countryCodes: string[];
+}
+/** Two-group zone menu: the segment's entity zones plus the user's own zone. */
+declare function ZonePicker({ zone, onChange, defaultCountryZone, countryCodes }: ZonePickerProps): import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof ZonePicker>;
+export default _default;

package/build/datetime/components/ZonePicker/style.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const TimezoneWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const TimezoneDropdown: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const SelectedTimezone: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    open: boolean;
+}, {}, {}>;
+export declare const TimezoneElement: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Space: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/datetime/components/ZonedDateCell/ZonedDateCell.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { TableCellProps } from '@mui/material/TableCell';
+import type { CalendarFormats } from '../../calendar';
+import type { DateInput } from '../../types';
+import type { ZoneId } from '../../zone';
+interface ZonedDateCellProps extends TableCellProps {
+    /** The instant to display, formatted in `zone`. */
+    value?: DateInput;
+    zone: ZoneId;
+    format: CalendarFormats;
+}
+/**
+ * The bare zone-aware date cell: text straight into the cell, no container. This is the shape
+ * `PayoutDateCell` had, kept for callers whose column had no flag slot to wrap.
+ */
+declare function ZonedDateCell({ value, zone, format, ...props }: ZonedDateCellProps): import("react").JSX.Element;
+export default ZonedDateCell;

package/build/datetime/components/ZonedDateViewer/ZonedDateViewer.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import type { TableCellProps } from '@mui/material/TableCell';
+import type { TableMode } from '../../../types/table';
+import type { CalendarFormats } from '../../calendar';
+import type { DateInput } from '../../types';
+import type { ZoneId } from '../../zone';
+interface ZonedDateViewerProps extends TableCellProps {
+    /** The instant to display, formatted in `zone`. Ignored when `rendered` is given. */
+    value?: DateInput;
+    zone: ZoneId;
+    format?: CalendarFormats;
+    /** Pre-formatted content, for callers that already built their label. */
+    rendered?: ReactNode;
+    tableMode?: TableMode;
+}
+/** The plain zone-aware date cell — no flag, no tooltip. */
+declare function ZonedDateViewer({ value, zone, format, rendered, tableMode, ...props }: ZonedDateViewerProps): import("react").JSX.Element;
+export default ZonedDateViewer;

package/build/datetime/components/ZonedDateViewer/style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ViewerContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/datetime/components/index.d.ts

@@ -0,0 +1,6 @@
+export { DateRangeCalendar } from './DateRangeCalendar';
+export type { DateRangeCalendarProps } from './DateRangeCalendar';
+export { default as ZonePicker } from './ZonePicker/ZonePicker';
+export { default as ZonedDateCell } from './ZonedDateCell/ZonedDateCell';
+export { default as ZonedDateViewer } from './ZonedDateViewer/ZonedDateViewer';
+export type { DateRangeSelection, GroupByOption } from './types';

package/build/datetime/components/index.js

@@ -0,0 +1 @@
+import {a as a$1}from'../../_chunks/chunk-OGUTYP7U.js';import {a}from'../../_chunks/chunk-26JDD265.js';import {b}from'../../_chunks/chunk-GDTR32HP.js';import {j,L,B,x,R as R$1,h as h$1}from'../../_chunks/chunk-AJJSWLJL.js';import {t,r,v as v$1,w,u,h,j as j$1,b as b$1,k,i}from'../../_chunks/chunk-TXE2HSXL.js';import {Bc,Wa,Ka}from'../../_chunks/chunk-BYJ7JVY3.js';import {Vj,Wj,Xj,Yj,Wc,dc,fc,ec,dl,el}from'../../_chunks/chunk-4FJ26UVI.js';import'../../_chunks/chunk-ZDBICST5.js';import {memo,createContext,useState,useMemo,useId,useRef,useEffect,useContext}from'react';import y from'@mui/material/Box';import lt from'@mui/material/Popper';import {useTranslation}from'react-i18next';import mt from'@mui/material/ClickAwayListener';import {styled,alpha}from'@mui/material/styles';import {jsx,jsxs}from'react/jsx-runtime';import U from'@mui/material/Button';import {Calendar,DateObject}from'react-multi-date-picker';import Ee from'react-date-object';import xt from'react-date-object/calendars/arabic';import yt from'react-date-object/calendars/gregorian';import bt from'react-date-object/locales/arabic_en';import Ct from'react-date-object/locales/gregorian_en';var ao=styled(y)(()=>({'[class$="-IndicatorsContainer2"]':{display:"none"},"#react-select-2-listbox":{width:300}})),fe=styled(y)(({theme:e})=>({borderRadius:e.spacing(.5),border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,boxShadow:e.shadows[10],minWidth:200,width:"max-content",overflow:"auto"})),io=styled(y,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:o})=>({width:156,fontSize:"11px",color:e.palette.text.primary,border:"1px solid",borderColor:e.palette.divider,minHeight:32,borderRadius:"4px",padding:e.spacing(1),whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",cursor:"pointer",display:"flex",alignItems:"center",gap:e.spacing(1),fontWeight:500,...o&&{borderRadius:"4px",boxShadow:e.shadows[7],border:"1px solid",borderColor:e.palette.info.dark,background:e.palette.common.white},span:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}})),V=styled(y)(({theme:e})=>({padding:e.spacing(1),color:e.palette.text.primary,fontSize:"11px",display:"flex",alignItems:"center",gap:e.spacing(1),height:33,cursor:"pointer","&:hover":{boxShadow:"0px 0px 16px 0px #00000021"},"&+&":{borderTop:"1px solid",borderColor:e.palette.divider},"&.active span":{fontWeight:500},span:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}})),$=styled(y)(()=>({width:12,height:12})),_=styled(y)(({theme:e})=>({fontSize:"11px",color:e.palette.text.secondary,lineHeight:"15.03px","&.selected":{color:e.palette.info.dark}}));function Re({zone:e,onChange:o,defaultCountryZone:r,countryCodes:n}){let[p,l]=useState(null),a$1=m=>{p||l(m.currentTarget);},i=()=>{p&&l(null);},t=(m,k)=>{m.stopPropagation(),o(k);},g=useMemo(()=>n.map(u).filter(m=>!!m),[n]),c=g.some(m=>v$1(m,e)),x=c?e:r;return jsxs(V,{onMouseEnter:a$1,onMouseLeave:i,onClick:()=>{o(x);},children:[c?jsx("img",{src:Yj,alt:"icon"}):jsx($,{}),jsx("img",{src:Wj,alt:"entity-timezone"}),jsx(a,{countryCode:x.countryCode}),jsx(_,{className:c?"selected":"",children:w(x)}),jsx(lt,{open:!!p,anchorEl:p,placement:"right-start",sx:{zIndex:3},disablePortal:true,children:jsx(fe,{sx:{maxHeight:300},children:g.map(m=>{let k=v$1(m,e);return jsxs(V,{onClick:G=>{t(G,m);},sx:{gap:"4px"},children:[k?jsx("img",{src:Yj,alt:"icon"}):jsx($,{}),jsx(a,{countryCode:m.countryCode}),jsx(_,{className:k?"selected":"",children:w(m)})]},m.countryCode)})})})]})}function ve({zone:e,onChange:o}){let r$1=t(r());if(!r$1)return null;let n=v$1(r$1,e);return jsxs(V,{onClick:()=>o(r$1),children:[n?jsx("img",{src:Yj,alt:"icon"}):jsx($,{}),jsx("img",{src:Vj,alt:"user-timezone"}),jsx(a,{countryCode:r$1.countryCode}),jsx(_,{className:n?"selected":"",children:w(r$1)})]})}function ft({zone:e,onChange:o,defaultCountryZone:r$1,countryCodes:n}){let[p,l]=useState(null),a$1=!!p,i=t(r()),t$1=()=>{l(null);},g=m=>{o(m),t$1();},c=m=>{l(m.currentTarget);},x=v$1(e,i)?Vj:v$1(e,r$1)?Wj:Xj;return jsx(mt,{onClickAway:t$1,children:jsxs(ao,{"data-testid":"ZonePicker",children:[jsxs(io,{open:a$1,onClick:c,children:[jsx("img",{src:x,alt:"zone-icon"}),jsx(a,{countryCode:e.countryCode}),jsx("span",{children:w(e)})]}),jsx(lt,{open:a$1,anchorEl:p,placement:"top-start",sx:{zIndex:1400},children:jsxs(fe,{"data-testid":"ZonePicker_dropdown",children:[jsx(Re,{zone:e,onChange:g,defaultCountryZone:r$1,countryCodes:n}),jsx(ve,{zone:e,onChange:g})]})})]})})}var Be=memo(ft);var lo=styled(y)(({theme:e})=>({display:"flex",marginTop:"8px",background:e.palette.common.white,boxShadow:e.shadows[9],borderRadius:e.spacing(1),color:e.palette.text.primary,fontSize:"11px",".rmdp-calendar":{padding:"8px 16px 16px"},".rmdp-rtl *":{fontFamily:"Tajawal"},".rmdp-rtl .sd":{paddingTop:"4px"},".rmdp-wrapper":{position:"relative",borderRadius:"8px",boxShadow:"none"},".rmdp-day span":{fontSize:"11px",fontWeight:500},".rmdp-day, .rmdp-week-day":{width:40,height:40,marginBottom:"2px",padding:"4px",fontSize:"11px",color:e.palette.grey[900]},".rmdp-day-picker":{padding:0},".rmdp-day.rmdp-today span":{backgroundColor:"transparent !important",color:e.palette.info.dark},".rmdp-day.rmdp-today.end span, .rmdp-day.rmdp-today.end span":{color:e.palette.common.white},".rmdp-range, .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover":{background:e.palette.info.light,boxShadow:"none",color:e.palette.grey[900]},".rmdp-range-hover.start, .rmdp-range.start, .rmdp-range-hover.end, .rmdp-range.end, .rmdp-rtl .rmdp-range-hover.start, .rmdp-rtl .rmdp-range.start, .rmdp-rtl .rmdp-range-hover.end, .rmdp-rtl .rmdp-range.end":{borderRadius:"50%",background:e.palette.background.gradient.darkShadedBlue,color:e.palette.common.white},".rmdp-range.start:after":{content:'""',position:"absolute",background:e.palette.info.light,height:"100%",width:"50%",right:0,top:0,zIndex:-1},".rmdp-rtl .rmdp-range.start:after":{right:"unset",left:0},".rmdp-range.end:after":{content:'""',position:"absolute",background:e.palette.info.light,height:"100%",width:"50%",left:0,top:0,zIndex:-1},".rmdp-rtl .rmdp-range.end:after":{left:"unset",right:0},".rmdp-week-day":{color:e.palette.grey[700],marginBottom:"4px",fontSize:"11px",padding:"4px"},".rmdp-header-values":{color:e.palette.grey[900],fontSize:"12px",fontWeight:500,lineHeight:"20px",letterSpacing:"0.1px"},".rmdp-header-values span:nth-of-type(2)":{display:"none"},".rmdp-header":{padding:"4px 0",margin:0,fontSize:"12px"},".rmdp-top-class":{display:"block !important"},".rmdp-day.rmdp-selected span:not(.highlight)":{background:e.palette.info.dark},".rmdp-day.start.end":{overflow:"hidden"},".rmdp-day.rmdp-disabled":{color:"#ccc",cursor:"not-allowed"}})),so=styled(U)(({theme:e})=>({textTransform:"capitalize",padding:"8px 24px",width:75,height:32,fontSize:"11px",background:"transparent",color:e.palette.text.primary,border:"1px solid",borderColor:e.palette.divider,fontWeight:500,borderRadius:"4px","&:hover":{background:"transparent",color:e.palette.text.primary}})),co=styled(U)(({theme:e})=>({textTransform:"capitalize",padding:"8px 24px",width:75,height:32,fontSize:"11px",borderRadius:"4px",fontWeight:700,background:e.palette.info.dark,"&:hover":{background:e.palette.info.dark}})),mo=styled(y)(()=>({display:"flex",gap:8,marginLeft:"auto",flexShrink:0})),uo=styled(U,{shouldForwardProp:e=>e!=="open"})(({open:e,theme:o})=>({color:o.palette.text.primary,fontSize:"11px",fontWeight:500,padding:o.spacing(1),borderRadius:"4px",border:"1px solid",borderColor:o.palette.divider,background:o.palette.common.white,textTransform:"none",height:32,...e&&{border:"1px solid",borderColor:o.palette.info.dark,boxShadow:o.shadows[7]}})),fo=styled(y)(({theme:e})=>({background:e.palette.common.white,display:"flex",justifyContent:"space-between",alignItems:"center",gap:10,padding:"16px",borderTop:"1px solid",borderColor:e.palette.divider,borderBottomRightRadius:"8px"})),go=styled(y)(({theme:e})=>({padding:16,paddingInlineEnd:"23px",borderRight:"1px solid",borderColor:e.palette.divider,background:e.palette.common.white,width:"max-content",borderTopLeftRadius:"8px",borderBottomLeftRadius:"8px",display:"flex",flexDirection:"column",gap:10,justifyContent:"space-between"})),xo=styled(y)(()=>({display:"flex",alignItems:"center",gap:"10px"})),yo=styled(y)(()=>({position:"relative"})),bo=styled(y)(()=>({display:"flex",flexDirection:"column",gap:"24px"})),Co=styled(y)(({theme:e})=>({color:e.palette.grey[700],fontSize:"9px",fontWeight:500,marginBottom:"6px"})),Do=styled(y,{shouldForwardProp:e=>e!=="open"})(({theme:e,open:o})=>({borderRadius:"4px",border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,height:32,padding:"8px",display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",...o&&{border:`1px solid ${e.palette.info.dark}`,background:e.palette.common.white,boxShadow:e.shadows[7]}})),ho=styled(y)(({theme:e})=>({borderRadius:"8px",background:e.palette.common.white,boxShadow:"0px 8px 36px 0px rgba(0, 0, 0, 0.15)",textAlign:"center",color:e.palette.grey[900],fontSize:"12px",fontWeight:500,lineHeight:"20px",letterSpacing:"0.1px",padding:"16px",display:"flex",alignItems:"center",justifyContent:"center",gap:"12px",flexDirection:"column"})),ko=styled(y)(({theme:e})=>({width:71,padding:"4px 0",cursor:"pointer","&:hover, &.active":{borderRadius:"100px",background:e.palette.info.light}})),To=styled(y)(({theme:e})=>({border:"1px solid",borderColor:e.palette.divider,borderRadius:"50px",paddingInline:"6px 12px",color:e.palette.text.primary,fontSize:"11px",display:"flex",gap:"8px",alignItems:"center",justifyContent:"space-between",height:32,marginTop:"8px",img:{width:16,height:16},"& > div":{display:"flex",alignItems:"center",gap:"2px"}})),wo=styled(U)(()=>({minWidth:"auto",padding:0,"& > img":{cursor:"pointer"}})),Mo=styled(U)(({theme:e})=>({cursor:"pointer",borderRadius:"50px",border:"1px solid",borderColor:e.palette.divider,background:e.palette.common.white,color:e.palette.text.primary,fontSize:"11px",fontWeight:e.typography.fontWeightRegular,paddingInline:"12px",height:32,width:"max-content",textTransform:"unset","&:hover":{boxShadow:e.shadows[7],border:"1px solid",borderColor:e.palette.info.dark}})),Po=styled(y)(()=>({display:"flex",flexDirection:"column",gap:"8px"})),Ro=styled(y,{shouldForwardProp:e=>e!=="isAllDay"})(({theme:e,isAllDay:o})=>({display:"flex",alignItems:"center",gap:e.spacing(1),position:"relative",paddingInline:"5px",".label":{width:"max-content"},...!o&&{paddingRight:e.spacing(1),"&:after":{content:'""',position:"absolute",width:"1px",background:e.palette.divider,right:0,height:17}}})),vo=styled(y)(()=>({width:235})),So=styled(y)(()=>({display:"flex",gap:"4px"})),Bo=styled(y)(({theme:e})=>({display:"flex",gap:"8px",alignItems:"center",borderRadius:"50px",border:"1px solid",borderColor:e.palette.divider,paddingInline:"5px",width:"fit-content",height:32}));function Oe({calendarMode:e,onCalendarModeChange:o}){let{t:r}=useTranslation();return jsx(y,{children:jsxs(To,{children:[jsxs(y,{children:[jsx("img",{src:dc,alt:"hijri"}),jsx("span",{children:r("hijri")})]}),jsx(h$1,{checked:e==="hijri",onChange:()=>o?.(e==="hijri"?"gregorian":"hijri")})]})})}var P=e=>e==="hijri"?bt:Ct,R=e=>e==="hijri"?xt:yt,Ao=(e,o)=>!e||Number.isNaN(e.getTime())?void 0:new Ee({date:e,calendar:R(o),locale:P(o)}),Ae=(e,o,r)=>{let n=Ao(b$1(e?.[0],r),o),p=Ao(b$1(e?.[1],r),o);if(n&&p)return [n,p];let l=R(o),a=P(o),i=b$1(Date.now(),r)??new Date;return [new Ee({date:new Date(i.getFullYear(),i.getMonth(),i.getDate()-6),calendar:l,locale:a}),new Ee({date:i,calendar:l,locale:a})]},Zo=(e,o)=>Math.round((Date.UTC(o.getFullYear(),o.getMonth(),o.getDate())-Date.UTC(e.getFullYear(),e.getMonth(),e.getDate()))/864e5),xe=e=>e.setHour(0).setMinute(0).setSecond(0).setMillisecond(0),ye=e=>e.setHour(23).setMinute(59).setSecond(59).setMillisecond(999),Ze=e=>!!e[1]&&e[0].format("YYYYMMDD")===e[1].format("YYYYMMDD");var wt=31,ze=createContext(null);function v(){let e=useContext(ze);if(!e)throw new Error("useDateRangeCalendar must be used inside a DateRangeCalendar");return e}function Io({zone:e,range:o,onApply:r,calendarMode:n="gregorian",maxRangeDays:p,groupBy:l,onGroupByChange:a}){let[i$1,t]=useState(()=>Ae(o,n,e.zone)),[g,c]=useState(i$1),[x,m]=useState(e),[k$1,G]=useState(l??"day"),[oe,D]=useState(()=>j$1(o,e.zone)),[te,F]=useState(null),[re,ne]=useState(false),B=useRef(null),L=!!te,s=p===void 0?wt:p;useEffect(()=>{if(L)return;let d=Ae(o,n,e.zone);t(d),c(d),D(j$1(o,e.zone)),B.current&&B.current.set("date",d[0]);},[o,e.zone,e.countryCode,n,L]),useEffect(()=>{let d=u=>new DateObject({date:u.toDate(),calendar:R(n),locale:P(n)});t(u=>[d(u[0]),d(u[1])]),c(u=>[d(u[0]),d(u[1])]);},[n]),useEffect(()=>{m(d=>d.zone===e.zone&&d.countryCode===e.countryCode?d:e);},[e.zone,e.countryCode,L]);let T=d=>{let u=d;if(d.length<2||s===0)return u;let j=Zo(xe(d[0]).toDate(),ye(d[1]).toDate());return j<=s?u:(ne(true),setTimeout(()=>{ne(false);},3e3),[d[0],d[1].subtract(j-s,"d")])},Xo=d=>{let u=T(d);t(u),D(!Ze(u));},Jo=d=>{let u=T(d);t([xe(u[0]),ye(u[1])]),D(true),B.current&&B.current.set("date",u[0]);},et=d=>t(d),ot=d=>{D(d),d&&i$1[1]&&t([xe(i$1[0]),ye(i$1[1])]);},Ve=()=>F(null),tt=d=>F(d.currentTarget),rt=()=>{let d=[i$1[0].toDate(),i$1[1].toDate()];return {range:(oe?k(d,x.zone):i(d,x.zone))??d,zone:x}},nt=()=>{r(rt())!==false&&(c(i$1),a?.(k$1),Ve());},at=d=>{let u=d[0]?.format("MMM D"),j=d[1]?.format("MMM D")??u;return u?u===j?u:`${u} - ${j}`:j};return {draft:i$1,isAllDay:oe,isSameDay:Ze(i$1),isError:re,maxRangeDays:s,open:L,anchorEl:te,pickedZone:x,selectedGroupBy:k$1,calendarRef:B,maxDate:b$1(Date.now(),x.zone),rangeLabel:at(g),pickRange:Xo,pickPreset:Jo,setTimes:et,setAllDay:ot,pickZone:m,setGroupBy:G,openPicker:tt,closePicker:Ve,apply:nt}}var Lo={day:"Day",month:"Month",quarter:"Quarter",year:"Year"};function vt(){let{selectedGroupBy:e,setGroupBy:o,open:r}=v(),[n,p]=useState(null),l=!!n&&r,{t:a}=useTranslation();return jsx(mt,{onClickAway:()=>p(null),children:jsxs(y,{children:[jsx(Co,{children:a("groupedBy")}),jsxs(Do,{onClick:i=>p(i.currentTarget),open:l,children:[jsx("span",{children:Lo[e]}),jsx(y,{component:"img",src:Wc,alt:"arrow",sx:{...l&&{transform:"rotate(180deg)"}}})]}),jsx(R$1,{open:l,anchorEl:n,children:jsx(ho,{sx:{width:n?.clientWidth},children:Object.entries(Lo).map(([i,t])=>jsx(ko,{onClick:()=>{o(i),p(null);},className:e===i?"active":"",children:t},i))})})]})})}var Ho=vt;var Bt=["Su","Mo","Tu","We","Th","Fr","Sa"];function Ot({calendarMode:e}){let{draft:o,maxDate:r,calendarRef:n,pickRange:p}=v();return jsx(Calendar,{ref:n,numberOfMonths:2,value:o,onChange:p,calendar:R(e),locale:P(e),range:true,format:"MMM DD",monthYearSeparator:" ",renderButton:(l,a)=>jsx(wo,{onClick:a,children:jsx("img",{src:l==="right"?fc:ec,alt:"arrow"})}),weekDays:Bt,maxDate:r})}var Wo=Ot;function He({calendarMode:e}){let{t:o}=useTranslation(),{pickedZone:r,pickPreset:n}=v(),p=useMemo(()=>{let l=b$1(Date.now(),r.zone)??new Date,a=()=>new DateObject({date:l,calendar:R(e),locale:P(e)}),i=t=>a().subtract(t,"month");return [{id:"today",value:[a(),a()]},{id:"lastWeek",value:[a().subtract(6,"day"),a()]},{id:"lastMonth",value:[a().subtract(30,"day"),a()]},...[1,2,3].map(t=>({id:i(t).toFirstOfMonth().format("MMMM YYYY"),value:[i(t).toFirstOfMonth(),i(t).toLastOfMonth()]}))]},[e,r.zone]);return jsx(y,{"data-testid":"RangePresets",children:jsx(Po,{children:p.map(l=>jsx(Mo,{onClick:a=>{a.preventDefault(),n(l.value);},children:o(l.id)},l.id))})})}var q=e=>e===0?12:e<=12?e:e-12,be=e=>e>=12?"PM":"AM",Ce=(e,o)=>o==="AM"&&e===12?0:o==="PM"&&e!==12?e+12:e,Go=()=>new Date().getMinutes(),Fo=()=>q(new Date().getHours());var Yo=styled(y)(()=>({width:157,padding:"16px",display:"flex",alignItems:"center",justifyContent:"center",gap:"16px"})),No=styled(j,{shouldForwardProp:e=>e!=="open"&&e!=="size"})(({theme:e,open:o,size:r})=>{let{base:n,grey:p,brand:l}=e.v2.palette;return {fontSize:"11px",fontWeight:500,background:n.white,border:`1px solid ${p[100]}`,borderRadius:"19px",height:r==="large"?32:24,width:r==="large"?74:58,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",...o&&{boxShadow:"0px 0px 4px 0px #1F88D080",borderColor:l[500]}}}),X=styled(y)(()=>({textAlign:"center",cursor:"pointer",userSelect:"none"})),Vo=styled(j,{shouldForwardProp:e=>e!=="selected"})(({theme:e,selected:o})=>{let{base:r,grey:n,brand:p}=e.v2.palette;return {fontSize:"11px",fontWeight:500,background:r.white,border:`1px solid ${n[100]}`,borderRadius:"4px",height:24,width:33,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",...o&&{borderColor:"transparent",color:p[500],backgroundColor:alpha(p[500],.1)}}}),$o=styled(y)(()=>({display:"flex",flexDirection:"column",gap:"4px"})),_o=styled(y)(()=>({display:"flex",alignItems:"center",justifyContent:"center",gap:"4px"})),We=styled(y)(()=>({display:"flex",flexDirection:"column",justifyContent:"center",gap:"6px"})),Ge=styled(L)(()=>({flexGrow:1,maxWidth:"100%",".MuiInput-input":{fontWeight:"500",fontSize:"11px",textAlign:"center"},".MuiInput-root":{paddingInline:"8px"},height:32,width:32}));var Gt=["AM","PM"],he=12,Fe=59;function ke({onChange:e,defaultTime:o,enableRealTimeChange:r,size:n="large"}){let p=Bc(useId(),"time-picker"),[l,a]=useState(null),[i,t]=useState(o?.period??(new Date().getHours()>=he?"PM":"AM")),[g,c]=useState(o?.hour??Fo()),[x,m]=useState(o?.minute??Go()),k=!!l;useEffect(()=>{r&&e?.({hour:g,minute:x,period:i});},[g,x,i,r]);let G=s=>{a(s.currentTarget);},oe=()=>{a(null),e?.({hour:g,minute:x,period:i});},D=s=>s<10?`0${s}`:s.toString(),te=s=>{let T=Ka(D(Number(s.target.value)));if(T>he){s.preventDefault();return}c(T);},F=()=>{c(s=>s===he?1:s+1);},re=()=>{c(s=>s===1?he:s-1);},ne=s=>{let T=Ka(D(Number(s.target.value)));if(T>Fe){s.preventDefault();return}m(T);},B=()=>{m(s=>s===Fe?(F(),0):s+1);},L=()=>{m(s=>s===0?(re(),Fe):s-1);};return jsx(mt,{onClickAway:oe,children:jsxs(y,{id:p,"data-testid":"TimePicker",children:[jsx(No,{size:n,open:k,onClick:G,children:`${D(g)}:${D(x)}${i.toLowerCase()}`}),jsx(R$1,{open:k,anchorEl:l,placement:"top-start",sx:{marginTop:"8px",marginBottom:"8px"},children:jsxs(Yo,{children:[jsxs(_o,{children:[jsxs(We,{children:[jsx(X,{onClick:F,children:jsx("img",{src:dl,alt:"arrow"})}),jsx(Ge,{type:"number",hideArrows:true,disableFocusRing:true,value:D(g),onChange:te}),jsx(X,{onClick:re,children:jsx("img",{src:el,alt:"arrow"})})]}),jsx(j,{children:":"}),jsxs(We,{children:[jsx(X,{onClick:B,children:jsx("img",{src:dl,alt:"arrow"})}),jsx(Ge,{type:"number",hideArrows:true,disableFocusRing:true,value:D(x),onChange:ne}),jsx(X,{onClick:L,children:jsx("img",{src:el,alt:"arrow"})})]})]}),jsx($o,{children:Gt.map(s=>jsx(Vo,{onClick:()=>t(s),selected:i===s,children:s},s))})]})})]})})}function Yt(){let{t:e}=useTranslation(),{draft:o,isAllDay:r,setTimes:n,setAllDay:p}=v(),l=new DateObject(o[0]),a=new DateObject(o[1]),i=({hour:g,minute:c,period:x})=>{n([l.setHour(Ce(g,x??"AM")).setMinute(c).setSecond(0),a]);},t=({hour:g,minute:c,period:x})=>{n([l,a.setHour(Ce(g,x??"AM")).setMinute(c).setSecond(59)]);};return jsx(vo,{children:jsxs(Bo,{children:[jsxs(Ro,{isAllDay:r,children:[jsx("span",{className:"label",children:e("allDay")}),jsx(h$1,{checked:r,onChange:g=>p(g.target.checked)})]}),!r&&jsxs(So,{children:[jsx(ke,{defaultTime:{hour:q(l.hour),minute:l.minute,period:be(l.hour)},size:"small",onChange:i,enableRealTimeChange:true},`${o[0]?.toString()}-start`),jsx(ke,{defaultTime:{hour:q(a.hour),minute:a.minute,period:be(a.hour)},size:"small",onChange:t,enableRealTimeChange:true},`${o[1]?.toString()}-end`)]})]})})}var Uo=Yt;function Kt(e){let{calendarMode:o="gregorian",onCalendarModeChange:r,defaultCountryZone:n,countryCodes:p,groupBy:l}=e,{t:a}=useTranslation(),i=Bc(useId(),"date-range-calendar"),t=Io(e),g=c=>{c.key==="Enter"&&t.draft[1]&&!t.isError?(c.stopPropagation(),t.apply()):c.key==="Escape"&&(c.stopPropagation(),t.closePicker());};return jsx(ze.Provider,{value:t,children:jsxs(yo,{id:i,"data-testid":"DateRangeCalendar",children:[jsx(uo,{onClick:t.openPicker,open:t.open,children:t.rangeLabel}),t.open&&jsx(B,{onClick:c=>{c.stopPropagation(),t.closePicker();}}),jsx(lt,{open:t.open,anchorEl:t.anchorEl,placement:"bottom-end",children:jsxs(lo,{onKeyDown:g,children:[jsxs(go,{children:[jsx(He,{calendarMode:o}),jsxs(bo,{children:[l&&jsx(Ho,{}),jsx(Oe,{calendarMode:o,onCalendarModeChange:r})]})]}),jsxs(y,{sx:{display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[jsx(Wo,{calendarMode:o}),jsx(x,{in:t.isError&&t.maxRangeDays>0,children:jsx(b,{severity:"error",message:a("dateRangeError",{number:t.maxRangeDays}),sx:{marginInline:"16px",marginBottom:"16px"}})}),jsxs(fo,{sx:{borderBottomLeftRadius:"8px"},children:[n&&p&&jsx(xo,{children:jsx(Be,{zone:t.pickedZone,onChange:t.pickZone,defaultCountryZone:n,countryCodes:p},String(t.open))}),t.isSameDay&&jsx(Uo,{}),jsxs(mo,{children:[jsx(so,{variant:"contained",onClick:t.closePicker,children:a("cancel")}),jsx(co,{variant:"contained",onClick:t.apply,disabled:!t.draft[1],children:a("okay")})]})]})]})]})})]})})}var qo=Kt;function qt({value:e,zone:o,format:r,...n}){let p=useMemo(()=>h(e,o,r),[e,o,r]);return jsx(a$1,{...n,children:p})}var Qt=qt;var Qo=styled(y)({display:"flex",alignItems:"center",gap:"12px"});function rr({value:e,zone:o,format:r,rendered:n,tableMode:p,...l}){let a=useMemo(()=>n??h(e,o,r),[n,e,o,r]);return jsx(a$1,{...l,children:jsx(Qo,{children:jsx(y,{sx:{...Wa(p)&&{fontSize:"11px"}},children:a})})})}var nr=rr;export{qo as DateRangeCalendar,Be as ZonePicker,Qt as ZonedDateCell,nr as ZonedDateViewer};

package/build/datetime/components/types.d.ts

@@ -0,0 +1,13 @@
+import type { ZoneRef } from '../zone';
+/** The aggregation buckets a `DateRangeCalendar` footer offers. */
+export type GroupByOption = 'day' | 'month' | 'quarter' | 'year';
+/**
+ * What `DateRangeCalendar` emits on apply: the picked range and the zone it was picked in. The range
+ * is already placed on the pair's zone — a pair of real moments — so the pair travels for display and
+ * for the host's write-back, never to be placed again.
+ */
+export type DateRangeSelection = {
+    /** The picked pair, placed on the pair's zone: whole days bounded to its days, a same-day pick keeping its times. */
+    range: [Date, Date];
+    zone: ZoneRef;
+};

package/build/datetime/dayjsSetup.d.ts

@@ -0,0 +1,3 @@
+import dayjs from 'dayjs';
+/** The one configured dayjs instance; every other module in here imports this, never the package. */
+export default dayjs;

package/build/datetime/format.d.ts

@@ -0,0 +1,8 @@
+import type { CalendarFormats } from './calendar';
+import type { DateInput } from './types';
+import type { ZoneId } from './zone';
+/**
+ * An instant as it reads in a zone — "Today, 3:00pm", "Mar 05, 2:00pm". The value *and* the
+ * "now" behind Today/Yesterday are read on the zone's clock, so the answer is host-independent.
+ */
+export declare const formatInZone: (value: DateInput, zone: ZoneId, format?: CalendarFormats) => string;

package/build/datetime/index.d.ts

@@ -0,0 +1,10 @@
+export { parseWallClock, toWallClock } from './wallClock';
+export { toInstant } from './instant';
+export { epochToInstant, instantToEpoch } from './wireEpoch';
+export { offsetLabelAt, offsetMinutesAt } from './zoneOffset';
+export { formatInZone } from './format';
+export { isWholeDayRange, lastNDays, toInstantRange, toWholeDayRange, toWireRange } from './range';
+export { UTC, asHostTimezone, asZoneRef, isSameZone, isZoneId, localZone, zoneByCountry, zoneById, zoneLabelAt, zoneRef, zoneRefByCountry, } from './zone';
+export type { Zone, ZoneId, ZoneRef } from './zone';
+export type { CalendarFormats, CalendarMode } from './calendar';
+export type { DateInput, Instant, WireRange } from './types';

package/build/datetime/index.js

@@ -0,0 +1 @@
+export{n as UTC,x as asHostTimezone,t as asZoneRef,f as epochToInstant,h as formatInZone,g as instantToEpoch,v as isSameZone,j as isWholeDayRange,o as isZoneId,l as lastNDays,r as localZone,e as offsetLabelAt,d as offsetMinutesAt,a as parseWallClock,c as toInstant,i as toInstantRange,b as toWallClock,k as toWholeDayRange,m as toWireRange,q as zoneByCountry,p as zoneById,w as zoneLabelAt,s as zoneRef,u as zoneRefByCountry}from'../_chunks/chunk-TXE2HSXL.js';

package/build/datetime/instant.d.ts

@@ -0,0 +1,4 @@
+import type { DateInput } from './types';
+import type { ZoneId } from './zone';
+/** A wall clock read in `zone`; an epoch or an offset-bearing string is absolute and passes through. */
+export declare const toInstant: (value: DateInput, zone: ZoneId) => Date | undefined;

package/build/datetime/range.d.ts

@@ -0,0 +1,18 @@
+import type { DateInput, WireRange } from './types';
+import type { ZoneId } from './zone';
+/** Two picked bounds → the moments they name on `zone`, literally. The range form of `toInstant`. */
+export declare const toInstantRange: (range: readonly DateInput[] | undefined, zone: ZoneId) => [Date, Date] | undefined;
+/**
+ * Whether a range placed elsewhere means whole days: two different days on `zone`'s calendar, or one
+ * day whose closing bound carries no clock. The calendar's own answer is its flag, not this.
+ */
+export declare const isWholeDayRange: (range: readonly DateInput[] | undefined, zone: ZoneId) => boolean;
+/** The whole days a picked pair spans on `zone`: first day's start → last day's end, built in `zone`. */
+export declare const toWholeDayRange: (range: readonly DateInput[] | undefined, zone: ZoneId) => [Date, Date] | undefined;
+/**
+ * The last `days` days in a zone, today included, as instants placed on that zone. `undefined` for
+ * an unknown zone, so nothing silently falls back to the host's today.
+ */
+export declare const lastNDays: (days: number, zone: ZoneId) => [Date, Date] | undefined;
+/** A placed pair → the wire's `{ from, to }`: both bounds re-encoded for the zone the backend stores. */
+export declare const toWireRange: (range: readonly [Date, Date], wireZone: ZoneId) => WireRange;

package/build/datetime/types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * An absolute moment: epoch ms, a `Date`, or a string with an explicit offset.
+ * A zone-less string like `'2026-07-04 15:00'` is a wall clock, not an `Instant`.
+ */
+export type Instant = Date | number | string;
+/** Everything the conversion helpers accept, including the "no value" cases. */
+export type DateInput = Instant | null | undefined;
+/** A request's date filter: the pair of epochs `toWireRange` produces. Either end may be absent, never `NaN`. */
+export interface WireRange {
+    from?: number;
+    to?: number;
+}

package/build/datetime/wallClock.d.ts

@@ -0,0 +1,46 @@
+import dayjs from './dayjsSetup';
+import type { DateInput } from './types';
+import type { ZoneId } from './zone';
+export declare const MINUTE_MS = 60000;
+/** The one thing that makes a string an instant rather than a wall clock. */
+export declare const ABSOLUTE_SUFFIX: RegExp;
+/** The module's single wall-clock grammar, canonical for both parsing and emitting. */
+export declare const WALL_CLOCK_FORMAT = "YYYY-MM-DD HH:mm:ss.SSS";
+/** The wall-clock fields a zone renders an instant as — or a picker hands over. */
+export interface WallClockFields {
+    year: number;
+    month: number;
+    day: number;
+    hour: number;
+    minute: number;
+    second: number;
+    ms: number;
+}
+type Zoned = ReturnType<typeof dayjs>;
+/** The canonical padded text of a wall clock — the module's one wire spelling. */
+export declare const wallClockText: (fields: WallClockFields) => string;
+export declare const fieldsOfZoned: (zoned: Zoned) => WallClockFields;
+export declare const fieldsOf: (date: Date) => WallClockFields | undefined;
+/**
+ * Wall-clock text → its fields, in either spelling, `undefined` when the text is neither one or names
+ * no such day. The separator is the grammar: `-` is the canonical form, `/` the backends' short one.
+ */
+export declare const parseWallClockFields: (value: string) => WallClockFields | undefined;
+/** Wall-clock text → the carrier `Date` that `toInstant` places in a zone; `undefined` when the text names no such day. */
+export declare const parseWallClock: (value: string) => Date | undefined;
+/**
+ * Wall-clock fields → a `Date` whose **local** fields are those values, on any host. The one
+ * thing it cannot represent is a clock inside the *host's* own DST gap, so it rolls forward past it.
+ */
+export declare const wallClockOf: (fields: WallClockFields) => Date;
+/** Coerces any accepted input to a valid `Date`, or `undefined` — never an invalid one. */
+export declare const toAbsolute: (value: DateInput) => Date | undefined;
+/**
+ * An absolute moment read on a zone's clock, in the zone's own terms; `undefined` for an unknown
+ * zone. Preferred over a carrier wherever a value only has to be formatted or compared — a carrier
+ * is a host `Date` and so cannot hold a wall clock inside the *host's* own DST gap.
+ */
+export declare const toZoned: (value: DateInput, zone: ZoneId) => Zoned | undefined;
+/** An absolute moment as a wall-clock carrier: a `Date` whose local fields read the zone's clock. */
+export declare const toWallClock: (value: DateInput, zone: ZoneId) => Date | undefined;
+export {};

package/build/datetime/wireEpoch.d.ts

@@ -0,0 +1,12 @@
+import type { Instant } from './types';
+import type { ZoneId } from './zone';
+/**
+ * Reads a **wire epoch** — an epoch whose UTC rendering *is* the wall clock in `zone`, the
+ * shape a backend sends when it encodes a wall clock as an epoch (the wallet's Kuwait contract).
+ */
+export declare const epochToInstant: (epoch: number | null | undefined, zone: ZoneId) => Date | undefined;
+/**
+ * Writes a **wire epoch** — the inverse of `epochToInstant` for a fixed-offset zone. Built from
+ * the instant plus the offset: a wall-clock `Date`'s `getTime()` would re-read its fields on the host's clock.
+ */
+export declare const instantToEpoch: (instant: Instant, zone: ZoneId) => number | undefined;