akeyless-client-commons 1.1.93 → 1.1.95

package/dist/components/index.mjs

@@ -5328,7 +5328,9 @@ var DisplayAllRowsButton = memo(function() {
     var toggleDisplayAmount = function() {
         return setDisplayAllRows(!displayAllRows);
     };
-    var title = !displayAllRows ? dataToRender.renderedData.length : maxRows;
+    var totalFiltered = dataToRender.filtered.length;
+    var limitedCount = Math.min(maxRows, totalFiltered);
+    var title = displayAllRows ? limitedCount : totalFiltered;
     return /* @__PURE__ */ jsxs12("button", _object_spread_props(_object_spread({}, displayAllRowsButtonProps || {}), {
         className: cn("bg-[#547f22] text-white px-3 py-1.5 rounded-md hover:bg-[#3e671f] focus:outline-none flex gap-1", displayAllRowsButtonProps === null || displayAllRowsButtonProps === void 0 ? void 0 : displayAllRowsButtonProps.className),
         onClick: toggleDisplayAmount,
@@ -5745,6 +5747,7 @@ function useDeepCompareEffect(effect, dependencies) {
 }
 // src/components/forms/ModularForm/formElements.tsx
 import { Children, cloneElement, isValidElement, memo as memo2, useCallback as useCallback6, useMemo as useMemo9, useRef as useRef7, useState as useState9 } from "react";
+import { I18nProvider } from "react-aria-components";
 // src/components/forms/ModularForm/InternationalPhonePicker.tsx
 import { ChevronDown, Phone } from "lucide-react";
 import { forwardRef as forwardRef7, useEffect as useEffect9, useMemo as useMemo8, useRef as useRef6, useState as useState8 } from "react";
@@ -5935,7 +5938,44 @@ var FlagComponent = function(param) {
     });
 };
 // src/components/forms/ModularForm/formElements.tsx
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Button as Button2, 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";
+function DateSegment(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx20(DateSegmentRac, _object_spread_props(_object_spread({
+        className: composeRenderProps(className, function(className2) {
+            return cn("inline rounded p-0.5 text-foreground caret-transparent outline-hidden data-invalid:data-focused:bg-destructive data-focused:data-placeholder:text-foreground data-invalid:data-focused:text-white data-invalid:data-placeholder:text-destructive data-disabled:cursor-not-allowed data-focused:bg-accent data-[type=literal]:px-0 data-[type=literal]:text-muted-foreground/70 data-focused:text-foreground data-invalid:data-focused:data-placeholder:text-white data-invalid:text-destructive data-placeholder:text-muted-foreground/70 data-disabled:opacity-50", className2);
+        })
+    }, props), {
+        "data-invalid": true
+    }));
+}
+var dateInputStyle = "relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none data-focus-within:border-ring data-focus-within:ring-ring/50 data-focus-within:ring-[3px] data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive";
+function DateInput(_param) {
+    var className = _param.className, _param_unstyled = _param.unstyled, unstyled = _param_unstyled === void 0 ? false : _param_unstyled, props = _object_without_properties(_param, [
+        "className",
+        "unstyled"
+    ]);
+    return /* @__PURE__ */ jsx20(DateInputRac, _object_spread_props(_object_spread({
+        className: composeRenderProps(className, function(className2) {
+            return cn(!unstyled && dateInputStyle, className2);
+        })
+    }, props), {
+        children: function(segment) {
+            return /* @__PURE__ */ jsx20(DateSegment, {
+                segment: segment
+            });
+        }
+    }));
+}
+// src/components/forms/ModularForm/formElements.tsx
+import { Calendar, CalendarIcon } from "lucide-react";
+import { parseDate, today, getLocalTimeZone } from "@internationalized/date";
+import { jsx as jsx21, jsxs as jsxs14 } 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) {
@@ -5993,8 +6033,8 @@ var InputContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx20("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
+    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), {
             title: title,
             minLength: minLength,
             placeholder: placeholder,
@@ -6012,6 +6052,109 @@ 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;
+    var containerProps = useMemo9(function() {
+        return {
+            containerClassName: containerClassName,
+            direction: direction,
+            labelClassName: labelClassName,
+            labelContent: labelContent,
+            labelWithDots: labelWithDots,
+            labelsCommonClassName: labelsCommonClassName,
+            name: name,
+            required: required,
+            labelStyle: labelStyle,
+            elementsCommonClassName: elementsCommonClassName
+        };
+    }, [
+        containerClassName,
+        direction,
+        labelClassName,
+        labelContent,
+        labelWithDots,
+        labelsCommonClassName,
+        name,
+        required,
+        labelStyle,
+        elementsCommonClassName
+    ]);
+    var getDefaultValue = function(dateStr) {
+        if (dateStr) {
+            try {
+                return parseDate(dateStr);
+            } catch (e) {
+                return today(getLocalTimeZone());
+            }
+        }
+        return today(getLocalTimeZone());
+    };
+    var handleDateChange = useCallback6(function(date) {
+        if (!onChange) {
+            return;
+        }
+        var valueStr = date ? date.toString() : "";
+        var syntheticEvent = {
+            target: {
+                name: name,
+                value: valueStr
+            }
+        };
+        onChange(syntheticEvent);
+    }, [
+        onChange,
+        name
+    ]);
+    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, {
+            locale: "en-GB",
+            children: /* @__PURE__ */ jsxs14(RACDatePicker, {
+                className: cn("flex items-center gap-2"),
+                name: name,
+                defaultValue: pickerDefaultValue,
+                value: pickerValue,
+                onChange: handleDateChange,
+                onKeyDown: onKeyDown,
+                children: [
+                    /* @__PURE__ */ jsxs14("div", {
+                        title: title,
+                        className: "flex flex-1",
+                        children: [
+                            /* @__PURE__ */ jsx21(Group, {
+                                className: cn("flex-1 bg-background", defaultFormElementBorderClassName, elementClassName),
+                                children: /* @__PURE__ */ jsx21(DateInput, _object_spread_props(_object_spread({}, props), {
+                                    unstyled: true,
+                                    style: {
+                                        direction: "ltr"
+                                    },
+                                    className: cn("flex-1 h-9 px-3 py-2 text-sm", direction === "rtl" ? "justify-end text-right" : "justify-start text-left")
+                                }))
+                            }),
+                            /* @__PURE__ */ jsx21(Button2, {
+                                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, {
+                                    size: 16
+                                })
+                            })
+                        ]
+                    }),
+                    /* @__PURE__ */ jsx21(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, {
+                            className: "max-h-[inherit] overflow-auto p-2",
+                            children: /* @__PURE__ */ jsx21(Calendar, {
+                                className: cn("bg-white", calendarIconClassName)
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    }));
+};
 var SelectContainer = 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_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_selectClassName = param.selectClassName, selectClassName = _param_selectClassName === void 0 ? "" : _param_selectClassName, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange, labelWithDots = param.labelWithDots, iconClassName = param.iconClassName, labelsCommonClassName = param.labelsCommonClassName, elementsCommonClassName = param.elementsCommonClassName, title = param.title, labelStyle = param.labelStyle;
     var _sortOptions_, _options_find;
@@ -6048,7 +6191,7 @@ var SelectContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
         children: /* @__PURE__ */ jsxs14("div", {
             title: title,
             style: {
@@ -6059,21 +6202,21 @@ var SelectContainer = function(param) {
                 return setIsOpen(!isOpen);
             },
             children: [
-                /* @__PURE__ */ jsx20("div", {
+                /* @__PURE__ */ jsx21("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__ */ jsx20("i", {
+                isOpen ? /* @__PURE__ */ jsx21("i", {
                     className: cn("fa-light fa-chevron-up absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
-                }) : /* @__PURE__ */ jsx20("i", {
+                }) : /* @__PURE__ */ jsx21("i", {
                     className: cn("fa-light fa-chevron-down absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
                 }),
-                isOpen && /* @__PURE__ */ jsx20("div", {
+                isOpen && /* @__PURE__ */ jsx21("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__ */ jsx20("div", {
+                        return /* @__PURE__ */ jsx21("div", {
                             className: "p-2 cursor-pointer hover:bg-gray-200 ".concat(optionClassName),
                             onClick: function() {
                                 return handleOptionClick(option.value);
@@ -6082,7 +6225,7 @@ var SelectContainer = function(param) {
                         }, option.value);
                     })
                 }),
-                /* @__PURE__ */ jsx20("input", {
+                /* @__PURE__ */ jsx21("input", {
                     value: selectedValue,
                     type: "hidden",
                     name: name,
@@ -6121,8 +6264,8 @@ function MultiSelect(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx20(multiselect_default, {
+    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx21(multiselect_default, {
             closeDropdownOnSelect: closeDropdownOnSelect,
             commandProps: {
                 label: placeholder
@@ -6144,7 +6287,7 @@ function MultiSelect(param) {
             className: cn(defaultFormElementBorderClassName, styles.className),
             dropdownClassName: styles.dropdownClassName,
             dropdownOptionClassName: styles.dropdownOptionClassName,
-            emptyIndicator: emptyOptionsElement || /* @__PURE__ */ jsx20("p", {
+            emptyIndicator: emptyOptionsElement || /* @__PURE__ */ jsx21("p", {
                 className: "text-center text-sm",
                 children: "all options selected."
             }),
@@ -6182,8 +6325,8 @@ var SelectWithSearch = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx20(SearchSelect, {
+    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx21(SearchSelect, {
             direction: direction,
             createNewOptionLabel: createNewOptionLabel,
             createNewOptionContainerClassName: createNewOptionContainerClassName,
@@ -6234,8 +6377,8 @@ var TextAreaContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx20("textarea", _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx21("textarea", _object_spread_props(_object_spread({}, props), {
             defaultValue: value ? void 0 : defaultValue,
             value: defaultValue ? void 0 : value,
             onChange: onChange,
@@ -6251,7 +6394,7 @@ var TextAreaContainer = function(param) {
 };
 var FormSeparator = function(param) {
     var props = param.props, children = param.children;
-    return /* @__PURE__ */ jsx20("div", _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ jsx21("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
     }));
@@ -6283,8 +6426,8 @@ var CheckboxContainer = function(param) {
         labelStyle,
         elementsCommonClassName
     ]);
-    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx20(Checkbox, {
+    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx21(Checkbox, {
             id: id,
             name: name,
             checked: checked,
@@ -6348,7 +6491,7 @@ var DurationPicker = function(param) {
             onChange === null || onChange === void 0 ? void 0 : onChange(durationToSeconds(update));
         };
     };
-    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+    return /* @__PURE__ */ jsx21(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
         children: /* @__PURE__ */ jsxs14("div", {
             title: title,
             className: cn("flex gap-1.5 text-sm", elementClassName),
@@ -6358,11 +6501,11 @@ var DurationPicker = function(param) {
                     return /* @__PURE__ */ jsxs14("div", {
                         className: "flex flex-col border p-0.5 rounded-md",
                         children: [
-                            !hideLabels && /* @__PURE__ */ jsx20("label", {
+                            !hideLabels && /* @__PURE__ */ jsx21("label", {
                                 className: "mb-1 ps-1 capitalize text-start border-b-[1px] border-b-gray-300",
                                 children: field.slice(0, 1)
                             }),
-                            /* @__PURE__ */ jsx20("input", {
+                            /* @__PURE__ */ jsx21("input", {
                                 type: "number",
                                 inputMode: "numeric",
                                 min: 0,
@@ -6380,7 +6523,7 @@ var DurationPicker = function(param) {
                         ]
                     }, field);
                 }),
-                /* @__PURE__ */ jsx20("input", {
+                /* @__PURE__ */ jsx21("input", {
                     name: name,
                     type: "hidden",
                     value: durationToSeconds(duration)
@@ -6394,7 +6537,7 @@ var FormElementContainer = function(param) {
     return /* @__PURE__ */ jsxs14("div", {
         className: cn(defaultContainerClassName ? defaultFormElementContainerClassName : "", containerClassName, elementsCommonClassName),
         children: [
-            labelContent && /* @__PURE__ */ jsx20(ElementLabel, {
+            labelContent && /* @__PURE__ */ jsx21(ElementLabel, {
                 labelStyle: labelStyle,
                 labelsCommonClassName: labelsCommonClassName,
                 withDots: labelWithDots,
@@ -6419,11 +6562,11 @@ var ElementLabel = function(param) {
         title: labelContent,
         children: [
             labelContent,
-            required && /* @__PURE__ */ jsx20("div", {
+            required && /* @__PURE__ */ jsx21("div", {
                 className: "text-red-500",
                 children: "*"
             }),
-            withDots && /* @__PURE__ */ jsx20("div", {
+            withDots && /* @__PURE__ */ jsx21("div", {
                 children: ":"
             })
         ]
@@ -6489,11 +6632,11 @@ var ElementsContainer = memo2(function(props) {
         ref: containerRef,
         className: cn("flex flex-col gap-1", className),
         children: [
-            headline && /* @__PURE__ */ jsx20("div", {
+            headline && /* @__PURE__ */ jsx21("div", {
                 className: cn("text-start text-primary font-bold border-b-[1px] border-gray-400 pb-0.5", headlineClassName),
                 children: headline
             }),
-            /* @__PURE__ */ jsx20("div", {
+            /* @__PURE__ */ jsx21("div", {
                 className: cn("flex flex-col gap-1.5", childrenContainerClassName),
                 children: enhancedChildren
             })
@@ -6502,7 +6645,7 @@ var ElementsContainer = memo2(function(props) {
 }, propsAreEqual);
 ElementsContainer.displayName = "ElementsContainer";
 // src/components/forms/ModularForm/ModularForm.tsx
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } 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) {
@@ -6617,72 +6760,79 @@ var ModularForm = function(param) {
         },
         className: cn("w-[350px] px-5 py-5 flex flex-col gap-4", className),
         children: [
-            headerContent && /* @__PURE__ */ jsx21("div", {
+            headerContent && /* @__PURE__ */ jsx22("div", {
                 className: cn("border-b-2 border-[#547f22] pb-2 text-start font-bold text-[20px]", headerClassName),
                 children: headerContent
             }),
-            /* @__PURE__ */ jsx21("div", {
+            /* @__PURE__ */ jsx22("div", {
                 className: cn("w-full flex flex-col gap-5", elementsContainerClassName),
                 children: elements.map(function(element, index2) {
                     switch(element.type){
                         case "input":
-                            return /* @__PURE__ */ jsx21(InputContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx22(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({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "textarea":
-                            return /* @__PURE__ */ jsx21(TextAreaContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx22(TextAreaContainer, _object_spread_props(_object_spread({
                                 direction: element.direction || direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "select":
-                            return /* @__PURE__ */ jsx21(SelectContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx22(SelectContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "checkbox":
-                            return /* @__PURE__ */ jsx21(CheckboxContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx22(CheckboxContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "multiSelect":
-                            return /* @__PURE__ */ jsx21(MultiSelect, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx22(MultiSelect, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "selectWithSearch":
-                            return /* @__PURE__ */ jsx21(SelectWithSearch, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx22(SelectWithSearch, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "internationalPhoneInput":
-                            return /* @__PURE__ */ jsx21(InternationalPhonePicker, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx22(InternationalPhonePicker, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "duration":
-                            return /* @__PURE__ */ jsx21(DurationPicker, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx22(DurationPicker, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName,
                                 elementsCommonClassName: elementsCommonClassName
                             }), index2);
                         case "separator":
-                            return /* @__PURE__ */ jsx21(FormSeparator, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx22(FormSeparator, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 children: element.children
@@ -6700,12 +6850,12 @@ var ModularForm = function(param) {
             /* @__PURE__ */ jsxs15("div", {
                 className: cn("flex justify-between w-full", footerClassName),
                 children: [
-                    /* @__PURE__ */ jsx21("div", {
+                    /* @__PURE__ */ jsx22("div", {
                         title: errorMsg,
                         className: cn("text-[#f22] text-[18px] max-w-[80%] ellipsis", errorClassName),
                         children: errorMsg
                     }),
-                    /* @__PURE__ */ jsx21("button", {
+                    /* @__PURE__ */ jsx22("button", {
                         ref: submitRef,
                         disabled: isLoading,
                         onClick: function(e) {
@@ -6713,7 +6863,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__ */ jsx21(Loader, _object_spread({
+                        children: isLoading ? /* @__PURE__ */ jsx22(Loader, _object_spread({
                             size: 18,
                             color: "#fff"
                         }, loaderProps)) : buttonContent
@@ -6727,32 +6877,32 @@ var ModularForm_default = ModularForm;
 // src/components/forms/index.tsx
 import { useState as useState11 } from "react";
 import moment3 from "moment";
-import { CalendarIcon } from "lucide-react";
-import { Button as Button3, DatePicker as RACDatePicker, Dialog as Dialog2, Group, Label, Popover as Popover2 } from "react-aria-components";
-import { parseDate, today as today2, getLocalTimeZone as getLocalTimeZone2 } from "@internationalized/date";
+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, today } from "@internationalized/date";
+import { getLocalTimeZone as getLocalTimeZone2, today as today2 } 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, Heading as HeadingRac, RangeCalendar as RangeCalendarRac } from "react-aria-components";
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+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__ */ jsx22(Button2, {
+            /* @__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__ */ jsx22(ChevronLeftIcon, {
+                children: /* @__PURE__ */ jsx23(ChevronLeftIcon, {
                     size: 16
                 })
             }),
-            /* @__PURE__ */ jsx22(HeadingRac, {
+            /* @__PURE__ */ jsx23(HeadingRac, {
                 className: "grow text-center font-medium text-sm"
             }),
-            /* @__PURE__ */ jsx22(Button2, {
+            /* @__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__ */ jsx22(ChevronRightIcon, {
+                children: /* @__PURE__ */ jsx23(ChevronRightIcon, {
                     size: 16
                 })
             })
@@ -6761,21 +6911,21 @@ function CalendarHeader() {
 }
 function CalendarGridComponent(param) {
     var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
-    var now = today(getLocalTimeZone());
+    var now = today2(getLocalTimeZone2());
     return /* @__PURE__ */ jsxs16(CalendarGridRac, {
         children: [
-            /* @__PURE__ */ jsx22(CalendarGridHeaderRac, {
+            /* @__PURE__ */ jsx23(CalendarGridHeaderRac, {
                 children: function(day) {
-                    return /* @__PURE__ */ jsx22(CalendarHeaderCellRac, {
+                    return /* @__PURE__ */ jsx23(CalendarHeaderCellRac, {
                         className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
                         children: day
                     });
                 }
             }),
-            /* @__PURE__ */ jsx22(CalendarGridBodyRac, {
+            /* @__PURE__ */ jsx23(CalendarGridBodyRac, {
                 className: "[&_td]:px-0 [&_td]:py-px",
                 children: function(date) {
-                    return /* @__PURE__ */ jsx22(CalendarCellRac, {
+                    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")),
@@ -6786,55 +6936,22 @@ function CalendarGridComponent(param) {
         ]
     });
 }
-function Calendar(_param) {
+function Calendar2(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
     return /* @__PURE__ */ jsxs16(CalendarRac, _object_spread_props(_object_spread({}, props), {
-        className: composeRenderProps(className, function(className2) {
+        className: composeRenderProps2(className, function(className2) {
             return cn("w-fit", className2);
         }),
         children: [
-            /* @__PURE__ */ jsx22(CalendarHeader, {}),
-            /* @__PURE__ */ jsx22(CalendarGridComponent, {})
+            /* @__PURE__ */ jsx23(CalendarHeader, {}),
+            /* @__PURE__ */ jsx23(CalendarGridComponent, {})
         ]
     }));
 }
-// src/components/ui/datefield-rac.tsx
-import { composeRenderProps as composeRenderProps2, DateField as DateFieldRac, DateInput as DateInputRac, DateSegment as DateSegmentRac, TimeField as TimeFieldRac } from "react-aria-components";
-import { jsx as jsx23 } from "react/jsx-runtime";
-function DateSegment(_param) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /* @__PURE__ */ jsx23(DateSegmentRac, _object_spread_props(_object_spread({
-        className: composeRenderProps2(className, function(className2) {
-            return cn("inline rounded p-0.5 text-foreground caret-transparent outline-hidden data-invalid:data-focused:bg-destructive data-focused:data-placeholder:text-foreground data-invalid:data-focused:text-white data-invalid:data-placeholder:text-destructive data-disabled:cursor-not-allowed data-focused:bg-accent data-[type=literal]:px-0 data-[type=literal]:text-muted-foreground/70 data-focused:text-foreground data-invalid:data-focused:data-placeholder:text-white data-invalid:text-destructive data-placeholder:text-muted-foreground/70 data-disabled:opacity-50", className2);
-        })
-    }, props), {
-        "data-invalid": true
-    }));
-}
-var dateInputStyle = "relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none data-focus-within:border-ring data-focus-within:ring-ring/50 data-focus-within:ring-[3px] data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive";
-function DateInput(_param) {
-    var className = _param.className, _param_unstyled = _param.unstyled, unstyled = _param_unstyled === void 0 ? false : _param_unstyled, props = _object_without_properties(_param, [
-        "className",
-        "unstyled"
-    ]);
-    return /* @__PURE__ */ jsx23(DateInputRac, _object_spread_props(_object_spread({
-        className: composeRenderProps2(className, function(className2) {
-            return cn(!unstyled && dateInputStyle, className2);
-        })
-    }, props), {
-        children: function(segment) {
-            return /* @__PURE__ */ jsx23(DateSegment, {
-                segment: segment
-            });
-        }
-    }));
-}
 // src/components/forms/index.tsx
-import { I18nProvider } from "react-aria-components";
+import { I18nProvider as I18nProvider2 } from "react-aria-components";
 import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var ConfirmForm = function(param) {
     var onV = param.onV, onX = param.onX, _param_headline = param.headline, headline = _param_headline === void 0 ? "" : _param_headline, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_buttonsContainerClassName = param.buttonsContainerClassName, buttonsContainerClassName = _param_buttonsContainerClassName === void 0 ? "" : _param_buttonsContainerClassName, _param_headlineClassName = param.headlineClassName, headlineClassName = _param_headlineClassName === void 0 ? "" : _param_headlineClassName, _param_cancelButtonClassName = param.cancelButtonClassName, cancelButtonClassName = _param_cancelButtonClassName === void 0 ? "" : _param_cancelButtonClassName, _param_confirmButtonClassName = param.confirmButtonClassName, confirmButtonClassName = _param_confirmButtonClassName === void 0 ? "" : _param_confirmButtonClassName, _param_cancelButtonProps = param.cancelButtonProps, cancelButtonProps = _param_cancelButtonProps === void 0 ? {} : _param_cancelButtonProps, _param_confirmButtonProps = param.confirmButtonProps, confirmButtonProps = _param_confirmButtonProps === void 0 ? {} : _param_confirmButtonProps, cancelElement = param.cancelElement, confirmElement = param.confirmElement;
@@ -6994,14 +7111,14 @@ function DatePicker2(param) {
     var getDefaultValue = function(dateStr) {
         if (dateStr) {
             try {
-                return parseDate(dateStr);
+                return parseDate2(dateStr);
             } catch (e) {
-                return today2(getLocalTimeZone2());
+                return today3(getLocalTimeZone3());
             }
         }
-        return today2(getLocalTimeZone2());
+        return today3(getLocalTimeZone3());
     };
-    return /* @__PURE__ */ jsx24(I18nProvider, {
+    return /* @__PURE__ */ jsx24(I18nProvider2, {
         locale: "en-GB",
         children: /* @__PURE__ */ jsxs17("form", {
             style: {
@@ -7010,19 +7127,19 @@ function DatePicker2(param) {
             onSubmit: onSubmit,
             className: cn("w-full h-10 flex justify-start gap-3 items-center", formClassName),
             children: [
-                /* @__PURE__ */ jsxs17(RACDatePicker, {
+                /* @__PURE__ */ jsxs17(RACDatePicker2, {
                     className: cn("flex items-center gap-2", labelsClassName),
                     name: "from",
                     defaultValue: getDefaultValue(defaultFrom),
                     children: [
-                        fromText && /* @__PURE__ */ jsx24(Label, {
+                        fromText && /* @__PURE__ */ jsx24(Label2, {
                             className: "font-medium text-foreground text-sm whitespace-nowrap",
                             children: fromText
                         }),
                         /* @__PURE__ */ jsxs17("div", {
                             className: "flex",
                             children: [
-                                /* @__PURE__ */ jsx24(Group, {
+                                /* @__PURE__ */ jsx24(Group2, {
                                     className: cn("w-32 border rounded-md bg-background ", inputsClassName),
                                     children: /* @__PURE__ */ jsx24(DateInput, {
                                         style: {
@@ -7031,39 +7148,39 @@ function DatePicker2(param) {
                                         className: cn("px-2 py-1", direction === "rtl" ? "justify-end" : "justify-start")
                                     })
                                 }),
-                                /* @__PURE__ */ jsx24(Button3, {
+                                /* @__PURE__ */ jsx24(Button4, {
                                     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__ */ jsx24(CalendarIcon, {
+                                    children: /* @__PURE__ */ jsx24(CalendarIcon2, {
                                         size: 16
                                     })
                                 })
                             ]
                         }),
-                        /* @__PURE__ */ jsx24(Popover2, {
+                        /* @__PURE__ */ jsx24(Popover3, {
                             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__ */ jsx24(Dialog2, {
+                            children: /* @__PURE__ */ jsx24(Dialog3, {
                                 className: "max-h-[inherit] overflow-auto p-2",
-                                children: /* @__PURE__ */ jsx24(Calendar, {
+                                children: /* @__PURE__ */ jsx24(Calendar2, {
                                     className: cn("bg-white", calendarClassName)
                                 })
                             })
                         })
                     ]
                 }),
-                /* @__PURE__ */ jsxs17(RACDatePicker, {
+                /* @__PURE__ */ jsxs17(RACDatePicker2, {
                     className: cn("flex items-center gap-2", labelsClassName),
                     name: "to",
                     defaultValue: getDefaultValue(defaultTo),
                     children: [
-                        toText && /* @__PURE__ */ jsx24(Label, {
+                        toText && /* @__PURE__ */ jsx24(Label2, {
                             className: "font-medium text-foreground text-sm whitespace-nowrap",
                             children: toText
                         }),
                         /* @__PURE__ */ jsxs17("div", {
                             className: "flex",
                             children: [
-                                /* @__PURE__ */ jsx24(Group, {
+                                /* @__PURE__ */ jsx24(Group2, {
                                     className: cn("w-32 border rounded-md bg-background", inputsClassName),
                                     children: /* @__PURE__ */ jsx24(DateInput, {
                                         style: {
@@ -7072,20 +7189,20 @@ function DatePicker2(param) {
                                         className: cn("px-2 py-1", direction === "rtl" ? "justify-end" : "justify-start")
                                     })
                                 }),
-                                /* @__PURE__ */ jsx24(Button3, {
+                                /* @__PURE__ */ jsx24(Button4, {
                                     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__ */ jsx24(CalendarIcon, {
+                                    children: /* @__PURE__ */ jsx24(CalendarIcon2, {
                                         size: 16
                                     })
                                 })
                             ]
                         }),
-                        /* @__PURE__ */ jsx24(Popover2, {
+                        /* @__PURE__ */ jsx24(Popover3, {
                             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__ */ jsx24(Dialog2, {
+                            children: /* @__PURE__ */ jsx24(Dialog3, {
                                 className: "max-h-[inherit] overflow-auto p-2",
-                                children: /* @__PURE__ */ jsx24(Calendar, {
+                                children: /* @__PURE__ */ jsx24(Calendar2, {
                                     className: cn("bg-white", calendarClassName)
                                 })
                             })
@@ -7154,5 +7271,5 @@ function Slot2(props) {
         })
     });
 }
-export { Badge, BooleanUi, Button, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DatePicker2, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, ErrorBoundary, ExportToExcel, Filter, FormElementContainer, FormSeparator, GeoUi, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, LoginWithGoogleButton, MaxRowsLabel, ModularForm_default as ModularForm, MultiSelect, NumberUI, PhoneUI, ProgressComponent, Search, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, TableProvider, TableRow2 as TableRow, TextAreaContainer, TimesUI, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
+export { Badge, BooleanUi, Button, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DateInputContainer, DatePicker, DatePicker2, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, ErrorBoundary, ExportToExcel, Filter, FormElementContainer, FormSeparator, GeoUi, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, LoginWithGoogleButton, MaxRowsLabel, ModularForm_default as ModularForm, MultiSelect, NumberUI, PhoneUI, ProgressComponent, Search, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, TableProvider, TableRow2 as TableRow, TextAreaContainer, TimesUI, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
 //# sourceMappingURL=index.mjs.map