@driveflux/beam 3.0.3 → 3.0.4

package/dist/command/command.js

@@ -1,30 +1,187 @@
 'use client';
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Command as CommandPrimitive } from 'cmdk';
 import * as React from 'react';
 import { Dialog, DialogContent } from '../dialog/index';
 import IconSearch from '../icons/IconSearch';
 import { cn } from '../utils';
-const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50', className), ...props })));
+var Command = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive, _object_spread({
+        ref: ref,
+        className: cn('flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50', className)
+    }, props));
+});
 Command.displayName = CommandPrimitive.displayName;
-const CommandDialog = ({ children, ...props }) => {
-    return (_jsx(Dialog, { ...props, children: _jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-zinc-400", children: children }) }) }));
+var CommandDialog = function(_param) {
+    var children = _param.children, props = _object_without_properties(_param, [
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsx(Dialog, _object_spread_props(_object_spread({}, props), {
+        children: /*#__PURE__*/ _jsx(DialogContent, {
+            className: "overflow-hidden p-0 shadow-lg",
+            children: /*#__PURE__*/ _jsx(Command, {
+                className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-zinc-400",
+                children: children
+            })
+        })
+    }));
 };
-const CommandInput = React.forwardRef(({ className, containerClassName, ...props }, ref) => (_jsxs("div", { className: cn('flex h-10 items-center border-b px-3', containerClassName), "cmdk-input-wrapper": "", children: [_jsx(IconSearch, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn('flex w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400', className), ...props })] })));
+var CommandInput = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, containerClassName = _param.containerClassName, props = _object_without_properties(_param, [
+        "className",
+        "containerClassName"
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn('flex h-10 items-center border-b px-3', containerClassName),
+        "cmdk-input-wrapper": "",
+        children: [
+            /*#__PURE__*/ _jsx(IconSearch, {
+                className: "mr-2 h-4 w-4 shrink-0 opacity-50"
+            }),
+            /*#__PURE__*/ _jsx(CommandPrimitive.Input, _object_spread({
+                ref: ref,
+                className: cn('flex w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400', className)
+            }, props))
+        ]
+    });
+});
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className), ...props })));
+var CommandList = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.List, _object_spread({
+        ref: ref,
+        className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)
+    }, props));
+});
 CommandList.displayName = CommandPrimitive.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props })));
+var CommandEmpty = /*#__PURE__*/ React.forwardRef(function(props, ref) {
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Empty, _object_spread({
+        ref: ref,
+        className: "py-6 text-center text-sm"
+    }, props));
+});
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className), ...props })));
+var CommandGroup = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Group, _object_spread({
+        ref: ref,
+        className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className)
+    }, props));
+});
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className), ...props })));
+var CommandSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Separator, _object_spread({
+        ref: ref,
+        className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className)
+    }, props));
+});
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected='true']:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 dark:data-[selected='true']:bg-zinc-800 dark:data-[selected=true]:text-zinc-50", className), ...props })));
+var CommandItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Item, _object_spread({
+        ref: ref,
+        className: cn("relative flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected='true']:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 dark:data-[selected='true']:bg-zinc-800 dark:data-[selected=true]:text-zinc-50", className)
+    }, props));
+});
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-const CommandShortcut = ({ className, ...props }) => {
-    return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className), ...props }));
+var CommandShortcut = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("span", _object_spread({
+        className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className)
+    }, props));
 };
 CommandShortcut.displayName = 'CommandShortcut';
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
-//# sourceMappingURL=command.js.map
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator,  };

package/dist/datepicker/DatePicker.js

@@ -1,178 +1,322 @@
 'use client';
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useState } from 'react';
 import { useIsMobile } from '../hooks/use-media-query';
 import DatePickerDrawer from './DatePickerDrawer';
 import DatePickerPopover from './DatePickerPopover';
 import { formatInputBy } from './utils';
