@konstructio/ui 0.1.2-alpha.11 → 0.1.2-alpha.110

package/dist/lib/components/CopyButton/hooks/useCopyToClipboard/useCopyToClipboard.d.ts

@@ -0,0 +1,5 @@
+import { Options } from './useCopyToClipboard.types';
+export declare const useCopyToClipboard: ({ resetDelay, onCopy, onCopyError, }?: Options) => {
+    copied: boolean;
+    copy: (text: string) => Promise<boolean>;
+};

package/dist/lib/components/CopyButton/hooks/useCopyToClipboard/useCopyToClipboard.types.d.ts

@@ -0,0 +1,5 @@
+export type Options = {
+    resetDelay?: number;
+    onCopy?: (text: string) => void;
+    onCopyError?: (error: unknown) => void;
+};

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

@@ -0,0 +1,36 @@
+import { FC } from 'react';
+import { Props } from './Counter.types';
+/**
+ * A numeric input component with increment/decrement buttons.
+ * Also exported as `NumberInput` for convenience.
+ *
+ * @example
+ * ```tsx
+ * // Basic counter
+ * <Counter
+ *   label="Quantity"
+ *   value={count}
+ *   onChange={({ target }) => setCount(target.value)}
+ * />
+ *
+ * // With min/max limits
+ * <Counter
+ *   label="Number of nodes"
+ *   value={nodes}
+ *   min={1}
+ *   max={10}
+ *   onChange={({ target }) => setNodes(target.value)}
+ * />
+ *
+ * // Disabled increment/decrement
+ * <Counter
+ *   value={5}
+ *   canIncrement={value < max}
+ *   canDecrement={value > min}
+ *   onChange={handleChange}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-counter--docs Storybook}
+ */
+export declare const Counter: FC<Props>;

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

@@ -0,0 +1,57 @@
+import { VariantProps } from 'class-variance-authority';
+import { Theme } from '../../domain/theme';
+import { counterVariants } from './Counter.variants';
+/**
+ * Props for the Counter (NumberInput) component.
+ *
+ * @example
+ * ```tsx
+ * <Counter
+ *   label="Quantity"
+ *   value={quantity}
+ *   min={1}
+ *   max={10}
+ *   onChange={({ target }) => setQuantity(target.value)}
+ * />
+ * ```
+ */
+export interface Props extends VariantProps<typeof counterVariants> {
+    /** Allow decrement button to be clicked */
+    canDecrement?: boolean;
+    /** Allow increment button to be clicked */
+    canIncrement?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** CSS classes for decrement button */
+    decrementButtonClassName?: string;
+    /** Allow typing values directly into the input. Defaults to false (read-only) */
+    editable?: boolean;
+    /** CSS classes for increment button */
+    incrementButtonClassName?: string;
+    /** Initial value (deprecated, use value) */
+    init?: number;
+    /** Show required indicator */
+    isRequired?: boolean;
+    /** Label displayed above the counter */
+    label?: string;
+    /** Additional CSS classes for the label wrapper */
+    labelWrapperClassName?: string;
+    /** Maximum allowed value */
+    max?: number;
+    /** Minimum allowed value */
+    min?: number;
+    /** Form field name */
+    name?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Current numeric value */
+    value?: number;
+    /** Callback when value changes */
+    onChange?: ({ target: { value } }: {
+        target: {
+            value: number;
+        };
+    }) => void;
+}
+/** @deprecated Use Props instead */
+export type CounterProps = Props;

package/dist/lib/components/Counter/Counter.variants.d.ts

