@driveflux/beam 3.0.1 → 3.0.3

package/dist/breadcrumbs/Breadcrumbs.stories.js

@@ -1,65 +1,41 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Breadcrumbs from './Breadcrumbs.js';
-var meta = {
+const meta = {
     component: Breadcrumbs,
     args: {
-        crumbs: []
-    }
+        crumbs: [],
+    },
 };
 export default meta;
-export var FirstStory = {
-    render: function() {
-        return /*#__PURE__*/ _jsx(Breadcrumbs, {
-            crumbs: [
-                {
-                    href: '/',
-                    label: 'Home'
-                },
-                {
-                    href: '/account',
-                    label: 'Account'
-                },
-                {
-                    label: 'Settings'
-                }
-            ]
-        });
-    }
-};
-var longCrumbs = [
-    {
-        href: '/',
-        label: 'Home'
-    },
-    {
-        href: '/cars/malaysia',
-        label: 'Browse Car Page'
-    },
-    {
-        href: '/cars/malaysia/proton-saga',
-        label: 'Proton Saga'
+export const FirstStory = {
+    render: () => {
+        return (_jsx(Breadcrumbs, { crumbs: [
+                { href: '/', label: 'Home' },
+                { href: '/account', label: 'Account' },
+                { label: 'Settings' },
+            ] }));
     },
+};
+const longCrumbs = [
+    { href: '/', label: 'Home' },
+    { href: '/cars/malaysia', label: 'Browse Car Page' },
+    { href: '/cars/malaysia/proton-saga', label: 'Proton Saga' },
     {
         href: '/cars/malaysia/proton-saga/checkout',
-        label: 'Checkout Proton Saga'
+        label: 'Checkout Proton Saga',
     },
     {
-        label: 'Checkout Proton Saga Supplementary Documents'
-    }
+        label: 'Checkout Proton Saga Supplementary Documents',
+    },
 ];
-export var LongStory = {
-    render: function() {
-        return /*#__PURE__*/ _jsx(Breadcrumbs, {
-            crumbs: longCrumbs,
-            defaultCrumbsLength: 4
-        });
-    }
+export const LongStory = {
+    render: () => {
+        return _jsx(Breadcrumbs, { crumbs: longCrumbs, defaultCrumbsLength: 4 });
+    },
 };
-export var MischievousStory = {
-    render: function() {
-        return /*#__PURE__*/ _jsx(Breadcrumbs, {
-            crumbs: longCrumbs,
-            defaultCrumbsLength: -20
-        });
-    }
+export const MischievousStory = {
+    render: () => {
+        return _jsx(Breadcrumbs, { crumbs: longCrumbs, defaultCrumbsLength: -20 });
+    },
 };
+//# sourceMappingURL=Breadcrumbs.stories.js.map

package/dist/button/Button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "outline" | "outline-white" | null | undefined;
-    colorScheme?: "warning" | "success" | "link" | "default" | "accent" | null | undefined;
+    colorScheme?: "link" | "default" | "warning" | "success" | "accent" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/button/Button.js

@@ -1,83 +1,4 @@
-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 { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as React from 'react';
@@ -85,60 +6,27 @@ import LoadingAnimation from '../animations/LoadingAnimation.js';
 import Box from '../box/Box.js';
 import HStack from '../hstack/HStack.js';
 import { cn } from '../utils.js';
-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 ', {
+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 ', {
     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',
+        },
+    },
 });
-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
-                    }),
-                    children,
-                    rightIcon && /*#__PURE__*/ _jsx(Box, {
-                        children: rightIcon
-                    })
-                ]
-            })
-        })
-    }));
+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 })] })) }) }));
 });
 Button.displayName = 'Button';
 export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/button/Button.stories.js

@@ -2,41 +2,13 @@ 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';
-var meta = {
-    component: Button
+const meta = {
+    component: Button,
 };
 export default meta;
-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"
-                })
-            ]
-        });
-    }
+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" })] }));
+    },
 };
+//# sourceMappingURL=Button.stories.js.map

package/dist/card/Card.js

@@ -1,118 +1,16 @@
-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 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));
-});
+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 })));
 Card.displayName = 'Card';
-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));
-});
+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 })));
 CardHeader.displayName = 'CardHeader';
-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));
-});
+export const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn('text-2xl font-semibold leading-none tracking-tight', className), ...props })));
 CardTitle.displayName = 'CardTitle';
-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));
-});
+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 })));
 CardDescription.displayName = 'CardDescription';
-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));
-});
+export const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: className, ...props })));
 CardContent.displayName = 'CardContent';
-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));
-});
+export const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center', className), ...props })));
 CardFooter.displayName = 'CardFooter';
+//# sourceMappingURL=Card.js.map

package/dist/card/Card.stories.js

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