@clarlabs/ui 0.1.15 → 0.1.17

package/dist/index.d.ts

@@ -157,18 +157,22 @@ export declare type ButtonSize = 'sm' | 'md' | 'lg';
 
 export declare type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'outline' | 'ghost';
 
-export declare function Calendar({ value, onChange, minDate, maxDate, events, highlightedDates, disabledDates, showWeekNumbers, firstDayOfWeek, variant, className, ...props }: CalendarProps): default_2.JSX.Element;
+export declare function Calendar({ value, onChange, onClick, minDate, maxDate, events, highlightedDates, disabledDates, showWeekNumbers, firstDayOfWeek, variant, className, ...props }: CalendarProps): default_2.JSX.Element;
 
 export declare interface CalendarEvent {
     id: string;
     date: Date;
     title: string;
     color?: string;
+    data?: {
+        [key: string]: string;
+    };
 }
 
-export declare interface CalendarProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export declare interface CalendarProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onClick'> {
     value?: Date;
     onChange?: (date: Date) => void;
+    onClick?: (events: CalendarEvent[]) => void;
     minDate?: Date;
     maxDate?: Date;
     events?: CalendarEvent[];
@@ -725,15 +729,15 @@ export declare interface GridItemProps extends Omit<default_2.HTMLAttributes<HTM
 export declare type GridJustify = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
 
 export declare interface GridProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'className'> {
-    /** Number of columns (1-12) */
+    /** Number of columns (1-12). Applies from sm breakpoint (640px) and above. Defaults to 1 column on mobile for automatic stacking. */
     columns?: GridColumns;
-    /** Number of columns on small screens (mobile) */
+    /** Number of columns on small screens (mobile, <640px). If not specified, defaults to 1 column (stacked). */
     columnsSm?: GridColumns;
-    /** Number of columns on medium screens (tablet) */
+    /** Number of columns on medium screens (tablet, ≥768px) */
     columnsMd?: GridColumns;
-    /** Number of columns on large screens (desktop) */
+    /** Number of columns on large screens (desktop, ≥1024px) */
     columnsLg?: GridColumns;
-    /** Number of columns on extra large screens */
+    /** Number of columns on extra large screens (≥1280px) */
     columnsXl?: GridColumns;
     /** Gap between grid items */
     gap?: GridGap;