-const DatePicker = ({ tileDisabled, onCancel, ...props }) => {
-    const { value, isRange, onChange, disableWeekends, error, onSelect } = props;
-    const isMobile = useIsMobile();
-    const [innerValue, setInnerValue] = useState(value);
-    const [inputValue, setInputValue] = useState(formatInputBy(value, isRange));
-    const [focused, setFocused] = useState(false);
-    const isSameDate = (date1, date2) => {
-        return (date1.getFullYear() === date2.getFullYear() &&
-            date1.getMonth() === date2.getMonth() &&
-            date1.getDate() === date2.getDate());
+var DatePicker = function(_param) {
+    var tileDisabled = _param.tileDisabled, onCancel = _param.onCancel, props = _object_without_properties(_param, [
+        "tileDisabled",
+        "onCancel"
+    ]);
+    var value = props.value, isRange = props.isRange, onChange = props.onChange, disableWeekends = props.disableWeekends, error = props.error, onSelect = props.onSelect;
+    var isMobile = useIsMobile();
+    var _useState = _sliced_to_array(useState(value), 2), innerValue = _useState[0], setInnerValue = _useState[1];
+    var _useState1 = _sliced_to_array(useState(formatInputBy(value, isRange)), 2), inputValue = _useState1[0], setInputValue = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(false), 2), focused = _useState2[0], setFocused = _useState2[1];
+    var isSameDate = function(date1, date2) {
+        return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
     };
-    const handleSelect = (value) => {
+    var handleSelect = function(value) {
         if (isRange) {
             // Handle range mode
-            const currentRange = Array.isArray(innerValue) ? innerValue : undefined;
+            var currentRange = Array.isArray(innerValue) ? innerValue : undefined;
             if (Array.isArray(value) && value && value[0] && value[1]) {
                 // Both dates selected
-                const clickedStart = new Date(value[0]);
-                const clickedEnd = new Date(value[1]);
+                var clickedStart = new Date(value[0]);
+                var clickedEnd = new Date(value[1]);
                 // Check if clicking the same start date (start date matches, end might be different)
-                if (currentRange?.[0] &&
-                    isSameDate(clickedStart, currentRange[0]) &&
-                    currentRange[1] &&
-                    !isSameDate(clickedEnd, currentRange[1])) {
+                if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[0]) && isSameDate(clickedStart, currentRange[0]) && currentRange[1] && !isSameDate(clickedEnd, currentRange[1])) {
                     // User clicked start date again - clear start, keep end
-                    const newValue = [
+                    var newValue = [
                         undefined,
-                        currentRange[1],
+                        currentRange[1]
                     ];
-                    onSelect?.(newValue);
+                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue);
                     setInnerValue(newValue);
                     setInputValue(formatInputBy(newValue, isRange));
                     return;
                 }
                 // Check if clicking the same end date (end date matches, start might be different)
-                if (currentRange?.[1] &&
-                    isSameDate(clickedEnd, currentRange[1]) &&
-                    currentRange[0] &&
-                    !isSameDate(clickedStart, currentRange[0])) {
+                if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[1]) && isSameDate(clickedEnd, currentRange[1]) && currentRange[0] && !isSameDate(clickedStart, currentRange[0])) {
                     // User clicked end date again - clear end, keep start
-                    const newValue = [
+                    var newValue1 = [
                         currentRange[0],
-                        undefined,
+                        undefined
                     ];
-                    onSelect?.(newValue);
-                    setInnerValue(newValue);
-                    setInputValue(formatInputBy(newValue, isRange));
+                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue1);
+                    setInnerValue(newValue1);
+                    setInputValue(formatInputBy(newValue1, isRange));
                     return;
                 }
                 // Normal case: set both dates
-                onSelect?.([new Date(value[0]), new Date(value[1])]);
-                setInnerValue([new Date(value[0]), new Date(value[1])]);
-                setInputValue(formatInputBy([value[0], value[1]], isRange));
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect([
+                    new Date(value[0]),
+                    new Date(value[1])
+                ]);
+                setInnerValue([
+                    new Date(value[0]),
+                    new Date(value[1])
+                ]);
+                setInputValue(formatInputBy([
+                    value[0],
+                    value[1]
+                ], isRange));
                 return;
             }
             // Single date selected in range mode
             if (!Array.isArray(value) && value) {
-                const clickedDate = new Date(value);
+                var clickedDate = new Date(value);
                 // Check if start and end are the same date and clicking that date
-                if (currentRange?.[0] &&
-                    currentRange[1] &&
-                    isSameDate(currentRange[0], currentRange[1]) &&
-                    isSameDate(clickedDate, currentRange[0])) {
+                if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[0]) && currentRange[1] && isSameDate(currentRange[0], currentRange[1]) && isSameDate(clickedDate, currentRange[0])) {
                     // Clear both dates
-                    const newValue = [
-                        undefined,
+                    var newValue2 = [
                         undefined,
+                        undefined
                     ];
-                    onSelect?.(newValue);
-                    setInnerValue(newValue);
-                    setInputValue(formatInputBy(newValue, isRange));
+                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue2);
+                    setInnerValue(newValue2);
+                    setInputValue(formatInputBy(newValue2, isRange));
                     return;
                 }
                 // Check if clicking the same start date
-                if (currentRange?.[0] && isSameDate(clickedDate, currentRange[0])) {
+                if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[0]) && isSameDate(clickedDate, currentRange[0])) {
                     // Clear start date, keep end if it exists
-                    const newValue = currentRange[1]
-                        ? [undefined, currentRange[1]]
-                        : [undefined, undefined];
-                    onSelect?.(newValue);
-                    setInnerValue(newValue);
-                    setInputValue(formatInputBy(newValue, isRange));
+                    var newValue3 = currentRange[1] ? [
+                        undefined,
+                        currentRange[1]
+                    ] : [
+                        undefined,
+                        undefined
+                    ];
+                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue3);
+                    setInnerValue(newValue3);
+                    setInputValue(formatInputBy(newValue3, isRange));
                     return;
                 }
                 // Check if clicking the same end date
-                if (currentRange?.[1] && isSameDate(clickedDate, currentRange[1])) {
+                if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[1]) && isSameDate(clickedDate, currentRange[1])) {
                     // Clear end date, keep start if it exists
-                    const newValue = currentRange[0]
-                        ? [currentRange[0], undefined]
-                        : [undefined, undefined];
-                    onSelect?.(newValue);
-                    setInnerValue(newValue);
-                    setInputValue(formatInputBy(newValue, isRange));
+                    var newValue4 = currentRange[0] ? [
+                        currentRange[0],
+                        undefined
+                    ] : [
+                        undefined,
+                        undefined
+                    ];
+                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue4);
+                    setInnerValue(newValue4);
+                    setInputValue(formatInputBy(newValue4, isRange));
                     return;
                 }
                 // Normal case: set start date (or both if no range exists)
