@mlw-packages/react-components 1.10.20 → 1.10.21

package/dist/index.css

@@ -558,9 +558,6 @@ body {
 .top-1\/2 {
   top: 50%;
 }
-.top-12 {
-  top: 3rem;
-}
 .top-14 {
   top: 3.5rem;
 }
@@ -1050,6 +1047,9 @@ body {
 .h-2\.5 {
   height: 0.625rem;
 }
+.h-2\/3 {
+  height: 66.666667%;
+}
 .h-20 {
   height: 5rem;
 }
@@ -5602,6 +5602,9 @@ body {
 .hover\:text-primary:hover {
   color: hsl(var(--primary));
 }
+.hover\:text-primary\/80:hover {
+  color: hsl(var(--primary) / 0.8);
+}
 .hover\:text-primary\/90:hover {
   color: hsl(var(--primary) / 0.9);
 }

package/dist/index.d.mts

@@ -63,13 +63,21 @@ type ThemeProviderState = {
 declare function ThemeProviderBase({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare const useTheme: () => ThemeProviderState;
 
+type AnimationOrigin = "center" | "top-left" | "top-right" | "cursor";
 type ModeToggleBaseProps = {
     themes?: Theme[];
     className?: string;
     directToggle?: boolean;
     variant?: "default" | "outline" | "link" | "destructive" | "secondary" | "ghost";
+    showLabel?: boolean;
+    tooltip?: boolean | string;
+    animationOrigin?: AnimationOrigin;
+    transitionDuration?: number;
+    storageKey?: string;
+    defaultTheme?: Theme;
+    onThemeChange?: (theme: Theme) => void;
 };
-declare function ModeToggleBase({ themes, className, directToggle, variant, }: ModeToggleBaseProps): react_jsx_runtime.JSX.Element;
+declare function ModeToggleBase({ themes, className, directToggle, variant, showLabel, tooltip, animationOrigin, transitionDuration, storageKey, defaultTheme, onThemeChange, }: ModeToggleBaseProps): string | number | bigint | boolean | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 
 declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImageBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
@@ -930,6 +938,7 @@ interface AgendaViewProps$1 {
     showUndatedEvents?: boolean;
     /** When true, hides event times */
     noTime?: boolean;
+    onEventCreate?: (startTime: Date) => void;
 }
 declare function Agenda({ currentDate, events, onEventSelect, showUndatedEvents, noTime, }: AgendaViewProps$1): react_jsx_runtime.JSX.Element;
 
@@ -988,8 +997,9 @@ interface DayViewProps$1 {
     showUndatedEvents?: boolean;
     /** When true, hides event times */
     noTime?: boolean;
+    onEventCreate?: (startTime: Date) => void;
 }
-declare function DayViewAgenda({ currentDate, events, onEventSelect, showUndatedEvents, noTime, }: DayViewProps$1): react_jsx_runtime.JSX.Element;
+declare function DayViewAgenda({ currentDate, events, onEventSelect, showUndatedEvents, noTime, onEventCreate, }: DayViewProps$1): react_jsx_runtime.JSX.Element;
 
 interface DroppableCellProps$1 {
     id: string;
@@ -1015,13 +1025,14 @@ interface EventCalendarProps$1 {
     onlyWeek?: boolean;
     onlyAgenda?: boolean;
     onlyYear?: boolean;
+    allowCellClick?: boolean;
 }
 interface ModalLikeProps {
     event?: CalendarEventAgenda;
     onClose?: () => void;
     [key: string]: unknown;
 }
-declare function EventAgenda({ events, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, onlyDay, onlyMonth, onlyWeek, onlyAgenda, onlyYear, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
+declare function EventAgenda({ events, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, onlyDay, onlyMonth, onlyWeek, onlyAgenda, onlyYear, allowCellClick, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
 
 interface EventItemProps$1 {
     event: CalendarEventAgenda;
@@ -1080,8 +1091,9 @@ interface MonthViewProps$1 {
     onEventSelect: (event: CalendarEventAgenda, e?: React__default.MouseEvent) => void;
     showUndatedEvents?: boolean;
     noTime?: boolean;
+    onEventCreate?: (startTime: Date) => void;
 }
-declare function MonthViewAgenda({ currentDate, events, onEventSelect, showUndatedEvents, noTime, }: MonthViewProps$1): react_jsx_runtime.JSX.Element;
+declare function MonthViewAgenda({ currentDate, events, onEventSelect, showUndatedEvents, noTime, onEventCreate, }: MonthViewProps$1): react_jsx_runtime.JSX.Element;
 
 declare function startOfLocalDay(d: Date): Date;
 declare function getAutoColorAgenda(id: string): EventColorAgenda;
@@ -2595,6 +2607,8 @@ interface CommandPaletteProps {
         alt?: boolean;
     };
     maxRecentItems?: number;
+    multiSelect?: boolean;
+    onSelectMultiple?: (items: CommandItem[]) => void;
     multiSearch?: boolean;
     debounceDelay?: number;
     footer?: React$1.ReactNode;
@@ -2628,14 +2642,18 @@ declare function GroupLabel({ group }: {
 interface CommandItemRowProps {
     item: CommandItem;
     isActive: boolean;
-    onSelect: () => void;
+    isSelected?: boolean;
+    multiSelect?: boolean;
+    onSelect: (e?: React.MouseEvent | React.KeyboardEvent) => void;
+    onToggleSelection?: (e: React.MouseEvent) => void;
     onHover: () => void;
+    searchQuery?: string;
 }
-declare function CommandItemRow({ item, isActive, onSelect, onHover, }: CommandItemRowProps): react_jsx_runtime.JSX.Element;
+declare function CommandItemRow({ item, isActive, isSelected, onSelect, onHover, searchQuery, }: CommandItemRowProps): react_jsx_runtime.JSX.Element;
 
 declare function CommandPalette(props: CommandPaletteProps): react_jsx_runtime.JSX.Element;
 
-declare function useCommandPalette({ items, groups, open, onOpenChange, recentItems, onRecentItemsChange, maxRecentItems, multiSearch, }: Partial<CommandPaletteProps>): {
+declare function useCommandPalette({ items, groups, open, onOpenChange, recentItems, onRecentItemsChange, maxRecentItems, multiSearch, multiSelect, onSelectMultiple, }: Partial<CommandPaletteProps>): {
     query: string;
     setQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
     activeIndex: number;
@@ -2655,7 +2673,11 @@ declare function useCommandPalette({ items, groups, open, onOpenChange, recentIt
     flatItems: CommandItem[];
     totalItems: number;
     totalPages: number;
-    handleSelect: (item?: CommandItem) => void;
+    handleSelect: (item?: CommandItem, event?: React$1.MouseEvent | React$1.KeyboardEvent | KeyboardEvent | MouseEvent) => void;
+    selectedItemIds: Set<string>;
+    toggleSelection: (id: string) => void;
+    selectedItems: CommandItem[];
+    executeBulkAction: () => void;
     isEmpty: boolean;
     showList: boolean;
 };

package/dist/index.d.ts

@@ -63,13 +63,21 @@ type ThemeProviderState = {
 declare function ThemeProviderBase({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare const useTheme: () => ThemeProviderState;
 
+type AnimationOrigin = "center" | "top-left" | "top-right" | "cursor";
 type ModeToggleBaseProps = {
     themes?: Theme[];
     className?: string;
     directToggle?: boolean;
     variant?: "default" | "outline" | "link" | "destructive" | "secondary" | "ghost";
+    showLabel?: boolean;
+    tooltip?: boolean | string;
+    animationOrigin?: AnimationOrigin;
+    transitionDuration?: number;
+    storageKey?: string;
+    defaultTheme?: Theme;
+    onThemeChange?: (theme: Theme) => void;
 };
-declare function ModeToggleBase({ themes, className, directToggle, variant, }: ModeToggleBaseProps): react_jsx_runtime.JSX.Element;
+declare function ModeToggleBase({ themes, className, directToggle, variant, showLabel, tooltip, animationOrigin, transitionDuration, storageKey, defaultTheme, onThemeChange, }: ModeToggleBaseProps): string | number | bigint | boolean | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 
 declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImageBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
@@ -930,6 +938,7 @@ interface AgendaViewProps$1 {
     showUndatedEvents?: boolean;
     /** When true, hides event times */
     noTime?: boolean;
+    onEventCreate?: (startTime: Date) => void;
 }
 declare function Agenda({ currentDate, events, onEventSelect, showUndatedEvents, noTime, }: AgendaViewProps$1): react_jsx_runtime.JSX.Element;
 
@@ -988,8 +997,9 @@ interface DayViewProps$1 {
     showUndatedEvents?: boolean;
     /** When true, hides event times */
     noTime?: boolean;
+    onEventCreate?: (startTime: Date) => void;
 }
-declare function DayViewAgenda({ currentDate, events, onEventSelect, showUndatedEvents, noTime, }: DayViewProps$1): react_jsx_runtime.JSX.Element;
+declare function DayViewAgenda({ currentDate, events, onEventSelect, showUndatedEvents, noTime, onEventCreate, }: DayViewProps$1): react_jsx_runtime.JSX.Element;
 
 interface DroppableCellProps$1 {
     id: string;
@@ -1015,13 +1025,14 @@ interface EventCalendarProps$1 {
     onlyWeek?: boolean;
     onlyAgenda?: boolean;
     onlyYear?: boolean;
+    allowCellClick?: boolean;
 }
 interface ModalLikeProps {
     event?: CalendarEventAgenda;
     onClose?: () => void;
     [key: string]: unknown;
 }
-declare function EventAgenda({ events, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, onlyDay, onlyMonth, onlyWeek, onlyAgenda, onlyYear, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
+declare function EventAgenda({ events, onEventUpdate, className, initialView, initialDate, onClick, showYearView, noTime, onlyDay, onlyMonth, onlyWeek, onlyAgenda, onlyYear, allowCellClick, }: EventCalendarProps$1): react_jsx_runtime.JSX.Element;
 
 interface EventItemProps$1 {
     event: CalendarEventAgenda;
@@ -1080,8 +1091,9 @@ interface MonthViewProps$1 {
     onEventSelect: (event: CalendarEventAgenda, e?: React__default.MouseEvent) => void;
     showUndatedEvents?: boolean;
     noTime?: boolean;
+    onEventCreate?: (startTime: Date) => void;
 }
-declare function MonthViewAgenda({ currentDate, events, onEventSelect, showUndatedEvents, noTime, }: MonthViewProps$1): react_jsx_runtime.JSX.Element;
+declare function MonthViewAgenda({ currentDate, events, onEventSelect, showUndatedEvents, noTime, onEventCreate, }: MonthViewProps$1): react_jsx_runtime.JSX.Element;
 
 declare function startOfLocalDay(d: Date): Date;
 declare function getAutoColorAgenda(id: string): EventColorAgenda;
@@ -2595,6 +2607,8 @@ interface CommandPaletteProps {
         alt?: boolean;
     };
     maxRecentItems?: number;
+    multiSelect?: boolean;
+    onSelectMultiple?: (items: CommandItem[]) => void;
     multiSearch?: boolean;
     debounceDelay?: number;
     footer?: React$1.ReactNode;
@@ -2628,14 +2642,18 @@ declare function GroupLabel({ group }: {
 interface CommandItemRowProps {
     item: CommandItem;
     isActive: boolean;
-    onSelect: () => void;
+    isSelected?: boolean;
+    multiSelect?: boolean;
+    onSelect: (e?: React.MouseEvent | React.KeyboardEvent) => void;
+    onToggleSelection?: (e: React.MouseEvent) => void;
     onHover: () => void;
+    searchQuery?: string;
 }
-declare function CommandItemRow({ item, isActive, onSelect, onHover, }: CommandItemRowProps): react_jsx_runtime.JSX.Element;
+declare function CommandItemRow({ item, isActive, isSelected, onSelect, onHover, searchQuery, }: CommandItemRowProps): react_jsx_runtime.JSX.Element;
 
 declare function CommandPalette(props: CommandPaletteProps): react_jsx_runtime.JSX.Element;
 
-declare function useCommandPalette({ items, groups, open, onOpenChange, recentItems, onRecentItemsChange, maxRecentItems, multiSearch, }: Partial<CommandPaletteProps>): {
+declare function useCommandPalette({ items, groups, open, onOpenChange, recentItems, onRecentItemsChange, maxRecentItems, multiSearch, multiSelect, onSelectMultiple, }: Partial<CommandPaletteProps>): {
     query: string;
     setQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
     activeIndex: number;
@@ -2655,7 +2673,11 @@ declare function useCommandPalette({ items, groups, open, onOpenChange, recentIt
     flatItems: CommandItem[];
     totalItems: number;
     totalPages: number;
-    handleSelect: (item?: CommandItem) => void;
+    handleSelect: (item?: CommandItem, event?: React$1.MouseEvent | React$1.KeyboardEvent | KeyboardEvent | MouseEvent) => void;
+    selectedItemIds: Set<string>;
+    toggleSelection: (id: string) => void;
+    selectedItems: CommandItem[];
+    executeBulkAction: () => void;
     isEmpty: boolean;
     showList: boolean;
 };