@driveflux/beam 1.9.12 → 1.9.14

package/dist/datepicker/DatePicker.stories.js

@@ -1,163 +1,67 @@
-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 _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 _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 { useState } from 'react';
 import DatePicker from './DatePicker.js';
-var meta = {
+const meta = {
     component: DatePicker,
     argTypes: {
         locale: {
-            options: [
-                'en',
-                'ms',
-                'zh',
-                'ar'
-            ],
-            control: {
-                type: 'select'
-            }
+            options: ['en', 'ms', 'zh', 'ar'],
+            control: { type: 'select' },
         },
         calendarType: {
-            options: [
-                'iso8601',
-                'gregory',
-                'islamic',
-                'hebrew'
-            ],
-            control: {
-                type: 'select'
-            }
-        }
-    }
+            options: ['iso8601', 'gregory', 'islamic', 'hebrew'],
+            control: { type: 'select' },
+        },
+    },
 };
 export default meta;
-export var Standard = {
-    render: function() {
-        var _useState = _sliced_to_array(useState(new Date()), 2), date = _useState[0], setDate = _useState[1];
-        return /*#__PURE__*/ _jsx(DatePicker, {
-            htmlFor: "standard-calendar",
-            value: date,
-            onChange: setDate
-        });
-    }
+export const Standard = {
+    render: () => {
+        const [date, setDate] = useState(new Date());
+        return (_jsx(DatePicker, { htmlFor: "standard-calendar", value: date, onChange: setDate }));
+    },
 };
-export var Locale = {
-    render: function() {
-        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
-        return /*#__PURE__*/ _jsx(DatePicker, {
-            htmlFor: "standard-calendar",
-            locale: "ms",
-            value: date,
-            onChange: setDate
-        });
-    }
+export const Locale = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "standard-calendar", locale: "ms", value: date, onChange: setDate }));
+    },
 };
-export var Ranged = {
-    render: function(args) {
-        var _useState = _sliced_to_array(useState(), 2), dates = _useState[0], setDates = _useState[1];
-        var _useState1 = _sliced_to_array(useState(''), 2), error = _useState1[0], setError = _useState1[1];
-        return /*#__PURE__*/ _jsx(DatePicker, {
-            htmlFor: "ranged-calendar",
-            isRange: true,
-            value: dates,
-            onChange: function(dates) {
+export const Ranged = {
+    render: (args) => {
+        const [dates, setDates] = useState();
+        const [error, setError] = useState('');
+        return (_jsx(DatePicker, { htmlFor: "ranged-calendar", isRange: true, value: dates, onChange: (dates) => {
                 setDates(dates);
                 setError('');
-            },
-            onError: function(type) {
-                return type === 'start-gte-end' && setError('Start Date must be earlier than End Date');
-            },
-            inputProps: {
-                error: error
-            }
-        });
-    }
+            }, onError: (type) => type === 'start-gte-end' &&
+                setError('Start Date must be earlier than End Date'), inputProps: {
+                error: error,
+            } }));
+    },
 };
-export var MinDate = {
-    render: function() {
-        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
-        return /*#__PURE__*/ _jsx(DatePicker, {
-            htmlFor: "mindate-calendar",
-            minDate: new Date(),
-            value: date,
-            onChange: setDate
-        });
-    }
+export const MinDate = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "mindate-calendar", minDate: new Date(), value: date, onChange: setDate }));
+    },
 };
-export var MaxDate = {
-    render: function() {
-        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
-        return /*#__PURE__*/ _jsx(DatePicker, {
-            htmlFor: "maxdate-calendar",
-            maxDate: new Date(),
-            value: date,
-            onChange: setDate
-        });
-    }
+export const MaxDate = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "maxdate-calendar", maxDate: new Date(), value: date, onChange: setDate }));
+    },
 };
-export var CalendarType = {
-    render: function() {
-        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
-        return /*#__PURE__*/ _jsx(DatePicker, {
-            htmlFor: "islamic-calendar",
-            calendarType: "islamic",
-            value: date,
-            onChange: setDate
-        });
-    }
+export const CalendarType = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "islamic-calendar", calendarType: "islamic", value: date, onChange: setDate }));
+    },
 };