-                if (currentRange?.[0] && !currentRange[1]) {
+                if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[0]) && !currentRange[1]) {
                     // Start exists but no end - this click sets the end
-                    const start = currentRange[0];
-                    const end = clickedDate;
-                    const finalRange = start <= end ? [start, end] : [end, start];
-                    onSelect?.(finalRange);
+                    var start = currentRange[0];
+                    var end = clickedDate;
+                    var finalRange = start <= end ? [
+                        start,
+                        end
+                    ] : [
+                        end,
+                        start
+                    ];
+                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(finalRange);
                     setInnerValue(finalRange);
                     setInputValue(formatInputBy(finalRange, isRange));
                     return;
                 }
                 // No range or both dates exist - set as new start
-                onSelect?.([clickedDate, clickedDate]);
-                setInnerValue([clickedDate, clickedDate]);
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect([
+                    clickedDate,
+                    clickedDate
+                ]);
+                setInnerValue([
+                    clickedDate,
+                    clickedDate
+                ]);
                 setInputValue(formatInputBy(clickedDate, isRange));
                 return;
             }
         }
         if (!isRange && !Array.isArray(value) && value) {
             // Handle single date mode - toggle if same date clicked
-            const clickedDate = new Date(value);
-            if (innerValue &&
-                !Array.isArray(innerValue) &&
-                isSameDate(clickedDate, innerValue)) {
+            var clickedDate1 = new Date(value);
+            if (innerValue && !Array.isArray(innerValue) && isSameDate(clickedDate1, innerValue)) {
                 setInnerValue(undefined);
                 setInputValue(formatInputBy(undefined, isRange));
-                onSelect?.(undefined);
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect(undefined);
                 return;
             }
             // Normal case: set the date
-            onSelect?.(new Date(value));
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(new Date(value));
             setInnerValue(new Date(value));
             setInputValue(formatInputBy(value, isRange));
             return;
         }
     };
