@driveflux/beam 2.0.8 → 2.0.10

package/dist/accordion/Accordion.js

@@ -1,143 +1,17 @@
-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, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React from 'react';
 import IconDash from '../icons/IconDash';
 import IconPlus from '../icons/IconPlus';
 import { cn } from '../utils';
-var Accordion = AccordionPrimitive.Root;
-var AccordionItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx(AccordionPrimitive.Item, _object_spread({
-        ref: ref,
-        className: cn('border-b border-gray-300', className)
-    }, props));
-});
+const Accordion = AccordionPrimitive.Root;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn('border-b border-gray-300', className), ...props })));
 AccordionItem.displayName = 'AccordionItem';
-var AccordionTrigger = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, children = _param.children, _param_showIcons = _param.showIcons, showIcons = _param_showIcons === void 0 ? true : _param_showIcons, props = _object_without_properties(_param, [
-        "className",
-        "children",
-        "showIcons"
-    ]);
-    return /*#__PURE__*/ _jsx(AccordionPrimitive.Header, {
-        className: "flex",
-        children: /*#__PURE__*/ _jsxs(AccordionPrimitive.Trigger, _object_spread_props(_object_spread({
-            ref: ref,
-            className: cn('flex flex-1 items-center justify-between gap-6 py-4 font-medium transition-all group', className)
-        }, props), {
-            children: [
-                children,
-                showIcons && /*#__PURE__*/ _jsxs(_Fragment, {
-                    children: [
-                        /*#__PURE__*/ _jsx(IconDash, {
-                            size: '16px',
-                            className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:hidden"
-                        }),
-                        /*#__PURE__*/ _jsx(IconPlus, {
-                            size: '16px',
-                            className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:block group-data-[state=open]:hidden"
-                        })
-                    ]
-                })
-            ]
-        }))
-    });
+const AccordionTrigger = React.forwardRef(({ className, children, showIcons = true, ...props }, ref) => {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: cn('flex flex-1 items-center justify-between gap-6 py-4 font-medium transition-all group', className), ...props, children: [children, showIcons && (_jsxs(_Fragment, { children: [_jsx(IconDash, { size: '16px', className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:hidden" }), _jsx(IconPlus, { size: '16px', className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:block group-data-[state=open]:hidden" })] }))] }) }));
 });
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
-        "className",
-        "children"
-    ]);
-    return /*#__PURE__*/ _jsx(AccordionPrimitive.Content, _object_spread_props(_object_spread({
-        ref: ref,
-        className: cn('overflow-hidden text-sm transition-all ', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className)
-    }, props), {
-        children: /*#__PURE__*/ _jsx("div", {
-            children: children
-        })
-    }));
-});
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: cn('overflow-hidden text-sm transition-all ', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className), ...props, children: _jsx("div", { children: children }) })));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=Accordion.js.map

package/dist/accordion/Accordion.stories.js

