@sustaina/shared-ui 1.10.0 → 1.11.0

package/dist/index.d.mts

@@ -20,6 +20,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { Area, CropperProps } from 'react-easy-crop';
 import { ClassValue } from 'clsx';
 
 declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
@@ -854,6 +855,7 @@ declare const index_CollapsibleContent: typeof CollapsibleContent;
 declare const index_CollapsibleTrigger: typeof CollapsibleTrigger;
 declare const index_Dialog: typeof Dialog;
 declare const index_DialogContent: typeof DialogContent;
+type index_DialogContentProps = DialogContentProps;
 declare const index_DialogDescription: typeof DialogDescription;
 declare const index_DialogFooter: typeof DialogFooter;
 declare const index_DialogTitle: typeof DialogTitle;
@@ -939,7 +941,7 @@ declare const index_spinnerVariants: typeof spinnerVariants;
 declare const index_useFormField: typeof useFormField;
 declare const index_useSidebar: typeof useSidebar;
 declare namespace index {
-  export { index_Accordion as Accordion, index_AccordionContent as AccordionContent, index_AccordionItem as AccordionItem, index_AccordionTrigger as AccordionTrigger, index_Button as Button, index_Checkbox as Checkbox, index_ClearButton as ClearButton, index_Collapsible as Collapsible, index_CollapsibleContent as CollapsibleContent, index_CollapsibleTrigger as CollapsibleTrigger, DatePicker$1 as DatePicker, index_Dialog as Dialog, index_DialogContent as DialogContent, index_DialogDescription as DialogDescription, index_DialogFooter as DialogFooter, index_DialogTitle as DialogTitle, index_DialogTrigger as DialogTrigger, index_Form as Form, index_FormControl as FormControl, index_FormDescription as FormDescription, index_FormField as FormField, index_FormItem as FormItem, index_FormLabel as FormLabel, index_FormMessage as FormMessage, index_InputPrimitive as InputPrimitive, type index_InputPrimitiveProps as InputPrimitiveProps, index_Label as Label, MonthPicker$1 as MonthPicker, type MonthPickerProps$1 as MonthPickerProps, index_Popover as Popover, index_PopoverAnchor as PopoverAnchor, index_PopoverArrow as PopoverArrow, index_PopoverContent as PopoverContent, index_PopoverTrigger as PopoverTrigger, index_RadioGroupItem as RadioGroupItem, index_RadioGroupRoot as RadioGroupRoot, index_RadioLabel as RadioLabel, index_RichText as RichText, index_Select as Select, index_SelectContent as SelectContent, index_SelectGroup as SelectGroup, index_SelectItem as SelectItem, index_SelectLabel as SelectLabel, index_SelectScrollDownButton as SelectScrollDownButton, index_SelectScrollUpButton as SelectScrollUpButton, index_SelectSeparator as SelectSeparator, index_SelectTrigger as SelectTrigger, index_SelectValue as SelectValue, index_Separator as Separator, index_Sheet as Sheet, index_SheetClose as SheetClose, index_SheetContent as SheetContent, index_SheetDescription as SheetDescription, index_SheetFooter as SheetFooter, index_SheetHeader as SheetHeader, index_SheetTitle as SheetTitle, index_SheetTrigger as SheetTrigger, index_Sidebar as Sidebar, index_SidebarContent as SidebarContent, index_SidebarFooter as SidebarFooter, index_SidebarGroup as SidebarGroup, index_SidebarGroupAction as SidebarGroupAction, index_SidebarGroupContent as SidebarGroupContent, index_SidebarGroupLabel as SidebarGroupLabel, index_SidebarHeader as SidebarHeader, index_SidebarInput as SidebarInput, index_SidebarInset as SidebarInset, index_SidebarLayout as SidebarLayout, index_SidebarMenu as SidebarMenu, index_SidebarMenuAction as SidebarMenuAction, index_SidebarMenuBadge as SidebarMenuBadge, index_SidebarMenuButton as SidebarMenuButton, index_SidebarMenuItem as SidebarMenuItem, index_SidebarMenuSkeleton as SidebarMenuSkeleton, index_SidebarMenuSub as SidebarMenuSub, index_SidebarMenuSubButton as SidebarMenuSubButton, index_SidebarMenuSubItem as SidebarMenuSubItem, index_SidebarProvider as SidebarProvider, index_SidebarRail as SidebarRail, index_SidebarSeparator as SidebarSeparator, index_SidebarTrigger as SidebarTrigger, index_Skeleton as Skeleton, index_Spinner as Spinner, type index_SpinnerProps as SpinnerProps, index_Switch as Switch, index_Table as Table, index_TableBody as TableBody, index_TableCaption as TableCaption, index_TableCell as TableCell, index_TableContainer as TableContainer, index_TableFooter as TableFooter, index_TableHead as TableHead, index_TableHeader as TableHeader, index_TableRow as TableRow, index_Textarea as Textarea, Tooltip$1 as Tooltip, TooltipContent$1 as TooltipContent, TooltipProvider$1 as TooltipProvider, TooltipTrigger$1 as TooltipTrigger, index_buttonVariants as buttonVariants, index_spinnerVariants as spinnerVariants, index_useFormField as useFormField, index_useSidebar as useSidebar };
+  export { index_Accordion as Accordion, index_AccordionContent as AccordionContent, index_AccordionItem as AccordionItem, index_AccordionTrigger as AccordionTrigger, index_Button as Button, index_Checkbox as Checkbox, index_ClearButton as ClearButton, index_Collapsible as Collapsible, index_CollapsibleContent as CollapsibleContent, index_CollapsibleTrigger as CollapsibleTrigger, DatePicker$1 as DatePicker, index_Dialog as Dialog, index_DialogContent as DialogContent, type index_DialogContentProps as DialogContentProps, index_DialogDescription as DialogDescription, index_DialogFooter as DialogFooter, index_DialogTitle as DialogTitle, index_DialogTrigger as DialogTrigger, index_Form as Form, index_FormControl as FormControl, index_FormDescription as FormDescription, index_FormField as FormField, index_FormItem as FormItem, index_FormLabel as FormLabel, index_FormMessage as FormMessage, index_InputPrimitive as InputPrimitive, type index_InputPrimitiveProps as InputPrimitiveProps, index_Label as Label, MonthPicker$1 as MonthPicker, type MonthPickerProps$1 as MonthPickerProps, index_Popover as Popover, index_PopoverAnchor as PopoverAnchor, index_PopoverArrow as PopoverArrow, index_PopoverContent as PopoverContent, index_PopoverTrigger as PopoverTrigger, index_RadioGroupItem as RadioGroupItem, index_RadioGroupRoot as RadioGroupRoot, index_RadioLabel as RadioLabel, index_RichText as RichText, index_Select as Select, index_SelectContent as SelectContent, index_SelectGroup as SelectGroup, index_SelectItem as SelectItem, index_SelectLabel as SelectLabel, index_SelectScrollDownButton as SelectScrollDownButton, index_SelectScrollUpButton as SelectScrollUpButton, index_SelectSeparator as SelectSeparator, index_SelectTrigger as SelectTrigger, index_SelectValue as SelectValue, index_Separator as Separator, index_Sheet as Sheet, index_SheetClose as SheetClose, index_SheetContent as SheetContent, index_SheetDescription as SheetDescription, index_SheetFooter as SheetFooter, index_SheetHeader as SheetHeader, index_SheetTitle as SheetTitle, index_SheetTrigger as SheetTrigger, index_Sidebar as Sidebar, index_SidebarContent as SidebarContent, index_SidebarFooter as SidebarFooter, index_SidebarGroup as SidebarGroup, index_SidebarGroupAction as SidebarGroupAction, index_SidebarGroupContent as SidebarGroupContent, index_SidebarGroupLabel as SidebarGroupLabel, index_SidebarHeader as SidebarHeader, index_SidebarInput as SidebarInput, index_SidebarInset as SidebarInset, index_SidebarLayout as SidebarLayout, index_SidebarMenu as SidebarMenu, index_SidebarMenuAction as SidebarMenuAction, index_SidebarMenuBadge as SidebarMenuBadge, index_SidebarMenuButton as SidebarMenuButton, index_SidebarMenuItem as SidebarMenuItem, index_SidebarMenuSkeleton as SidebarMenuSkeleton, index_SidebarMenuSub as SidebarMenuSub, index_SidebarMenuSubButton as SidebarMenuSubButton, index_SidebarMenuSubItem as SidebarMenuSubItem, index_SidebarProvider as SidebarProvider, index_SidebarRail as SidebarRail, index_SidebarSeparator as SidebarSeparator, index_SidebarTrigger as SidebarTrigger, index_Skeleton as Skeleton, index_Spinner as Spinner, type index_SpinnerProps as SpinnerProps, index_Switch as Switch, index_Table as Table, index_TableBody as TableBody, index_TableCaption as TableCaption, index_TableCell as TableCell, index_TableContainer as TableContainer, index_TableFooter as TableFooter, index_TableHead as TableHead, index_TableHeader as TableHeader, index_TableRow as TableRow, index_Textarea as Textarea, Tooltip$1 as Tooltip, TooltipContent$1 as TooltipContent, TooltipProvider$1 as TooltipProvider, TooltipTrigger$1 as TooltipTrigger, index_buttonVariants as buttonVariants, index_spinnerVariants as spinnerVariants, index_useFormField as useFormField, index_useSidebar as useSidebar };
 }
 
 type SidebarContextProps = {
@@ -1019,6 +1021,51 @@ declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof Tool
 declare function TooltipArrow(props: React$1.ComponentProps<typeof TooltipPrimitive.Arrow>): react_jsx_runtime.JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
+interface CroppedImagePayload {
+    crop: {
+        x: number;
+        y: number;
+    };
+    croppedAreaPixels: Area | null;
+}
+interface CroppedImagePayloadWithBlobUrl extends CroppedImagePayload {
+    croppedImageBlobUrl: string;
+}
+interface CropperModalBaseProps {
+    open?: boolean;
+    onOpenChange: (open: boolean) => void;
+    onCancel?: () => void;
+    onError?: (e: unknown) => void;
+    imageSrc?: string | null;
+    cropSize?: {
+        width: number;
+        height: number;
+    };
+    /**
+     * @property {boolean} outputExactCropSize - Determine whether to ouput image with the exact size given in cropSize attribute
+     * @description an original image dimension is 1000x1000px, if cropSize is 500x500px, the output image will be exactly 500x500px
+     */
+    outputExactCropSize?: boolean;
+    title?: string;
+    props?: {
+        dialogTitleContainer?: React.ComponentProps<"div">;
+        dialogTitle?: React.ComponentProps<typeof SheetPrimitive.Title>;
+        dialogContent?: DialogContentProps;
+        cropper?: CropperProps;
+        cropperContainer?: React.ComponentProps<"div">;
+    };
+}
+interface CropperModalWithBlobUrlOutputProps extends CropperModalBaseProps {
+    onConfirm?: (payload: CroppedImagePayloadWithBlobUrl) => void;
+    generateBlobUrlOutput: true;
+}
+interface CropperModalNormalProps extends CropperModalBaseProps {
+    onConfirm?: (payload: CroppedImagePayload) => void;
+    generateBlobUrlOutput: undefined | false;
+}
+type CropperModalProps = CropperModalWithBlobUrlOutputProps | CropperModalNormalProps;
+declare const CropperModal: ({ open, onOpenChange, imageSrc, onConfirm, onCancel, onError, cropSize, outputExactCropSize, generateBlobUrlOutput, title, props }: CropperModalProps) => react_jsx_runtime.JSX.Element;
+
 declare function isDefined(value: any): boolean;
 declare function isEmptyObject(value: any): boolean;
 type DebounceOptions = {
@@ -1116,4 +1163,4 @@ type UseTruncatedOptions<T> = {
 type UseTruncatedResult = boolean;
 declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertProps, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, type CropperModalProps, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };

package/dist/index.d.ts

@@ -20,6 +20,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { Area, CropperProps } from 'react-easy-crop';
 import { ClassValue } from 'clsx';
 
 declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
@@ -854,6 +855,7 @@ declare const index_CollapsibleContent: typeof CollapsibleContent;
 declare const index_CollapsibleTrigger: typeof CollapsibleTrigger;
 declare const index_Dialog: typeof Dialog;
 declare const index_DialogContent: typeof DialogContent;
+type index_DialogContentProps = DialogContentProps;
 declare const index_DialogDescription: typeof DialogDescription;
 declare const index_DialogFooter: typeof DialogFooter;
 declare const index_DialogTitle: typeof DialogTitle;
@@ -939,7 +941,7 @@ declare const index_spinnerVariants: typeof spinnerVariants;
 declare const index_useFormField: typeof useFormField;
 declare const index_useSidebar: typeof useSidebar;
 declare namespace index {
-  export { index_Accordion as Accordion, index_AccordionContent as AccordionContent, index_AccordionItem as AccordionItem, index_AccordionTrigger as AccordionTrigger, index_Button as Button, index_Checkbox as Checkbox, index_ClearButton as ClearButton, index_Collapsible as Collapsible, index_CollapsibleContent as CollapsibleContent, index_CollapsibleTrigger as CollapsibleTrigger, DatePicker$1 as DatePicker, index_Dialog as Dialog, index_DialogContent as DialogContent, index_DialogDescription as DialogDescription, index_DialogFooter as DialogFooter, index_DialogTitle as DialogTitle, index_DialogTrigger as DialogTrigger, index_Form as Form, index_FormControl as FormControl, index_FormDescription as FormDescription, index_FormField as FormField, index_FormItem as FormItem, index_FormLabel as FormLabel, index_FormMessage as FormMessage, index_InputPrimitive as InputPrimitive, type index_InputPrimitiveProps as InputPrimitiveProps, index_Label as Label, MonthPicker$1 as MonthPicker, type MonthPickerProps$1 as MonthPickerProps, index_Popover as Popover, index_PopoverAnchor as PopoverAnchor, index_PopoverArrow as PopoverArrow, index_PopoverContent as PopoverContent, index_PopoverTrigger as PopoverTrigger, index_RadioGroupItem as RadioGroupItem, index_RadioGroupRoot as RadioGroupRoot, index_RadioLabel as RadioLabel, index_RichText as RichText, index_Select as Select, index_SelectContent as SelectContent, index_SelectGroup as SelectGroup, index_SelectItem as SelectItem, index_SelectLabel as SelectLabel, index_SelectScrollDownButton as SelectScrollDownButton, index_SelectScrollUpButton as SelectScrollUpButton, index_SelectSeparator as SelectSeparator, index_SelectTrigger as SelectTrigger, index_SelectValue as SelectValue, index_Separator as Separator, index_Sheet as Sheet, index_SheetClose as SheetClose, index_SheetContent as SheetContent, index_SheetDescription as SheetDescription, index_SheetFooter as SheetFooter, index_SheetHeader as SheetHeader, index_SheetTitle as SheetTitle, index_SheetTrigger as SheetTrigger, index_Sidebar as Sidebar, index_SidebarContent as SidebarContent, index_SidebarFooter as SidebarFooter, index_SidebarGroup as SidebarGroup, index_SidebarGroupAction as SidebarGroupAction, index_SidebarGroupContent as SidebarGroupContent, index_SidebarGroupLabel as SidebarGroupLabel, index_SidebarHeader as SidebarHeader, index_SidebarInput as SidebarInput, index_SidebarInset as SidebarInset, index_SidebarLayout as SidebarLayout, index_SidebarMenu as SidebarMenu, index_SidebarMenuAction as SidebarMenuAction, index_SidebarMenuBadge as SidebarMenuBadge, index_SidebarMenuButton as SidebarMenuButton, index_SidebarMenuItem as SidebarMenuItem, index_SidebarMenuSkeleton as SidebarMenuSkeleton, index_SidebarMenuSub as SidebarMenuSub, index_SidebarMenuSubButton as SidebarMenuSubButton, index_SidebarMenuSubItem as SidebarMenuSubItem, index_SidebarProvider as SidebarProvider, index_SidebarRail as SidebarRail, index_SidebarSeparator as SidebarSeparator, index_SidebarTrigger as SidebarTrigger, index_Skeleton as Skeleton, index_Spinner as Spinner, type index_SpinnerProps as SpinnerProps, index_Switch as Switch, index_Table as Table, index_TableBody as TableBody, index_TableCaption as TableCaption, index_TableCell as TableCell, index_TableContainer as TableContainer, index_TableFooter as TableFooter, index_TableHead as TableHead, index_TableHeader as TableHeader, index_TableRow as TableRow, index_Textarea as Textarea, Tooltip$1 as Tooltip, TooltipContent$1 as TooltipContent, TooltipProvider$1 as TooltipProvider, TooltipTrigger$1 as TooltipTrigger, index_buttonVariants as buttonVariants, index_spinnerVariants as spinnerVariants, index_useFormField as useFormField, index_useSidebar as useSidebar };
+  export { index_Accordion as Accordion, index_AccordionContent as AccordionContent, index_AccordionItem as AccordionItem, index_AccordionTrigger as AccordionTrigger, index_Button as Button, index_Checkbox as Checkbox, index_ClearButton as ClearButton, index_Collapsible as Collapsible, index_CollapsibleContent as CollapsibleContent, index_CollapsibleTrigger as CollapsibleTrigger, DatePicker$1 as DatePicker, index_Dialog as Dialog, index_DialogContent as DialogContent, type index_DialogContentProps as DialogContentProps, index_DialogDescription as DialogDescription, index_DialogFooter as DialogFooter, index_DialogTitle as DialogTitle, index_DialogTrigger as DialogTrigger, index_Form as Form, index_FormControl as FormControl, index_FormDescription as FormDescription, index_FormField as FormField, index_FormItem as FormItem, index_FormLabel as FormLabel, index_FormMessage as FormMessage, index_InputPrimitive as InputPrimitive, type index_InputPrimitiveProps as InputPrimitiveProps, index_Label as Label, MonthPicker$1 as MonthPicker, type MonthPickerProps$1 as MonthPickerProps, index_Popover as Popover, index_PopoverAnchor as PopoverAnchor, index_PopoverArrow as PopoverArrow, index_PopoverContent as PopoverContent, index_PopoverTrigger as PopoverTrigger, index_RadioGroupItem as RadioGroupItem, index_RadioGroupRoot as RadioGroupRoot, index_RadioLabel as RadioLabel, index_RichText as RichText, index_Select as Select, index_SelectContent as SelectContent, index_SelectGroup as SelectGroup, index_SelectItem as SelectItem, index_SelectLabel as SelectLabel, index_SelectScrollDownButton as SelectScrollDownButton, index_SelectScrollUpButton as SelectScrollUpButton, index_SelectSeparator as SelectSeparator, index_SelectTrigger as SelectTrigger, index_SelectValue as SelectValue, index_Separator as Separator, index_Sheet as Sheet, index_SheetClose as SheetClose, index_SheetContent as SheetContent, index_SheetDescription as SheetDescription, index_SheetFooter as SheetFooter, index_SheetHeader as SheetHeader, index_SheetTitle as SheetTitle, index_SheetTrigger as SheetTrigger, index_Sidebar as Sidebar, index_SidebarContent as SidebarContent, index_SidebarFooter as SidebarFooter, index_SidebarGroup as SidebarGroup, index_SidebarGroupAction as SidebarGroupAction, index_SidebarGroupContent as SidebarGroupContent, index_SidebarGroupLabel as SidebarGroupLabel, index_SidebarHeader as SidebarHeader, index_SidebarInput as SidebarInput, index_SidebarInset as SidebarInset, index_SidebarLayout as SidebarLayout, index_SidebarMenu as SidebarMenu, index_SidebarMenuAction as SidebarMenuAction, index_SidebarMenuBadge as SidebarMenuBadge, index_SidebarMenuButton as SidebarMenuButton, index_SidebarMenuItem as SidebarMenuItem, index_SidebarMenuSkeleton as SidebarMenuSkeleton, index_SidebarMenuSub as SidebarMenuSub, index_SidebarMenuSubButton as SidebarMenuSubButton, index_SidebarMenuSubItem as SidebarMenuSubItem, index_SidebarProvider as SidebarProvider, index_SidebarRail as SidebarRail, index_SidebarSeparator as SidebarSeparator, index_SidebarTrigger as SidebarTrigger, index_Skeleton as Skeleton, index_Spinner as Spinner, type index_SpinnerProps as SpinnerProps, index_Switch as Switch, index_Table as Table, index_TableBody as TableBody, index_TableCaption as TableCaption, index_TableCell as TableCell, index_TableContainer as TableContainer, index_TableFooter as TableFooter, index_TableHead as TableHead, index_TableHeader as TableHeader, index_TableRow as TableRow, index_Textarea as Textarea, Tooltip$1 as Tooltip, TooltipContent$1 as TooltipContent, TooltipProvider$1 as TooltipProvider, TooltipTrigger$1 as TooltipTrigger, index_buttonVariants as buttonVariants, index_spinnerVariants as spinnerVariants, index_useFormField as useFormField, index_useSidebar as useSidebar };
 }
 
 type SidebarContextProps = {
@@ -1019,6 +1021,51 @@ declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof Tool
 declare function TooltipArrow(props: React$1.ComponentProps<typeof TooltipPrimitive.Arrow>): react_jsx_runtime.JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
+interface CroppedImagePayload {
+    crop: {
+        x: number;
+        y: number;
+    };
+    croppedAreaPixels: Area | null;
+}
+interface CroppedImagePayloadWithBlobUrl extends CroppedImagePayload {
+    croppedImageBlobUrl: string;
+}
+interface CropperModalBaseProps {
+    open?: boolean;
+    onOpenChange: (open: boolean) => void;
+    onCancel?: () => void;
+    onError?: (e: unknown) => void;
+    imageSrc?: string | null;
+    cropSize?: {
+        width: number;
+        height: number;
+    };
+    /**
+     * @property {boolean} outputExactCropSize - Determine whether to ouput image with the exact size given in cropSize attribute
+     * @description an original image dimension is 1000x1000px, if cropSize is 500x500px, the output image will be exactly 500x500px
+     */
+    outputExactCropSize?: boolean;
+    title?: string;
+    props?: {
+        dialogTitleContainer?: React.ComponentProps<"div">;
+        dialogTitle?: React.ComponentProps<typeof SheetPrimitive.Title>;
+        dialogContent?: DialogContentProps;
+        cropper?: CropperProps;
+        cropperContainer?: React.ComponentProps<"div">;
+    };
+}
+interface CropperModalWithBlobUrlOutputProps extends CropperModalBaseProps {
+    onConfirm?: (payload: CroppedImagePayloadWithBlobUrl) => void;
+    generateBlobUrlOutput: true;
+}
+interface CropperModalNormalProps extends CropperModalBaseProps {
+    onConfirm?: (payload: CroppedImagePayload) => void;
+    generateBlobUrlOutput: undefined | false;
+}
+type CropperModalProps = CropperModalWithBlobUrlOutputProps | CropperModalNormalProps;
+declare const CropperModal: ({ open, onOpenChange, imageSrc, onConfirm, onCancel, onError, cropSize, outputExactCropSize, generateBlobUrlOutput, title, props }: CropperModalProps) => react_jsx_runtime.JSX.Element;
+
 declare function isDefined(value: any): boolean;
 declare function isEmptyObject(value: any): boolean;
 type DebounceOptions = {
@@ -1116,4 +1163,4 @@ type UseTruncatedOptions<T> = {
 type UseTruncatedResult = boolean;
 declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertProps, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, type CropperModalProps, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };

package/dist/index.js

@@ -49,6 +49,7 @@ var utils = require('@lexical/utils');
 var selection = require('@lexical/selection');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var SwitchPrimitive = require('@radix-ui/react-switch');
+var Cropper = require('react-easy-crop');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -83,6 +84,7 @@ var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitiv
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+var Cropper__default = /*#__PURE__*/_interopDefault(Cropper);
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -5062,7 +5064,7 @@ var GridSettingsModal = ({
       move(oldIndex, newIndex);
     }
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "sm:max-w-xl border-0 p-0 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-h-[500px] rounded-lg overflow-hidden", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "sm:max-w-xl border-0 p-0 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-h-[550px] rounded-lg overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -7677,6 +7679,173 @@ function SidebarLayout({
   ] }) });
 }
 
