@driveflux/beam 3.0.10 → 3.0.12

package/dist/button/Button.js

@@ -1,32 +1,146 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Slot } from '@radix-ui/react-slot';
+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 { Slot, Slottable } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
 import LoadingAnimation from '../animations/LoadingAnimation';
 import Box from '../box/Box';
 import HStack from '../hstack/HStack';
 import { cn } from '../utils';
-const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-sm md:text-base px-6 py-3 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-[0.5px] lg:tracking-wide disabled:pointer-events-none disabled:opacity-30 ', {
+var buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-sm md:text-base px-6 py-3 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-[0.5px] lg:tracking-wide disabled:pointer-events-none disabled:opacity-30 ', {
     variants: {
         variant: {
             outline: 'border border-black bg-white text-black hover:text-white hover:bg-black',
-            'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white',
+            'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white'
         },
         colorScheme: {
             default: 'bg-black',
             accent: 'bg-accent-500 hover:bg-accent4',
             link: 'bg-links hover:bg-links2',
             warning: 'bg-warning4 hover:bg-warning-500',
-            success: 'bg-success-200 hover:bg-success4',
-        },
-    },
+            success: 'bg-success-200 hover:bg-success4'
+        }
+    }
 });
-const Button = React.forwardRef(({ className, variant, colorScheme, asChild = false, leftIcon, rightIcon, isDisabled, isLoading, children, ...props }, ref) => {
-    const Comp = asChild ? Slot : 'button';
-    return (_jsx(Comp, { className: cn('min-w-32 rounded-lg', buttonVariants({ variant, colorScheme, className }), isLoading ? 'disabled:opacity-100!' : ''), ref: ref, disabled: isDisabled || isLoading, ...props, children: _jsx(HStack, { className: 'gap-2 items-center', children: isLoading ? (_jsx(LoadingAnimation, { colorScheme: colorScheme === 'default' || colorScheme === undefined
-                    ? 'default'
-                    : 'white' })) : (_jsxs(_Fragment, { children: [leftIcon && _jsx(Box, { children: leftIcon }), children, rightIcon && _jsx(Box, { children: rightIcon })] })) }) }));
+var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, colorScheme = _param.colorScheme, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, leftIcon = _param.leftIcon, rightIcon = _param.rightIcon, isDisabled = _param.isDisabled, isLoading = _param.isLoading, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "colorScheme",
+        "asChild",
+        "leftIcon",
+        "rightIcon",
+        "isDisabled",
+        "isLoading",
+        "children"
+    ]);
+    var Comp = asChild ? Slot : 'button';
+    return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
+        className: cn('min-w-32 rounded-lg', buttonVariants({
+            variant: variant,
+            colorScheme: colorScheme,
+            className: className
+        }), isLoading ? 'disabled:opacity-100!' : ''),
+        ref: ref,
+        disabled: isDisabled || isLoading
+    }, props), {
+        children: /*#__PURE__*/ _jsx(HStack, {
+            className: 'gap-2 items-center',
+            children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {
+                colorScheme: colorScheme === 'default' || colorScheme === undefined ? 'default' : 'white'
+            }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    leftIcon && /*#__PURE__*/ _jsx(Box, {
+                        children: leftIcon
+                    }),
+                    /*#__PURE__*/ _jsx(Slottable, {
+                        children: children
+                    }),
+                    rightIcon && /*#__PURE__*/ _jsx(Box, {
+                        children: rightIcon
+                    })
+                ]
+            })
+        })
+    }));
 });
 Button.displayName = 'Button';
 export default Button;
-//# sourceMappingURL=Button.js.map

package/dist/button/Button.stories.js

@@ -2,13 +2,41 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import HStack from '../hstack/HStack.js';
 import IconPlus from '../icons/IconPlus.js';
 import Button from './Button.js';
