flikkui 0.1.0-beta.2

package/dist/components/forms/Checkbox/Checkbox.js

@@ -0,0 +1,51 @@
+import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { checkboxTheme } from './Checkbox.theme.js';
+import { FormLabel } from '../FormLabel/FormLabel.js';
+import { cn } from '../../../utils/cn.js';
+import ForwardRef from '../../../node_modules/@heroicons/react/24/outline/esm/MinusIcon.js';
+import ForwardRef$1 from '../../../node_modules/@heroicons/react/24/outline/esm/CheckIcon.js';
+
+/**
+ * Checkbox component for selecting one or more options
+ */
+var Checkbox = function (_a) {
+    var id = _a.id, name = _a.name, value = _a.value, controlledChecked = _a.checked, _b = _a.indeterminate, indeterminate = _b === void 0 ? false : _b, onChange = _a.onChange, label = _a.label, description = _a.description, _c = _a.state, state = _c === void 0 ? "default" : _c, themeOverrides = _a.theme, className = _a.className, restProps = __rest(_a, ["id", "name", "value", "checked", "indeterminate", "onChange", "label", "description", "state", "theme", "className"]);
+    var _d = useState(false), internalChecked = _d[0], setInternalChecked = _d[1];
+    var inputRef = useRef(null);
+    // Determine if component is controlled or uncontrolled
+    var isControlled = controlledChecked !== undefined;
+    var isChecked = isControlled ? controlledChecked : internalChecked;
+    // Set indeterminate property on the input element
+    useEffect(function () {
+        if (inputRef.current) {
+            inputRef.current.indeterminate = indeterminate;
+        }
+    }, [indeterminate]);
+    // Derive state flags
+    var isDisabled = state === "disabled";
+    var isInvalid = state === "invalid";
+    var handleChange = function (e) {
+        if (isDisabled)
+            return;
+        if (!isControlled) {
+            setInternalChecked(e.target.checked);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(e.target.checked, value);
+    };
+    // Create state class for CSS selectors (like other components)
+    var stateClass = isInvalid
+        ? "state-invalid"
+        : isDisabled
+            ? "state-disabled"
+            : "state-default";
+    return (React__default.createElement("div", __assign({ className: cn(checkboxTheme.container, stateClass, themeOverrides === null || themeOverrides === void 0 ? void 0 : themeOverrides.container, className) }, restProps),
+        React__default.createElement("div", { className: cn(checkboxTheme.inputContainer, themeOverrides === null || themeOverrides === void 0 ? void 0 : themeOverrides.inputContainer) },
+            React__default.createElement("input", { ref: inputRef, type: "checkbox", id: id, name: name, value: value, checked: isChecked, onChange: handleChange, disabled: isDisabled, "aria-describedby": description ? "".concat(id, "-description") : undefined, "aria-invalid": isInvalid, className: cn(checkboxTheme.input, themeOverrides === null || themeOverrides === void 0 ? void 0 : themeOverrides.input) }),
+            (isChecked || indeterminate) && (indeterminate ? (React__default.createElement(ForwardRef, { className: cn(checkboxTheme.checkmark, themeOverrides === null || themeOverrides === void 0 ? void 0 : themeOverrides.checkmark), strokeWidth: 3 })) : isDisabled ? (React__default.createElement(ForwardRef, { className: cn(checkboxTheme.checkmark, themeOverrides === null || themeOverrides === void 0 ? void 0 : themeOverrides.checkmark), strokeWidth: 3 })) : (React__default.createElement(ForwardRef$1, { className: cn(checkboxTheme.checkmark, themeOverrides === null || themeOverrides === void 0 ? void 0 : themeOverrides.checkmark), strokeWidth: 3 })))),
+        (label || description) && (React__default.createElement("div", { className: cn(checkboxTheme.labelContainer, themeOverrides === null || themeOverrides === void 0 ? void 0 : themeOverrides.labelContainer) },
+            label && React__default.createElement(FormLabel, { htmlFor: id, className: "!mb-0", state: state }, label),
+            description && (React__default.createElement("div", { id: "".concat(id, "-description"), className: cn(checkboxTheme.description, themeOverrides === null || themeOverrides === void 0 ? void 0 : themeOverrides.description) }, description))))));
+};
+
+export { Checkbox, Checkbox as default };

package/dist/components/forms/Checkbox/Checkbox.theme.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxTheme } from "./Checkbox.types";
+/**
+ * Default theme configuration for the Checkbox component
+ */
+export declare const checkboxTheme: CheckboxTheme;

