@signalflare-ai/ui 0.5.0

package/dist/src/components/data-grid/data-grid.d.ts

@@ -0,0 +1,78 @@
+import { ReactNode } from 'react';
+import { DataGridProps, DataGridToolbarProps, DataGridContentProps, DataGridPaginationProps, DataGridColumnToggleProps, DataGridEmptyProps } from './types';
+/** DataGrid layout variant definitions */
+export declare const SF_DATA_GRID_VARIANTS: {
+    readonly layout: {
+        readonly auto: {
+            readonly classes: "";
+            readonly description: "Auto column sizing - columns resize based on content";
+        };
+        readonly fixed: {
+            readonly classes: "table-fixed";
+            readonly description: "Fixed column sizing - columns have equal width";
+        };
+    };
+};
+/** Default variants for DataGrid */
+export declare const SF_DATA_GRID_DEFAULT_VARIANTS: {
+    readonly layout: "auto";
+};
+/**
+ * Toolbar component for DataGrid.
+ * Shows filters, column visibility toggle, and custom actions.
+ */
+declare function DataGridToolbar({ className, children }: DataGridToolbarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DataGridToolbar {
+    var displayName: string;
+}
+/**
+ * Column visibility toggle dropdown.
+ * Shows checkboxes for each hideable column.
+ */
+declare function DataGridColumnToggle({ className, trigger, label, }: DataGridColumnToggleProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace DataGridColumnToggle {
+    var displayName: string;
+}
+/**
+ * Main table content component.
+ * Renders the table with headers, rows, and cells.
+ */
+declare function DataGridContent({ className }: DataGridContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DataGridContent {
+    var displayName: string;
+}
+/**
+ * Pagination controls for DataGrid.
+ * Wraps the Pagination component with table state.
+ */
+declare function DataGridPagination({ className }: DataGridPaginationProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace DataGridPagination {
+    var displayName: string;
+}
+/**
+ * Empty state component for DataGrid.
+ * Shown when there are no rows to display.
+ */
+declare function DataGridEmpty({ className, children, title, description, }: DataGridEmptyProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace DataGridEmpty {
+    var displayName: string;
+}
+/**
+ * DataGrid root component.
+ * Sets up the react-table instance and provides context to child components.
+ */
+declare function DataGridRoot<TData>({ data, columns, sorting: controlledSorting, onSortingChange, enableSorting, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, enableColumnVisibility, rowSelection: controlledRowSelection, onRowSelectionChange, enableRowSelection, pageSize, pageIndex, onPaginationChange, totalCount, manualPagination, pageSizeOptions: _pageSizeOptions, filters, onFiltersChange, filterFields, enableFiltering, layout: _layout, className, tableClassName, emptyState, loading, loadingRows, toolbar, showToolbar, showPagination, pagination: customPagination, enableColumnResizing, columnResizeMode, children, }: DataGridProps<TData> & {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace DataGridRoot {
+    var displayName: string;
+}
+export declare const DataGrid: typeof DataGridRoot & {
+    Toolbar: typeof DataGridToolbar;
+    Content: typeof DataGridContent;
+    Pagination: typeof DataGridPagination;
+    ColumnToggle: typeof DataGridColumnToggle;
+    Empty: typeof DataGridEmpty;
+};
+export type { DataGridProps, DataGridColumn, DataGridToolbarProps, DataGridContentProps, DataGridPaginationProps, DataGridColumnToggleProps, DataGridEmptyProps, } from './types';
+//# sourceMappingURL=data-grid.d.ts.map

package/dist/src/components/data-grid/data-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":"AASA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAyBf,OAAO,KAAK,EACV,aAAa,EAGb,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAMjB,0CAA0C;AAC1C,eAAO,MAAM,qBAAqB;;;;;;;;;;;CAWxB,CAAC;AAEX,oCAAoC;AACpC,eAAO,MAAM,6BAA6B;;CAEhC,CAAC;AA0CX;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAWrE;kBAXQ,eAAe;;;AAmBxB;;;GAGG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,OAAO,EACP,KAAiB,GAClB,EAAE,yBAAyB,kDAoE3B;kBAxEQ,oBAAoB;;;AAgF7B;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAwF3D;kBAxFQ,eAAe;;;AAgGxB;;;GAGG;AACH,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,kDA+CjE;kBA/CQ,kBAAkB;;;AAuD3B;;;GAGG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,KAAoB,EACpB,WAAmC,GACpC,EAAE,kBAAkB,kDAiBpB;kBAtBQ,aAAa;;;AA8BtB;;;GAGG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,EAC3B,IAAI,EACJ,OAAO,EACP,OAAO,EAAE,iBAAiB,EAC1B,eAAe,EACf,aAAoB,EACpB,gBAAgB,EAAE,0BAA0B,EAC5C,wBAAwB,EACxB,sBAA6B,EAC7B,YAAY,EAAE,sBAAsB,EACpC,oBAAoB,EACpB,kBAAkB,EAClB,QAAa,EACb,SAAa,EACb,kBAAkB,EAClB,UAAU,EACV,gBAAwB,EACxB,eAAe,EAAE,gBAAoC,EACrD,OAAO,EACP,eAAe,EACf,YAAY,EACZ,eAAe,EACf,MAAM,EAAE,OAA8C,EACtD,SAAS,EACT,cAAc,EACd,UAAU,EACV,OAAO,EACP,WAAW,EACX,OAAO,EACP,WAAkB,EAClB,cAAqB,EACrB,UAAU,EAAE,gBAAgB,EAC5B,oBAAoB,EACpB,gBAA0B,EAC1B,QAAQ,GACT,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,2CA4JjD;kBA/LQ,YAAY;;;AAuMrB,eAAO,MAAM,QAAQ;;;;;;CAMnB,CAAC;AAEH,YAAY,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/dist/src/components/data-grid/index.d.ts

@@ -0,0 +1,3 @@
+export { DataGrid, SF_DATA_GRID_VARIANTS, SF_DATA_GRID_DEFAULT_VARIANTS, type DataGridProps, type DataGridColumn, type DataGridToolbarProps, type DataGridContentProps, type DataGridPaginationProps, type DataGridColumnToggleProps, type DataGridEmptyProps, } from './data-grid';
+export type { DataGridContextValue, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/data-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,qBAAqB,EACrB,6BAA6B,EAC7B,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,EAC9B,KAAK,kBAAkB,GACxB,MAAM,aAAa,CAAC;AAErB,YAAY,EACV,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/dist/src/components/data-grid/types.d.ts

@@ -0,0 +1,236 @@
+import { SortingState, VisibilityState, RowSelectionState, Table as ReactTable } from '@tanstack/react-table';
+import { ReactNode } from 'react';
+import { Filter, FilterFieldConfig } from '../filters/types';
+/**
+ * Extended column definition for DataGrid.
+ * Compatible with @tanstack/react-table ColumnDef with SignalFlare-specific extensions.
+ */
+export type DataGridColumn<TData = unknown, TValue = unknown> = {
+    /** Column ID */
+    id?: string;
+    /** Accessor key for simple column definitions */
+    accessorKey: keyof TData;
+    /** Header content */
+    header?: ReactNode | ((props: {
+        table: unknown;
+        column: unknown;
+    }) => ReactNode);
+    /** Cell renderer */
+    cell?: (props: {
+        row: {
+            original: TData;
+        };
+        getValue: () => TValue;
+    }) => ReactNode;
+    /** Additional CSS classes for the column header */
+    headerClassName?: string;
+    /** Additional CSS classes for data cells in this column */
+    cellClassName?: string;
+    /** Whether this column can be hidden via column visibility toggle */
+    enableHiding?: boolean;
+    /** Enable sorting for this column */
+    enableSorting?: boolean;
+    /** Enable resizing for this column */
+    enableResizing?: boolean;
+    /** Initial width of the column in pixels */
+    size?: number;
+    /** Minimum width of the column in pixels */
+    minSize?: number;
+    /** Maximum width of the column in pixels */
+    maxSize?: number;
+} | {
+    /** Column ID */
+    id?: string;
+    /** Accessor function for computed column values */
+    accessorFn: (row: TData) => TValue;
+    /** Header content */
+    header?: ReactNode | ((props: {
+        table: unknown;
+        column: unknown;
+    }) => ReactNode);
+    /** Cell renderer */
+    cell?: (props: {
+        row: {
+            original: TData;
+        };
+        getValue: () => TValue;
+    }) => ReactNode;
+    /** Additional CSS classes for the column header */
+    headerClassName?: string;
+    /** Additional CSS classes for data cells in this column */
+    cellClassName?: string;
+    /** Whether this column can be hidden via column visibility toggle */
+    enableHiding?: boolean;
+    /** Enable sorting for this column */
+    enableSorting?: boolean;
+    /** Enable resizing for this column */
+    enableResizing?: boolean;
+    /** Initial width of the column in pixels */
+    size?: number;
+    /** Minimum width of the column in pixels */
+    minSize?: number;
+    /** Maximum width of the column in pixels */
+    maxSize?: number;
+} | {
+    /** Column ID */
+    id: string;
+    /** Header content */
+    header?: ReactNode | ((props: {
+        table: unknown;
+        column: unknown;
+    }) => ReactNode);
+    /** Cell renderer */
+    cell?: (props: {
+        row: {
+            original: TData;
+        };
+        getValue: () => TValue;
+    }) => ReactNode;
+    /** Additional CSS classes for the column header */
+    headerClassName?: string;
+    /** Additional CSS classes for data cells in this column */
+    cellClassName?: string;
+    /** Whether this column can be hidden via column visibility toggle */
+    enableHiding?: boolean;
+    /** Enable sorting for this column */
+    enableSorting?: boolean;
+    /** Enable resizing for this column */
+    enableResizing?: boolean;
+    /** Initial width of the column in pixels */
+    size?: number;
+    /** Minimum width of the column in pixels */
+    minSize?: number;
+    /** Maximum width of the column in pixels */
+    maxSize?: number;
+};
+/** Props for the DataGrid component */
+export interface DataGridProps<TData> {
+    /** Data rows to display */
+    data: TData[];
+    /** Column definitions */
+    columns: DataGridColumn<TData>[];
+    /** Current sorting state */
+    sorting?: SortingState;
+    /** Callback when sorting changes */
+    onSortingChange?: (sorting: SortingState) => void;
+    /** Enable column sorting */
+    enableSorting?: boolean;
+    /** Current column visibility state */
+    columnVisibility?: VisibilityState;
+    /** Callback when column visibility changes */
+    onColumnVisibilityChange?: (visibility: VisibilityState) => void;
+    /** Enable column visibility toggle */
+    enableColumnVisibility?: boolean;
+    /** Current row selection state (row ID -> boolean) */
+    rowSelection?: RowSelectionState;
+    /** Callback when row selection changes */
+    onRowSelectionChange?: (selection: RowSelectionState) => void;
+    /** Enable row selection. Can be a boolean or a function that determines per-row */
+    enableRowSelection?: boolean | ((row: TData) => boolean);
+    /** Number of rows per page */
+    pageSize?: number;
+    /** Current page index (0-based) */
+    pageIndex?: number;
+    /** Callback when pagination changes */
+    onPaginationChange?: (pagination: {
+        pageIndex: number;
+        pageSize: number;
+    }) => void;
+    /** Total count of rows (for server-side pagination) */
+    totalCount?: number;
+    /** Use manual pagination (server-side) */
+    manualPagination?: boolean;
+    /** Available page size options */
+    pageSizeOptions?: number[];
+    /** Active filters */
+    filters?: Filter[];
+    /** Callback when filters change */
+    onFiltersChange?: (filters: Filter[]) => void;
+    /** Filter field configurations */
+    filterFields?: FilterFieldConfig[];
+    /** Enable filtering UI in toolbar */
+    enableFiltering?: boolean;
+    /** Table layout variant */
+    layout?: "auto" | "fixed";
+    /** Additional CSS classes for the wrapper */
+    className?: string;
+    /** Additional CSS classes for the table */
+    tableClassName?: string;
+    /** Custom empty state content */
+    emptyState?: ReactNode;
+    /** Loading state - shows skeleton rows */
+    loading?: boolean;
+    /** Number of skeleton rows to show when loading */
+    loadingRows?: number;
+    /** Custom toolbar content (replaces default toolbar) */
+    toolbar?: ReactNode;
+    /** Show the toolbar */
+    showToolbar?: boolean;
+    /** Show pagination controls */
+    showPagination?: boolean;
+    /** Custom pagination component (replaces default) */
+    pagination?: ReactNode;
+    /** Enable column resizing via drag handles */
+    enableColumnResizing?: boolean;
+    /** Resize mode: 'onEnd' (default, better perf) or 'onChange' (live) */
+    columnResizeMode?: "onEnd" | "onChange";
+}
+/** Context value provided by DataGrid */
+export interface DataGridContextValue<TData = unknown> {
+    /** The react-table instance */
+    table: ReactTable<TData>;
+    /** Current page size */
+    pageSize: number;
+    /** Current page index */
+    pageIndex: number;
+    /** Total count of rows */
+    totalCount: number;
+    /** Whether pagination is manual (server-side) */
+    manualPagination: boolean;
+    /** Whether table is in loading state */
+    loading?: boolean;
+    /** Number of skeleton rows to show when loading */
+    loadingRows?: number;
+    /** Whether column resizing is enabled */
+    enableColumnResizing?: boolean;
+    /** Column resize mode */
+    columnResizeMode?: "onEnd" | "onChange";
+}
+/** Props for DataGridToolbar */
+export interface DataGridToolbarProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Custom children (replaces default content) */
+    children?: ReactNode;
+}
+/** Props for DataGridContent */
+export interface DataGridContentProps {
+    /** Additional CSS classes for the table */
+    className?: string;
+}
+/** Props for DataGridPagination */
+export interface DataGridPaginationProps {
+    /** Additional CSS classes */
+    className?: string;
+}
+/** Props for DataGridColumnToggle */
+export interface DataGridColumnToggleProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Custom trigger element */
+    trigger?: ReactNode;
+    /** Label for the toggle button */
+    label?: string;
+}
+/** Props for DataGridEmpty */
+export interface DataGridEmptyProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Custom content (replaces default empty message) */
+    children?: ReactNode;
+    /** Title text */
+    title?: string;
+    /** Description text */
+    description?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/components/data-grid/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/types.ts"],"names":[],"mappings":"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"}

package/dist/src/components/date-picker/date-picker.d.ts

@@ -0,0 +1,65 @@
+import { PropsBase, PropsSingle, PropsSingleRequired, PropsMulti, PropsMultiRequired, PropsRange, PropsRangeRequired } from 'react-day-picker';
+/** Base props shared across all DatePicker modes */
+type BaseProps = Omit<PropsBase, "classNames"> & {
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** Custom class names for internal elements */
+    classNames?: PropsBase["classNames"];
+};
+/** Single date selection (optional) */
+type SingleProps = BaseProps & Omit<PropsSingle, "onSelect" | "classNames"> & {
+    onChange?: PropsSingle["onSelect"];
+};
+/** Single date selection (required) */
+type SingleRequiredProps = BaseProps & Omit<PropsSingleRequired, "onSelect" | "classNames"> & {
+    onChange?: PropsSingleRequired["onSelect"];
+};
+/** Multiple date selection (optional) */
+type MultipleProps = BaseProps & Omit<PropsMulti, "onSelect" | "classNames"> & {
+    onChange?: PropsMulti["onSelect"];
+};
+/** Multiple date selection (required) */
+type MultipleRequiredProps = BaseProps & Omit<PropsMultiRequired, "onSelect" | "classNames"> & {
+    onChange?: PropsMultiRequired["onSelect"];
+};
+/** Date range selection (optional) */
+type RangeProps = BaseProps & Omit<PropsRange, "onSelect" | "classNames"> & {
+    onChange?: PropsRange["onSelect"];
+};
+/** Date range selection (required) */
+type RangeRequiredProps = BaseProps & Omit<PropsRangeRequired, "onSelect" | "classNames"> & {
+    onChange?: PropsRangeRequired["onSelect"];
+};
+/**
+ * DatePicker props - discriminated union based on `mode`.
+ * Uses `onChange` instead of `onSelect` for SF consistency.
+ * Full type inference is preserved via the discriminated union.
+ */
+export type DatePickerProps = SingleProps | SingleRequiredProps | MultipleProps | MultipleRequiredProps | RangeProps | RangeRequiredProps;
+/**
+ * DatePicker — a date selection calendar.
+ *
+ * Built on [react-day-picker](https://daypicker.dev) with SF styling.
+ * Supports three selection modes: single, multiple, and range.
+ *
+ * @example
+ * ```tsx
+ * // Single date selection
+ * const [date, setDate] = useState<Date>();
+ * <DatePicker mode="single" selected={date} onChange={setDate} />
+ *
+ * // Multiple date selection
+ * const [dates, setDates] = useState<Date[]>([]);
+ * <DatePicker mode="multiple" selected={dates} onChange={setDates} max={5} />
+ *
+ * // Date range selection
+ * const [range, setRange] = useState<DateRange>();
+ * <DatePicker mode="range" selected={range} onChange={setRange} numberOfMonths={2} />
+ * ```
+ */
+export declare function DatePicker({ className, classNames, onChange, ...props }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DatePicker {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/src/components/date-picker/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/date-picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,kBAAkB,EACxB,MAAM,kBAAkB,CAAC;AAY1B,oDAAoD;AACpD,KAAK,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG;IAC/C,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;CACtC,CAAC;AAEF,uCAAuC;AACvC,KAAK,WAAW,GAAG,SAAS,GAC1B,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC,GAAG;IAC7C,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACpC,CAAC;AAEJ,uCAAuC;AACvC,KAAK,mBAAmB,GAAG,SAAS,GAClC,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,YAAY,CAAC,GAAG;IACrD,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;CAC5C,CAAC;AAEJ,yCAAyC;AACzC,KAAK,aAAa,GAAG,SAAS,GAC5B,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,YAAY,CAAC,GAAG;IAC5C,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,CAAC;AAEJ,yCAAyC;AACzC,KAAK,qBAAqB,GAAG,SAAS,GACpC,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,YAAY,CAAC,GAAG;IACpD,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CAC3C,CAAC;AAEJ,sCAAsC;AACtC,KAAK,UAAU,GAAG,SAAS,GACzB,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,YAAY,CAAC,GAAG;IAC5C,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,CAAC;AAEJ,sCAAsC;AACtC,KAAK,kBAAkB,GAAG,SAAS,GACjC,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,YAAY,CAAC,GAAG;IACpD,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CAC3C,CAAC;AAEJ;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,mBAAmB,GACnB,aAAa,GACb,qBAAqB,GACrB,UAAU,GACV,kBAAkB,CAAC;AAEvB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAqBjB;yBA1Be,UAAU"}

package/dist/src/components/date-picker/index.d.ts

@@ -0,0 +1,4 @@
+export { DatePicker } from './date-picker';
+export type { DatePickerProps } from './date-picker';
+export type { DateRange, DayPickerProps } from 'react-day-picker';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/components/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,125 @@
+/** DateRangePicker size and variant definitions mapping names to their Tailwind classes. */
+export declare const SF_DATE_RANGE_PICKER_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "p-3 gap-2";
+            readonly cellHeight: "h-[22px]";
+            readonly cellWidth: "w-6";
+            readonly calendarWidth: "w-[168px]";
+            readonly textSize: "text-xs";
+            readonly iconSize: 14;
+            readonly description: "Compact calendar for tight spaces";
+        };
+        readonly base: {
+            readonly classes: "p-4 gap-2.5";
+            readonly cellHeight: "h-[26px]";
+            readonly cellWidth: "w-7";
+            readonly calendarWidth: "w-[196px]";
+            readonly textSize: "text-sm";
+            readonly iconSize: 16;
+            readonly description: "Default calendar size";
+        };
+        readonly lg: {
+            readonly classes: "p-5 gap-3";
+            readonly cellHeight: "h-[32px]";
+            readonly cellWidth: "w-9";
+            readonly calendarWidth: "w-[252px]";
+            readonly textSize: "text-base";
+            readonly iconSize: 18;
+            readonly description: "Large calendar for prominent date selection";
+        };
+    };
+    readonly variant: {
+        readonly default: {
+            readonly classes: "bg-sf-overlay";
+            readonly description: "Default calendar appearance";
+        };
+        readonly subtle: {
+            readonly classes: "bg-sf-base";
+            readonly description: "Subtle calendar with minimal background";
+        };
+    };
+};
+export declare const SF_DATE_RANGE_PICKER_DEFAULT_VARIANTS: {
+    readonly size: "base";
+    readonly variant: "default";
+};
+export type SFDateRangePickerSize = keyof typeof SF_DATE_RANGE_PICKER_VARIANTS.size;
+export type SFDateRangePickerVariant = keyof typeof SF_DATE_RANGE_PICKER_VARIANTS.variant;
+export interface SFDateRangePickerVariantsProps {
+    /**
+     * Calendar size.
+     * - `"sm"` — Compact calendar for tight spaces
+     * - `"base"` — Default calendar size
+     * - `"lg"` — Large calendar for prominent date selection
+     * @default "base"
+     */
+    size?: SFDateRangePickerSize;
+    /**
+     * Visual variant.
+     * - `"default"` — Standard appearance with overlay background
+     * - `"subtle"` — Minimal background
+     * @default "default"
+     */
+    variant?: SFDateRangePickerVariant;
+}
+export declare function dateRangePickerVariants({ size, variant, }?: SFDateRangePickerVariantsProps): string;
+/**
+ * DateRangePicker component props.
+ *
+ * Dual-calendar date range selector with hover preview, timezone display, and reset support.
+ *
+ * @example
+ * ```tsx
+ * <DateRangePicker
+ *   onStartDateChange={(d) => setStart(d)}
+ *   onEndDateChange={(d) => setEnd(d)}
+ *   timezone="New York, NY, USA (GMT-4)"
+ * />
+ *
+ * // Compact variant
+ * <DateRangePicker
+ *   size="sm"
+ *   variant="subtle"
+ *   onStartDateChange={setStart}
+ *   onEndDateChange={setEnd}
+ * />
+ * ```
+ *
+ * @deprecated Use {@link DatePicker} with `mode="range"` instead.
+ */
+export interface DateRangePickerProps extends SFDateRangePickerVariantsProps {
+    /** Callback fired when start date changes. Receives `null` on reset. */
+    onStartDateChange: (date: Date | null) => void;
+    /** Callback fired when end date changes. Receives `null` on reset. */
+    onEndDateChange: (date: Date | null) => void;
+    /**
+     * Display timezone string shown in the footer.
+     * @default "New York, NY, USA (GMT-4)"
+     */
+    timezone?: string;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+}
+/**
+ * DateRangePicker — dual-calendar date range selector.
+ *
+ * Renders two side-by-side month calendars with click-to-select start/end dates,
+ * hover preview of the range, a timezone footer, and a reset button.
+ *
+ * @example
+ * ```tsx
+ * <DateRangePicker
+ *   onStartDateChange={setStart}
+ *   onEndDateChange={setEnd}
+ * />
+ * ```
+ *
+ * @deprecated Use {@link DatePicker} with `mode="range"` instead.
+ */
+export declare function DateRangePicker({ onStartDateChange, onEndDateChange, size, variant, timezone, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Use {@link DatePicker} with `mode="range"` instead.
+ */
+export default DateRangePicker;
+//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/src/components/date-range-picker/date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"AASA,4FAA4F;AAC5F,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwChC,CAAC;AAEX,eAAO,MAAM,qCAAqC;;;CAGxC,CAAC;AAGX,MAAM,MAAM,qBAAqB,GAC/B,MAAM,OAAO,6BAA6B,CAAC,IAAI,CAAC;AAClD,MAAM,MAAM,wBAAwB,GAClC,MAAM,OAAO,6BAA6B,CAAC,OAAO,CAAC;AAErD,MAAM,WAAW,8BAA8B;IAC7C;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACpC;AAED,wBAAgB,uBAAuB,CAAC,EACtC,IAAiD,EACjD,OAAuD,GACxD,GAAE,8BAAmC,UAQrC;AAkBD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,oBAAqB,SAAQ,8BAA8B;IAC1E,wEAAwE;IACxE,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,sEAAsE;IACtE,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAAC,EAC9B,iBAAiB,EACjB,eAAe,EACf,IAAiD,EACjD,OAAuD,EACvD,QAAsC,EACtC,SAAS,GACV,EAAE,oBAAoB,2CA8TtB;AAkLD;;GAEG;AACH,eAAe,eAAe,CAAC"}

package/dist/src/components/date-range-picker/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @deprecated Use {@link DatePicker} with `mode="range"` instead.
+ */
+export { default as DateRangePicker } from './date-range-picker';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/date-range-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC"}