@@ -0,0 +1,7 @@
+export declare const counterVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const buttonVariants: (props?: ({
+    button?: "left" | "rigth" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const labelVariants: (props?: ({
+    variant?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { Props } from './DateRangePicker.types';
+/**
+ * A date range picker component that allows selecting a range of dates
+ * with optional time inputs and preset options.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <DateRangePicker
+ *   onRangeChange={(range) => console.log(range)}
+ * />
+ *
+ * // With default values
+ * <DateRangePicker
+ *   defaultRange={{ from: new Date(), to: new Date() }}
+ *   defaultPreset="last-7-days"
+ *   onRangeChange={handleRangeChange}
+ * />
+ *
+ * // With 12-hour time format
+ * <DateRangePicker
+ *   timeFormat="12"
+ *   onRangeChange={handleRangeChange}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-daterangepicker--docs Storybook}
+ */
+declare const DateRangePicker: FC<Props>;
+export { DateRangePicker };

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

@@ -0,0 +1,184 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { Theme } from '../../domain/theme';
+import { CalendarPanelClassNames, DayPickerClassNames } from './components/CalendarPanel/CalendarPanel.types';
+import { DateTimeInputsClassNames } from './components/DateTimeInputs/DateTimeInputs.types';
+import { PresetLabels, PresetPanelClassNames } from './components/PresetPanel/PresetPanel.types';
+import { dateRangePickerVariants } from './DateRangePicker.variants';
+import { DateDisplayFormat, DateRange, DateRangePreset, DateRangePresetOption, DateRangeWithTime, TimeRange } from './contexts';
+export type { DateDisplayFormat, DateRange, DateRangePreset, DateRangePresetOption, DateRangeWithTime, TimeRange, };
+export type { CalendarPanelClassNames, DateTimeInputsClassNames, DayPickerClassNames, PresetLabels, PresetPanelClassNames, };
+/**
+ * Props for the DateRangePicker component.
+ *
+ * @example
+ * ```tsx
+ * <DateRangePicker
+ *   defaultRange={{ from: new Date(), to: new Date() }}
+ *   onRangeChange={(range) => console.log(range)}
+ * />
+ * ```
+ */
+export type Props = VariantProps<typeof dateRangePickerVariants> & {
+    /**
+     * Browser autofill for the From/To date fields (default: 'off'). The default
+     * keeps the browser's saved-value dropdown from covering the calendar; set it
+     * when the picker sits in a form where autofill is wanted.
+     */
+    autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
+    /** Initial date range */
+    defaultRange?: DateRange;
+    /** Initial time range */
+    defaultTime?: TimeRange;
+    /** Initially selected preset (default: 'custom') */
+    /**
+     * Initially selected preset. `null` opens with nothing selected, which pairs
+     * with `revealCalendarOnCustom` to show only the preset list.
+     */
+    defaultPreset?: DateRangePreset | null;
+    /** Callback when the range changes (includes time) */
+    onRangeChange?: (range: DateRangeWithTime) => void;
+    /** Callback when the date changes (start or end date, without time) */
+    onDateChange?: (range: DateRange) => void;
+    /**
+     * Callback when a preset is selected, with the window it resolved to (empty for
+     * a manual-selection entry). Distinguishes choosing a preset from picking a day,
+     * which `onRangeChange` cannot.
+     */
+    onPresetChange?: (preset: DateRangePreset | null, range: DateRange) => void;
+    /** Time format: '12' for 12-hour or '24' for 24-hour */
+    timeFormat?: '12' | '24';
+    /** Whether to show time inputs (default: true) */
+    showTime?: boolean;
+    /** Theme override */
+    theme?: Theme;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Form field name (used for hidden inputs: {name}-start and {name}-end) */
+    name?: string;
+    /** Label for the component */
+    label?: string;
+    /** Additional CSS classes for the label wrapper */
+    labelWrapperClassName?: string;
+    /** Whether the field is required */
+    isRequired?: boolean;
+    /** Animation duration in milliseconds for month transitions (default: 400) */
+    animationDuration?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Specific days that cannot be selected */
+    blockedDays?: Date[];
+    /** Months that cannot be selected (all days in these months will be disabled) */
+    blockedMonths?: {
+        year: number;
+        month: number;
+    }[];
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Hide navigation arrows when they are disabled (default: false) */
+    hideDisabledNavigation?: boolean;
+    /** Show days from previous/next month in the calendar grid (default: false) */
+    showOutsideDays?: boolean;
+    /**
+     * Navigation mode for the calendar months (default: 'independent')
+     * - 'independent': Each month has its own navigation arrows and can move independently
+     *   (first month cannot go on or past second month and vice versa)
+     * - 'together': Both months navigate together (prev/next moves both by one month)
+     */
+    navigationMode?: 'independent' | 'together';
+    numberOfMonths?: 1 | 2;
+    dateDisplayFormat?: DateDisplayFormat;
+    /** Aria label for the calendar container (default: 'Date range picker calendar') */
+    ariaLabelCalendar?: string;
+    /** Aria label for previous month button in together mode (default: 'Previous month') */
+    ariaLabelPrevMonth?: string;
+    /** Aria label for next month button in together mode (default: 'Next month') */
+    ariaLabelNextMonth?: string;
+    /** Aria label for previous month button for start date in independent mode (default: 'Previous month for start date') */
+    ariaLabelPrevMonthStart?: string;
+    /** Aria label for next month button for start date in independent mode (default: 'Next month for start date') */
+    ariaLabelNextMonthStart?: string;
+    /** Aria label for previous month button for end date in independent mode (default: 'Previous month for end date') */
+    ariaLabelPrevMonthEnd?: string;
+    /** Aria label for next month button for end date in independent mode (default: 'Next month for end date') */
+    ariaLabelNextMonthEnd?: string;
+    /** Label for start date input (default: 'Start date') */
+    labelStartDate?: string;
+    /** Label for end date input (default: 'End date') */
+    labelEndDate?: string;
+    /** Label for time inputs (default: 'Time') */
+    labelTime?: string;
+    /** Aria label for start date input (default: 'Start date') */
+    ariaLabelStartDate?: string;
+    /** Aria label for end date input (default: 'End date') */
+    ariaLabelEndDate?: string;
+    /** Error message for invalid date format (default: 'Invalid date') */
+    errorInvalidDate?: string;
+    /** Error message for unavailable date (default: 'Date is not available') */
+    errorDateNotAvailable?: string;
+    /** Whether to show the preset panel (default: true) */
+    showPresets?: boolean;
+    /**
+     * Replaces the built-in preset options. Each option carries its own label and a
+     * `resolve(now)` returning the window it stands for, which is what allows
+     * rolling windows ("the past 7×24 hours") rather than only calendar buckets.
+     *
+     * An option whose `resolve` returns an empty range is the manual-selection
+     * entry; `custom` is the reserved id the calendar switches back to when a day
+     * is picked, so include it in the list to keep that entry visible. Order in the
+     * array is the order rendered.
+     *
+     * @example
+     * ```tsx
+     * <DateRangePicker
+     *   presets={[
+     *     { value: 'last-24-hours', label: 'Last 24 hours',
+     *       resolve: (now) => ({ from: new Date(now.getTime() - 864e5), to: now }) },
+     *     { value: 'custom', label: 'Custom range', resolve: () => ({}) },
+     *   ]}
+     * />
+     * ```
+     */
+    presets?: DateRangePresetOption[];
+    footer?: ReactNode;
+    /**
+     * Render the date inputs and calendar only while the manual-selection preset is
+     * active — the entry whose `resolve` returns an empty range, `custom` by
+     * default (default: false, panels always visible).
+     *
+     * Presets become one-click shortcuts and the calendar is revealed on demand.
+     * Pair it with a `defaultPreset` that resolves to a window, otherwise the
+     * picker opens on `custom` — the library default — and starts expanded.
+     */
+    revealCalendarOnCustom?: boolean;
+    /** Label for the time period section (default: 'Time period') */
+    labelTimePeriod?: string;
+    /** Aria label for the time period section (default: 'Time period options') */
+    ariaLabelTimePeriod?: string;
+    /** Custom labels for preset options */
+    presetLabels?: PresetLabels;
+    /** Custom class names for different parts of the component */
+    /**
+     * Marks the From/To fields with a required indicator. Decorative only — the
+     * fields carry no `aria-required`, since a range needs one date, not both.
+     */
+    requiredDates?: boolean;
+    classNames?: DateRangePickerClassNames;
+};
+/** @deprecated Use Props instead */
+export type DateRangePickerProps = Props;
+/** Custom class names for different parts of the DateRangePicker component */
+export type DateRangePickerClassNames = {
+    /** Class name for the main container */
+    container?: string;
+    /** Class name for the right panel (contains inputs and calendar) */
+    rightPanel?: string;
+    /** Class names for the preset panel */
+    presetPanel?: PresetPanelClassNames;
+    /** Class names for the date/time inputs section */
+    dateTimeInputs?: DateTimeInputsClassNames;
+    /** Class names for the calendar panel */
+    calendarPanel?: CalendarPanelClassNames;
+};

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

@@ -0,0 +1,8 @@
+/**
+ * The surface is one continuous panel divided by hairlines, so the padding lives
+ * on the columns rather than here — that is what lets the preset column run to
+ * the edge and carry the rule between the two. `overflow-hidden` keeps those
+ * flush columns inside the rounded corner.
+ */
+export declare const dateRangePickerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const rightPanelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

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

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

@@ -0,0 +1,79 @@
+export type CalendarPanelClassNames = {
+    /** Root container */
+    root?: string;
+    /** Navigation bar container */
+    navigation?: string;
+    /** Navigation group (contains prev button + month title + next button) */
+    navGroup?: string;
+    /** Navigation buttons */
+    navButton?: string;
+    /** Disabled navigation buttons */
+    navButtonDisabled?: string;
+    /** Month title text */
+    monthTitle?: string;
+    /** Divider line between month header and calendar grid */
+    divider?: string;
+    /** Calendar grids container */
+    gridContainer?: string;
+    /** Individual calendar grid */
+    grid?: string;
+    /** Day picker specific class names */
+    dayPicker?: DayPickerClassNames;
+};
+/** Class names for DayPicker calendar elements */
+export type DayPickerClassNames = {
+    /** Root container of the day picker */
+    root?: string;
+    /** Months container */
+    months?: string;
+    /** Individual month container */
+    month?: string;
+    /** Calendar table */
+    table?: string;
+    /** Table head with weekday names */
+    weekdays?: string;
+    /** Individual weekday header cell */
+    weekday?: string;
+    /** Table body with weeks */
+    weeks?: string;
+    /** Individual day cell */
+    day?: string;
+    /** Day button inside each cell */
+    dayButton?: string;
+    /** Selected day(s) */
+    selected?: string;
+    /** Start of the selected range */
+    rangeStart?: string;
+    /** End of the selected range */
+    rangeEnd?: string;
+    /** Days between range start and end */
+    rangeMiddle?: string;
+    /** Today's date */
+    today?: string;
+    /** Disabled days */
+    disabled?: string;
+    /** Days outside the current month */
+    outside?: string;
+};
+export type CalendarPanelProps = {
+    className?: string;
+    /** Width of the calendar panel in pixels (default: 550) */
+    calendarWidth?: number;
+    /** Aria label for the calendar container (default: 'Date range picker calendar') */
+    ariaLabelCalendar?: string;
+    /** Aria label for previous month button in together mode (default: 'Previous month') */
+    ariaLabelPrevMonth?: string;
+    /** Aria label for next month button in together mode (default: 'Next month') */
+    ariaLabelNextMonth?: string;
+    /** Aria label for previous month button for start date in independent mode (default: 'Previous month for start date') */
+    ariaLabelPrevMonthStart?: string;
+    /** Aria label for next month button for start date in independent mode (default: 'Next month for start date') */
+    ariaLabelNextMonthStart?: string;
+    /** Aria label for previous month button for end date in independent mode (default: 'Previous month for end date') */
+    ariaLabelPrevMonthEnd?: string;
+    /** Aria label for next month button for end date in independent mode (default: 'Next month for end date') */
+    ariaLabelNextMonthEnd?: string;
+    /** Custom class names for styling */
+    classNames?: CalendarPanelClassNames;
+};
+export type SlideDirection = 'left' | 'right' | null;

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

@@ -0,0 +1,8 @@
+export declare const calendarPanelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarNavigationVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarNavGroupVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarNavButtonVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarNavButtonDisabledVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarMonthTitleVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarGridContainerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const calendarGridVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/CalendarDivider/CalendarDivider.d.ts

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

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/CalendarDivider/CalendarDivider.types.d.ts

@@ -0,0 +1,3 @@
+export type Props = {
+    className?: string;
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/CalendarMonth.d.ts

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

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/CalendarMonth.types.d.ts

@@ -0,0 +1,17 @@
+import { DateRange, Matcher } from 'react-day-picker';
+import { DayPickerClassNames } from '../../CalendarPanel.types';
+export type Props = {
+    month: Date;
+    range: {
+        from?: Date;
+        to?: Date;
+    };
+    onRangeSelect: (range: DateRange | undefined) => void;
+    disabled?: boolean;
+    disabledMatcher?: Matcher | Matcher[];
+    showOutsideDays?: boolean;
+    classNames?: {
+        monthTitle?: string;
+        dayPicker?: DayPickerClassNames;
+    };
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.d.ts

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

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.types.d.ts

@@ -0,0 +1,34 @@
+import { Matcher } from 'react-day-picker';
+import { CalendarPanelClassNames } from '../../CalendarPanel.types';
+import { UseIndependentCarouselProps } from '../../hooks';
+export type Props = {
+    className?: string;
+    calendarWidth?: number;
+    ariaLabelCalendar?: string;
+    ariaLabelPrevMonthStart?: string;
+    ariaLabelNextMonthStart?: string;
+    ariaLabelPrevMonthEnd?: string;
+    ariaLabelNextMonthEnd?: string;
+    classNames?: CalendarPanelClassNames;
+    range: {
+        from?: Date;
+        to?: Date;
+    };
+    onRangeSelect: (range: {
+        from?: Date;
+        to?: Date;
+    }) => void;
+    disabled?: boolean;
+    disabledMatcher?: Matcher | Matcher[];
+    showOutsideDays?: boolean;
+    hideDisabledNavigation?: boolean;
+    canLeftNavigatePrev: boolean;
+    canLeftNavigateNext: boolean;
+    canRightNavigatePrev: boolean;
+    canRightNavigateNext: boolean;
+    navigateLeftPrev: () => void;
+    navigateLeftNext: () => void;
+    navigateRightPrev: () => void;
+    navigateRightNext: () => void;
+    carouselProps: UseIndependentCarouselProps;
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/NavigationButton/NavigationButton.d.ts

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

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/NavigationButton/NavigationButton.types.d.ts

@@ -0,0 +1,12 @@
+export type Props = {
+    direction: 'prev' | 'next';
+    onClick: () => void;
+    disabled?: boolean;
+    isAnimating?: boolean;
+    canNavigate?: boolean;
+    hideWhenDisabled?: boolean;
+    className?: string;
+    disabledClassName?: string;
+    ariaLabel: string;
+    size?: 'small' | 'medium';
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.d.ts

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

package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.types.d.ts

@@ -0,0 +1,26 @@
+import { Matcher } from 'react-day-picker';
+import { CalendarPanelClassNames } from '../../CalendarPanel.types';
+import { UseTogetherCarouselProps } from '../../hooks';
+export type Props = {
+    className?: string;
+    calendarWidth?: number;
+    ariaLabelCalendar?: string;
+    ariaLabelPrevMonth?: string;
+    ariaLabelNextMonth?: string;
+    classNames?: CalendarPanelClassNames;
+    range: {
+        from?: Date;
+        to?: Date;
+    };
+    onRangeSelect: (range: {
+        from?: Date;
+        to?: Date;
+    }) => void;
+    disabled?: boolean;
+    disabledMatcher?: Matcher | Matcher[];
+    showOutsideDays?: boolean;
+    hideDisabledNavigation?: boolean;
+    canNavigatePrev: boolean;
+    canNavigateNext: boolean;
+    carouselProps: UseTogetherCarouselProps;
+};

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

@@ -0,0 +1,5 @@
+export { CalendarDivider } from './CalendarDivider/CalendarDivider';
+export { CalendarMonth } from './CalendarMonth/CalendarMonth';
+export { IndependentModeCalendar } from './IndependentModeCalendar/IndependentModeCalendar';
+export { NavigationButton } from './NavigationButton/NavigationButton';
+export { TogetherModeCalendar } from './TogetherModeCalendar/TogetherModeCalendar';

package/dist/lib/components/DateRangePicker/components/CalendarPanel/constants/dayPickerClassNames.d.ts

@@ -0,0 +1,22 @@
+import { DayPickerClassNames } from '../CalendarPanel.types';
+export declare const createDayPickerClassNames: (custom?: DayPickerClassNames) => {
+    root: string;
+    months: string;
+    month: string;
+    month_caption: string;
+    nav: string;
+    day_button: string;
+    day: string;
+    selected: string;
+    range_start: string;
+    range_end: string;
+    range_middle: string;
+    table: string;
+    weekdays: string;
+    weeks: string;
+    weekday: string;
+    today: string;
+    month_grid: string;
+    disabled: string;
+    outside: string;
+};

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

@@ -0,0 +1,8 @@
+export declare const SINGLE_MONTH_WIDTH = 259;
+export declare const GAP_WIDTH = 32;
+export declare const MS_PER_MONTH: number;
+export declare const MONTH_HEADER_HEIGHT = 56;
+export declare const WEEKDAY_HEADER_HEIGHT = 28;
+export declare const WEEK_ROW_HEIGHT = 38;
+export { createDayPickerClassNames } from './dayPickerClassNames';
+export { getMonthName } from '../../../utils';

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

@@ -0,0 +1,4 @@
+export * from '../constants';
+export * from '../utils';
+export * from './useTogetherCarousel';
+export * from './useIndependentCarousel';

package/dist/lib/components/DateRangePicker/components/CalendarPanel/hooks/useIndependentCarousel.d.ts

@@ -0,0 +1,24 @@
+export type UseIndependentCarouselProps = {
+    displayedMonths: [Date, Date];
+    animationDuration: number;
+    navigationMode: 'together' | 'independent';
+};
+export declare const useIndependentCarousel: ({ displayedMonths, animationDuration, navigationMode, }: UseIndependentCarouselProps) => {
+    leftInternalMonth: Date;
+    leftPrevMonth: Date;
+    leftNextMonth: Date;
+    leftCarouselRef: import('react').RefObject<HTMLDivElement | null>;
+    isLeftAnimating: boolean;
+    enableLeftTransition: boolean;
+    leftAnimateTransform: boolean;
+    getLeftTransform: () => string;
+    rightInternalMonth: Date;
+    rightPrevMonth: Date;
+    rightNextMonth: Date;
+    rightCarouselRef: import('react').RefObject<HTMLDivElement | null>;
+    isRightAnimating: boolean;
+    enableRightTransition: boolean;
+    rightAnimateTransform: boolean;
+    getRightTransform: () => string;
+    calendarHeight: number;
+};

package/dist/lib/components/DateRangePicker/components/CalendarPanel/hooks/useTogetherCarousel.d.ts

@@ -0,0 +1,23 @@
+export type UseTogetherCarouselProps = {
+    displayedMonths: [Date, Date];
+    animationDuration: number;
+    disabled: boolean;
+    canNavigatePrev: boolean;
+    canNavigateNext: boolean;
+    navigationMode: 'together' | 'independent';
+    numberOfMonths?: 1 | 2;
+    navigatePrevMonth: () => void;
+    navigateNextMonth: () => void;
+};
+export declare const useTogetherCarousel: ({ displayedMonths, animationDuration, disabled, canNavigatePrev, canNavigateNext, navigationMode, numberOfMonths, navigatePrevMonth, navigateNextMonth, }: UseTogetherCarouselProps) => {
+    carouselRef: import('react').RefObject<HTMLDivElement | null>;
+    isAnimating: boolean;
+    enableTransition: boolean;
+    animateTransform: boolean;
+    calendarHeight: number;
+    carouselTotalWidth: number;
+    monthsToRender: Date[];
+    handlePrevMonth: () => void;
+    handleNextMonth: () => void;
+    getTransform: () => string;
+};