package/dist/components/forms/Checkbox/Checkbox.theme.js

@@ -0,0 +1,13 @@
+/**
+ * Default theme configuration for the Checkbox component
+ */
+var checkboxTheme = {
+    container: "relative flex items-start gap-3",
+    inputContainer: "relative flex-shrink-0 group grid size-6 grid-cols-1",
+    labelContainer: "cursor-pointer",
+    input: "col-start-1 row-start-1 appearance-none rounded-md border-2 border-gray-300 bg-white size-6 checked:border-primary-600 checked:bg-primary-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 checked:outline-2 checked:outline-primary-100 checked:outline-offset-1 transition-all duration-400",
+    checkmark: "pointer-events-none col-start-1 row-start-1 size-4 self-center justify-self-center opacity-0 group-has-[:checked]:opacity-100 stroke-white group-has-[:disabled]:stroke-neutral-400 transition-opacity duration-200",
+    description: "text-sm text-text-secondary mt-1",
+};
+
+export { checkboxTheme };

package/dist/components/forms/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+/**
+ * State variants for the checkbox component
+ */
+export type CheckboxState = 'default' | 'disabled' | 'invalid';
+/**
+ * Checkbox component props
+ * @property {string} id - Unique identifier for the checkbox input
+ * @property {string} name - Name for the checkbox input
+ * @property {string} value - Value for the checkbox input
+ * @property {boolean} checked - Whether the checkbox is checked
+ * @property {(checked: boolean, value: string) => void} onChange - Function called when the checkbox state changes
+ * @property {string} label - Label text for the checkbox
+ * @property {string} description - Optional description text
+ * @property {CheckboxState} state - The state of the checkbox (default, disabled, invalid)
+ * @property {CheckboxThemeOverrides} theme - Optional theme overrides
+ * @property {string} className - Additional class names for styling override
+ */
+export interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    id: string;
+    name: string;
+    value: string;
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: (checked: boolean, value: string) => void;
+    label?: string;
+    description?: string;
+    state?: CheckboxState;
+    theme?: CheckboxThemeOverrides;
+}
+/**
+ * Checkbox theme configuration
+ */
+export interface CheckboxTheme {
+    container: string;
+    inputContainer: string;
+    labelContainer: string;
+    input: string;
+    checkmark: string;
+    description: string;
+}
+/**
+ * Checkbox theme overrides
+ */
+export interface CheckboxThemeOverrides {
+    container?: string;
+    inputContainer?: string;
+    labelContainer?: string;
+    input?: string;
+    checkmark?: string;
+    description?: string;
+}

package/dist/components/forms/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { default, Checkbox } from './Checkbox';
+export * from './Checkbox.types';
+export * from './Checkbox.theme';

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

@@ -0,0 +1,34 @@
+import { Variants } from "motion/react";
+/**
+ * Animation variants for DatePicker month transitions
+ */
+export declare const datePickerAnimations: {
+    /**
+     * Calendar container animation variants
+     * Provides smooth slide transitions when switching months
+     */
+    calendarContainer: Variants;
+    /**
+     * Month navigation slide and fade variants
+     * Simultaneous slide and fade with minimal movement
+     */
+    monthSlide: Record<string, Variants>;
+    /**
+   * Header title animation for month/year changes
+   */
+    headerTitle: Variants;
+    /**
+     * Individual day button animations
+     * Simple hover and tap animations without stagger
+     */
+    dayButton: Variants;
+    /**
+     * Navigation button animations
+     */
+    navButton: Variants;
+    /**
+     * Today indicator dot animation
+     */
+    todayDot: Variants;
+};
+export default datePickerAnimations;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { DatePickerProps } from "./DatePicker.types";
+export declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;

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

