akeyless-client-commons 1.1.97 → 1.1.99

package/dist/components/index.js

@@ -5975,7 +5975,7 @@ function useDeepCompareEffect(effect, dependencies) {
 }
 // src/components/forms/ModularForm/formElements.tsx
 var import_react15 = require("react");
-var import_react_aria_components2 = require("react-aria-components");
+var import_react_aria_components3 = require("react-aria-components");
 // src/components/forms/ModularForm/InternationalPhonePicker.tsx
 var import_lucide_react5 = require("lucide-react");
 var import_react13 = require("react");
@@ -6166,7 +6166,7 @@ var FlagComponent = function(param) {
     });
 };
 // src/components/forms/ModularForm/formElements.tsx
-var import_react_aria_components3 = require("react-aria-components");
+var import_react_aria_components4 = require("react-aria-components");
 // src/components/ui/datefield-rac.tsx
 var import_react_aria_components = require("react-aria-components");
 var import_jsx_runtime20 = require("react/jsx-runtime");
@@ -6200,10 +6200,89 @@ function DateInput(_param) {
         }
     }));
 }
-// src/components/forms/ModularForm/formElements.tsx
-var import_lucide_react6 = require("lucide-react");
+// src/components/ui/calendar-rac.tsx
 var import_date = require("@internationalized/date");
+var import_lucide_react6 = require("lucide-react");
+var import_react_aria_components2 = require("react-aria-components");
 var import_jsx_runtime21 = require("react/jsx-runtime");