-export var Disabled = {
-    render: function() {
-        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
-        return /*#__PURE__*/ _jsx(DatePicker, {
-            htmlFor: "disabled-calendar",
-            isDisabled: true,
-            value: date,
-            onChange: setDate
-        });
-    }
+export const Disabled = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "disabled-calendar", isDisabled: true, value: date, onChange: setDate }));
+    },
 };
+//# sourceMappingURL=DatePicker.stories.js.map

package/dist/dialog/index.js

@@ -1,156 +1,24 @@
 '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 * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as React from 'react';
 import HStack from '../hstack/HStack';
 import { cn } from '../utils';
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(DialogPrimitive.Overlay, _object_spread({
-        ref: ref,
-        className: cn('fixed inset-0 z-50 bg-black/45  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className)
-    }, props));
-});
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/45  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props })));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
-        "className",
-        "children"
-    ]);
-    return /*#__PURE__*/ _jsxs(DialogPortal, {
-        children: [
-            /*#__PURE__*/ _jsx(DialogOverlay, {}),
-            /*#__PURE__*/ _jsx(DialogPrimitive.Content, _object_spread_props(_object_spread({
-                ref: ref,
-                className: cn('fixed left-[50%] top-[50%] z-50 w-full max-w-[628px] translate-x-[-50%] translate-y-[-50%]', 'border border-zinc-200 bg-white shadow-lg duration-200', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95', 'data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]', 'data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]', 'dark:border-zinc-800 dark:bg-zinc-950', className)
-            }, props), {
-                children: children
-            }))
-        ]
-    });
-});
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsx(DialogPrimitive.Content, { ref: ref, className: cn('fixed left-[50%] top-[50%] z-50 w-full max-w-[628px] translate-x-[-50%] translate-y-[-50%]', 'border border-zinc-200 bg-white shadow-lg duration-200', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95', 'data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]', 'data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]', 'dark:border-zinc-800 dark:bg-zinc-950', className), ...props, children: children })] })));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = function(_param) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(HStack, _object_spread({
-        className: cn('justify-between p-6 border-b border-b-primary1', className)
-    }, props));
-};
+const DialogHeader = ({ className, ...props }) => (_jsx(HStack, { className: cn('justify-between p-6 border-b border-b-primary1', className), ...props }));
 DialogHeader.displayName = 'DialogHeader';
-var DialogFooter = function(_param) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(HStack, _object_spread({
-        className: cn('gap-6 p-6 border-t border-t-primary1', className)
-    }, props));
-};
+const DialogFooter = ({ className, ...props }) => (_jsx(HStack, { className: cn('gap-6 p-6 border-t border-t-primary1', className), ...props }));
 DialogFooter.displayName = 'DialogFooter';
-var DialogTitle = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(DialogPrimitive.Title, _object_spread({
-        ref: ref,
-        className: cn('text-lg font-semibold leading-none tracking-tight', className)
-    }, props));
-});
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold leading-none tracking-tight', className), ...props })));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(DialogPrimitive.Description, _object_spread({
-        ref: ref,
-        className: cn('text-sm text-zinc-500 dark:text-zinc-400', className)
-    }, props));
-});
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn('text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger,  };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=index.js.map

package/dist/divider/Divider.js

@@ -1,70 +1,10 @@
-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 _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 } from "react/jsx-runtime";
 import * as React from 'react';
 import Box from '../box/Box';
 import { cn } from '../utils';
-var Divider = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(Box, _object_spread({
-        className: cn('w-full h-[1px] bg-primary1', className),
-        ref: ref
-    }, props));
+const Divider = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx(Box, { className: cn('w-full h-[1px] bg-primary1', className), ref: ref, ...props }));
 });
 Divider.displayName = 'Divider';
 export default Divider;
+//# sourceMappingURL=Divider.js.map

package/dist/divider/Divider.stories.js

@@ -1,19 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Box from '../box/Box.js';
 import Divider from './Divider.js';