@@ -1,44 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './Accordion.js';
-var meta = {
-    component: Accordion
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from './Accordion.js';
+const meta = {
+    component: Accordion,
 };
 export default meta;
-var props = [
+const props = [
     {
         title: 'What condition can I expect my car to be in?',
-        description: 'All our vehicles have been fully inspected with 4-5 star inspection ratings. Each vehicle is cleaned and serviced before delivery.'
+        description: 'All our vehicles have been fully inspected with 4-5 star inspection ratings. Each vehicle is cleaned and serviced before delivery.',
     },
     {
         title: 'What other services do you provide?',
-        description: 'We provide a range of services including maintenance, repair, and customization for your vehicle.'
-    }
+        description: 'We provide a range of services including maintenance, repair, and customization for your vehicle.',
+    },
 ];
-export var Default = function(args) {
-    return /*#__PURE__*/ _jsx(Accordion, {
-        type: 'multiple',
-        className: 'space-y-4 hover:no-underline font-bold accordion-containers text-black px-24 md:w-1/2',
-        children: props.map(function(item, index) {
-            return /*#__PURE__*/ _jsxs(AccordionItem, {
-                className: 'space-y-4 hover:no-underline font-normal ',
-                value: "item-".concat(index),
-                children: [
-                    /*#__PURE__*/ _jsx(AccordionTrigger, {
-                        className: 'text-xs',
-                        children: item.title
-                    }),
-                    /*#__PURE__*/ _jsx(AccordionContent, {
-                        className: 'text-primary3',
-                        children: /*#__PURE__*/ _jsx("p", {
-                            children: item.description
-                        })
-                    })
-                ]
-            }, item.title);
-        })
-    });
+export const Default = (args) => {
+    return (_jsx(Accordion, { type: 'multiple', className: 'space-y-4 hover:no-underline font-bold accordion-containers text-black px-24 md:w-1/2', children: props.map((item, index) => (_jsxs(AccordionItem, { className: 'space-y-4 hover:no-underline font-normal ', value: `item-${index}`, children: [_jsx(AccordionTrigger, { className: 'text-xs', children: item.title }), _jsx(AccordionContent, { className: 'text-primary3', children: _jsx("p", { children: item.description }) })] }, item.title))) }));
 };
 Default.args = {
     type: 'single',
-    collapsible: true
+    collapsible: true,
 };
+//# sourceMappingURL=Accordion.stories.js.map

package/dist/alert/Alert.js

@@ -1,133 +1,37 @@
-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 { cva } from 'class-variance-authority';
 import * as React from 'react';
 import IconInfo from '../icons/IconInfo';
 import { cn } from '../utils';
-var alertVariants = cva('relative font-light w-full p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4', {
+const alertVariants = cva('relative font-light w-full p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4', {
     variants: {
         variant: {
             default: 'bg-primary1 text-black',
             error: 'bg-danger/30 [&>svg]:text-danger',
-            warning: 'bg-warning4/30 [&>svg]:text-warning4'
-        }
+            warning: 'bg-warning4/30 [&>svg]:text-warning4',
+        },
     },
     defaultVariants: {
-        variant: 'default'
-    }
-});
-var Alert = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
-        "className",
-        "variant"
-    ]);
-    return /*#__PURE__*/ _jsx("div", _object_spread({
-        ref: ref,
-        role: "alert",
-        className: cn(alertVariants({
-            variant: variant
-        }), className)
-    }, props));
+        variant: 'default',
+    },
 });
+const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
 Alert.displayName = 'Alert';
-var AlertIcon = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
-        "className",
-        "variant"
-    ]);
-    switch(variant){
+const AlertIcon = React.forwardRef(({ className, variant, ...props }, ref) => {
+    switch (variant) {
         case 'error':
-            return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
-                ref: ref,
-                variant: 'filled',
-                className: cn('text-danger', className)
-            }, props));
+            return (_jsx(IconInfo, { ref: ref, variant: 'filled', className: cn('text-danger', className), ...props }));
         case 'warning':
-            return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
-                ref: ref,
-                variant: 'filled',
-                className: cn('text-warning4', className)
-            }, props));
+            return (_jsx(IconInfo, { ref: ref, variant: 'filled', className: cn('text-warning4', className), ...props }));
         default:
-            return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
-                ref: ref
-            }, props));
+            return _jsx(IconInfo, { ref: ref, ...props });
     }
 });
 AlertIcon.displayName = 'AlertIcon';
-var AlertTitle = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx("h5", _object_spread({
-        ref: ref,
-        className: cn('mb-1 font-bold leading-none tracking-tight', className)
-    }, props));
-});
+const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn('mb-1 font-bold leading-none tracking-tight', className), ...props })));
 AlertTitle.displayName = 'AlertTitle';
-var AlertDescription = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return /*#__PURE__*/ _jsx("div", _object_spread({
-        ref: ref,
-        className: cn('text-base font-light [&_p]:leading-relaxed', className)
-    }, props));
-});
+const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-base font-light [&_p]:leading-relaxed', className), ...props })));
 AlertDescription.displayName = 'AlertDescription';
 export default Alert;
 export { AlertTitle, AlertDescription, AlertIcon };
+//# sourceMappingURL=Alert.js.map

package/dist/alert/Alert.stories.js

@@ -1,57 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Alert, { AlertDescription, AlertIcon, AlertTitle } from './Alert.js';
-var meta = {
-    component: Alert
+const meta = {
+    component: Alert,
 };
 export default meta;
-export var DefaultStory = {
-    render: function() {
-        return /*#__PURE__*/ _jsxs(Alert, {
-            children: [
-                /*#__PURE__*/ _jsx(AlertIcon, {}),
-                /*#__PURE__*/ _jsx(AlertTitle, {
-                    children: "Apple Inc."
-                }),
-                /*#__PURE__*/ _jsx(AlertDescription, {
-                    children: "Created by Steve Jobs. Made possible by Steve Wozniak."
-                })
-            ]
-        });
-    }
+export const DefaultStory = {
+    render: () => {
+        return (_jsxs(Alert, { children: [_jsx(AlertIcon, {}), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "Created by Steve Jobs. Made possible by Steve Wozniak." })] }));
+    },
 };