@@ -0,0 +1,6 @@
+import { DatePickerThemeOverrides } from "./DatePicker.types";
+/**
+ * Default theme for the DatePicker component
+ */
+export declare const datePickerTheme: DatePickerThemeOverrides;
+export default datePickerTheme;

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

@@ -0,0 +1,106 @@
+import React from 'react';
+import { CalendarView } from './components/CalendarHeader';
+/**
+ * DatePicker component props
+ * @property {Date} value - The selected date
+ * @property {Date} defaultValue - Default selected date for uncontrolled mode
+ * @property {function} onChange - Callback when date is selected
+ * @property {Date} minDate - Minimum selectable date
+ * @property {Date} maxDate - Maximum selectable date
+ * @property {function} isDateDisabled - Function to determine if a date should be disabled
+ * @property {string} dateFormat - Format for displaying dates (default: 'yyyy-MM-dd')
+ * @property {boolean} showToday - Whether to highlight today's date
+ * @property {string[]} weekdays - Custom weekday labels
+ * @property {string[]} months - Custom month names
+ * @property {boolean} enableYearPicker - Enable year picker functionality
+ * @property {boolean} enableMonthPicker - Enable month picker functionality
+ * @property {boolean} showTodayButton - Show today button in header
+ * @property {CalendarView} defaultView - Default view mode
+ */
+export interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** The selected date (controlled mode) */
+    value?: Date;
+    /** Default selected date (uncontrolled mode) */
+    defaultValue?: Date;
+    /** Callback fired when a date is selected */
+    onChange?: (date: Date | null) => void;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Function to determine if a specific date should be disabled */
+    isDateDisabled?: (date: Date) => boolean;
+    /** Format for displaying dates */
+    dateFormat?: string;
+    /** Whether to highlight today's date (default: true) */
+    showToday?: boolean;
+    /** Custom weekday labels (default: ['M', 'T', 'W', 'T', 'F', 'S', 'S']) */
+    weekdays?: string[];
+    /** Custom month names */
+    months?: string[];
+    /** Enable year picker functionality (default: true) */
+    enableYearPicker?: boolean;
+    /** Enable month picker functionality (default: true) */
+    enableMonthPicker?: boolean;
+    /** Show today button in header (default: true) */
+    showTodayButton?: boolean;
+    /** Default view mode (default: 'days') */
+    defaultView?: CalendarView;
+    /** Additional class name for the container */
+    className?: string;
+    /** Component-level theme overrides */
+    theme?: DatePickerThemeOverrides;
+}
+/**
+ * Internal day object used by the DatePicker
+ */
+export interface DatePickerDay {
+    /** The date object */
+    date: Date;
+    /** Whether this day belongs to the current month */
+    isCurrentMonth: boolean;
+    /** Whether this day is today */
+    isToday: boolean;
+    /** Whether this day is selected */
+    isSelected: boolean;
+    /** Whether this day is disabled */
+    isDisabled: boolean;
+}
+/**
+ * Theme overrides for the DatePicker component
+ */
+export interface DatePickerThemeOverrides {
+    /** Style for the main container */
+    containerStyle?: string;
+    /** Style for the header container */
+    headerStyle?: string;
+    /** Style for the month/year title */
+    titleStyle?: string;
+    /** Style for navigation buttons */
+    navButtonStyle?: string;
+    /** Style for the weekdays header */
+    weekdaysStyle?: string;
+    /** Style for individual weekday labels */
+    weekdayStyle?: string;
+    /** Style for the days grid */
+    daysGridStyle?: string;
+    /** Style for day cells */
+    dayCellStyle?: string;
+    /** Style for day buttons */
+    dayButtonStyle?: string;
+    /** Styles for different day states */
+    dayStates?: {
+        /** Style for current month days */
+        currentMonth?: string;
+        /** Style for other month days */
+        otherMonth?: string;
+        /** Style for today */
+        today?: string;
+        /** Style for selected day */
+        selected?: string;
+        /** Style for disabled days */
+        disabled?: string;
+        /** Style for hover state */
+        hover?: string;
+    };
+}

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { CalendarHeaderProps } from "./CalendarHeader.types";
+/**
+ * CalendarHeader component with enhanced navigation and view switching
+ */
+export declare const CalendarHeader: React.FC<CalendarHeaderProps>;
+export default CalendarHeader;

