@konstructio/ui 0.1.2-alpha.106 → 0.1.2-alpha.108

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.types.d.ts

@@ -8,7 +8,10 @@ export type Props = {
     timeFormat?: '12' | '24';
     labelDate?: string;
     labelTime?: string;
+    /** Shows the required mark beside the date label */
+    required?: boolean;
     ariaLabelDate?: string;
+    ariaLabelTime?: string;
     onDateChange: (e: ChangeEvent<HTMLInputElement>) => void;
     onDateFocus: () => void;
     onDateBlur: (e: FocusEvent<HTMLInputElement>) => void;

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.types.d.ts

@@ -8,7 +8,10 @@ export type Props = {
     timeFormat?: '12' | '24';
     labelDate?: string;
     labelTime?: string;
+    /** Shows the required mark beside the date label */
+    required?: boolean;
     ariaLabelDate?: string;
+    ariaLabelTime?: string;
     onDateChange: (e: ChangeEvent<HTMLInputElement>) => void;
     onDateFocus: () => void;
     onDateBlur: (e: FocusEvent<HTMLInputElement>) => void;

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/hooks/useDateTimeInputs.d.ts

@@ -2,15 +2,13 @@ import { ChangeEvent, FocusEvent } from 'react';
 type UseDateTimeInputsProps = {
     errorInvalidDate: string;
     errorDateNotAvailable: string;
-    errorStartAfterEnd: string;
-    errorEndBeforeStart: string;
 };
-export declare const useDateTimeInputs: ({ errorInvalidDate, errorDateNotAvailable, errorStartAfterEnd, errorEndBeforeStart, }: UseDateTimeInputsProps) => {
+export declare const useDateTimeInputs: ({ errorInvalidDate, errorDateNotAvailable, }: UseDateTimeInputsProps) => {
     timeFormat: "24" | "12";
     showTime: boolean;
     name: string | undefined;
     disabled: boolean;
-    time: import('../../../DateRangePicker.types').TimeRange;
+    time: import('../../../contexts').TimeRange;
     startDateValue: string;
     startDateError: string | undefined;
     handleStartDateFocus: () => void;

package/dist/lib/components/DateRangePicker/components/PresetPanel/PresetPanel.types.d.ts

@@ -17,6 +17,10 @@ export type PresetPanelClassNames = {
     title?: string;
     /** RadioGroup wrapper */
     radioGroup?: string;
+    /** Each option row */
+    option?: string;
+    /** Rule drawn above a trailing manual-selection option ('Custom range') */
+    separator?: string;
 };
 export type PresetPanelProps = {
     className?: string;

package/dist/lib/components/DateRangePicker/components/PresetPanel/PresetPanel.variants.d.ts

@@ -1,2 +1,39 @@
-export declare const presetPanelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * The column runs flush to the picker's edge and is set apart by a hairline, not
+ * by a fill — it shares the surface behind it. Its own padding stands in for the
+ * padding the picker no longer applies.
+ */
+export declare const presetPanelVariants: (props?: ({
+    divided?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * The title sits on the same left edge as the option labels below it, so its
+ * inset has to match the padding an option row applies on top of the panel's.
+ */
 export declare const presetTitleVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * A row reads as a list item rather than a radio: the control itself is hidden
+ * and selection shows as a trailing check, so the whole row is the hit target
+ * and carries the hover fill.
+ *
+ * `[&>div]:flex-1` grows the wrapper Radio puts around its label, which is what
+ * lets the trailing icon sit against the right edge.
+ */
+export declare const presetOptionVariants: (props?: ({
+    disabled?: boolean | null | undefined;
+    active?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const presetChevronVariants: (props?: ({
+    expanded?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Lays the label out as text on the left and its trailing icon on the right. */
+export declare const presetOptionLabelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * The rule above a trailing manual-selection entry ('Custom range').
+ *
+ * It is drawn as a pseudo-element rather than a border so it can run full-bleed
+ * across the panel — the insets cancel the panel's `px-2.5` — while the row's own
+ * hover fill stays inset. It sits in the row's top margin so the fill never
+ * touches it. Keep the two in step.
+ */
+export declare const presetSeparatorVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Props } from './RightPanel.types';
+/**
+ * Wraps the inputs + calendar so `revealCalendarOnCustom` can hide them from
+ * inside the provider: whether the active preset is the manual-selection entry
+ * is only knowable from context.
+ */
+export declare const RightPanel: FC<Props>;

package/dist/lib/components/DateRangePicker/components/RightPanel/RightPanel.types.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+export type Props = PropsWithChildren & {
+    className?: string;
+};

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

@@ -1,3 +1,4 @@
 export { PresetPanel } from './PresetPanel/PresetPanel';
 export { DateTimeInputs } from './DateTimeInputs/DateTimeInputs';
 export { CalendarPanel } from './CalendarPanel/CalendarPanel';
+export { RightPanel } from './RightPanel/RightPanel';

package/dist/lib/components/DateRangePicker/constants/index.d.ts

@@ -1 +1,2 @@
-export * from './presets';
+export * from './presets/presets';
+export * from './presets/presets.types';

package/dist/lib/components/DateRangePicker/constants/presets/presets.d.ts

@@ -0,0 +1,10 @@
+import { DateRangePresetOption } from '../../contexts';
+/**
+ * The options offered when `presets` is not supplied. Each one owns the window it
+ * stands for, so the panel and the resolution cannot drift apart.
+ *
+ * These are day-granular: `last-7-days` is seven whole days ending today, not the
+ * past 7×24 hours. A consumer that needs rolling hour-precision windows supplies
+ * its own `presets`.
+ */
+export declare const PRESET_OPTIONS: DateRangePresetOption[];

package/dist/lib/components/DateRangePicker/constants/presets/presets.types.d.ts

@@ -0,0 +1,6 @@
+import { DateRangePreset } from '../../contexts';
+/** @deprecated Use `DateRangePresetOption`, which also carries the option's `resolve`. */
+export type PresetOption = {
+    value: DateRangePreset;
+    label: string;
+};

package/dist/lib/components/DateRangePicker/contexts/{date-range-picker.context.d.ts → date-range-picker/date-range-picker.context.d.ts}

@@ -1,13 +1,36 @@
-export type DateRangePreset = 'today' | 'current-month' | 'custom' | 'last-7-days' | 'last-2-weeks';
+/**
+ * Id of a preset. The five built-ins are listed for autocompletion; any string is
+ * accepted so consumers can supply their own options through the `presets` prop.
+ */
+export type DateRangePreset = 'today' | 'current-month' | 'custom' | 'last-7-days' | 'last-2-weeks' | (string & NonNullable<unknown>);
 export type DateRange = {
     from?: Date;
     to?: Date;
 };
+/**
+ * A selectable entry in the preset panel. The option owns both its label and the
+ * window it stands for, so a consumer can express windows the library does not
+ * ship — `resolve` receives `now`, which is what makes a rolling window
+ * ("the past 7×24 hours") expressible rather than only a calendar bucket.
+ *
+ * `custom` is a reserved id: returning an empty range marks the option as the
+ * manual-selection entry, and picking a day in the calendar switches the panel
+ * back to it.
+ */
+export type DateRangePresetOption = {
+    /** Stable id; doubles as the radio value. */
+    value: DateRangePreset;
+    /** Text shown in the preset panel. */
+    label: string;
+    /** The window this option stands for, resolved when it is selected. */
+    resolve: (now: Date) => DateRange;
+};
 export type TimeRange = {
     startTime?: Date;
     endTime?: Date;
 };
 export type DateRangeWithTime = DateRange & TimeRange;
+export type DateDisplayFormat = 'long' | 'numeric';
 export type BlockedMonth = {
     year: number;
     month: number;
@@ -17,8 +40,10 @@ export type DateRangePickerContextValue = {
     range: DateRange;
     /** Current time values */
     time: TimeRange;
-    /** Current active preset */
-    preset: DateRangePreset;
+    /** Current active preset, or `null` when nothing is selected */
+    preset: DateRangePreset | null;
+    /** The preset options on offer, built-ins unless overridden */
+    presets: DateRangePresetOption[];
     /** Currently displayed months [left, right] */
     displayedMonths: [Date, Date];
     /** Time format */
@@ -49,6 +74,10 @@ export type DateRangePickerContextValue = {
     showOutsideDays: boolean;
     /** Navigation mode: 'together' or 'independent' */
     navigationMode: 'together' | 'independent';
+    numberOfMonths: 1 | 2;
+    dateDisplayFormat: DateDisplayFormat;
+    /** Whether the inputs and calendar only show for the manual-selection preset */
+    revealCalendarOnCustom: boolean;
     /** Whether left month can navigate to previous (independent mode) */
     canLeftNavigatePrev: boolean;
     /** Whether left month can navigate to next (independent mode) */
@@ -61,8 +90,8 @@ export type DateRangePickerContextValue = {
     setRange: (range: DateRange) => void;
     /** Set the time range */
     setTime: (time: TimeRange) => void;
-    /** Set the preset */
-    setPreset: (preset: DateRangePreset) => void;
+    /** Set the preset, or `null` to leave nothing selected */
+    setPreset: (preset: DateRangePreset | null) => void;
     /** Navigate to previous month (together mode) */
     navigatePrevMonth: () => void;
     /** Navigate to next month (together mode) */

package/dist/lib/components/DateRangePicker/contexts/date-range-picker/date-range-picker.provider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './date-range-picker.types';
+export declare const DateRangePickerProvider: FC<Props>;

package/dist/lib/components/DateRangePicker/contexts/{date-range-picker.provider.d.ts → date-range-picker/date-range-picker.types.d.ts}

@@ -1,24 +1,26 @@
-import { FC, ReactNode } from 'react';
-import { BlockedMonth, DateRange, DateRangePreset, TimeRange } from './date-range-picker.context';
-interface DateRangePickerProviderProps {
-    children: ReactNode;
-    defaultRange?: DateRange;
-    defaultTime?: TimeRange;
-    defaultPreset?: DateRangePreset;
-    timeFormat?: '12' | '24';
-    showTime?: boolean;
-    name?: string;
-    disabled?: boolean;
+import { PropsWithChildren } from 'react';
+import { BlockedMonth, DateDisplayFormat, DateRange, DateRangePreset, DateRangePresetOption, TimeRange } from './date-range-picker.context';
+export type Props = PropsWithChildren<{
     animationDuration?: number;
     blockedDays?: Date[];
     blockedMonths?: BlockedMonth[];
-    minDate?: Date;
-    maxDate?: Date;
+    dateDisplayFormat?: DateDisplayFormat;
+    defaultPreset?: DateRangePreset | null;
+    defaultRange?: DateRange;
+    defaultTime?: TimeRange;
+    disabled?: boolean;
     hideDisabledNavigation?: boolean;
-    showOutsideDays?: boolean;
+    maxDate?: Date;
+    minDate?: Date;
+    name?: string;
     navigationMode?: 'together' | 'independent';
-    onRangeChange?: (range: DateRange & TimeRange) => void;
+    numberOfMonths?: 1 | 2;
+    presets?: DateRangePresetOption[];
+    revealCalendarOnCustom?: boolean;
+    showOutsideDays?: boolean;
+    showTime?: boolean;
+    timeFormat?: '12' | '24';
     onDateChange?: (range: DateRange) => void;
-}
-export declare const DateRangePickerProvider: FC<DateRangePickerProviderProps>;
-export {};
+    onPresetChange?: (preset: DateRangePreset | null, range: DateRange) => void;
+    onRangeChange?: (range: DateRange & TimeRange) => void;
+}>;

package/dist/lib/components/DateRangePicker/contexts/index.d.ts

@@ -1,4 +1,4 @@
-export { DateRangePickerContext } from './date-range-picker.context';
-export type { BlockedMonth, DateRange, DateRangePreset, DateRangeWithTime, TimeRange, } from './date-range-picker.context';
-export { useDateRangePicker } from './date-range-picker.hook';
-export { DateRangePickerProvider } from './date-range-picker.provider';
+export { DateRangePickerContext } from './date-range-picker/date-range-picker.context';
+export type { BlockedMonth, DateDisplayFormat, DateRange, DateRangePreset, DateRangePresetOption, DateRangeWithTime, TimeRange, } from './date-range-picker/date-range-picker.context';
+export { useDateRangePicker } from './date-range-picker/date-range-picker.hook';
+export { DateRangePickerProvider } from './date-range-picker/date-range-picker.provider';

package/dist/lib/components/DateRangePicker/utils/{disabled-dates.d.ts → disabled-dates/disabled-dates.d.ts}

@@ -1,10 +1,4 @@
-import { BlockedMonth } from '../contexts';
-export type DateRestrictions = {
-    blockedDays: Date[];
-    blockedMonths: BlockedMonth[];
-    minDate?: Date;
-    maxDate?: Date;
-};
+import { DateRestrictions } from './disabled-dates.types';
 /**
  * Checks if a date is selectable based on all restrictions.
  */

package/dist/lib/components/DateRangePicker/utils/disabled-dates/disabled-dates.types.d.ts

@@ -0,0 +1,7 @@
+import { BlockedMonth } from '../../contexts';
+export type DateRestrictions = {
+    blockedDays: Date[];
+    blockedMonths: BlockedMonth[];
+    minDate?: Date;
+    maxDate?: Date;
+};

package/dist/lib/components/DateRangePicker/utils/displayed-months/displayed-months.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The months the picker opens on: the one holding `referenceDate` and, for a
+ * two-month calendar, the one after it. The pair is always returned so a
+ * single-month calendar keeps the same shape and only shows the first.
+ *
+ * A backward-looking picker — a creation date capped at today — would otherwise
+ * open with its last month wholly past `maxDate` and every day in it disabled,
+ * spending half the calendar on dates nobody can pick. When that happens the
+ * window ends on the last month with something selectable in it and steps back,
+ * so the reference month stays in view.
+ */
+export declare const getDisplayedMonths: (referenceDate: Date, maxDate?: Date, numberOfMonths?: 1 | 2) => [Date, Date];

package/dist/lib/components/DateRangePicker/utils/index.d.ts

@@ -1,6 +1,9 @@
-export { calculatePresetRange } from './presets';
+export { calculatePresetRange } from './presets/presets';
+export { getDisplayedMonths } from './displayed-months/displayed-months';
+export { hidesRightPanel } from './right-panel/right-panel';
 export { PRESET_OPTIONS } from '../constants';
 export type { PresetOption } from '../constants';
-export { autoFormatDateInput, combineDateAndTime, formatDateToDisplayString, formatDateToString, formatTimeToString, getMonthName, isValidTimeString, parseDateString, parseDisplayDateString, parseTimeString, } from './validation';
-export { createDisabledMatcher, isDateSelectable, canNavigateToPrevMonth, canNavigateToNextMonth, } from './disabled-dates';
-export type { DateRestrictions } from './disabled-dates';
+export type { DateRangePresetOption } from '../contexts';
+export { autoFormatDateInput, combineDateAndTime, formatDateToDisplayString, formatDateToString, formatTimeToString, getMonthName, isValidTimeString, parseDateString, parseDisplayDateString, parseTimeString, } from './validation/validation';
+export { createDisabledMatcher, isDateSelectable, canNavigateToPrevMonth, canNavigateToNextMonth, } from './disabled-dates/disabled-dates';
+export type { DateRestrictions } from './disabled-dates/disabled-dates.types';

package/dist/lib/components/DateRangePicker/utils/presets/presets.d.ts

@@ -0,0 +1,9 @@
+import { DateRange, DateRangePreset, DateRangePresetOption } from '../../contexts';
+/**
+ * Calculates the date range for a given preset by asking the option itself.
+ *
+ * Looks the id up in `presets` (the built-ins unless the caller passes its own
+ * list), so an unknown id — including `custom` — resolves to an empty range and
+ * leaves the selection to the calendar.
+ */
+export declare const calculatePresetRange: (preset: DateRangePreset | null, presets?: DateRangePresetOption[], now?: Date) => DateRange;

package/dist/lib/components/DateRangePicker/utils/right-panel/right-panel.d.ts

@@ -0,0 +1,7 @@
+import { DateRangePreset, DateRangePresetOption } from '../../contexts';
+/**
+ * Whether the inputs and calendar are tucked away. A preset that resolves to a
+ * window speaks for itself, and no selection at all means no filter yet; only
+ * the manual-selection entry needs the calendar.
+ */
+export declare const hidesRightPanel: (preset: DateRangePreset | null, presets: DateRangePresetOption[], revealCalendarOnCustom: boolean) => boolean;

package/dist/lib/components/Divider/Divider.d.ts

@@ -1,4 +1,5 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC } from 'react';
+import { Props } from './Divider.types';
 /**
  * A horizontal divider/separator line.
  *
@@ -13,5 +14,5 @@ import { FC, HTMLAttributes } from 'react';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-divider--docs Storybook}
  */
-declare const Divider: FC<HTMLAttributes<HTMLDivElement>>;
+declare const Divider: FC<Props>;
 export { Divider };

package/dist/lib/components/Divider/Divider.types.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+export type Props = HTMLAttributes<HTMLDivElement> & {
+    component?: 'div' | 'hr' | 'li';
+};

package/dist/lib/components/Filter/Filter.d.ts

@@ -1,5 +1,5 @@
 import { FilterComponentProps } from './Filter.types';
-import { BadgeMultiSelect, DateFilterDropdown, DateRangeFilterDropdown, TextMultiSelect, TimeFilterDropdown } from './components';
+import { BadgeMultiSelect, CustomDateRangeFilterDropdown, DateFilterDropdown, DateRangeFilterDropdown, TextMultiSelect, TimeFilterDropdown } from './components';
 /**
  * A compound component for building filter interfaces.
  * Includes sub-components for badge multi-select, date filtering, and reset actions.
@@ -23,4 +23,4 @@ import { BadgeMultiSelect, DateFilterDropdown, DateRangeFilterDropdown, TextMult
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-filter--docs Storybook}
  */
 declare const Filter: FilterComponentProps;
-export { Filter, BadgeMultiSelect, TextMultiSelect, DateFilterDropdown, DateRangeFilterDropdown, TimeFilterDropdown, };
+export { Filter, BadgeMultiSelect, TextMultiSelect, DateFilterDropdown, DateRangeFilterDropdown, CustomDateRangeFilterDropdown, TimeFilterDropdown, };

package/dist/lib/components/Filter/Filter.types.d.ts

@@ -3,7 +3,7 @@ import { FC, PropsWithChildren } from 'react';
 import { Theme } from '../../domain/theme';
 import { Props as BadgeProps } from '../Badge/Badge.types';
 import { filterVariants } from './Filter.variants';
-import { BadgeMultiSelectProps, DateFilterDropdownProps, DateRangeFilterDropdownProps, ResetButtonProps, TextMultiSelectProps, TimeFilterDropdownProps } from './components';
+import { BadgeMultiSelectProps, CustomDateRangeFilterDropdownProps, DateFilterDropdownProps, DateRangeFilterDropdownProps, ResetButtonProps, TextMultiSelectProps, TimeFilterDropdownProps } from './components';
 /**
  * Configuration for a filter option.
  */
@@ -62,6 +62,7 @@ export type FilterComponentProps = FC<Props> & {
     TextMultiSelect: FC<TextMultiSelectProps>;
     DateFilterDropdown: FC<DateFilterDropdownProps>;
     DateRangeFilterDropdown: FC<DateRangeFilterDropdownProps>;
+    CustomDateRangeFilterDropdown: FC<CustomDateRangeFilterDropdownProps>;
     TimeFilterDropdown: FC<TimeFilterDropdownProps>;
     ResetButton: FC<ResetButtonProps>;
 };

package/dist/lib/components/Filter/components/BadgeDropdown/BadgeMultiSelect.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { BadgeMultiSelectProps } from './BadgeMultiSelect.types';
-export declare const BadgeMultiSelect: FC<BadgeMultiSelectProps>;
+import { Props } from './BadgeMultiSelect.types';
+export declare const BadgeMultiSelect: FC<Props>;

package/dist/lib/components/Filter/components/BadgeDropdown/BadgeMultiSelect.types.d.ts

@@ -3,7 +3,7 @@ export type SelectedOptions = Option & {
     isApplied?: boolean;
     isRemoved?: boolean;
 };
-export type BadgeMultiSelectProps = {
+export type Props = {
     label: string;
     options: Option[];
     position?: 'left' | 'right';

package/dist/lib/components/Filter/components/BadgeDropdown/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useBadgeMultiSelect/useBadgeMultiSelect';

package/dist/lib/components/Filter/components/BadgeDropdown/{BadgeMultiSelect.hook.d.ts → hooks/useBadgeMultiSelect/useBadgeMultiSelect.d.ts}

@@ -1,6 +1,6 @@
-import { Option } from '../../Filter.types';
-import { BadgeMultiSelectProps, SelectedOptions } from './BadgeMultiSelect.types';
-export declare const useBadgeMultiSelect: ({ onApply, options, }: Pick<BadgeMultiSelectProps, "onApply" | "options">) => {
+import { Option } from '../../../../Filter.types';
+import { Props, SelectedOptions } from '../../BadgeMultiSelect.types';
+export declare const useBadgeMultiSelect: ({ onApply, options, }: Pick<Props, "onApply" | "options">) => {
     isOpen: boolean;
     isAllSelected: boolean;
     selectedCount: SelectedOptions[];

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './CustomDateRangeFilterDropdown.types';
+export declare const CustomDateRangeFilterDropdown: FC<Props>;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.types.d.ts

@@ -0,0 +1,55 @@
+import { DateDisplayFormat, DateRange, DateRangePresetOption, DateRangeWithTime } from '../../../DateRangePicker/DateRangePicker.types';
+import { RollingPreset } from './constants';
+export type { RollingPreset };
+export type Props = {
+    animationDuration?: number;
+    /** Apply as soon as a preset is selected (default: false) */
+    applyOnPresetSelect?: boolean;
+    appliedRangeDisplay?: 'compact' | 'split';
+    /** Country code for locale formatting (default: 'US') */
+    countryCode?: string;
+    dateDisplayFormat?: DateDisplayFormat;
+    /** Initial date range */
+    defaultRange?: DateRange;
+    /** Label for the filter button */
+    label: string;
+    /** Label for the apply button (default: 'Apply') */
+    labelApply?: string;
+    labelCustomRange?: string;
+    /** Label for the end date field (default: 'To') */
+    labelEndDate?: string;
+    labelRangeSeparator?: string;
+    /** Label for the reset button (default: 'Clear') */
+    labelReset?: string;
+    /** Label for the start date field (default: 'From') */
+    labelStartDate?: string;
+    /** Title of the preset panel (default: 'Time period') */
+    labelTimePeriod?: string;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Minimum selectable date */
+    minDate?: Date;
+    navigationMode?: 'independent' | 'together';
+    numberOfMonths?: 1 | 2;
+    /** Position of the dropdown relative to the button */
+    position?: 'left' | 'right';
+    /** Replaces the built-in preset options; see `DateRangePicker`'s `presets`. */
+    presets?: DateRangePresetOption[];
+    /** Marks the From/To fields with a required indicator (default: true) */
+    requiredDates?: boolean;
+    /** Reveal the calendar only on the manual-selection preset (default: false). */
+    revealCalendarOnCustom?: boolean;
+    rollingPresets?: RollingPreset[];
+    showCustomRange?: boolean;
+    showOutsideDays?: boolean;
+    /** Whether to show preset options (default: true) */
+    showPresets?: boolean;
+    /** Whether to show time inputs (default: false) */
+    showTime?: boolean;
+    /** Time format: '12' for 12-hour or '24' for 24-hour */
+    timeFormat?: '12' | '24';
+    /** Callback when the date range is applied */
+    onApply?: (range?: DateRangeWithTime) => void;
+    /** Callback when the date range changes */
+    onRangeChange?: (range: DateRangeWithTime) => void;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/Actions/Actions.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Actions: FC;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/PanelActions/PanelActions.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const PanelActions: FC;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/Picker/Picker.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Picker: FC;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/Trigger/Trigger.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Trigger: FC;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/Wrapper/Wrapper.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Wrapper: FC;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Wrapper/Wrapper';

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './presets/presets';
+export * from './presets/presets.types';

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/constants/presets/presets.d.ts

@@ -0,0 +1,4 @@
+import { DateRangePresetOption } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { DefaultPresetsConfig, RollingPreset } from './presets.types';
+export declare const DEFAULT_ROLLING_PRESETS: RollingPreset[];
+export declare const createDefaultPresets: ({ labelCustomRange, rollingPresets, }: DefaultPresetsConfig) => DateRangePresetOption[];

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/constants/presets/presets.types.d.ts

@@ -0,0 +1,9 @@
+export type RollingPreset = {
+    duration: string;
+    label: string;
+    value?: string;
+};
+export type DefaultPresetsConfig = {
+    labelCustomRange: string;
+    rollingPresets: RollingPreset[];
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.context.d.ts

@@ -0,0 +1,2 @@
+import { State } from './custom-date-range-filter-dropdown.types';
+export declare const CustomDateRangeFilterDropdownContext: import('react').Context<State | null>;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.d.ts

@@ -0,0 +1 @@
+export declare const useCustomDateRangeFilterDropdown: () => import('./custom-date-range-filter-dropdown.types').State;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.provider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './custom-date-range-filter-dropdown.types';
+export declare const CustomDateRangeFilterDropdownProvider: FC<Props>;

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.types.d.ts

@@ -0,0 +1,28 @@
+import { PropsWithChildren } from 'react';
+import { DateRange, DateRangePresetOption, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { Props as CustomDateRangeFilterDropdownProps } from '../../CustomDateRangeFilterDropdown.types';
+type Config = Required<Pick<CustomDateRangeFilterDropdownProps, 'animationDuration' | 'appliedRangeDisplay' | 'dateDisplayFormat' | 'label' | 'labelApply' | 'labelEndDate' | 'labelRangeSeparator' | 'labelReset' | 'labelStartDate' | 'navigationMode' | 'numberOfMonths' | 'position' | 'requiredDates' | 'revealCalendarOnCustom' | 'showOutsideDays' | 'showPresets' | 'showTime' | 'timeFormat'>> & Pick<CustomDateRangeFilterDropdownProps, 'labelTimePeriod' | 'maxDate' | 'minDate'>;
+export type State = Config & {
+    appliedRangeEnds?: {
+        from: string;
+        to?: string;
+    };
+    appliedRangeLabel?: string;
+    canApply: boolean;
+    hasPendingSelection: boolean;
+    isCollapsed: boolean;
+    isOpen: boolean;
+    presets: DateRangePresetOption[];
+    resetKey: number;
+    selectedPreset: string | null;
+    selectedRange?: DateRange;
+    showsCalendar: boolean;
+    onApply: () => void;
+    onClear: () => void;
+    onOpenChange: (open: boolean) => void;
+    onPresetChange: (preset: string | null, range: DateRange) => void;
+    onRangeChange: (range: DateRangeWithTime) => void;
+    onReset: () => void;
+};
+export type Props = PropsWithChildren<CustomDateRangeFilterDropdownProps>;
+export {};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook';
+export * from './custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.provider';

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/index.d.ts

@@ -0,0 +1,9 @@
+export * from './useAppliedDateRange/useAppliedDateRange';
+export * from './useCalendarVisibility/useCalendarVisibility';
+export * from './useDateRangeSelection/useDateRangeSelection';
+export * from './useFilterDropdownOpenState/useFilterDropdownOpenState';
+export * from './useFormattedDateRange/useFormattedDateRange';
+export * from './usePendingDateRange/usePendingDateRange';
+export * from './useResetKey/useResetKey';
+export * from './usePresetOptions/usePresetOptions';
+export * from './useSelectedPreset/useSelectedPreset';

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useAppliedDateRange/useAppliedDateRange.d.ts

@@ -0,0 +1,7 @@
+import { DateRange, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+import { Props } from './useAppliedDateRange.types';
+export declare const useAppliedDateRange: ({ defaultRange, onApply }: Props) => {
+    appliedRange: DateRangeWithTime | undefined;
+    applyRange: (range: DateRange | undefined) => void;
+    clearAppliedRange: () => void;
+};

package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useAppliedDateRange/useAppliedDateRange.types.d.ts

@@ -0,0 +1,5 @@
+import { DateRange, DateRangeWithTime } from '../../../../../DateRangePicker/DateRangePicker.types';
+export type Props = {
+    defaultRange?: DateRange;
+    onApply?: (range?: DateRangeWithTime) => void;
+};