+// src/components/cropperModal/helper.ts
+var createImage = (url) => new Promise((resolve, reject) => {
+  const image = new Image();
+  image.addEventListener("load", () => resolve(image));
+  image.addEventListener("error", (error) => reject(error));
+  image.setAttribute("crossOrigin", "anonymous");
+  image.src = url;
+});
+async function getCroppedImg(imageSrc, pixelCrop, desiredDimension) {
+  const image = await createImage(imageSrc);
+  const canvas = document.createElement("canvas");
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    throw new Error("can not create canvas");
+  }
+  canvas.width = image.width;
+  canvas.height = image.height;
+  ctx.drawImage(image, 0, 0);
+  const croppedCanvas = document.createElement("canvas");
+  const croppedCtx = croppedCanvas.getContext("2d");
+  if (!croppedCtx) {
+    throw new Error("can not create canvas");
+  }
+  croppedCanvas.width = desiredDimension?.width ?? pixelCrop.width;
+  croppedCanvas.height = desiredDimension?.height ?? pixelCrop.height;
+  croppedCtx.drawImage(
+    canvas,
+    pixelCrop.x,
+    pixelCrop.y,
+    pixelCrop.width,
+    pixelCrop.height,
+    0,
+    0,
+    desiredDimension?.width ?? pixelCrop.width,
+    desiredDimension?.height ?? pixelCrop.height
+  );
+  return new Promise((resolve, reject) => {
+    croppedCanvas.toBlob((file) => {
+      if (file) {
+        resolve(URL.createObjectURL(file));
+      } else {
+        reject("croppedCanvas gave null object");
+      }
+    }, "image/png");
+  });
+}
+var CropperModal = ({
+  open,
+  onOpenChange,
+  imageSrc,
+  onConfirm,
+  onCancel,
+  onError,
+  cropSize,
+  outputExactCropSize,
+  generateBlobUrlOutput,
+  title,
+  props
+}) => {
+  const [isLoading, setIsLoading] = React5.useState(false);
+  const [crop, setCrop] = React5.useState({ x: 0, y: 0 });
+  const [zoom, setZoom] = React5.useState();
+  const [croppedAreaPixels, setCroppedAreaPixels] = React5.useState(null);
+  const handleClose = React5.useCallback(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleCancel = React5.useCallback(() => {
+    if (onCancel) {
+      onCancel();
+    }
+    handleClose();
+  }, [handleClose, onCancel]);
+  const handleCropComplete = React5.useCallback((_, croppedAreaPixels2) => {
+    setCroppedAreaPixels(croppedAreaPixels2);
+  }, []);
+  const handleConfirm = async () => {
+    if (!imageSrc || !onConfirm) {
+      handleClose();
+      return;
+    }
+    if (!generateBlobUrlOutput) {
+      onConfirm({ crop, croppedAreaPixels });
+      return;
+    }
+    if (!croppedAreaPixels) {
+      onConfirm({ crop, croppedAreaPixels, croppedImageBlobUrl: imageSrc });
+      return;
+    }
+    setIsLoading(true);
+    try {
+      const desiredDimension = outputExactCropSize ? cropSize : void 0;
+      const croppedImage = await getCroppedImg(imageSrc, croppedAreaPixels, desiredDimension);
+      onConfirm({ crop, croppedAreaPixels, croppedImageBlobUrl: croppedImage });
+    } catch (e) {
+      if (onError) {
+        onError(e);
+      }
+    } finally {
+      setIsLoading(false);
+      handleClose();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!nextOpen) {
+          handleClose();
+        } else {
+          onOpenChange(true);
+        }
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        DialogContent,
+        {
+          className: "flex flex-col w-fit !max-w-6xl p-0 overflow-clip gap-0 border-0",
+          ...props?.dialogContent,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: "flex w-full bg-[#82B495] text-white justify-between items-center p-4",
+                ...props?.dialogTitleContainer,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-2xl font-semibold", ...props?.dialogTitle, children: title ?? "Crop Image" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "text-white hover:text-gray-100 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
+                      onClick: handleCancel,
+                      disabled: isLoading,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "w-4 h-4" })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-120 md:w-[50vw] h-[70vh] mx-auto", ...props?.cropperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+              Cropper__default.default,
+              {
+                image: imageSrc ?? void 0,
+                crop,
+                onCropChange: setCrop,
+                zoom,
+                onZoomChange: setZoom,
+                style: { containerStyle: { position: "relative", width: "100%", height: "100%" } },
+                onCropComplete: handleCropComplete,
+                aspect: cropSize ? cropSize.width / cropSize.height : void 0,
+                zoomWithScroll: true,
+                showGrid: true,
+                restrictPosition: true,
+                ...props?.cropper
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full py-4 px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "cancel", onClick: handleCancel, disabled: isLoading, children: "Cancel" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex gap-x-2", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "default", onClick: handleConfirm, disabled: isLoading, children: "Confirm" }) })
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+};
+
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
@@ -7688,6 +7857,7 @@ exports.Checkbox = Checkbox;
 exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent2;
 exports.CollapsibleTrigger = CollapsibleTrigger2;
+exports.CropperModal = CropperModal;
 exports.DataTable = DataTable_default;
 exports.DatePicker = DatePicker2;
 exports.Dialog = Dialog;