package/dist/components/forms/DatePicker/components/CalendarHeader/CalendarHeader.theme.d.ts

@@ -0,0 +1,6 @@
+import { CalendarHeaderThemeOverrides } from "./CalendarHeader.types";
+/**
+ * Default theme for the CalendarHeader component
+ */
+export declare const calendarHeaderTheme: CalendarHeaderThemeOverrides;
+export default calendarHeaderTheme;

package/dist/components/forms/DatePicker/components/CalendarHeader/CalendarHeader.types.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Calendar header view modes
+ */
+export type CalendarView = 'days' | 'months' | 'years';
+/**
+ * CalendarHeader component props
+ */
+export interface CalendarHeaderProps {
+    /** Current view date */
+    viewDate: Date;
+    /** Current calendar view mode */
+    currentView: CalendarView;
+    /** Callback when view changes */
+    onViewChange: (view: CalendarView) => void;
+    /** Callback when view date changes */
+    onViewDateChange: (date: Date) => void;
+    /** Callback when today button is clicked */
+    onTodayClick: () => void;
+    /** Whether to show the today button */
+    showTodayButton?: boolean;
+    /** Custom month names */
+    months?: string[];
+    /** Additional class name */
+    className?: string;
+    /** Component-level theme overrides */
+    theme?: CalendarHeaderThemeOverrides;
+}
+/**
+ * Theme overrides for the CalendarHeader component
+ */
+export interface CalendarHeaderThemeOverrides {
+    /** Container styles */
+    containerStyle?: string;
+    /** Navigation button styles */
+    navButtonStyle?: string;
+    /** Title button styles (clickable month/year) */
+    titleButtonStyle?: string;
+    /** Today button styles */
+    todayButtonStyle?: string;
+    /** Title text styles */
+    titleTextStyle?: string;
+}

package/dist/components/forms/DatePicker/components/CalendarHeader/index.d.ts

@@ -0,0 +1,3 @@
+export { CalendarHeader as default, CalendarHeader } from './CalendarHeader';
+export type { CalendarHeaderProps, CalendarHeaderThemeOverrides, CalendarView } from './CalendarHeader.types';
+export { calendarHeaderTheme } from './CalendarHeader.theme';

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { DateInputProps } from "./DateInput.types";
+/**
+ * DateInput component - wraps existing Input with date functionality
+ */
+export declare const DateInput: React.FC<DateInputProps>;
+export default DateInput;

package/dist/components/forms/DatePicker/components/DateInput/DateInput.types.d.ts

@@ -0,0 +1,25 @@
+import { InputProps } from '../../../Input/Input.types';
+/**
+ * DateInput component props
+ * Extends the existing Input component with date-specific functionality
+ */
+export interface DateInputProps extends Omit<InputProps, 'type' | 'onChange'> {
+    /** The selected date value */
+    value?: Date | null;
+    /** Callback when date changes via input */
+    onChange?: (date: Date | null) => void;
+    /** Date format for display and input (default: 'DD/MM/YYYY') */
+    format?: string;
+    /** Auto-detect format from browser locale (default: true) */
+    autoDetectLocale?: boolean;
+    /** Locale for formatting (default: browser locale) */
+    locale?: string;
+    /** Whether the input is clearable (default: true) */
+    clearable?: boolean;
+    /** Custom placeholder override */
+    placeholder?: string;
+    /** Callback when input gains focus */
+    onFocus?: () => void;
+    /** Callback when input loses focus */
+    onBlur?: () => void;
+}