-    const handleCancel = () => {
+    var handleCancel = function() {
         setFocused(false);
         setInnerValue(value);
         setInputValue(formatInputBy(value, isRange));
-        onCancel?.();
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
-    const handleApply = () => {
-        if (isRange &&
-            Array.isArray(innerValue) &&
-            innerValue &&
-            innerValue[0] &&
-            innerValue[1]) {
-            onChange?.([innerValue[0], innerValue[1]]);
+    var handleApply = function() {
+        if (isRange && Array.isArray(innerValue) && innerValue && innerValue[0] && innerValue[1]) {
+            onChange === null || onChange === void 0 ? void 0 : onChange([
+                innerValue[0],
+                innerValue[1]
+            ]);
             setFocused(false);
             return;
         }
         if (!isRange && !Array.isArray(innerValue) && innerValue) {
-            onChange?.(innerValue);
+            onChange === null || onChange === void 0 ? void 0 : onChange(innerValue);
             setFocused(false);
             return;
         }
     };
-    const weekendTiles = (args) => {
+    var weekendTiles = function(args) {
         if (args.view === 'month') {
-            const day = args.date.getDay();
+            var day = args.date.getDay();
             return day === 0 || day === 6;
         }
         return false;
     };
-    const combinedTileDisabled = useCallback((args) => {
-        if (disableWeekends && weekendTiles(args))
-            return true;
-        if (typeof tileDisabled === 'function')
-            return tileDisabled(args);
+    var combinedTileDisabled = useCallback(function(args) {
+        if (disableWeekends && weekendTiles(args)) return true;
+        if (typeof tileDisabled === 'function') return tileDisabled(args);
         return false;
-    }, [disableWeekends, tileDisabled]);
-    return isMobile ? (_jsx(DatePickerDrawer, { innerValue: innerValue, setInnerValue: setInnerValue, inputValue: inputValue, setInputValue: setInputValue, focused: focused, setFocused: setFocused, handleSelect: handleSelect, handleCancel: handleCancel, handleApply: handleApply, tileDisabled: combinedTileDisabled, error: error, ...props })) : (_jsx(DatePickerPopover, { innerValue: innerValue, setInnerValue: setInnerValue, inputValue: inputValue, setInputValue: setInputValue, focused: focused, setFocused: setFocused, handleSelect: handleSelect, handleCancel: handleCancel, handleApply: handleApply, tileDisabled: combinedTileDisabled, error: error, ...props }));
+    }, [
+        disableWeekends,
+        tileDisabled
+    ]);
+    return isMobile ? /*#__PURE__*/ _jsx(DatePickerDrawer, _object_spread({
+        innerValue: innerValue,
+        setInnerValue: setInnerValue,
+        inputValue: inputValue,
+        setInputValue: setInputValue,
+        focused: focused,
+        setFocused: setFocused,
+        handleSelect: handleSelect,
+        handleCancel: handleCancel,
+        handleApply: handleApply,
+        tileDisabled: combinedTileDisabled,
+        error: error
+    }, props)) : /*#__PURE__*/ _jsx(DatePickerPopover, _object_spread({
+        innerValue: innerValue,
+        setInnerValue: setInnerValue,
+        inputValue: inputValue,
+        setInputValue: setInputValue,
+        focused: focused,
+        setFocused: setFocused,
+        handleSelect: handleSelect,
+        handleCancel: handleCancel,
+        handleApply: handleApply,
+        tileDisabled: combinedTileDisabled,
+        error: error
+    }, props));
 };
 export default DatePicker;
-//# sourceMappingURL=DatePicker.js.map