@sikka/hawa 0.1.7 → 0.1.8-beta

package/dist/index.d.mts

@@ -0,0 +1,47 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { FC } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    clickable?: boolean;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<{
+    headless?: boolean | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+type ImageCardTypes = {
+    children: any;
+    align?: any;
+    bottomElement?: any;
+    inCardActions?: any;
+    cardImage?: string;
+    title?: string;
+    subtitle?: string;
+    blank?: boolean;
+};
+declare const ActionCard: FC<ImageCardTypes>;
+
+type LoadingTypes = {
+    size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
+    design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots";
+    color?: any;
+};
+declare const Loading: FC<LoadingTypes>;
+
+export { ActionCard, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Loading, buttonVariants };

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { FC } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    clickable?: boolean;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<{
+    headless?: boolean | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+type ImageCardTypes = {
+    children: any;
+    align?: any;
+    bottomElement?: any;
+    inCardActions?: any;
+    cardImage?: string;
+    title?: string;
+    subtitle?: string;
+    blank?: boolean;
+};
+declare const ActionCard: FC<ImageCardTypes>;
+
+type LoadingTypes = {
+    size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
+    design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots";
+    color?: any;
+};
+declare const Loading: FC<LoadingTypes>;
+
+export { ActionCard, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Loading, buttonVariants };

package/dist/index.js

@@ -0,0 +1,432 @@
+"use strict";
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _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 _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _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;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && typeof from === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toESM = function(mod, isNodeMode, target) {
+    return target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(// If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+        value: mod,
+        enumerable: true
+    }) : target, mod);
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// components/index.tsx
+var components_exports = {};
+__export(components_exports, {
+    ActionCard: function() {
+        return ActionCard;
+    },
+    Button: function() {
+        return Button;
+    },
+    Card: function() {
+        return Card;
+    },
+    CardContent: function() {
+        return CardContent;
+    },
+    CardDescription: function() {
+        return CardDescription;
+    },
+    CardFooter: function() {
+        return CardFooter;
+    },
+    CardHeader: function() {
+        return CardHeader;
+    },
+    CardTitle: function() {
+        return CardTitle;
+    },
+    Loading: function() {
+        return Loading;
+    },
+    buttonVariants: function() {
+        return buttonVariants;
+    }
+});
+module.exports = __toCommonJS(components_exports);
+// components/elements/Button.tsx
+var React2 = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+// components/util.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn() {
+    for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
+        inputs[_key] = arguments[_key];
+    }
+    return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+// components/elements/Loading.tsx
+var import_react = __toESM(require("react"));
+var import_clsx2 = __toESM(require("clsx"));
+var Loading = function(_param) {
+    var _param_design = _param.design, design = _param_design === void 0 ? "spinner" : _param_design, _param_size = _param.size, size = _param_size === void 0 ? "sm" : _param_size, color = _param.color, props = _object_without_properties(_param, [
+        "design",
+        "size",
+        "color"
+    ]);
+    var sizeStyles = {
+        button: "hawa-h-4 hawa-w-4",
+        xs: "hawa-h-1 hawa-w-1",
+        sm: "hawa-h-6 hawa-w-6",
+        normal: "hawa-h-8 hawa-w-8",
+        lg: "hawa-h-14 hawa-w-14",
+        xl: "hawa-h-24 hawa-w-24"
+    };
+    var animationStyles = {
+        pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
+        bounce: "hawa-animate-bounce"
+    };
+    switch(design.split("-")[0]){
+        case "dots":
+            return /* @__PURE__ */ import_react.default.createElement("div", {
+                className: "hawa-flex hawa-flex-row hawa-gap-2"
+            }, /* @__PURE__ */ import_react.default.createElement("div", {
+                className: (0, import_clsx2.default)("hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite", size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size], animationStyles[design.split("-")[1]], color ? color : "hawa-bg-primary")
+            }), /* @__PURE__ */ import_react.default.createElement("div", {
+                className: (0, import_clsx2.default)("hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite", size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size], animationStyles[design.split("-")[1]], color ? color : "hawa-bg-primary")
+            }), /* @__PURE__ */ import_react.default.createElement("div", {
+                className: (0, import_clsx2.default)("hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite", size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size], animationStyles[design.split("-")[1]], color ? color : "hawa-bg-primary")
+            }));
+        default:
+            return /* @__PURE__ */ import_react.default.createElement("div", {
+                className: "hawa-flex hawa-flex-row hawa-gap-x-3"
+            }, /* @__PURE__ */ import_react.default.createElement("div", {
+                "aria-label": "Loading...",
+                role: "status"
+            }, /* @__PURE__ */ import_react.default.createElement("svg", {
+                className: (0, import_clsx2.default)(sizeStyles[size], "hawa-animate-spin"),
+                viewBox: "3 3 18 18"
+            }, /* @__PURE__ */ import_react.default.createElement("path", {
+                className: "hawa-fill-primary/20",
+                d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"
+            }), /* @__PURE__ */ import_react.default.createElement("path", {
+                className: color ? color : "hawa-fill-primary",
+                d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"
+            }))));
+    }
+};
+// components/elements/Button.tsx
+var buttonVariants = (0, import_class_variance_authority.cva)("hawa-inline-flex hawa-items-center hawa-justify-center hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50", {
+    variants: {
+        variant: {
+            default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
+            light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
+            destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
+            outline: "hawa-border  hawa-border-input hawa-bg-background hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+            secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
+            ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+            link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
+            neoBrutalism: "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active"
+        },
+        size: {
+            default: "hawa-h-10 hawa-px-4 hawa-py-2",
+            heightless: "hawa-px-4 hawa-py-4",
+            xs: "hawa-h-fit hawa-py-1 hawa-text-[10px] hawa-px-2 ",
+            sm: "hawa-h-9 hawa-text-[11px] hawa-rounded-md hawa-px-3",
+            lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
+            xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
+            icon: "hawa-h-10 hawa-w-10",
+            smallIcon: "hawa-h-7 hawa-w-7"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+var Button = React2.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, isLoading = _param.isLoading, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size",
+        "asChild",
+        "isLoading",
+        "children"
+    ]);
+    var Comp = "button";
+    var loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
+    return /* @__PURE__ */ React2.createElement(Comp, _object_spread({
+        className: cn(buttonVariants({
+            variant: variant,
+            size: size,
+            className: className
+        })),
+        ref: ref
+    }, props), isLoading ? /* @__PURE__ */ React2.createElement(Loading, {
+        design: "dots-pulse",
+        color: loadingColor,
+        size: size === "sm" ? "xs" : "button"
+    }) : children);
+});
+Button.displayName = "Button";
+// components/elements/Card.tsx
+var React3 = __toESM(require("react"));
+var Card = React3.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, _param_clickable = _param.clickable, clickable = _param_clickable === void 0 ? false : _param_clickable, props = _object_without_properties(_param, [
+        "className",
+        "clickable"
+    ]);
+    return React3.createElement("div", _object_spread({
+        ref: ref,
+        className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", clickable && "cursor-pointer transition-all hover:drop-shadow-md dark:hover:shadow-dark", className)
+    }, props));
+});
+Card.displayName = "Card";
+var CardHeader = React3.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React3.createElement("div", _object_spread({
+        ref: ref,
+        className: cn("flex flex-col space-y-1.5 p-6", className)
+    }, props));
+});
+CardHeader.displayName = "CardHeader";
+var CardTitle = React3.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React3.createElement("h3", _object_spread({
+        ref: ref,
+        className: cn("text-2xl font-semibold leading-none tracking-tight", className)
+    }, props));
+});
+CardTitle.displayName = "CardTitle";
+var CardDescription = React3.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React3.createElement("p", _object_spread({
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className)
+    }, props));
+});
+CardDescription.displayName = "CardDescription";
+var CardContent = React3.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var headless = _param.headless, className = _param.className, props = _object_without_properties(_param, [
+        "headless",
+        "className"
+    ]);
+    return React3.createElement("div", _object_spread({
+        ref: ref,
+        className: cn("p-6", headless ? "pt-6" : "pt-0", className)
+    }, props));
+});
+CardContent.displayName = "CardContent";
+var CardFooter = React3.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React3.createElement("div", _object_spread({
+        ref: ref,
+        className: cn("flex items-center p-6 pt-0", className)
+    }, props));
+});
+CardFooter.displayName = "CardFooter";
+// components/elements/ActionCard.tsx
+var import_react2 = __toESM(require("react"));
+var ActionCard = function(props) {
+    var _ref = _sliced_to_array((0, import_react2.useState)(false), 2), hovered = _ref[0], setHovered = _ref[1];
+    return /* @__PURE__ */ import_react2.default.createElement("div", {
+        className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1"
+    }, /* @__PURE__ */ import_react2.default.createElement("div", {
+        className: "hawa-group hawa-relative hawa-h-full hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-bg-cover hawa-bg-center hawa-transition-all hawa-duration-500 hover:hawa-drop-shadow-2xl",
+        style: {
+            backgroundImage: "url(".concat(props.blank ? "" : props.cardImage, ")")
+        },
+        onMouseEnter: function() {
+            return setHovered(true);
+        },
+        onMouseLeave: function() {
+            return setHovered(false);
+        }
+    }, props.blank ? /* @__PURE__ */ import_react2.default.createElement("div", {
+        className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center "
+    }, /* @__PURE__ */ import_react2.default.createElement("svg", {
+        className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
+        stroke: "currentColor",
+        fill: "currentColor",
+        "stroke-width": "0",
+        viewBox: "0 0 24 24",
+        height: "1em",
+        width: "1em",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ import_react2.default.createElement("path", {
+        d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"
+    }))) : /* @__PURE__ */ import_react2.default.createElement("div", {
+        className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50"
+    }), /* @__PURE__ */ import_react2.default.createElement("div", {
+        className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100"
+    }, props.inCardActions), !props.blank && /* @__PURE__ */ import_react2.default.createElement("div", {
+        className: "hawa-relative hawa-p-4"
+    }, /* @__PURE__ */ import_react2.default.createElement("h1", {
+        className: "hawa-text-white"
+    }, props.title), /* @__PURE__ */ import_react2.default.createElement("p", {
+        className: "hawa-text-white"
+    }, props.subtitle))), /* @__PURE__ */ import_react2.default.createElement("div", {
+        className: "hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ".concat(hovered ? "hawa-opacity-100" : "hawa-opacity-0")
+    }, props.bottomElement));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+    ActionCard: ActionCard,
+    Button: Button,
+    Card: Card,
+    CardContent: CardContent,
+    CardDescription: CardDescription,
+    CardFooter: CardFooter,
+    CardHeader: CardHeader,
+    CardTitle: CardTitle,
+    Loading: Loading,
+    buttonVariants: buttonVariants
+});