package/dist/components/forms/DatePicker/components/DateInput/index.d.ts

@@ -0,0 +1,2 @@
+export { DateInput as default, DateInput } from './DateInput';
+export type { DateInputProps } from './DateInput.types';

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { MonthPickerProps } from "./MonthPicker.types";
+/**
+ * MonthPicker component for month selection
+ */
+export declare const MonthPicker: React.FC<MonthPickerProps>;
+export default MonthPicker;

package/dist/components/forms/DatePicker/components/MonthPicker/MonthPicker.theme.d.ts

@@ -0,0 +1,6 @@
+import { MonthPickerThemeOverrides } from "./MonthPicker.types";
+/**
+ * Default theme for the MonthPicker component
+ */
+export declare const monthPickerTheme: MonthPickerThemeOverrides;
+export default monthPickerTheme;

package/dist/components/forms/DatePicker/components/MonthPicker/MonthPicker.types.d.ts

@@ -0,0 +1,64 @@
+/**
+ * MonthPicker component props
+ */
+export interface MonthPickerProps {
+    /** Current selected month (0-11) */
+    selectedMonth: number;
+    /** Current selected year */
+    selectedYear: number;
+    /** Callback when a month is selected */
+    onMonthSelect: (month: number) => void;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Function to determine if a month should be disabled */
+    isMonthDisabled?: (month: number, year: number) => boolean;
+    /** Custom month names */
+    months?: string[];
+    /** Additional class name */
+    className?: string;
+    /** Component-level theme overrides */
+    theme?: MonthPickerThemeOverrides;
+}
+/**
+ * Internal month object used by the MonthPicker
+ */
+export interface MonthPickerMonth {
+    /** The month index (0-11) */
+    month: number;
+    /** The month name */
+    name: string;
+    /** The abbreviated month name */
+    shortName: string;
+    /** Whether this month is currently selected */
+    isSelected: boolean;
+    /** Whether this month is the current month */
+    isCurrent: boolean;
+    /** Whether this month is disabled */
+    isDisabled: boolean;
+}
+/**
+ * Theme overrides for the MonthPicker component
+ */
+export interface MonthPickerThemeOverrides {
+    /** Container styles */
+    containerStyle?: string;
+    /** Grid container styles */
+    gridStyle?: string;
+    /** Month button base styles */
+    monthButtonStyle?: string;
+    /** Styles for different month states */
+    monthStates?: {
+        /** Style for normal months */
+        normal?: string;
+        /** Style for current month */
+        current?: string;
+        /** Style for selected month */
+        selected?: string;
+        /** Style for disabled months */
+        disabled?: string;
+        /** Style for hover state */
+        hover?: string;
+    };
+}

package/dist/components/forms/DatePicker/components/MonthPicker/index.d.ts

@@ -0,0 +1,3 @@
+export { MonthPicker as default, MonthPicker } from './MonthPicker';
+export type { MonthPickerProps, MonthPickerMonth, MonthPickerThemeOverrides } from './MonthPicker.types';
+export { monthPickerTheme } from './MonthPicker.theme';

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { YearPickerProps } from "./YearPicker.types";
+/**
+ * YearPicker component for decade-based year selection
+ */
+export declare const YearPicker: React.FC<YearPickerProps>;
+export default YearPicker;

package/dist/components/forms/DatePicker/components/YearPicker/YearPicker.theme.d.ts

@@ -0,0 +1,6 @@
+import { YearPickerThemeOverrides } from "./YearPicker.types";
+/**
+ * Default theme for the YearPicker component
+ */
+export declare const yearPickerTheme: YearPickerThemeOverrides;
+export default yearPickerTheme;

package/dist/components/forms/DatePicker/components/YearPicker/YearPicker.types.d.ts

