akeyless-client-commons 1.1.97 → 1.1.98

package/dist/components/index.mjs

@@ -5938,7 +5938,7 @@ var FlagComponent = function(param) {
     });
 };
 // src/components/forms/ModularForm/formElements.tsx
-import { Button as Button2, DatePicker as RACDatePicker, Dialog as Dialog2, Group, Popover as Popover2 } from "react-aria-components";
+import { Button as Button3, DatePicker as RACDatePicker, Dialog as Dialog2, Group, Popover as Popover2 } from "react-aria-components";
 // src/components/ui/datefield-rac.tsx
 import { composeRenderProps, DateField as DateFieldRac, DateInput as DateInputRac, DateSegment as DateSegmentRac, TimeField as TimeFieldRac } from "react-aria-components";
 import { jsx as jsx20 } from "react/jsx-runtime";
@@ -5972,10 +5972,80 @@ function DateInput(_param) {
         }
     }));
 }
-// src/components/forms/ModularForm/formElements.tsx
-import { Calendar, CalendarIcon } from "lucide-react";
-import { parseDate, today, getLocalTimeZone } from "@internationalized/date";
+// src/components/ui/calendar-rac.tsx
+import { getLocalTimeZone, today } from "@internationalized/date";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { Button as Button2, CalendarCell as CalendarCellRac, CalendarGridBody as CalendarGridBodyRac, CalendarGridHeader as CalendarGridHeaderRac, CalendarGrid as CalendarGridRac, CalendarHeaderCell as CalendarHeaderCellRac, Calendar as CalendarRac, composeRenderProps as composeRenderProps2, Heading as HeadingRac, RangeCalendar as RangeCalendarRac } from "react-aria-components";
 import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+function CalendarHeader() {
+    return /* @__PURE__ */ jsxs14("header", {
+        className: "flex w-full items-center gap-1 pb-1",
+        children: [
+            /* @__PURE__ */ jsx21(Button2, {
+                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__ */ jsx21(ChevronLeftIcon, {
+                    size: 16
+                })
+            }),
+            /* @__PURE__ */ jsx21(HeadingRac, {
+                className: "grow text-center font-medium text-sm"
+            }),
+            /* @__PURE__ */ jsx21(Button2, {
+                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__ */ jsx21(ChevronRightIcon, {
+                    size: 16
+                })
+            })
+        ]
+    });
+}
+function CalendarGridComponent(param) {
+    var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
+    var now = today(getLocalTimeZone());
+    return /* @__PURE__ */ jsxs14(CalendarGridRac, {
+        children: [
+            /* @__PURE__ */ jsx21(CalendarGridHeaderRac, {
+                children: function(day) {
+                    return /* @__PURE__ */ jsx21(CalendarHeaderCellRac, {
+                        className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
+                        children: day
+                    });
+                }
+            }),
+            /* @__PURE__ */ jsx21(CalendarGridBodyRac, {
+                className: "[&_td]:px-0 [&_td]:py-px",
+                children: function(date) {
+                    return /* @__PURE__ */ jsx21(CalendarCellRac, {
+                        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 Calendar(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsxs14(CalendarRac, _object_spread_props(_object_spread({}, props), {
+        className: composeRenderProps2(className, function(className2) {
+            return cn("w-fit", className2);
+        }),
+        children: [
+            /* @__PURE__ */ jsx21(CalendarHeader, {}),
+            /* @__PURE__ */ jsx21(CalendarGridComponent, {})
+        ]
+    }));
+}
+// src/components/forms/ModularForm/formElements.tsx
+import { CalendarIcon } from "lucide-react";
+import { parseDate, today as today2, getLocalTimeZone as getLocalTimeZone2 } from "@internationalized/date";
+import { jsx as jsx22, jsxs as jsxs15 } from "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) {
@@ -6033,8 +6103,8 @@ var InputContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx21("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ jsx22(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx22("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
             title: title,
             minLength: minLength,
             placeholder: placeholder,
@@ -6053,7 +6123,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;
     var containerProps = useMemo9(function() {
         return {
             containerClassName: containerClassName,
@@ -6084,10 +6154,10 @@ var DateInputContainer = function(param) {
             try {
                 return parseDate(dateStr);
             } catch (e) {
-                return today(getLocalTimeZone());
+                return today2(getLocalTimeZone2());
             }
         }
-        return today(getLocalTimeZone());
+        return today2(getLocalTimeZone2());
     };
     var handleDateChange = useCallback6(function(date) {
         if (!onChange) {
@@ -6107,10 +6177,11 @@ var DateInputContainer = function(param) {
     ]);
     var pickerValue = value ? getDefaultValue(value) : void 0;
     var pickerDefaultValue = !pickerValue && defaultValue ? getDefaultValue(defaultValue) : void 0;
-    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx21(I18nProvider, {
+    return /* @__PURE__ */ jsx22(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx22(I18nProvider, {
             locale: "en-GB",
-            children: /* @__PURE__ */ jsxs14(RACDatePicker, {
+            children: /* @__PURE__ */ jsxs15(RACDatePicker, {
+                placeholderValue: placeholder ? parseDate(placeholder) : void 0,
                 className: cn("flex items-center gap-2 flex-1", elementClassName),
                 name: name,
                 defaultValue: pickerDefaultValue,
@@ -6118,13 +6189,13 @@ var DateInputContainer = function(param) {
                 onChange: handleDateChange,
                 onKeyDown: onKeyDown,
                 children: [
-                    /* @__PURE__ */ jsxs14("div", {
+                    /* @__PURE__ */ jsxs15("div", {
                         title: title,
                         className: cn("flex flex-1"),
                         children: [
-                            /* @__PURE__ */ jsx21(Group, {
+                            /* @__PURE__ */ jsx22(Group, {
                                 className: cn("flex-1 bg-background", defaultFormElementBorderClassName),
-                                children: /* @__PURE__ */ jsx21(DateInput, _object_spread_props(_object_spread({}, props), {
+                                children: /* @__PURE__ */ jsx22(DateInput, _object_spread_props(_object_spread({}, props), {
                                     unstyled: true,
                                     style: {
                                         direction: "ltr"
@@ -6132,21 +6203,21 @@ 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__ */ jsx21(Button2, {
+                            /* @__PURE__ */ jsx22(Button3, {
                                 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__ */ jsx21(CalendarIcon, {
+                                children: /* @__PURE__ */ jsx22(CalendarIcon, {
                                     size: 16
                                 })
                             })
                         ]
                     }),
-                    /* @__PURE__ */ jsx21(Popover2, {
+                    /* @__PURE__ */ jsx22(Popover2, {
                         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__ */ jsx21(Dialog2, {
+                        children: /* @__PURE__ */ jsx22(Dialog2, {
                             className: "max-h-[inherit] overflow-auto p-2",
-                            children: /* @__PURE__ */ jsx21(Calendar, {
-                                className: cn("bg-white", calendarIconClassName)
+                            children: /* @__PURE__ */ jsx22(Calendar, {
+                                className: cn("bg-white", calendarClassName)
                             })
                         })
                     })
@@ -6191,8 +6262,8 @@ var SelectContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsxs14("div", {
+    return /* @__PURE__ */ jsx22(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsxs15("div", {
             title: title,
             style: {
                 direction: direction
@@ -6202,21 +6273,21 @@ var SelectContainer = function(param) {
                 return setIsOpen(!isOpen);
             },
             children: [
-                /* @__PURE__ */ jsx21("div", {
+                /* @__PURE__ */ jsx22("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__ */ jsx21("i", {
+                isOpen ? /* @__PURE__ */ jsx22("i", {
                     className: cn("fa-light fa-chevron-up absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
-                }) : /* @__PURE__ */ jsx21("i", {
+                }) : /* @__PURE__ */ jsx22("i", {
                     className: cn("fa-light fa-chevron-down absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
                 }),
-                isOpen && /* @__PURE__ */ jsx21("div", {
+                isOpen && /* @__PURE__ */ jsx22("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__ */ jsx21("div", {
+                        return /* @__PURE__ */ jsx22("div", {
                             className: "p-2 cursor-pointer hover:bg-gray-200 ".concat(optionClassName),
                             onClick: function() {
                                 return handleOptionClick(option.value);
@@ -6225,7 +6296,7 @@ var SelectContainer = function(param) {
                         }, option.value);
                     })
                 }),
-                /* @__PURE__ */ jsx21("input", {
+                /* @__PURE__ */ jsx22("input", {
                     value: selectedValue,
                     type: "hidden",
                     name: name,
@@ -6264,8 +6335,8 @@ function MultiSelect(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx21(multiselect_default, {
+    return /* @__PURE__ */ jsx22(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx22(multiselect_default, {
             closeDropdownOnSelect: closeDropdownOnSelect,
             commandProps: {
                 label: placeholder
@@ -6287,7 +6358,7 @@ function MultiSelect(param) {
             className: cn(defaultFormElementBorderClassName, styles.className),
             dropdownClassName: styles.dropdownClassName,
             dropdownOptionClassName: styles.dropdownOptionClassName,
-            emptyIndicator: emptyOptionsElement || /* @__PURE__ */ jsx21("p", {
+            emptyIndicator: emptyOptionsElement || /* @__PURE__ */ jsx22("p", {
                 className: "text-center text-sm",
                 children: "all options selected."
             }),
@@ -6325,8 +6396,8 @@ var SelectWithSearch = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx21(SearchSelect, {
+    return /* @__PURE__ */ jsx22(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx22(SearchSelect, {
             direction: direction,
             createNewOptionLabel: createNewOptionLabel,
             createNewOptionContainerClassName: createNewOptionContainerClassName,
@@ -6377,8 +6448,8 @@ var TextAreaContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx21("textarea", _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ jsx22(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx22("textarea", _object_spread_props(_object_spread({}, props), {
             defaultValue: value ? void 0 : defaultValue,
             value: defaultValue ? void 0 : value,
             onChange: onChange,
@@ -6394,7 +6465,7 @@ var TextAreaContainer = function(param) {
 };
 var FormSeparator = function(param) {
     var props = param.props, children = param.children;
-    return /* @__PURE__ */ jsx21("div", _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ jsx22("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
     }));
@@ -6426,8 +6497,8 @@ var CheckboxContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx21(Checkbox, {
+    return /* @__PURE__ */ jsx22(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx22(Checkbox, {
             id: id,
             name: name,
             checked: checked,
@@ -6491,21 +6562,21 @@ var DurationPicker = function(param) {
             onChange === null || onChange === void 0 ? void 0 : onChange(durationToSeconds(update));
         };
     };
-    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsxs14("div", {
+    return /* @__PURE__ */ jsx22(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsxs15("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__ */ jsxs14("div", {
+                    return /* @__PURE__ */ jsxs15("div", {
                         className: "flex flex-col border p-0.5 rounded-md",
                         children: [
-                            !hideLabels && /* @__PURE__ */ jsx21("label", {
+                            !hideLabels && /* @__PURE__ */ jsx22("label", {
                                 className: "mb-1 ps-1 capitalize text-start border-b-[1px] border-b-gray-300",
                                 children: field.slice(0, 1)
                             }),
-                            /* @__PURE__ */ jsx21("input", {
+                            /* @__PURE__ */ jsx22("input", {
                                 type: "number",
                                 inputMode: "numeric",
                                 min: 0,
@@ -6523,7 +6594,7 @@ var DurationPicker = function(param) {
                         ]
                     }, field);
                 }),
-                /* @__PURE__ */ jsx21("input", {
+                /* @__PURE__ */ jsx22("input", {
                     name: name,
                     type: "hidden",
                     value: durationToSeconds(duration)
@@ -6534,10 +6605,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__ */ jsxs14("div", {
+    return /* @__PURE__ */ jsxs15("div", {
         className: cn(defaultContainerClassName ? defaultFormElementContainerClassName : "", containerClassName, elementsCommonClassName),
         children: [
-            labelContent && /* @__PURE__ */ jsx21(ElementLabel, {
+            labelContent && /* @__PURE__ */ jsx22(ElementLabel, {
                 labelStyle: labelStyle,
                 labelsCommonClassName: labelsCommonClassName,
                 withDots: labelWithDots,
@@ -6553,7 +6624,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__ */ jsxs14("label", {
+    return /* @__PURE__ */ jsxs15("label", {
         style: _object_spread({
             direction: direction
         }, labelStyle),
@@ -6562,11 +6633,11 @@ var ElementLabel = function(param) {
         title: labelContent,
         children: [
             labelContent,
-            required && /* @__PURE__ */ jsx21("div", {
+            required && /* @__PURE__ */ jsx22("div", {
                 className: "text-red-500",
                 children: "*"
             }),
-            withDots && /* @__PURE__ */ jsx21("div", {
+            withDots && /* @__PURE__ */ jsx22("div", {
                 children: ":"
             })
         ]
@@ -6628,15 +6699,15 @@ var ElementsContainer = memo2(function(props) {
         containerClassName,
         elementProps
     ]);
-    return /* @__PURE__ */ jsxs14("div", {
+    return /* @__PURE__ */ jsxs15("div", {
         ref: containerRef,
         className: cn("flex flex-col gap-1", className),
         children: [
-            headline && /* @__PURE__ */ jsx21("div", {
+            headline && /* @__PURE__ */ jsx22("div", {
                 className: cn("text-start text-primary font-bold border-b-[1px] border-gray-400 pb-0.5", headlineClassName),
                 children: headline
             }),
-            /* @__PURE__ */ jsx21("div", {
+            /* @__PURE__ */ jsx22("div", {
                 className: cn("flex flex-col gap-1.5", childrenContainerClassName),
                 children: enhancedChildren
             })
@@ -6645,7 +6716,7 @@ var ElementsContainer = memo2(function(props) {
 }, propsAreEqual);
 ElementsContainer.displayName = "ElementsContainer";
 // src/components/forms/ModularForm/ModularForm.tsx
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs16 } from "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) {
@@ -6752,7 +6823,7 @@ var ModularForm = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ jsxs15("form", {
+    return /* @__PURE__ */ jsxs16("form", {
         ref: formRef,
         onSubmit: onSubmit,
         style: {
@@ -6760,79 +6831,79 @@ var ModularForm = function(param) {
         },
         className: cn("w-[350px] px-5 py-5 flex flex-col gap-4", className),
         children: [
-            headerContent && /* @__PURE__ */ jsx22("div", {
+            headerContent && /* @__PURE__ */ jsx23("div", {
                 className: cn("border-b-2 border-[#547f22] pb-2 text-start font-bold text-[20px]", headerClassName),
                 children: headerContent
             }),
-            /* @__PURE__ */ jsx22("div", {
+            /* @__PURE__ */ jsx23("div", {
                 className: cn("w-full flex flex-col gap-5", elementsContainerClassName),
                 children: elements.map(function(element, index2) {
                     switch(element.type){
                         case "input":
-                            return /* @__PURE__ */ jsx22(InputContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx23(InputContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "dateInput":
-                            return /* @__PURE__ */ jsx22(DateInputContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx23(DateInputContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "textarea":
-                            return /* @__PURE__ */ jsx22(TextAreaContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx23(TextAreaContainer, _object_spread_props(_object_spread({
                                 direction: element.direction || direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "select":
-                            return /* @__PURE__ */ jsx22(SelectContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx23(SelectContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "checkbox":
-                            return /* @__PURE__ */ jsx22(CheckboxContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx23(CheckboxContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "multiSelect":
-                            return /* @__PURE__ */ jsx22(MultiSelect, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx23(MultiSelect, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "selectWithSearch":
-                            return /* @__PURE__ */ jsx22(SelectWithSearch, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx23(SelectWithSearch, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "internationalPhoneInput":
-                            return /* @__PURE__ */ jsx22(InternationalPhonePicker, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx23(InternationalPhonePicker, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "duration":
-                            return /* @__PURE__ */ jsx22(DurationPicker, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx23(DurationPicker, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "separator":
-                            return /* @__PURE__ */ jsx22(FormSeparator, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx23(FormSeparator, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 children: element.children
@@ -6847,15 +6918,15 @@ var ModularForm = function(param) {
                     }
                 })
             }),
-            /* @__PURE__ */ jsxs15("div", {
+            /* @__PURE__ */ jsxs16("div", {
                 className: cn("flex justify-between w-full", footerClassName),
                 children: [
-                    /* @__PURE__ */ jsx22("div", {
+                    /* @__PURE__ */ jsx23("div", {
                         title: errorMsg,
                         className: cn("text-[#f22] text-[18px] max-w-[80%] ellipsis", errorClassName),
                         children: errorMsg
                     }),
-                    /* @__PURE__ */ jsx22("button", {
+                    /* @__PURE__ */ jsx23("button", {
                         ref: submitRef,
                         disabled: isLoading,
                         onClick: function(e) {
@@ -6863,7 +6934,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__ */ jsx22(Loader, _object_spread({
+                        children: isLoading ? /* @__PURE__ */ jsx23(Loader, _object_spread({
                             size: 18,
                             color: "#fff"
                         }, loaderProps)) : buttonContent
@@ -6880,77 +6951,6 @@ import moment3 from "moment";
 import { CalendarIcon as CalendarIcon2 } from "lucide-react";
 import { Button as Button4, DatePicker as RACDatePicker2, Dialog as Dialog3, Group as Group2, Label as Label2, Popover as Popover3 } from "react-aria-components";
 import { parseDate as parseDate2, today as today3, getLocalTimeZone as getLocalTimeZone3 } from "@internationalized/date";
-// src/components/ui/calendar-rac.tsx
-import { getLocalTimeZone as getLocalTimeZone2, today as today2 } from "@internationalized/date";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { Button as Button3, CalendarCell as CalendarCellRac, CalendarGridBody as CalendarGridBodyRac, CalendarGridHeader as CalendarGridHeaderRac, CalendarGrid as CalendarGridRac, CalendarHeaderCell as CalendarHeaderCellRac, Calendar as CalendarRac, composeRenderProps as composeRenderProps2, Heading as HeadingRac, RangeCalendar as RangeCalendarRac } from "react-aria-components";
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
-function CalendarHeader() {
-    return /* @__PURE__ */ jsxs16("header", {
-        className: "flex w-full items-center gap-1 pb-1",
-        children: [
-            /* @__PURE__ */ jsx23(Button3, {
-                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__ */ jsx23(ChevronLeftIcon, {
-                    size: 16
-                })
-            }),
-            /* @__PURE__ */ jsx23(HeadingRac, {
-                className: "grow text-center font-medium text-sm"
-            }),
-            /* @__PURE__ */ jsx23(Button3, {
-                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__ */ jsx23(ChevronRightIcon, {
-                    size: 16
-                })
-            })
-        ]
-    });
-}
-function CalendarGridComponent(param) {
-    var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
-    var now = today2(getLocalTimeZone2());
-    return /* @__PURE__ */ jsxs16(CalendarGridRac, {
-        children: [
-            /* @__PURE__ */ jsx23(CalendarGridHeaderRac, {
-                children: function(day) {
-                    return /* @__PURE__ */ jsx23(CalendarHeaderCellRac, {
-                        className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
-                        children: day
-                    });
-                }
-            }),
-            /* @__PURE__ */ jsx23(CalendarGridBodyRac, {
-                className: "[&_td]:px-0 [&_td]:py-px",
-                children: function(date) {
-                    return /* @__PURE__ */ jsx23(CalendarCellRac, {
-                        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__ */ jsxs16(CalendarRac, _object_spread_props(_object_spread({}, props), {
-        className: composeRenderProps2(className, function(className2) {
-            return cn("w-fit", className2);
-        }),
-        children: [
-            /* @__PURE__ */ jsx23(CalendarHeader, {}),
-            /* @__PURE__ */ jsx23(CalendarGridComponent, {})
-        ]
-    }));
-}
-// src/components/forms/index.tsx
 import { I18nProvider as I18nProvider2 } from "react-aria-components";
 import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var ConfirmForm = function(param) {
@@ -7161,7 +7161,7 @@ function DatePicker2(param) {
                             offset: 4,
                             children: /* @__PURE__ */ jsx24(Dialog3, {
                                 className: "max-h-[inherit] overflow-auto p-2",
-                                children: /* @__PURE__ */ jsx24(Calendar2, {
+                                children: /* @__PURE__ */ jsx24(Calendar, {
                                     className: cn("bg-white", calendarClassName)
                                 })
                             })
@@ -7202,7 +7202,7 @@ function DatePicker2(param) {
                             offset: 4,
                             children: /* @__PURE__ */ jsx24(Dialog3, {
                                 className: "max-h-[inherit] overflow-auto p-2",
-                                children: /* @__PURE__ */ jsx24(Calendar2, {
+                                children: /* @__PURE__ */ jsx24(Calendar, {
                                     className: cn("bg-white", calendarClassName)
                                 })
                             })

package/dist/types/index.d.mts

@@ -183,7 +183,7 @@ interface DateInputElement extends BaseElementProps {
     value?: string;
     placeholder?: string;
     props?: React.InputHTMLAttributes<HTMLInputElement>;
-    calendarIconClassName?: string;
+    calendarClassName?: string;
     inputClassName?: string;
 }
 interface TextAreaElement extends BaseElementProps {

package/dist/types/index.d.ts

@@ -183,7 +183,7 @@ interface DateInputElement extends BaseElementProps {
     value?: string;
     placeholder?: string;
     props?: React.InputHTMLAttributes<HTMLInputElement>;
-    calendarIconClassName?: string;
+    calendarClassName?: string;
     inputClassName?: string;
 }
 interface TextAreaElement extends BaseElementProps {