@herca/r-kit 0.0.49 → 0.0.51

package/dist/clients.d.cts

@@ -523,8 +523,9 @@ type UseCalendarHelpersParams = {
     };
     disabledDates: Date[];
     dayConfigs: CalendarDayConfig[];
+    disabled?: (date: Date) => boolean;
 };
-declare const createCalendarHelpers: ({ mode, value, rangeValue, disabledDates, dayConfigs, }: UseCalendarHelpersParams) => {
+declare const createCalendarHelpers: ({ mode, value, rangeValue, disabledDates, dayConfigs, disabled, }: UseCalendarHelpersParams) => {
     isDateDisabled: (day: CalendarDay) => boolean;
     getDayConfig: (day: CalendarDay) => CalendarDayConfig | undefined;
     isDateSelected: (day: CalendarDay) => boolean;
@@ -602,6 +603,8 @@ interface CalendarProps {
     onMonthChange?: (month: number) => void;
     onYearChange?: (year: number) => void;
     useLimitEvent?: boolean;
+    disabled?: (date: Date) => boolean;
+    disabledDateClassName?: string;
 }
 type CalendarState = {
     currentMonth: number;
@@ -629,6 +632,7 @@ interface CalendarGridProps {
     backdropOnClick?: (day?: CalendarDay) => void;
     onEventClick?: (event?: CalendarEvent) => void;
     useLimitEvent?: boolean;
+    disabledDateClassName?: string;
 }
 interface CalendarDayItemProps {
     day: CalendarDay;
@@ -640,6 +644,7 @@ interface CalendarDayItemProps {
     variant?: CalendarProps['variant'];
     events?: CalendarEvent[];
     backdropOnClick?: (day?: CalendarDay) => void;
+    disabledDateClassName?: string;
 }
 interface CalendarEvent {
     title: string;
@@ -668,7 +673,7 @@ declare const ItemDropdown: ({ active, value, onClick, }: {
     onClick: () => void;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const Calendar: ({ showNavigator, showHeader, value, onChange, disabledDates, dayConfigs, defaultMonth, defaultYear, styleConfig, wrapperClassname, weekWrapperClassname, dayWrapperClassname, daysOfWeek, months, showNextNavigator, showPrevNavigator, mode, rangeValue, size, variant, events, showCalendarTooltip, type, onTypeChange, onEventClick, backdropOnClick, onMonthChange, onYearChange, showDefaultController, useLimitEvent, }: CalendarProps) => react_jsx_runtime.JSX.Element;
+declare const Calendar: ({ showNavigator, showHeader, value, onChange, disabledDates, dayConfigs, defaultMonth, defaultYear, styleConfig, wrapperClassname, weekWrapperClassname, dayWrapperClassname, daysOfWeek, months, showNextNavigator, showPrevNavigator, mode, rangeValue, size, variant, events, showCalendarTooltip, type, onTypeChange, onEventClick, backdropOnClick, onMonthChange, onYearChange, showDefaultController, useLimitEvent, disabled, disabledDateClassName, }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
 declare const getCalendarDays: ({ currentYear, currentMonth, }: GetCalendarDaysProps) => {
     date: number;
@@ -727,6 +732,9 @@ interface DatePickerProps {
     trigger?: ReactNode;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDateClassName?: string;
     calendarProps?: CalendarOverrideProps;
     startDateCalendarProps?: CalendarRangeOverrideProps;
     endDateCalendarProps?: CalendarRangeOverrideProps;
@@ -738,7 +746,7 @@ interface DatePickerProps {
 }
 type DateFormat = 'DD-MM-YYYY' | 'DD/MM/YYYY' | 'DD MMM YYYY' | 'DD MMMM YYYY' | 'YYYY-MM-DD' | 'MM/DD/YYYY' | 'DD-MM-YYYY HH:mm:ss' | 'DD/MM/YYYY HH:mm:ss' | 'DD MMM YYYY HH:mm:ss' | 'DD MMMM YYYY HH:mm:ss' | 'YYYY-MM-DD HH:mm:ss' | 'MM/DD/YYYY HH:mm:ss' | 'DD MMMM YYYY - HH:mm:ss' | 'DD MMM YYYY - HH:mm:ss';
 
-declare const DatePicker: ({ format, mode, value: controlledValue, rangeValue: controlledRangeValue, onChange: controlledOnChange, onRangeChange: controlledOnRangeChange, trigger, open, onOpenChange, calendarProps, endDateCalendarProps, startDateCalendarProps, wrapperClassName, size, showController, align, containerClassName, }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const DatePicker: ({ format, mode, value: controlledValue, rangeValue: controlledRangeValue, onChange: controlledOnChange, onRangeChange: controlledOnRangeChange, trigger, open, onOpenChange, minDate, maxDate, disabledDateClassName, calendarProps, endDateCalendarProps, startDateCalendarProps, wrapperClassName, size, showController, align, containerClassName, }: DatePickerProps) => react_jsx_runtime.JSX.Element;
 
 declare const monthsShort: string[];
 declare const monthsFull: string[];
@@ -992,6 +1000,10 @@ interface TextEditorProps {
         indent?: boolean;
         advance?: boolean;
     };
+    onDownload?: (data: {
+        src?: string;
+        name?: string;
+    }) => void;
 }
 interface ToolbarButtonProps {
     icon?: IconNameProps;
@@ -1052,6 +1064,6 @@ interface AttachmentField {
     };
 }
 
-declare function TextEditor({ ui, field, toolbar, editor: editorProps, }: TextEditorProps): react_jsx_runtime.JSX.Element | null;
+declare function TextEditor({ ui, field, toolbar, editor: editorProps, onDownload, }: TextEditorProps): react_jsx_runtime.JSX.Element | null;
 
 export { type AttachmentField, BaseCheckbox, type BaseOption, BaseSwitch, ButtonDropdown, type ButtonDropdownProps, ButtonGroup, ButtonGroupItem, type ButtonGroupProps, type ButtonIconProps, ButtonNavigator, Calendar, type CalendarBaseProps, type CalendarDay, type CalendarDayConfig, type CalendarDayItemProps, type CalendarEvent, type CalendarGridProps, type CalendarOverrideProps, type CalendarProps, type CalendarRangeOverrideProps, type CalendarState, type CalendarStyleConfig, type CalendarTypes, Checkbox, CheckboxGroup, type CheckboxGroupContextValue, type CheckboxGroupProps, CheckboxIndicatorVariants, type CheckboxProps, CheckboxVariants, Chip, type ChipArrayProps, ChipContext, type ChipContextValue, ChipGroup, type ChipOptionProps, type ChipProps, type ChipSelectedProps, type ChipValue, type ChipVariants, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorPickerButtonProps, type ColorType$1 as ColorType, type ColorVariantType, Counter, type CounterControllerProps, type CounterProps, type DateFormat, DatePicker, type DatePickerMode, type DatePickerProps, type DateRange, type DateRangeProps, type DotConfig, Dropdown, DropdownContent, DropdownItem, type DropdownState, DropdownTrigger, type FileItem, FormDescription, type FormDescriptionProps, FormErrorMessage, type FormErrorMessageProps, FormErrorMessages, type FormErrorMessagesProps, FormField, type FormFieldProps, FormHint, type FormHintProps, FormLabel, type FormLabelProps, type FormSizeType, type GetCalendarDaysProps, type HeadingLevel, type IconType, type ImageForm, Input, InputFile, type InputFileProps, type InputFileRef, InputOTP, type InputOTPProps, type InputProps, type InputVariantProps, ItemDropdown, type ListItemType, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, ModalPreviewAttachment, ModalTitle, type PlayerProps, PreviewItem, type PreviewItemProps, Select, type SelectOption, type SelectProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarContext, type SidebarContextProps, SidebarFooter, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuGroup, SidebarMenuItem, SidebarProvider, SidebarTrigger, type SizeType$1 as SizeType, Switch, SwitchThumbVariants, SwitchVariants, Table, type TableAction, TableBody, type TableBodyProps, TableCell, TableCellHead, type TableCellHeadProps, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableRootProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextAlignValue, TextEditor, type TextEditorProps, Textarea, type TextareaProps, ToastProvider, type ToolbarButtonProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadConfig, type UploadStatus, type UploadedFile, chipVariants, formatDateLocal, formatDateToString, generatePages, getCalendarDays, getFormatConfig, getWeekEventSegments, handleDecrement, handleIncrement, handleInputChange, handleKeyDown, inputVariants, isSameDate, isToday, monthsFull, monthsShort, normalize, parseLocalDate, parseMonthName, toDateOnly, useCopy, useIsMobile, useSidebar, useToast };

package/dist/clients.d.ts

@@ -523,8 +523,9 @@ type UseCalendarHelpersParams = {
     };
     disabledDates: Date[];
     dayConfigs: CalendarDayConfig[];
+    disabled?: (date: Date) => boolean;
 };
-declare const createCalendarHelpers: ({ mode, value, rangeValue, disabledDates, dayConfigs, }: UseCalendarHelpersParams) => {
+declare const createCalendarHelpers: ({ mode, value, rangeValue, disabledDates, dayConfigs, disabled, }: UseCalendarHelpersParams) => {
     isDateDisabled: (day: CalendarDay) => boolean;
     getDayConfig: (day: CalendarDay) => CalendarDayConfig | undefined;
     isDateSelected: (day: CalendarDay) => boolean;
@@ -602,6 +603,8 @@ interface CalendarProps {
     onMonthChange?: (month: number) => void;
     onYearChange?: (year: number) => void;
     useLimitEvent?: boolean;
+    disabled?: (date: Date) => boolean;
+    disabledDateClassName?: string;
 }
 type CalendarState = {
     currentMonth: number;
@@ -629,6 +632,7 @@ interface CalendarGridProps {
     backdropOnClick?: (day?: CalendarDay) => void;
     onEventClick?: (event?: CalendarEvent) => void;
     useLimitEvent?: boolean;
+    disabledDateClassName?: string;
 }
 interface CalendarDayItemProps {
     day: CalendarDay;
@@ -640,6 +644,7 @@ interface CalendarDayItemProps {
     variant?: CalendarProps['variant'];
     events?: CalendarEvent[];
     backdropOnClick?: (day?: CalendarDay) => void;
+    disabledDateClassName?: string;
 }
 interface CalendarEvent {
     title: string;
@@ -668,7 +673,7 @@ declare const ItemDropdown: ({ active, value, onClick, }: {
     onClick: () => void;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const Calendar: ({ showNavigator, showHeader, value, onChange, disabledDates, dayConfigs, defaultMonth, defaultYear, styleConfig, wrapperClassname, weekWrapperClassname, dayWrapperClassname, daysOfWeek, months, showNextNavigator, showPrevNavigator, mode, rangeValue, size, variant, events, showCalendarTooltip, type, onTypeChange, onEventClick, backdropOnClick, onMonthChange, onYearChange, showDefaultController, useLimitEvent, }: CalendarProps) => react_jsx_runtime.JSX.Element;
+declare const Calendar: ({ showNavigator, showHeader, value, onChange, disabledDates, dayConfigs, defaultMonth, defaultYear, styleConfig, wrapperClassname, weekWrapperClassname, dayWrapperClassname, daysOfWeek, months, showNextNavigator, showPrevNavigator, mode, rangeValue, size, variant, events, showCalendarTooltip, type, onTypeChange, onEventClick, backdropOnClick, onMonthChange, onYearChange, showDefaultController, useLimitEvent, disabled, disabledDateClassName, }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
 declare const getCalendarDays: ({ currentYear, currentMonth, }: GetCalendarDaysProps) => {
     date: number;
@@ -727,6 +732,9 @@ interface DatePickerProps {
     trigger?: ReactNode;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDateClassName?: string;
     calendarProps?: CalendarOverrideProps;
     startDateCalendarProps?: CalendarRangeOverrideProps;
     endDateCalendarProps?: CalendarRangeOverrideProps;
@@ -738,7 +746,7 @@ interface DatePickerProps {
 }
 type DateFormat = 'DD-MM-YYYY' | 'DD/MM/YYYY' | 'DD MMM YYYY' | 'DD MMMM YYYY' | 'YYYY-MM-DD' | 'MM/DD/YYYY' | 'DD-MM-YYYY HH:mm:ss' | 'DD/MM/YYYY HH:mm:ss' | 'DD MMM YYYY HH:mm:ss' | 'DD MMMM YYYY HH:mm:ss' | 'YYYY-MM-DD HH:mm:ss' | 'MM/DD/YYYY HH:mm:ss' | 'DD MMMM YYYY - HH:mm:ss' | 'DD MMM YYYY - HH:mm:ss';
 
-declare const DatePicker: ({ format, mode, value: controlledValue, rangeValue: controlledRangeValue, onChange: controlledOnChange, onRangeChange: controlledOnRangeChange, trigger, open, onOpenChange, calendarProps, endDateCalendarProps, startDateCalendarProps, wrapperClassName, size, showController, align, containerClassName, }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const DatePicker: ({ format, mode, value: controlledValue, rangeValue: controlledRangeValue, onChange: controlledOnChange, onRangeChange: controlledOnRangeChange, trigger, open, onOpenChange, minDate, maxDate, disabledDateClassName, calendarProps, endDateCalendarProps, startDateCalendarProps, wrapperClassName, size, showController, align, containerClassName, }: DatePickerProps) => react_jsx_runtime.JSX.Element;
 
 declare const monthsShort: string[];
 declare const monthsFull: string[];
@@ -992,6 +1000,10 @@ interface TextEditorProps {
         indent?: boolean;
         advance?: boolean;
     };
+    onDownload?: (data: {
+        src?: string;
+        name?: string;
+    }) => void;
 }
 interface ToolbarButtonProps {
     icon?: IconNameProps;
@@ -1052,6 +1064,6 @@ interface AttachmentField {
     };
 }
 
-declare function TextEditor({ ui, field, toolbar, editor: editorProps, }: TextEditorProps): react_jsx_runtime.JSX.Element | null;
+declare function TextEditor({ ui, field, toolbar, editor: editorProps, onDownload, }: TextEditorProps): react_jsx_runtime.JSX.Element | null;
 
 export { type AttachmentField, BaseCheckbox, type BaseOption, BaseSwitch, ButtonDropdown, type ButtonDropdownProps, ButtonGroup, ButtonGroupItem, type ButtonGroupProps, type ButtonIconProps, ButtonNavigator, Calendar, type CalendarBaseProps, type CalendarDay, type CalendarDayConfig, type CalendarDayItemProps, type CalendarEvent, type CalendarGridProps, type CalendarOverrideProps, type CalendarProps, type CalendarRangeOverrideProps, type CalendarState, type CalendarStyleConfig, type CalendarTypes, Checkbox, CheckboxGroup, type CheckboxGroupContextValue, type CheckboxGroupProps, CheckboxIndicatorVariants, type CheckboxProps, CheckboxVariants, Chip, type ChipArrayProps, ChipContext, type ChipContextValue, ChipGroup, type ChipOptionProps, type ChipProps, type ChipSelectedProps, type ChipValue, type ChipVariants, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorPickerButtonProps, type ColorType$1 as ColorType, type ColorVariantType, Counter, type CounterControllerProps, type CounterProps, type DateFormat, DatePicker, type DatePickerMode, type DatePickerProps, type DateRange, type DateRangeProps, type DotConfig, Dropdown, DropdownContent, DropdownItem, type DropdownState, DropdownTrigger, type FileItem, FormDescription, type FormDescriptionProps, FormErrorMessage, type FormErrorMessageProps, FormErrorMessages, type FormErrorMessagesProps, FormField, type FormFieldProps, FormHint, type FormHintProps, FormLabel, type FormLabelProps, type FormSizeType, type GetCalendarDaysProps, type HeadingLevel, type IconType, type ImageForm, Input, InputFile, type InputFileProps, type InputFileRef, InputOTP, type InputOTPProps, type InputProps, type InputVariantProps, ItemDropdown, type ListItemType, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, ModalPreviewAttachment, ModalTitle, type PlayerProps, PreviewItem, type PreviewItemProps, Select, type SelectOption, type SelectProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarContext, type SidebarContextProps, SidebarFooter, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuGroup, SidebarMenuItem, SidebarProvider, SidebarTrigger, type SizeType$1 as SizeType, Switch, SwitchThumbVariants, SwitchVariants, Table, type TableAction, TableBody, type TableBodyProps, TableCell, TableCellHead, type TableCellHeadProps, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableRootProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, type TextAlignValue, TextEditor, type TextEditorProps, Textarea, type TextareaProps, ToastProvider, type ToolbarButtonProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UploadConfig, type UploadStatus, type UploadedFile, chipVariants, formatDateLocal, formatDateToString, generatePages, getCalendarDays, getFormatConfig, getWeekEventSegments, handleDecrement, handleIncrement, handleInputChange, handleKeyDown, inputVariants, isSameDate, isToday, monthsFull, monthsShort, normalize, parseLocalDate, parseMonthName, toDateOnly, useCopy, useIsMobile, useSidebar, useToast };

package/dist/clients.js

@@ -686,10 +686,10 @@ var ChipGroup = ({
   }, [selected, internalSelected]);
   const toggleSelection = (value) => {
     let newSelected;
-    if (multiple || !multiple && internalSelected.length === 0) {
+    if (multiple) {
       newSelected = internalSelected.includes(value) ? internalSelected.filter((v3) => v3 !== value) : [...internalSelected, value];
     } else {
-      newSelected = [value];
+      newSelected = internalSelected.includes(value) ? [] : [value];
     }
     setInternalSelected(newSelected);
     onSelect?.(newSelected);
@@ -12848,10 +12848,17 @@ var createCalendarHelpers = ({
   value,
   rangeValue,
   disabledDates,
-  dayConfigs
+  dayConfigs,
+  disabled
 }) => {
   const isDateDisabled = (day) => {
-    return disabledDates.some((d) => d.getTime() === day.fullDate.getTime());
+    if (disabledDates.some((d) => d.getTime() === day.fullDate.getTime())) {
+      return true;
+    }
+    if (disabled?.(day.fullDate) === true) {
+      return true;
+    }
+    return false;
   };
   const getDayConfig = (day) => {
     return dayConfigs.find((c) => c.date.getTime() === day.fullDate.getTime());
@@ -13129,7 +13136,8 @@ function CalendarDayItem({
   onClick,
   variant,
   events,
-  backdropOnClick
+  backdropOnClick,
+  disabledDateClassName
 }) {
   const dayConfig = helpers.getDayConfig(day);
   const isSelected = helpers.isDateSelected(day);
@@ -13165,8 +13173,9 @@ function CalendarDayItem({
         mode === "single" && variant === "compact" && styleHelpers.getBackgroundClass(),
         //prettier-ignore
         mode === "range" && !isDisabled && helpers.getRangeBackgroundClass(day),
-        variant === "default" && "h-28 md:h-36 w-full rounded-none flex items-start justify-start group p-1 md:p-3 border-r border-gray-300"
+        variant === "default" && "h-28 md:h-36 w-full rounded-none flex items-start justify-start group p-1 md:p-3 border-r border-gray-300",
         //prettier-ignore
+        isDisabled && disabledDateClassName
       ),
       children: [
         /* @__PURE__ */ jsx382(
@@ -13345,7 +13354,8 @@ function CalendarGrid({
   showCalendarTooltip = true,
   backdropOnClick,
   onEventClick,
-  useLimitEvent = true
+  useLimitEvent = true,
+  disabledDateClassName
 }) {
   const isMobile = useIsMobile();
   const weeks = Array.from(
@@ -13473,7 +13483,8 @@ function CalendarGrid({
                       onClick,
                       variant,
                       events,
-                      backdropOnClick: variant === "default" && backdropOnClick ? (day2) => backdropOnClick?.(day2) : void 0
+                      backdropOnClick: variant === "default" && backdropOnClick ? (day2) => backdropOnClick?.(day2) : void 0,
+                      disabledDateClassName
                     },
                     dayIndex
                   ))
@@ -13858,7 +13869,9 @@ var Calendar2 = ({
   onMonthChange,
   onYearChange,
   showDefaultController = false,
-  useLimitEvent = true
+  useLimitEvent = true,
+  disabled,
+  disabledDateClassName
 }) => {
   const currentDate = /* @__PURE__ */ new Date();
   const [currentMonth, setCurrentMonth] = useState10(defaultMonth ?? currentDate.getMonth());
@@ -13883,7 +13896,8 @@ var Calendar2 = ({
     dayConfigs,
     rangeValue,
     mode,
-    value
+    value,
+    disabled
   });
   const calendarState = {
     currentMonth,
@@ -13899,8 +13913,8 @@ var Calendar2 = ({
   };
   const handleDateClick = (day) => {
     const dayConfig = calendarHelpers.getDayConfig(day);
-    const disabled = (dayConfig?.disabled ?? false) || calendarHelpers.isDateDisabled(day);
-    if (disabled) {
+    const disabled2 = (dayConfig?.disabled ?? false) || calendarHelpers.isDateDisabled(day);
+    if (disabled2) {
       return;
     }
     onChange?.(day.fullDate);
@@ -14115,7 +14129,8 @@ var Calendar2 = ({
                 showCalendarTooltip,
                 useLimitEvent,
                 onEventClick,
-                backdropOnClick
+                backdropOnClick,
+                disabledDateClassName
               }
             )
           ] })
@@ -14257,6 +14272,9 @@ var DatePicker = ({
   trigger,
   open,
   onOpenChange,
+  minDate,
+  maxDate,
+  disabledDateClassName,
   calendarProps,
   endDateCalendarProps,
   startDateCalendarProps,
@@ -14537,6 +14555,12 @@ var DatePicker = ({
                     dayWrapperClassname: "justify-between",
                     onChange: handleCalendarChange,
                     value: selectedDate,
+                    disabled: (date) => {
+                      if (minDate !== void 0 && date < minDate) return true;
+                      if (maxDate !== void 0 && date > maxDate) return true;
+                      return false;
+                    },
+                    disabledDateClassName,
                     ...calendarProps
                   }
                 ) : /* @__PURE__ */ jsxs81("div", { className: "flex", children: [
@@ -14648,6 +14672,16 @@ var DatePicker = ({
                               value: dateRange.start,
                               rangeValue: dateRange,
                               mode: "range",
+                              disabled: (date) => {
+                                if (minDate !== void 0 && date < minDate) {
+                                  return true;
+                                }
+                                if (maxDate !== void 0 && date > maxDate) {
+                                  return true;
+                                }
+                                return false;
+                              },
+                              disabledDateClassName,
                               ...startDateCalendarProps
                             }
                           ),
@@ -14665,6 +14699,16 @@ var DatePicker = ({
                               mode: "range",
                               defaultMonth: nextMonthData.month,
                               defaultYear: nextMonthData.year,
+                              disabled: (date) => {
+                                if (minDate !== void 0 && date < minDate) {
+                                  return true;
+                                }
+                                if (maxDate !== void 0 && date > maxDate) {
+                                  return true;
+                                }
+                                return false;
+                              },
+                              disabledDateClassName,
                               ...endDateCalendarProps
                             }
                           )
@@ -26591,6 +26635,11 @@ var FontSize = Extension.create({
 
 // src/components/text-editor/extension/image-node.ts
 import Image2 from "@tiptap/extension-image";
+var getJustify = (align) => {
+  if (align === "right") return "flex-end";
+  if (align === "center") return "center";
+  return "flex-start";
+};
 var ImageNode = Image2.extend({
   // jadikan block supaya bisa di-align
   inline: false,
@@ -26629,9 +26678,10 @@ var ImageNode = Image2.extend({
       },
       textAlign: {
         default: "left",
-        parseHTML: (el) => el.closest("[data-image-wrapper]")?.getAttribute("data-align") ?? "left",
-        renderHTML: () => ({})
-        // dihandle di nodeView
+        parseHTML: (el) => el.getAttribute("data-text-align") ?? el.closest("[data-image-wrapper]")?.getAttribute("data-align") ?? "left",
+        renderHTML: (attrs) => ({
+          "data-text-align": attrs["textAlign"]
+        })
       },
       url: {
         default: null,
@@ -26649,26 +26699,23 @@ var ImageNode = Image2.extend({
   },
   renderHTML({ HTMLAttributes }) {
     const {
-      textAlign,
       objectFit,
       url,
       urlTarget,
+      "data-text-align": dataTextAlign,
       "data-url": dataUrl,
-      // ← ambil dari sini
       "data-url-target": dataUrlTarget,
       ...rest
     } = HTMLAttributes;
-    const align = textAlign ?? "left";
-    const getJustify2 = (a) => a === "right" ? "flex-end" : a === "center" ? "center" : "flex-start";
+    const align = typeof dataTextAlign === "string" && dataTextAlign.length > 0 ? dataTextAlign : "left";
     const resolvedUrl = url ?? dataUrl ?? null;
     const resolvedTarget = urlTarget ?? dataUrlTarget ?? "_self";
     const img = [
       "img",
       mergeAttributes(rest, {
         style: `object-fit: ${objectFit ?? "contain"}`,
-        // ← tambahkan data-* ke <img> supaya parseHTML bisa baca saat load HTML
-        ...url !== null ? { "data-url": url } : {},
-        ...urlTarget == null ? { "data-url-target": urlTarget } : {}
+        ...resolvedUrl !== null ? { "data-url": resolvedUrl } : {},
+        ...resolvedTarget != null ? { "data-url-target": resolvedTarget } : {}
       })
     ];
     const content = resolvedUrl != null ? ["a", { href: resolvedUrl, target: resolvedTarget }, img] : img;
@@ -26677,7 +26724,7 @@ var ImageNode = Image2.extend({
       {
         "data-image-wrapper": "",
         "data-align": align,
-        "style": `display:flex;justify-content:${getJustify2(align)};`
+        "style": `display:flex;justify-content:${getJustify(align)};`
       },
       content
     ];
@@ -26693,8 +26740,7 @@ var ImageNode = Image2.extend({
         const align = n.attrs["textAlign"] ?? "left";
         const url = n.attrs["url"];
         const urlTarget = n.attrs["urlTarget"] ?? "_self";
-        const getJustify2 = (a) => a === "right" ? "flex-end" : a === "center" ? "center" : "flex-start";
-        wrapper.style.cssText = `display: flex; justify-content: ${getJustify2(align)};`;
+        wrapper.style.cssText = `display: flex; justify-content: ${getJustify(align)};`;
         wrapper.setAttribute("data-align", align);
         if (n.attrs["src"])
           img.setAttribute("src", n.attrs["src"]);
@@ -26704,6 +26750,17 @@ var ImageNode = Image2.extend({
           img.setAttribute("width", String(n.attrs["width"]));
         if (n.attrs["height"])
           img.setAttribute("height", String(n.attrs["height"]));
+        img.setAttribute("data-text-align", align);
+        if (url !== null) {
+          img.setAttribute("data-url", url);
+        } else {
+          img.removeAttribute("data-url");
+        }
+        if (urlTarget !== null) {
+          img.setAttribute("data-url-target", urlTarget);
+        } else {
+          img.removeAttribute("data-url-target");
+        }
         img.style.objectFit = n.attrs["objectFit"] ?? "contain";
         wrapper.innerHTML = "";
         if (url !== null) {
@@ -26997,7 +27054,7 @@ var TableNode = Table2.extend({
 var table_node_default = TableNode;
 
 // src/components/text-editor/extension/youtube-node.ts
-var getJustify = (align) => {
+var getJustify2 = (align) => {
   switch (align) {
     case "left":
       return "flex-start";
@@ -27063,7 +27120,7 @@ var YoutubeNode = Node3.create({
       const wrapper = document.createElement("div");
       wrapper.style.cssText = "display: flex; justify-content: center; margin: 0.5rem 0;";
       const updateAlignment = (align) => {
-        wrapper.style.justifyContent = getJustify(align);
+        wrapper.style.justifyContent = getJustify2(align);
       };
       const iframe = document.createElement("iframe");
       iframe.setAttribute("src", node.attrs["src"]);
@@ -33621,6 +33678,16 @@ var target_link_options_default = targetOptions;
 
 // src/components/text-editor/partials/modal-insert-image.tsx
 import { jsx as jsx407, jsxs as jsxs92 } from "react/jsx-runtime";
+var createDefaultImageForm = () => ({
+  url: null,
+  image: {
+    objectFit: object_fit_options_default[0],
+    source: "",
+    altText: "",
+    width: "200",
+    height: "200"
+  }
+});
 function ModalInsertImage({
   isOpen,
   onClose,
@@ -33639,22 +33706,25 @@ function ModalInsertImage({
         altText: data[0].uploadedData?.data.name ?? ""
       };
     }
-  }
+  },
+  onDownload
 }) {
   const [currentTabImage, setCurrentTabImage] = useState19("0");
+  const [uploadInputKey, setUploadInputKey] = useState19(0);
+  const [uploadFiles, setUploadFiles] = useState19([]);
   const [errors, setErrors] = useState19(
     {}
   );
-  const [imageForm, setImageForm] = useState19({
-    url: null,
-    image: {
-      objectFit: object_fit_options_default[0],
-      source: "",
-      altText: "",
-      width: "200",
-      height: "200"
-    }
-  });
+  const [imageForm, setImageForm] = useState19(
+    createDefaultImageForm()
+  );
+  const resetFormState = () => {
+    setCurrentTabImage("0");
+    setErrors({});
+    setImageForm(createDefaultImageForm());
+    setUploadFiles([]);
+    setUploadInputKey((prev) => prev + 1);
+  };
   const validate = () => {
     const newErrors = {};
     if (imageForm?.image?.source === "" || imageForm?.image?.source === null || imageForm?.image?.source === void 0) {
@@ -33673,9 +33743,16 @@ function ModalInsertImage({
     return Object.keys(newErrors).length === 0;
   };
   useEffect14(() => {
-    if (isOpen && initialValues !== void 0) {
+    if (!isOpen) return;
+    setErrors({});
+    setCurrentTabImage("0");
+    setUploadFiles([]);
+    setUploadInputKey((prev) => prev + 1);
+    if (initialValues !== void 0) {
       setImageForm(initialValues);
+      return;
     }
+    setImageForm(createDefaultImageForm());
   }, [isOpen, initialValues]);
   return /* @__PURE__ */ jsxs92(Modal, { isOpen, onClose: () => onClose(false), closable: false, children: [
     /* @__PURE__ */ jsxs92(ModalHeader, { className: "flex-row! items-center justify-between border-b border-gray-200", children: [
@@ -33699,7 +33776,7 @@ function ModalInsertImage({
           if (!validate()) return;
           onSubmit(imageForm);
           onClose(false);
-          setImageForm(null);
+          resetFormState();
         },
         className: "overflow-auto",
         children: [
@@ -33880,8 +33957,11 @@ function ModalInsertImage({
                     maxSize: (attachmentField?.maxSize ?? 0) * 1024 * 1024,
                     variant: attachmentField?.variant ?? "medium",
                     uploadConfig: attachmentField?.uploadConfig,
-                    onChange: attachmentField?.onChange ? (files) => attachmentField?.onChange?.(files) : void 0,
-                    value: attachmentField?.value,
+                    onChange: (files) => {
+                      setUploadFiles(files);
+                      attachmentField?.onChange?.(files);
+                    },
+                    value: uploadFiles,
                     onUploadSuccess: (results) => {
                       const { url, altText } = attachmentField.extractUploadResult(results);
                       setCurrentTabImage("0");
@@ -33897,8 +33977,10 @@ function ModalInsertImage({
                         };
                       });
                       attachmentField?.onUploadSuccess?.(results);
-                    }
-                  }
+                    },
+                    onDownload
+                  },
+                  uploadInputKey
                 ) })
               ]
             }
@@ -33912,7 +33994,7 @@ function ModalInsertImage({
                 type: "button",
                 onClick: () => {
                   onClose(false);
-                  setImageForm(null);
+                  resetFormState();
                 },
                 children: "Cancel"
               }
@@ -34128,7 +34210,8 @@ import { jsx as jsx409, jsxs as jsxs94 } from "react/jsx-runtime";
 function InsertGroup({
   editor,
   disabled = false,
-  attachmentField
+  attachmentField,
+  onDownload
 }) {
   const [isModalImageOpen, setIsModalImageOpen] = useState21(false);
   const [isModalYoutubeOpen, setIsModalYoutubeOpen] = useState21(false);
@@ -34285,7 +34368,8 @@ function InsertGroup({
             url: form.url?.source ?? null,
             urlTarget: form.url?.target?.value ?? "_self"
           }).run();
-        }
+        },
+        onDownload
       }
     )
   ] });
@@ -34498,7 +34582,8 @@ function TextEditor({
   ui: ui3,
   field,
   toolbar,
-  editor: editorProps
+  editor: editorProps,
+  onDownload
 }) {
   const {
     disabled = false,
@@ -34637,7 +34722,8 @@ function TextEditor({
                     {
                       disabled: isHtmlMode,
                       editor,
-                      attachmentField
+                      attachmentField,
+                      onDownload
                     }
                   ),
                   table && /* @__PURE__ */ jsx411(TableGroup, { disabled: isHtmlMode, editor }),