-const meta = {
-    component: Button,
+var meta = {
+    component: Button
 };
 export default meta;
-export const ButtonTest = {
-    render: () => {
-        return (_jsxs(HStack, { children: [_jsx(Button, { variant: "outline", leftIcon: _jsx(IconPlus, { size: 16 }), children: "add payment method" }), _jsx(Button, { colorScheme: 'link', children: "add" }), _jsx(Button, { colorScheme: 'warning', children: "add" }), _jsx(Button, { colorScheme: 'accent', children: "add" }), _jsx(Button, { colorScheme: 'success', children: "add" }), _jsx(Button, { children: "dd" })] }));
-    },
+export var ButtonTest = {
+    render: function() {
+        return /*#__PURE__*/ _jsxs(HStack, {
+            children: [
+                /*#__PURE__*/ _jsx(Button, {
+                    variant: "outline",
+                    leftIcon: /*#__PURE__*/ _jsx(IconPlus, {
+                        size: 16
+                    }),
+                    children: "add payment method"
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    colorScheme: 'link',
+                    children: "add"
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    colorScheme: 'warning',
+                    children: "add"
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    colorScheme: 'accent',
+                    children: "add"
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    colorScheme: 'success',
+                    children: "add"
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    children: "dd"
+                })
+            ]
+        });
+    }
 };
-//# sourceMappingURL=Button.stories.js.map

package/dist/button/TextButton.js

@@ -1,24 +1,119 @@
+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 { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
 import LoadingAnimation from '../animations/LoadingAnimation';
 import { cn } from '../utils';
-const textButtonVariants = cva('inline cursor-pointer disabled:pointer-events-none disabled:opacity-30 text-base leading-[19.6px] bg-transparent border-0 p-0 m-0', {
+var textButtonVariants = cva('inline cursor-pointer disabled:pointer-events-none disabled:opacity-30 text-base leading-[19.6px] bg-transparent border-0 p-0 m-0', {
     variants: {
         variant: {
             default: 'text-inherit',
-            link: 'text-links hover:text-[var(--color-links2)]',
-        },
+            link: 'text-links hover:text-[var(--color-links2)]'
+        }
     },
     defaultVariants: {
-        variant: 'default',
-    },
+        variant: 'default'
+    }
 });
-const TextButton = React.forwardRef(({ className, variant, asChild = false, isDisabled, isLoading, children, ...props }, ref) => {
-    const Comp = asChild ? Slot : 'button';
-    return (_jsx(Comp, { className: cn(textButtonVariants({ variant, className })), ref: ref, disabled: isDisabled || isLoading, ...props, children: isLoading ? _jsx(LoadingAnimation, {}) : children }));
+var TextButton = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, isDisabled = _param.isDisabled, isLoading = _param.isLoading, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "asChild",
+        "isDisabled",
+        "isLoading",
+        "children"
+    ]);
+    var Comp = asChild ? Slot : 'button';
+    return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
+        className: cn(textButtonVariants({
+            variant: variant,
+            className: className
+        })),
+        ref: ref,
+        disabled: isDisabled || isLoading
+    }, props), {
+        children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {}) : children
+    }));
 });
 TextButton.displayName = 'TextButton';
 export default TextButton;
-//# sourceMappingURL=TextButton.js.map

package/dist/card/Card.js

@@ -1,16 +1,118 @@
+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 { cn } from '../utils';
-export const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('transition-all duration-200 ease-in-out rounded-none shadow-md hover:shadow-lg', className), ...props })));
+export var Card = /*#__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('transition-all duration-200 ease-in-out rounded-none shadow-md hover:shadow-lg', className)
+    }, props));
+});
 Card.displayName = 'Card';
-export const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));
+export var CardHeader = /*#__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('flex flex-col space-y-1.5 p-6', className)
+    }, props));
+});
 CardHeader.displayName = 'CardHeader';
-export const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn('text-2xl font-semibold leading-none tracking-tight', className), ...props })));
+export var CardTitle = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("h3", _object_spread({
+        ref: ref,
+        className: cn('text-2xl font-semibold leading-none tracking-tight', className)
+    }, props));
+});
 CardTitle.displayName = 'CardTitle';
-export const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
+export var CardDescription = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("p", _object_spread({
+        ref: ref,
+        className: cn('text-sm text-zinc-500 dark:text-zinc-400', className)
+    }, props));
+});
 CardDescription.displayName = 'CardDescription';
-export const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: className, ...props })));
+export var CardContent = /*#__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: className
+    }, props));
+});
 CardContent.displayName = 'CardContent';
-export const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center', className), ...props })));
+export var CardFooter = /*#__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('flex items-center', className)
+    }, props));
+});
 CardFooter.displayName = 'CardFooter';
-//# sourceMappingURL=Card.js.map

package/dist/card/Card.stories.js

@@ -1,12 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Card, CardContent } from './Card';
-const meta = {
-    component: Card,
+var meta = {
+    component: Card
 };
 export default meta;
-export const FirstStory = {
-    render: () => {
-        return (_jsx(Card, { children: _jsx(CardContent, { children: "hello" }) }));
-    },
+export var FirstStory = {
+    render: function() {
+        return /*#__PURE__*/ _jsx(Card, {
+            children: /*#__PURE__*/ _jsx(CardContent, {
+                children: "hello"
+            })
+        });
+    }
 };
-//# sourceMappingURL=Card.stories.js.map