+function CalendarHeader() {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("header", {
+        className: "flex w-full items-center gap-1 pb-1",
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.Button, {
+                className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
+                slot: "previous",
+                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.ChevronLeftIcon, {
+                    size: 16
+                })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.Heading, {
+                className: "grow text-center font-medium text-sm"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.Button, {
+                className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
+                slot: "next",
+                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.ChevronRightIcon, {
+                    size: 16
+                })
+            })
+        ]
+    });
+}
+function CalendarGridComponent(param) {
+    var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, selectedDayClassName = param.selectedDayClassName, todayDayClassName = param.todayDayClassName;
+    var now = (0, import_date.today)((0, import_date.getLocalTimeZone)());
+    var resolvedSelectedDayClassName = (selectedDayClassName === null || selectedDayClassName === void 0 ? void 0 : selectedDayClassName.trim()) ? selectedDayClassName : "bg-blue-600 text-white";
+    var resolvedTodayDayClassName = (todayDayClassName === null || todayDayClassName === void 0 ? void 0 : todayDayClassName.trim()) ? todayDayClassName : "bg-sky-200 text-sky-950";
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_aria_components2.CalendarGrid, {
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.CalendarGridHeader, {
+                children: function(day) {
+                    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.CalendarHeaderCell, {
+                        className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
+                        children: day
+                    });
+                }
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.CalendarGridBody, {
+                className: "[&_td]:px-0 [&_td]:py-px",
+                children: function(date) {
+                    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.CalendarCell, {
+                        className: (0, import_react_aria_components2.composeRenderProps)(void 0, function(_className, renderProps) {
+                            return cn("relative flex size-9 items-center justify-center whitespace-nowrap rounded-md p-0 font-normal text-foreground text-sm outline-none duration-150 [transition-property:color,background-color,border-radius,box-shadow]", "data-[disabled]:pointer-events-none data-[unavailable]:pointer-events-none data-[focus-visible]:z-10 data-[hovered]:bg-accent data-[hovered]:text-foreground data-[unavailable]:line-through data-[disabled]:opacity-30 data-[unavailable]:opacity-30 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", // Single date calendar selected/today styles (props-driven)
+                            !isRange && (renderProps === null || renderProps === void 0 ? void 0 : renderProps.isSelected) && !(renderProps === null || renderProps === void 0 ? void 0 : renderProps.isDisabled) && resolvedSelectedDayClassName, !isRange && date.compare(now) === 0 && !(renderProps === null || renderProps === void 0 ? void 0 : renderProps.isSelected) && !(renderProps === null || renderProps === void 0 ? void 0 : renderProps.isDisabled) && resolvedTodayDayClassName, // Range-specific styles (fixed Tailwind data-* variant syntax)
+                            isRange && "data-[invalid]:data-[selection-end]:bg-destructive data-[invalid]:data-[selection-start]:bg-destructive data-[invalid]:data-[selection-end]:text-white data-[invalid]:data-[selection-start]:text-white data-[selected]:rounded-none data-[selection-start]:rounded-s-md data-[selection-end]:rounded-e-md data-[invalid]:bg-red-100 data-[selected]:bg-accent data-[selection-end]:bg-primary data-[selection-start]:bg-primary data-[selected]:text-foreground data-[selection-end]:text-primary-foreground data-[selection-start]:text-primary-foreground");
+                        }),
+                        date: date
+                    });
+                }
+            })
+        ]
+    });
+}
+function Calendar(_param) {
+    var className = _param.className, selectedDayClassName = _param.selectedDayClassName, todayDayClassName = _param.todayDayClassName, props = _object_without_properties(_param, [
+        "className",
+        "selectedDayClassName",
+        "todayDayClassName"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_aria_components2.Calendar, _object_spread_props(_object_spread({}, props), {
+        className: (0, import_react_aria_components2.composeRenderProps)(className, function(className2) {
+            return cn("w-fit", className2);
+        }),
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CalendarHeader, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CalendarGridComponent, {
+                selectedDayClassName: selectedDayClassName,
+                todayDayClassName: todayDayClassName
+            })
+        ]
+    }));
+}
+// src/components/forms/ModularForm/formElements.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_date2 = require("@internationalized/date");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var defaultFormElementContainerClassName = "flex justify-start items-center gap-3 w-full";
 var defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
 var useSortValues = function(options, sortDirection, sortAsNumber) {
@@ -6261,8 +6340,8 @@ var InputContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
             title: title,
             minLength: minLength,
             placeholder: placeholder,
@@ -6281,7 +6360,7 @@ var InputContainer = function(param) {
     }));
 };
 var DateInputContainer = function(param) {
-    var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, value = param.value, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, elementsCommonClassName = param.elementsCommonClassName, title = param.title, labelStyle = param.labelStyle, _param_calendarIconClassName = param.calendarIconClassName, calendarIconClassName = _param_calendarIconClassName === void 0 ? "" : _param_calendarIconClassName, _param_inputClassName = param.inputClassName, inputClassName = _param_inputClassName === void 0 ? "" : _param_inputClassName;
+    var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, value = param.value, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, elementsCommonClassName = param.elementsCommonClassName, title = param.title, labelStyle = param.labelStyle, _param_calendarClassName = param.calendarClassName, calendarClassName = _param_calendarClassName === void 0 ? "" : _param_calendarClassName, _param_inputClassName = param.inputClassName, inputClassName = _param_inputClassName === void 0 ? "" : _param_inputClassName, _param_selectedDayClassName = param.selectedDayClassName, selectedDayClassName = _param_selectedDayClassName === void 0 ? "" : _param_selectedDayClassName, _param_todayDayClassName = param.todayDayClassName, todayDayClassName = _param_todayDayClassName === void 0 ? "" : _param_todayDayClassName;
     var containerProps = (0, import_react15.useMemo)(function() {
         return {
             containerClassName: containerClassName,
@@ -6310,12 +6389,12 @@ var DateInputContainer = function(param) {
     var getDefaultValue = function(dateStr) {
         if (dateStr) {
             try {
-                return (0, import_date.parseDate)(dateStr);
+                return (0, import_date2.parseDate)(dateStr);
             } catch (e) {
-                return (0, import_date.today)((0, import_date.getLocalTimeZone)());
+                return (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
             }
         }
-        return (0, import_date.today)((0, import_date.getLocalTimeZone)());
+        return (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
     };
     var handleDateChange = (0, import_react15.useCallback)(function(date) {
         if (!onChange) {
@@ -6335,10 +6414,11 @@ var DateInputContainer = function(param) {
     ]);
     var pickerValue = value ? getDefaultValue(value) : void 0;
     var pickerDefaultValue = !pickerValue && defaultValue ? getDefaultValue(defaultValue) : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.I18nProvider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components3.I18nProvider, {
             locale: "en-GB",
-            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_aria_components3.DatePicker, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_aria_components4.DatePicker, {
+                placeholderValue: placeholder ? (0, import_date2.parseDate)(placeholder) : void 0,
                 className: cn("flex items-center gap-2 flex-1", elementClassName),
                 name: name,
                 defaultValue: pickerDefaultValue,
@@ -6346,13 +6426,13 @@ var DateInputContainer = function(param) {
                 onChange: handleDateChange,
                 onKeyDown: onKeyDown,
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
                         title: title,
                         className: cn("flex flex-1"),
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components3.Group, {
+                            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components4.Group, {
                                 className: cn("flex-1 bg-background", defaultFormElementBorderClassName),
-                                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DateInput, _object_spread_props(_object_spread({}, props), {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DateInput, _object_spread_props(_object_spread({}, props), {
                                     unstyled: true,
                                     style: {
                                         direction: "ltr"
@@ -6360,21 +6440,23 @@ var DateInputContainer = function(param) {
                                     className: cn("flex-1 h-9 px-3 py-2 text-sm", direction === "rtl" ? "justify-end text-right" : "justify-start text-left", inputClassName)
                                 }))
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components3.Button, {
+                            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components4.Button, {
                                 className: "-ms-9 -me-px z-10 flex w-9 items-center justify-center rounded-e-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:text-foreground data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.CalendarIcon, {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react7.CalendarIcon, {
                                     size: 16
                                 })
                             })
                         ]
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components3.Popover, {
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components4.Popover, {
                         className: "data-[entering]:fade-in-0 data-[entering]:zoom-in-95 data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 z-50 rounded-lg border bg-background text-popover-foreground shadow-lg outline-hidden data-entering:animate-in data-exiting:animate-out",
                         offset: 4,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components3.Dialog, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components4.Dialog, {
                             className: "max-h-[inherit] overflow-auto p-2",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.Calendar, {
-                                className: cn("bg-white", calendarIconClassName)
+                            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Calendar, {
+                                selectedDayClassName: selectedDayClassName,
+                                todayDayClassName: todayDayClassName,
+                                className: cn("bg-white", calendarClassName)
                             })
                         })
                     })
@@ -6419,8 +6501,8 @@ var SelectContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
             title: title,
             style: {
                 direction: direction
@@ -6430,21 +6512,21 @@ var SelectContainer = function(param) {
                 return setIsOpen(!isOpen);
             },
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                     className: cn("h-9 max-h-9 py-2 px-3 flex items-center justify-center cursor-pointer", defaultFormElementBorderClassName, selectClassName),
                     children: ((_options_find = options.find(function(opt) {
                         return opt.value === selectedValue;
                     })) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
                 }),
-                isOpen ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("i", {
+                isOpen ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("i", {
                     className: cn("fa-light fa-chevron-up absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
-                }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("i", {
+                }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("i", {
                     className: cn("fa-light fa-chevron-down absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
                 }),
-                isOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+                isOpen && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                     className: cn("absolute w-full bg-white border  border-gray-300 max-h-32 overflow-y-auto z-10", optionsContainerClassName),
                     children: sortOptions.map(function(option) {
-                        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+                        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                             className: "p-2 cursor-pointer hover:bg-gray-200 ".concat(optionClassName),
                             onClick: function() {
                                 return handleOptionClick(option.value);
@@ -6453,7 +6535,7 @@ var SelectContainer = function(param) {
                         }, option.value);
                     })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", {
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", {
                     value: selectedValue,
                     type: "hidden",
                     name: name,
@@ -6492,8 +6574,8 @@ function MultiSelect(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(multiselect_default, {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(multiselect_default, {
             closeDropdownOnSelect: closeDropdownOnSelect,
             commandProps: {
                 label: placeholder
@@ -6515,7 +6597,7 @@ function MultiSelect(param) {
             className: cn(defaultFormElementBorderClassName, styles.className),
             dropdownClassName: styles.dropdownClassName,
             dropdownOptionClassName: styles.dropdownOptionClassName,
-            emptyIndicator: emptyOptionsElement || /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", {
+            emptyIndicator: emptyOptionsElement || /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", {
                 className: "text-center text-sm",
                 children: "all options selected."
             }),
@@ -6553,8 +6635,8 @@ var SelectWithSearch = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SearchSelect, {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SearchSelect, {
             direction: direction,
             createNewOptionLabel: createNewOptionLabel,
             createNewOptionContainerClassName: createNewOptionContainerClassName,
@@ -6605,8 +6687,8 @@ var TextAreaContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("textarea", _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("textarea", _object_spread_props(_object_spread({}, props), {
             defaultValue: value ? void 0 : defaultValue,
             value: defaultValue ? void 0 : value,
             onChange: onChange,
@@ -6622,7 +6704,7 @@ var TextAreaContainer = function(param) {
 };
 var FormSeparator = function(param) {
     var props = param.props, children = param.children;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", _object_spread_props(_object_spread({}, props), {
         className: cn("border-b-[1px] border-gray-300 h-[1px]", props === null || props === void 0 ? void 0 : props.className),
         children: children
     }));
@@ -6654,8 +6736,8 @@ var CheckboxContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Checkbox, {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Checkbox, {
             id: id,
             name: name,
             checked: checked,
@@ -6719,21 +6801,21 @@ var DurationPicker = function(param) {
             onChange === null || onChange === void 0 ? void 0 : onChange(durationToSeconds(update));
         };
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
             title: title,
             className: cn("flex gap-1.5 text-sm", elementClassName),
             dir: "ltr",
             children: [
                 Array.from(new Set(options)).map(function(field) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
+                    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
                         className: "flex flex-col border p-0.5 rounded-md",
                         children: [
-                            !hideLabels && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", {
+                            !hideLabels && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", {
                                 className: "mb-1 ps-1 capitalize text-start border-b-[1px] border-b-gray-300",
                                 children: field.slice(0, 1)
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", {
+                            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", {
                                 type: "number",
                                 inputMode: "numeric",
                                 min: 0,
@@ -6751,7 +6833,7 @@ var DurationPicker = function(param) {
                         ]
                     }, field);
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", {
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", {
                     name: name,
                     type: "hidden",
                     value: durationToSeconds(duration)
@@ -6762,10 +6844,10 @@ var DurationPicker = function(param) {
 };
 var FormElementContainer = function(param) {
     var containerClassName = param.containerClassName, direction = param.direction, labelClassName = param.labelClassName, labelContent = param.labelContent, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, name = param.name, required = param.required, children = param.children, _param_defaultContainerClassName = param.defaultContainerClassName, defaultContainerClassName = _param_defaultContainerClassName === void 0 ? true : _param_defaultContainerClassName, _param_elementsCommonClassName = param.elementsCommonClassName, elementsCommonClassName = _param_elementsCommonClassName === void 0 ? "" : _param_elementsCommonClassName, labelStyle = param.labelStyle;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
         className: cn(defaultContainerClassName ? defaultFormElementContainerClassName : "", containerClassName, elementsCommonClassName),
         children: [
-            labelContent && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ElementLabel, {
+            labelContent && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ElementLabel, {
                 labelStyle: labelStyle,
                 labelsCommonClassName: labelsCommonClassName,
                 withDots: labelWithDots,
@@ -6781,7 +6863,7 @@ var FormElementContainer = function(param) {
 };
 var ElementLabel = function(param) {
     var labelContent = param.labelContent, labelClassName = param.labelClassName, name = param.name, required = param.required, _param_withDots = param.withDots, withDots = _param_withDots === void 0 ? false : _param_withDots, direction = param.direction, labelsCommonClassName = param.labelsCommonClassName, _param_labelStyle = param.labelStyle, labelStyle = _param_labelStyle === void 0 ? {} : _param_labelStyle;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", {
         style: _object_spread({
             direction: direction
         }, labelStyle),
@@ -6790,11 +6872,11 @@ var ElementLabel = function(param) {
         title: labelContent,
         children: [
             labelContent,
-            required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+            required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                 className: "text-red-500",
                 children: "*"
             }),
-            withDots && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+            withDots && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                 children: ":"
             })
         ]
@@ -6856,15 +6938,15 @@ var ElementsContainer = (0, import_react15.memo)(function(props) {
         containerClassName,
         elementProps
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
         ref: containerRef,
         className: cn("flex flex-col gap-1", className),
         children: [
-            headline && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+            headline && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                 className: cn("text-start text-primary font-bold border-b-[1px] border-gray-400 pb-0.5", headlineClassName),
                 children: headline
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                 className: cn("flex flex-col gap-1.5", childrenContainerClassName),
                 children: enhancedChildren
             })
@@ -6873,7 +6955,7 @@ var ElementsContainer = (0, import_react15.memo)(function(props) {
 }, propsAreEqual);
 ElementsContainer.displayName = "ElementsContainer";
 // src/components/forms/ModularForm/ModularForm.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var ModularForm = function(param) {
     var _param_submitFunction = param.submitFunction, submitFunction = _param_submitFunction === void 0 ? /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(form) {
@@ -6980,7 +7062,7 @@ var ModularForm = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("form", {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("form", {
         ref: formRef,
         onSubmit: onSubmit,
         style: {
@@ -6988,79 +7070,79 @@ var ModularForm = function(param) {
         },
         className: cn("w-[350px] px-5 py-5 flex flex-col gap-4", className),
         children: [
-            headerContent && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
+            headerContent && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
                 className: cn("border-b-2 border-[#547f22] pb-2 text-start font-bold text-[20px]", headerClassName),
                 children: headerContent
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
                 className: cn("w-full flex flex-col gap-5", elementsContainerClassName),
                 children: elements.map(function(element, index2) {
                     switch(element.type){
                         case "input":
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(InputContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InputContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "dateInput":
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DateInputContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DateInputContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "textarea":
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TextAreaContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TextAreaContainer, _object_spread_props(_object_spread({
                                 direction: element.direction || direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "select":
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "checkbox":
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CheckboxContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CheckboxContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "multiSelect":
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MultiSelect, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MultiSelect, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "selectWithSearch":
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectWithSearch, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectWithSearch, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "internationalPhoneInput":
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "duration":
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DurationPicker, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DurationPicker, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "separator":
-                            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormSeparator, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FormSeparator, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 children: element.children
@@ -7075,15 +7157,15 @@ var ModularForm = function(param) {
                     }
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", {
                 className: cn("flex justify-between w-full", footerClassName),
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
                         title: errorMsg,
                         className: cn("text-[#f22] text-[18px] max-w-[80%] ellipsis", errorClassName),
                         children: errorMsg
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", {
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", {
                         ref: submitRef,
                         disabled: isLoading,
                         onClick: function(e) {
@@ -7091,7 +7173,7 @@ var ModularForm = function(param) {
                         },
                         className: cn("bg-[#547f22] px-3 py-1.5 rounded-lg text-white min-w-20", buttonClassName),
                         type: "submit",
-                        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Loader, _object_spread({
+                        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Loader, _object_spread({
                             size: 18,
                             color: "#fff"
                         }, loaderProps)) : buttonContent
@@ -7108,77 +7190,6 @@ var import_moment2 = __toESM(require("moment"));
 var import_lucide_react8 = require("lucide-react");
 var import_react_aria_components5 = require("react-aria-components");
 var import_date3 = require("@internationalized/date");
-// src/components/ui/calendar-rac.tsx
-var import_date2 = require("@internationalized/date");
-var import_lucide_react7 = require("lucide-react");
-var import_react_aria_components4 = require("react-aria-components");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function CalendarHeader() {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("header", {
-        className: "flex w-full items-center gap-1 pb-1",
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.Button, {
-                className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
-                slot: "previous",
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react7.ChevronLeftIcon, {
-                    size: 16
-                })
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.Heading, {
-                className: "grow text-center font-medium text-sm"
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.Button, {
-                className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
-                slot: "next",
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react7.ChevronRightIcon, {
-                    size: 16
-                })
-            })
-        ]
-    });
-}
-function CalendarGridComponent(param) {
-    var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
-    var now = (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_aria_components4.CalendarGrid, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.CalendarGridHeader, {
-                children: function(day) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.CalendarHeaderCell, {
-                        className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
-                        children: day
-                    });
-                }
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.CalendarGridBody, {
-                className: "[&_td]:px-0 [&_td]:py-px",
-                children: function(date) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.CalendarCell, {
-                        className: cn("relative flex size-9 items-center justify-center whitespace-nowrap rounded-md p-0 font-normal text-foreground text-sm outline-none duration-150 [transition-property:color,background-color,border-radius,box-shadow] data-disabled:pointer-events-none data-unavailable:pointer-events-none data-focus-visible:z-10 data-hovered:bg-accent data-selected:bg-primary data-hovered:text-foreground data-selected:text-primary-foreground data-unavailable:line-through data-disabled:opacity-30 data-unavailable:opacity-30 data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50", // Range-specific styles
-                        isRange && "data-invalid:data-selection-end:bg-destructive data-invalid:data-selection-start:bg-destructive data-invalid:data-selection-end:text-white data-invalid:data-selection-start:text-white data-selected:rounded-none data-selection-start:rounded-s-md data-selection-end:rounded-e-md data-invalid:bg-red-100 data-selected:bg-accent data-selection-end:bg-primary data-selection-start:bg-primary data-selected:text-foreground data-selection-end:text-primary-foreground data-selection-start:text-primary-foreground", // Today indicator styles
-                        date.compare(now) === 0 && cn("after:-translate-x-1/2 after:pointer-events-none after:absolute after:start-1/2 after:bottom-1 after:z-10 after:size-[3px] after:rounded-full after:bg-primary", isRange ? "data-selection-end:after:bg-background data-selection-start:after:bg-background" : "data-selected:after:bg-background")),
-                        date: date
-                    });
-                }
-            })
-        ]
-    });
-}
-function Calendar2(_param) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_aria_components4.Calendar, _object_spread_props(_object_spread({}, props), {
-        className: (0, import_react_aria_components4.composeRenderProps)(className, function(className2) {
-            return cn("w-fit", className2);
-        }),
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CalendarHeader, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CalendarGridComponent, {})
-        ]
-    }));
-}
-// src/components/forms/index.tsx
 var import_react_aria_components6 = require("react-aria-components");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var ConfirmForm = function(param) {
@@ -7310,7 +7321,7 @@ function DatePicker2(param) {
         return function(form) {
             return _ref.apply(this, arguments);
         };
-    }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_calendarClassName = param.calendarClassName, calendarClassName = _param_calendarClassName === void 0 ? "" : _param_calendarClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
+    }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_calendarClassName = param.calendarClassName, calendarClassName = _param_calendarClassName === void 0 ? "" : _param_calendarClassName, _param_selectedDayClassName = param.selectedDayClassName, selectedDayClassName = _param_selectedDayClassName === void 0 ? "" : _param_selectedDayClassName, _param_todayDayClassName = param.todayDayClassName, todayDayClassName = _param_todayDayClassName === void 0 ? "" : _param_todayDayClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
     var _ref = _sliced_to_array((0, import_react18.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
@@ -7389,7 +7400,9 @@ function DatePicker2(param) {
                             offset: 4,
                             children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Dialog, {
                                 className: "max-h-[inherit] overflow-auto p-2",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar2, {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {
+                                    selectedDayClassName: selectedDayClassName,
+                                    todayDayClassName: todayDayClassName,
                                     className: cn("bg-white", calendarClassName)
                                 })
                             })
@@ -7430,7 +7443,9 @@ function DatePicker2(param) {
                             offset: 4,
                             children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Dialog, {
                                 className: "max-h-[inherit] overflow-auto p-2",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar2, {
+                                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {
+                                    selectedDayClassName: selectedDayClassName,
+                                    todayDayClassName: todayDayClassName,
                                     className: cn("bg-white", calendarClassName)
                                 })
                             })