-var meta = {
-    component: Divider
+const meta = {
+    component: Divider,
 };
 export default meta;
-export var FirstStory = {
-    render: function() {
-        return /*#__PURE__*/ _jsxs(Box, {
-            className: "h-64 w-64 border border-black p-4",
-            children: [
-                "Hello",
-                /*#__PURE__*/ _jsx(Divider, {}),
-                "World"
-            ]
-        });
-    }
+export const FirstStory = {
+    render: () => {
+        return (_jsxs(Box, { className: "h-64 w-64 border border-black p-4", children: ["Hello", _jsx(Divider, {}), "World"] }));
+    },
 };
+//# sourceMappingURL=Divider.stories.js.map

package/dist/drawer/index.js

@@ -1,169 +1,25 @@
 '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 * as React from 'react';
 import { Drawer as DrawerPrimitive } from 'vaul';
 import Box from '../box/Box';
 import { cn } from '../utils';
-var Drawer = function(_param) {
-    var _param_shouldScaleBackground = _param.shouldScaleBackground, shouldScaleBackground = _param_shouldScaleBackground === void 0 ? true : _param_shouldScaleBackground, props = _object_without_properties(_param, [
-        "shouldScaleBackground"
-    ]);
-    return /*#__PURE__*/ _jsx(DrawerPrimitive.Root, _object_spread({
-        shouldScaleBackground: shouldScaleBackground
-    }, props));
-};
+const Drawer = ({ shouldScaleBackground = true, ...props }) => (_jsx(DrawerPrimitive.Root, { shouldScaleBackground: shouldScaleBackground, ...props }));
 Drawer.displayName = 'Drawer';
-var DrawerTrigger = DrawerPrimitive.Trigger;
-var DrawerPortal = DrawerPrimitive.Portal;
-var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(DrawerPrimitive.Overlay, _object_spread({
-        ref: ref,
-        className: cn('fixed inset-0 z-50 bg-black/50', className)
-    }, props));
-});
+const DrawerTrigger = DrawerPrimitive.Trigger;
+const DrawerPortal = DrawerPrimitive.Portal;
+const DrawerClose = DrawerPrimitive.Close;
+const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Overlay, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/50', className), ...props })));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
-        "className",
-        "children"
-    ]);
-    return /*#__PURE__*/ _jsxs(DrawerPortal, {
-        children: [
-            /*#__PURE__*/ _jsx(DrawerOverlay, {}),
-            /*#__PURE__*/ _jsxs(DrawerPrimitive.Content, _object_spread_props(_object_spread({
-                ref: ref,
-                className: cn('fixed inset-x-0 bottom-0 z-50 mt-50 flex h-auto flex-col rounded-t-3xl bg-white outline-none dark:border-zinc-800 dark:bg-zinc-950', className)
-            }, props), {
-                children: [
-                    /*#__PURE__*/ _jsx(Box, {
-                        className: "mx-auto mt-2 h-1 w-[44px] rounded-full bg-primary2 dark:bg-zinc-800"
-                    }),
-                    children
-                ]
-            }))
-        ]
-    });
-});
+const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DrawerPortal, { children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { ref: ref, className: cn('fixed inset-x-0 bottom-0 z-50 mt-50 flex h-auto flex-col rounded-t-3xl bg-white outline-none dark:border-zinc-800 dark:bg-zinc-950', className), ...props, children: [_jsx(Box, { className: "mx-auto mt-2 h-1 w-[44px] rounded-full bg-primary2 dark:bg-zinc-800" }), children] })] })));
 DrawerContent.displayName = 'DrawerContent';
-var DrawerHeader = function(_param) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx("div", _object_spread({
-        className: cn('grid gap-1.5 p-4 text-left border-b border-b-primary1 sm:text-left', className)
-    }, props));
-};
+const DrawerHeader = ({ className, ...props }) => (_jsx("div", { className: cn('grid gap-1.5 p-4 text-left border-b border-b-primary1 sm:text-left', className), ...props }));
 DrawerHeader.displayName = 'DrawerHeader';
-var DrawerFooter = function(_param) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx("div", _object_spread({
-        className: cn('mt-auto flex flex-col gap-2 p-4', className)
-    }, props));
-};
+const DrawerFooter = ({ className, ...props }) => (_jsx("div", { className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props }));
 DrawerFooter.displayName = 'DrawerFooter';
-var DrawerTitle = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(DrawerPrimitive.Title, _object_spread({
-        ref: ref,
-        className: cn('text-sm font-semibold leading-none tracking-tight', className)
-    }, props));
-});
+const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Title, { ref: ref, className: cn('text-sm font-semibold leading-none tracking-tight', className), ...props })));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(DrawerPrimitive.Description, _object_spread({
-        ref: ref,
-        className: cn('text-sm text-zinc-500 dark:text-zinc-400', className)
-    }, props));
-});
+const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Description, { ref: ref, className: cn('text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger,  };
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };
+//# sourceMappingURL=index.js.map