-export var ErrorStory = {
-    render: function() {
-        return /*#__PURE__*/ _jsxs(Alert, {
-            variant: "error",
-            children: [
-                /*#__PURE__*/ _jsx(AlertIcon, {
-                    variant: "error"
-                }),
-                /*#__PURE__*/ _jsx(AlertTitle, {
-                    children: "Apple Inc."
-                }),
-                /*#__PURE__*/ _jsx(AlertDescription, {
-                    children: "is made by Bill Gates"
-                })
-            ]
-        });
-    }
+export const ErrorStory = {
+    render: () => {
+        return (_jsxs(Alert, { variant: "error", children: [_jsx(AlertIcon, { variant: "error" }), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "is made by Bill Gates" })] }));
+    },
 };
-export var WarningStory = {
-    render: function() {
-        return /*#__PURE__*/ _jsxs(Alert, {
-            variant: "warning",
-            children: [
-                /*#__PURE__*/ _jsx(AlertIcon, {
-                    variant: "warning"
-                }),
-                /*#__PURE__*/ _jsx(AlertTitle, {
-                    children: "Apple Inc."
-                }),
-                /*#__PURE__*/ _jsx(AlertDescription, {
-                    children: "is prospered by Tim Cook."
-                })
-            ]
-        });
-    }
+export const WarningStory = {
+    render: () => {
+        return (_jsxs(Alert, { variant: "warning", children: [_jsx(AlertIcon, { variant: "warning" }), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "is prospered by Tim Cook." })] }));
+    },
 };
+//# sourceMappingURL=Alert.stories.js.map

package/dist/animations/LoadingAnimation.js

@@ -1,39 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Stack from '../stack/Stack';
 import { cn } from '../utils';
