@driveflux/beam 2.0.15 → 2.1.0

package/dist/accordion/Accordion.js

@@ -1,17 +1,143 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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 * 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';
-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 })));
+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));
+});
 AccordionItem.displayName = 'AccordionItem';
-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" })] }))] }) }));
+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"
+                        })
+                    ]
+                })
+            ]
+        }))
+    });
 });
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-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 }) })));
+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
+        })
+    }));
+});
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
-//# sourceMappingURL=Accordion.js.map

package/dist/accordion/Accordion.stories.js

@@ -1,24 +1,44 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from './Accordion.js';
-const meta = {
-    component: Accordion,
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './Accordion.js';
+var meta = {
+    component: Accordion
 };
 export default meta;
-const props = [
+var 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 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))) }));
+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);
+        })
+    });
 };
 Default.args = {
     type: 'single',
-    collapsible: true,
+    collapsible: true
 };
-//# sourceMappingURL=Accordion.stories.js.map

package/dist/alert/Alert.js

@@ -1,37 +1,133 @@
+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';
-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', {
+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', {
     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',
-    },
+        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));
 });
-const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
 Alert.displayName = 'Alert';
-const AlertIcon = React.forwardRef(({ className, variant, ...props }, ref) => {
-    switch (variant) {
+var AlertIcon = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
+        "className",
+        "variant"
+    ]);
+    switch(variant){
         case 'error':
-            return (_jsx(IconInfo, { ref: ref, variant: 'filled', className: cn('text-danger', className), ...props }));
+            return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
+                ref: ref,
+                variant: 'filled',
+                className: cn('text-danger', className)
+            }, props));
         case 'warning':
-            return (_jsx(IconInfo, { ref: ref, variant: 'filled', className: cn('text-warning4', className), ...props }));
+            return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
+                ref: ref,
+                variant: 'filled',
+                className: cn('text-warning4', className)
+            }, props));
         default:
-            return _jsx(IconInfo, { ref: ref, ...props });
+            return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
+                ref: ref
+            }, props));
     }
 });
 AlertIcon.displayName = 'AlertIcon';
-const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn('mb-1 font-bold leading-none tracking-tight', className), ...props })));
+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));
+});
 AlertTitle.displayName = 'AlertTitle';
-const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-base font-light [&_p]:leading-relaxed', className), ...props })));
+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));
+});
 AlertDescription.displayName = 'AlertDescription';
 export default Alert;
 export { AlertTitle, AlertDescription, AlertIcon };
-//# sourceMappingURL=Alert.js.map

package/dist/alert/Alert.stories.js

@@ -1,22 +1,57 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Alert, { AlertDescription, AlertIcon, AlertTitle } from './Alert.js';
-const meta = {
-    component: Alert,
+var meta = {
+    component: Alert
 };
 export default meta;
-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 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 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 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 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." })] }));
-    },
+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."
+                })
+            ]
+        });
+    }
 };
-//# sourceMappingURL=Alert.stories.js.map

package/dist/animations/LoadingAnimation.js

@@ -1,26 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Stack from '../stack/Stack';
 import { cn } from '../utils';
-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; }
-}
-      ` })] }));
+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      "
+            })
+        ]
+    });
 };
 export default LoadingAnimation;
-//# sourceMappingURL=LoadingAnimation.js.map

package/dist/badge/Badge.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 import Box from '../box/Box';
 import { cn } from '../utils';
-const 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 w-max h-5 px-2 py-2 font-medium text-xs tracking-[0.5px] leading-[18px] uppercase bg-black rounded-sm', {
     variants: {
         colorScheme: {
             success: 'bg-success4',

package/dist/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,GAAG,MAAM,YAAY,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAE7B,MAAM,aAAa,GAAG,GAAG,CACxB,2FAA2F,EAC3F;IACC,QAAQ,EAAE;QACT,WAAW,EAAE;YACZ,OAAO,EAAE,aAAa;YACtB,MAAM,EAAE,YAAY;YACpB,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,UAAU;SAChB;KACD;CACD,CACD,CAAA;AAMD,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IACxE,OAAO,CACN,KAAC,GAAG,IACH,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,cAAc,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACJ,CACN,CAAA;AACF,CAAC;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,GAAG,MAAM,YAAY,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAE7B,MAAM,aAAa,GAAG,GAAG,CACxB,8HAA8H,EAC9H;IACC,QAAQ,EAAE;QACT,WAAW,EAAE;YACZ,OAAO,EAAE,aAAa;YACtB,MAAM,EAAE,YAAY;YACpB,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,UAAU;SAChB;KACD;CACD,CACD,CAAA;AAMD,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IACxE,OAAO,CACN,KAAC,GAAG,IACH,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,cAAc,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,GACJ,CACN,CAAA;AACF,CAAC;AAED,eAAe,KAAK,CAAA"}

package/dist/badge/Badge.stories.js

@@ -1,13 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import VStack from '../vstack/VStack.js';
 import Badge from './Badge.js';
-const meta = {
-    component: Badge,
+var meta = {
+    component: Badge
 };
 export default meta;
-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" })] }));
-    },
+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"
+                })
+            ]
+        });
+    }
 };
-//# sourceMappingURL=Badge.stories.js.map

package/dist/box/Box.js

@@ -1,7 +1,91 @@
+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 * as React from 'react';
-const Box = React.forwardRef(({ as = 'div', children, ...props }, ref) => {
-    return React.createElement(as, { ...props, ref }, children);
+var Box = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var _param_as = _param.as, as = _param_as === void 0 ? 'div' : _param_as, children = _param.children, props = _object_without_properties(_param, [
+        "as",
+        "children"
+    ]);
+    return /*#__PURE__*/ React.createElement(as, _object_spread_props(_object_spread({}, props), {
+        ref: ref
+    }), children);
 });
 Box.displayName = 'Box';
 export default Box;
-//# sourceMappingURL=Box.js.map