@engrate/components 0.1.22 → 0.1.24

package/dist/components/ui/Calendar/Calendar.d.ts

@@ -0,0 +1,24 @@
+import { DayPickerProps } from 'react-day-picker';
+type CalendarProps = DayPickerProps & {
+    /** Additional class name for the calendar root */
+    className?: string;
+};
+/**
+ * Calendar component built on react-day-picker, styled with Engrate design tokens.
+ * Supports single date selection, range selection, and multiple date selection.
+ *
+ * @example
+ * ```tsx
+ * // Single date
+ * <Calendar mode="single" selected={date} onSelect={setDate} />
+ *
+ * // Date range
+ * <Calendar mode="range" selected={range} onSelect={setRange} />
+ * ```
+ */
+declare function Calendar({ className, classNames, components, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export { Calendar };
+export type { CalendarProps };

package/dist/components/ui/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { Calendar } from './Calendar';
+export type { CalendarProps } from './Calendar';

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

@@ -3,9 +3,6 @@ import * as React from 'react';
 declare const datePickerTriggerVariants: (props?: ({
     variant?: "default" | "error" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const calendarDayVariants: (props?: ({
-    state?: "default" | "disabled" | "outside" | "selected" | "today" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface DatePickerProps extends VariantProps<typeof datePickerTriggerVariants> {
     /** The currently selected date */
     value?: Date | null;
@@ -43,5 +40,5 @@ interface DatePickerProps extends VariantProps<typeof datePickerTriggerVariants>
  * ```
  */
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
-export { DatePicker, datePickerTriggerVariants, calendarDayVariants };
+export { DatePicker, datePickerTriggerVariants };
 export type { DatePickerProps };

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

@@ -1,2 +1,2 @@
-export { DatePicker, datePickerTriggerVariants, calendarDayVariants, } from './DatePicker';
+export { DatePicker, datePickerTriggerVariants } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';

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

@@ -0,0 +1,47 @@
+import { VariantProps } from 'class-variance-authority';
+import { DateRange } from 'react-day-picker';
+import * as React from 'react';
+declare const dateRangePickerTriggerVariants: (props?: ({
+    variant?: "default" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface DateRangePickerProps extends VariantProps<typeof dateRangePickerTriggerVariants> {
+    /** The currently selected date range */
+    value?: DateRange;
+    /** Callback when the date range changes */
+    onChange?: (range: DateRange | undefined) => void;
+    /** Placeholder text when no date range is selected */
+    placeholder?: string;
+    /** Date format string (supports MM, dd, yyyy) */
+    format?: string;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Whether the date range picker is disabled */
+    disabled?: boolean;
+    /** Number of months to display side by side (default: 2) */
+    numberOfMonths?: number;
+    /** Additional class name for the trigger */
+    className?: string;
+    /** ID for the trigger element */
+    id?: string;
+    /** Name attribute for form integration */
+    name?: string;
+    /** aria-label for accessibility */
+    'aria-label'?: string;
+    /** aria-describedby for accessibility */
+    'aria-describedby'?: string;
+}
+/**
+ * DateRangePicker component following Engrate brand guidelines.
+ * Features a two-month calendar popup for selecting a date range with accessible keyboard controls.
+ *
+ * @example
+ * ```tsx
+ * const [range, setRange] = useState<DateRange | undefined>()
+ * <DateRangePicker value={range} onChange={setRange} placeholder="Select date range" />
+ * ```
+ */
+declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLButtonElement>>;
+export { DateRangePicker, dateRangePickerTriggerVariants };
+export type { DateRangePickerProps, DateRange };

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

@@ -0,0 +1,2 @@
+export { DateRangePicker, dateRangePickerTriggerVariants, } from './DateRangePicker';
+export type { DateRangePickerProps, DateRange } from './DateRangePicker';

package/dist/components/ui/DateTimePicker/DateTimePicker.d.ts

@@ -3,9 +3,6 @@ import * as React from 'react';
 declare const dateTimePickerTriggerVariants: (props?: ({
     variant?: "default" | "error" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const calendarDayVariants: (props?: ({
-    state?: "default" | "disabled" | "outside" | "selected" | "today" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface DateTimePickerProps extends VariantProps<typeof dateTimePickerTriggerVariants> {
     /** The currently selected date and time */
     value?: Date | null;
@@ -47,5 +44,5 @@ interface DateTimePickerProps extends VariantProps<typeof dateTimePickerTriggerV
  * ```
  */
 declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLButtonElement>>;
-export { DateTimePicker, dateTimePickerTriggerVariants, calendarDayVariants as dateTimePickerCalendarDayVariants, };
+export { DateTimePicker, dateTimePickerTriggerVariants };
 export type { DateTimePickerProps };

package/dist/components/ui/DateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { DateTimePicker, dateTimePickerTriggerVariants, dateTimePickerCalendarDayVariants, } from './DateTimePicker';
+export { DateTimePicker, dateTimePickerTriggerVariants } from './DateTimePicker';
 export type { DateTimePickerProps } from './DateTimePicker';

package/dist/components/ui/Grid/Grid.d.ts

@@ -55,9 +55,9 @@ interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'cols'> {
  */
 declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
 declare const gridItemVariants: (props?: ({
-    colSpan?: 1 | 2 | 3 | 4 | 5 | 12 | 10 | 6 | 11 | "full" | 7 | 8 | 9 | null | undefined;
+    colSpan?: 1 | 2 | 3 | 4 | 5 | 12 | 10 | 6 | "full" | 7 | 8 | 9 | 11 | null | undefined;
     rowSpan?: 1 | 2 | 3 | 4 | 5 | 6 | "full" | null | undefined;
-    colStart?: 1 | "auto" | 2 | 3 | 4 | 5 | 12 | 10 | 6 | 11 | 7 | 8 | 9 | null | undefined;
+    colStart?: 1 | "auto" | 2 | 3 | 4 | 5 | 12 | 10 | 6 | 7 | 8 | 9 | 11 | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type ColSpanValue = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'full';
 type RowSpanValue = 1 | 2 | 3 | 4 | 5 | 6 | 'full';

package/dist/components/ui/index.d.ts

@@ -5,10 +5,12 @@ export * from './Banner';
 export * from './BarChart';
 export * from './Breadcrumbs';
 export * from './Button';
+export * from './Calendar';
 export * from './Card';
 export * from './Checkbox';
 export * from './ContextMenu';
 export * from './DatePicker';
+export * from './DateRangePicker';
 export * from './DateTimePicker';
 export * from './Divider';
 export * from './DropdownMenu';