-var LoadingAnimation = function(param) {
-    var _param_colorScheme = param.colorScheme, colorScheme = _param_colorScheme === void 0 ? 'default' : _param_colorScheme;
-    return /*#__PURE__*/ _jsxs(Stack, {
-        className: "flex justify-center items-center",
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: "relative flex gap-1",
-                children: [
-                    [
-                        0,
-                        1,
-                        2,
-                        3
-                    ].map(function(index) {
-                        return /*#__PURE__*/ _jsx("div", {
-                            className: cn('w-[10px] h-[10px] rounded-full', colorScheme === 'default' ? 'bg-primary2' : 'bg-white opacity-50')
-                        }, "static-".concat(index));
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        className: "absolute top-0 left-0 flex items-center",
-                        style: {
-                            animation: 'dotAnimation 3s infinite'
-                        },
-                        children: /*#__PURE__*/ _jsx("div", {
-                            className: cn('w-full h-[10px] rounded-full', colorScheme === 'default' ? 'bg-links' : 'bg-white')
-                        })
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("style", {
-                children: "\n       @keyframes dotAnimation {\n    0% { transform: translateX(0); width: 10px; }\n    9% { transform: translateX(0); width: 24px; }\n    17.5% { transform: translateX(14px); width: 10px; }\n    25% { transform: translateX(14px); width: 24px; }\n    35% { transform: translateX(28px); width: 10px; }\n    42.5% { transform: translateX(28px); width: 24px; }\n    50% { transform: translateX(42px); width: 10px; }\n    59% { transform: translateX(28px); width: 24px; }\n    67.5% { transform: translateX(28px); width: 10px; }\n    75% { transform: translateX(14px); width: 24px; }\n    85% { transform: translateX(14px); width: 10px; }\n    92.5% { transform: translateX(0px); width: 24px; }\n    100% { transform: translateX(0); width: 10px; }\n}\n      "
-            })
-        ]
-    });
+const LoadingAnimation = ({ colorScheme = 'default' }) => {
+    return (_jsxs(Stack, { className: "flex justify-center items-center", children: [_jsxs("div", { className: "relative flex gap-1", children: [[0, 1, 2, 3].map((index) => (_jsx("div", { className: cn('w-[10px] h-[10px] rounded-full', colorScheme === 'default' ? 'bg-primary2' : 'bg-white opacity-50') }, `static-${index}`))), _jsx("div", { className: "absolute top-0 left-0 flex items-center", style: {
+                            animation: 'dotAnimation 3s infinite',
+                        }, children: _jsx("div", { className: cn('w-full h-[10px] rounded-full', colorScheme === 'default' ? 'bg-links' : 'bg-white') }) })] }), _jsx("style", { children: `
+       @keyframes dotAnimation {
+    0% { transform: translateX(0); width: 10px; }
+    9% { transform: translateX(0); width: 24px; }
+    17.5% { transform: translateX(14px); width: 10px; }
+    25% { transform: translateX(14px); width: 24px; }
+    35% { transform: translateX(28px); width: 10px; }
+    42.5% { transform: translateX(28px); width: 24px; }
+    50% { transform: translateX(42px); width: 10px; }
+    59% { transform: translateX(28px); width: 24px; }
+    67.5% { transform: translateX(28px); width: 10px; }
+    75% { transform: translateX(14px); width: 24px; }
+    85% { transform: translateX(14px); width: 10px; }
+    92.5% { transform: translateX(0px); width: 24px; }
+    100% { transform: translateX(0); width: 10px; }
+}
+      ` })] }));
 };
 export default LoadingAnimation;
+//# sourceMappingURL=LoadingAnimation.js.map

package/dist/badge/Badge.js

@@ -1,108 +1,19 @@
-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 } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import Box from '../box/Box';
 import { cn } from '../utils';
-var badgeVariants = cva('inline-flex text-white h-5 px-2 py-2 font-bold text-xs tracking-normal uppercase bg-black', {
+const badgeVariants = cva('inline-flex text-white h-5 px-2 py-2 font-bold text-xs tracking-normal uppercase bg-black', {
     variants: {
         colorScheme: {
             success: 'bg-success4',
             accent: 'bg-accent4',
             warning: 'bg-warning4',
-            info: 'bg-links'
-        }
-    }
+            info: 'bg-links',
+        },
+    },
 });
-function Badge(_param) {
-    var className = _param.className, colorScheme = _param.colorScheme, children = _param.children, props = _object_without_properties(_param, [
-        "className",
-        "colorScheme",
-        "children"
-    ]);
-    return /*#__PURE__*/ _jsx(Box, _object_spread_props(_object_spread({
-        className: cn(badgeVariants({
-            colorScheme: colorScheme
-        }), 'items-center', className)
-    }, props), {
-        children: children
-    }));
+function Badge({ className, colorScheme, children, ...props }) {
+    return (_jsx(Box, { className: cn(badgeVariants({ colorScheme }), 'items-center', className), ...props, children: children }));
 }
 export default Badge;
+//# sourceMappingURL=Badge.js.map

package/dist/badge/Badge.stories.js

@@ -1,34 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import VStack from '../vstack/VStack.js';
 import Badge from './Badge.js';
-var meta = {
-    component: Badge
+const meta = {
+    component: Badge,
 };
 export default meta;
-export var FirstStory = {
-    render: function() {
-        return /*#__PURE__*/ _jsxs(VStack, {
-            children: [
-                /*#__PURE__*/ _jsx(Badge, {
-                    colorScheme: 'accent',
-                    children: "accent"
-                }),
-                /*#__PURE__*/ _jsx(Badge, {
-                    colorScheme: 'success',
-                    children: "success"
-                }),
-                /*#__PURE__*/ _jsx(Badge, {
-                    colorScheme: 'warning',
-                    children: "warning"
-                }),
-                /*#__PURE__*/ _jsx(Badge, {
-                    colorScheme: 'info',
-                    children: "info"
-                }),
-                /*#__PURE__*/ _jsx(Badge, {
-                    children: "60 months"
-                })
-            ]
-        });
-    }
+export const FirstStory = {
+    render: () => {
+        return (_jsxs(VStack, { children: [_jsx(Badge, { colorScheme: 'accent', children: "accent" }), _jsx(Badge, { colorScheme: 'success', children: "success" }), _jsx(Badge, { colorScheme: 'warning', children: "warning" }), _jsx(Badge, { colorScheme: 'info', children: "info" }), _jsx(Badge, { children: "60 months" })] }));
+    },
 };
+//# sourceMappingURL=Badge.stories.js.map