@@ -0,0 +1,62 @@
+/**
+ * YearPicker component props
+ */
+export interface YearPickerProps {
+    /** Current selected year */
+    selectedYear: number;
+    /** Current view year (for decade calculation) */
+    viewYear: number;
+    /** Callback when a year is selected */
+    onYearSelect: (year: number) => void;
+    /** Minimum selectable year */
+    minYear?: number;
+    /** Maximum selectable year */
+    maxYear?: number;
+    /** Function to determine if a year should be disabled */
+    isYearDisabled?: (year: number) => boolean;
+    /** Additional class name */
+    className?: string;
+    /** Component-level theme overrides */
+    theme?: YearPickerThemeOverrides;
+}
+/**
+ * Internal year object used by the YearPicker
+ */
+export interface YearPickerYear {
+    /** The year value */
+    year: number;
+    /** Whether this year is currently selected */
+    isSelected: boolean;
+    /** Whether this year is the current year */
+    isCurrent: boolean;
+    /** Whether this year is disabled */
+    isDisabled: boolean;
+    /** Whether this year is in the current decade */
+    isCurrentDecade: boolean;
+}
+/**
+ * Theme overrides for the YearPicker component
+ */
+export interface YearPickerThemeOverrides {
+    /** Container styles */
+    containerStyle?: string;
+    /** Grid container styles */
+    gridStyle?: string;
+    /** Year button base styles */
+    yearButtonStyle?: string;
+    /** Styles for different year states */
+    yearStates?: {
+        /** Style for current decade years */
+        currentDecade?: string;
+        /** Style for other decade years */
+        otherDecade?: string;
+        /** Style for current year */
+        current?: string;
+        /** Style for selected year */
+        selected?: string;
+        /** Style for disabled years */
+        disabled?: string;
+        /** Style for hover state */
+        hover?: string;
+    };
+}

package/dist/components/forms/DatePicker/components/YearPicker/index.d.ts

@@ -0,0 +1,3 @@
+export { YearPicker as default, YearPicker } from './YearPicker';
+export type { YearPickerProps, YearPickerYear, YearPickerThemeOverrides } from './YearPicker.types';
+export { yearPickerTheme } from './YearPicker.theme';

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

@@ -0,0 +1,8 @@
+export { CalendarHeader } from './CalendarHeader';
+export type { CalendarHeaderProps, CalendarHeaderThemeOverrides, CalendarView } from './CalendarHeader';
+export { YearPicker } from './YearPicker';
+export type { YearPickerProps, YearPickerYear, YearPickerThemeOverrides } from './YearPicker';
+export { MonthPicker } from './MonthPicker';
+export type { MonthPickerProps, MonthPickerMonth, MonthPickerThemeOverrides } from './MonthPicker';
+export { DateInput } from './DateInput';
+export type { DateInputProps } from './DateInput';

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

@@ -0,0 +1,5 @@
+export { DatePicker as default, DatePicker } from './DatePicker';
+export type { DatePickerProps, DatePickerDay, DatePickerThemeOverrides } from './DatePicker.types';
+export { datePickerTheme } from './DatePicker.theme';
+export { CalendarHeader, YearPicker, MonthPicker, DateInput } from './components';
+export type { CalendarHeaderProps, CalendarHeaderThemeOverrides, CalendarView, YearPickerProps, YearPickerThemeOverrides, MonthPickerProps, MonthPickerThemeOverrides, DateInputProps } from './components';

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { DateRangePickerProps } from "./DateRangePicker.types";
+/**
+ * DateRangePicker component for selecting date ranges
+ */
+export declare const DateRangePicker: React.FC<DateRangePickerProps>;
+export default DateRangePicker;

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

@@ -0,0 +1,6 @@
+import { DateRangePickerThemeOverrides } from "./DateRangePicker.types";
+/**
+ * Default theme for the DateRangePicker component
+ */
+export declare const dateRangePickerTheme: DateRangePickerThemeOverrides;
+export default dateRangePickerTheme;