@sikka/hawa 0.2.38 → 0.2.40-next

package/dist/index.js

@@ -0,0 +1,1523 @@
+"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 _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(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 _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+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 _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_destructuring_empty(o) {
+    if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
+    return o;
+}
+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;
+}
+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 _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+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;
+    },
+    Breadcrumb: function() {
+        return Breadcrumb;
+    },
+    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;
+    },
+    Checkbox: function() {
+        return Checkbox;
+    },
+    CodeBlock: function() {
+        return CodeBlock;
+    },
+    Dialog: function() {
+        return Dialog;
+    },
+    DialogContent: function() {
+        return DialogContent;
+    },
+    DialogDescription: function() {
+        return DialogDescription;
+    },
+    DialogFooter: function() {
+        return DialogFooter;
+    },
+    DialogHeader: function() {
+        return DialogHeader;
+    },
+    DialogTitle: function() {
+        return DialogTitle;
+    },
+    DialogTrigger: function() {
+        return DialogTrigger;
+    },
+    DropdownMenu: function() {
+        return DropdownMenu;
+    },
+    Loading: function() {
+        return Loading;
+    },
+    Radio: function() {
+        return Radio;
+    },
+    Switch: function() {
+        return Switch;
+    },
+    Toast: function() {
+        return Toast;
+    },
+    ToastAction: function() {
+        return ToastAction;
+    },
+    ToastClose: function() {
+        return ToastClose;
+    },
+    ToastDescription: function() {
+        return ToastDescription;
+    },
+    ToastProvider: function() {
+        return ToastProvider;
+    },
+    ToastTitle: function() {
+        return ToastTitle;
+    },
+    ToastViewport: function() {
+        return ToastViewport;
+    },
+    Toaster: function() {
+        return Toaster;
+    },
+    Tooltip: function() {
+        return Tooltip;
+    },
+    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-transparent 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/Dialog.tsx
+var React3 = __toESM(require("react"));
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = function(_param) /* @__PURE__ */ {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return React3.createElement(DialogPrimitive.Portal, _object_spread({}, props));
+};
+DialogPortal.displayName = DialogPrimitive.Portal.displayName;
+var DialogOverlay = React3.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React3.createElement(DialogPrimitive.Overlay, _object_spread({
+        ref: ref,
+        className: cn("hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0", className)
+    }, props));
+});
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React3.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return React3.createElement(DialogPortal, null, /* @__PURE__ */ React3.createElement(DialogOverlay, null), /* @__PURE__ */ React3.createElement(DialogPrimitive.Content, _object_spread({
+        onPointerDownOutside: function(e) {
+            if (props.persist) {
+                e.preventDefault();
+            }
+        },
+        ref: ref,
+        className: cn("hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full", className)
+    }, props), children, /* @__PURE__ */ React3.createElement(DialogPrimitive.Close, {
+        className: cn("hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground", props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4")
+    }, /* @__PURE__ */ React3.createElement("svg", {
+        "aria-label": "Close Icon",
+        "aria-hidden": "true",
+        className: "hawa-h-5 hawa-w-5",
+        fill: "currentColor",
+        viewBox: "0 0 20 20"
+    }, /* @__PURE__ */ React3.createElement("path", {
+        fillRule: "evenodd",
+        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+        clipRule: "evenodd"
+    })), /* @__PURE__ */ React3.createElement("span", {
+        className: "hawa-sr-only"
+    }, "Close"))));
+});
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = function(_param) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React3.createElement("div", _object_spread({
+        className: cn("hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-text-center sm:hawa-text-left", className)
+    }, props));
+};
+DialogHeader.displayName = "DialogHeader";
+var DialogTitle = React3.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React3.createElement(DialogPrimitive.Title, _object_spread({
+        ref: ref,
+        className: cn("hawa-text-start hawa-text-lg hawa-font-semibold hawa-leading-none hawa-tracking-tight", className)
+    }, props));
+});
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React3.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React3.createElement(DialogPrimitive.Description, _object_spread({
+        ref: ref,
+        className: cn("hawa-text-start hawa-text-sm hawa-text-muted-foreground", className)
+    }, props));
+});
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+var DialogFooter = function(_param) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React3.createElement("div", _object_spread({
+        className: cn("hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-gap-2", className)
+    }, props));
+};
+DialogFooter.displayName = "DialogFooter";
+// components/elements/Card.tsx
+var React4 = __toESM(require("react"));
+var Card = React4.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 React4.createElement("div", _object_spread({
+        ref: ref,
+        className: cn("hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm", clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:hawa-shadow-dark", className)
+    }, props));
+});
+Card.displayName = "Card";
+var CardHeader = React4.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React4.createElement("div", _object_spread({
+        ref: ref,
+        className: cn("hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6", className)
+    }, props));
+});
+CardHeader.displayName = "CardHeader";
+var CardTitle = React4.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React4.createElement("h3", _object_spread({
+        ref: ref,
+        className: cn("hawa-text-2xl hawa-font-semibold hawa-leading-none hawa-tracking-tight", className)
+    }, props));
+});
+CardTitle.displayName = "CardTitle";
+var CardDescription = React4.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React4.createElement("p", _object_spread({
+        ref: ref,
+        className: cn("hawa-text-sm hawa-text-muted-foreground", className)
+    }, props));
+});
+CardDescription.displayName = "CardDescription";
+var CardContent = React4.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var headless = _param.headless, className = _param.className, props = _object_without_properties(_param, [
+        "headless",
+        "className"
+    ]);
+    return React4.createElement("div", _object_spread({
+        ref: ref,
+        className: cn("hawa-p-6", headless ? "hawa-pt-6" : "hawa-pt-0", className)
+    }, props));
+});
+CardContent.displayName = "CardContent";
+var CardFooter = React4.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React4.createElement("div", _object_spread({
+        ref: ref,
+        className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className)
+    }, props));
+});
+CardFooter.displayName = "CardFooter";
+// components/elements/Breadcrumb.tsx
+var import_react2 = __toESM(require("react"));
+var Breadcrumb = function(param) {
+    var breadcrumbLinks = param.breadcrumbLinks, _param_separator = param.separator, separator = _param_separator === void 0 ? ">" : _param_separator;
+    return /* @__PURE__ */ import_react2.default.createElement("div", {
+        className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm"
+    }, breadcrumbLinks.map(function(singleBreadcrumbLink, index) {
+        return /* @__PURE__ */ import_react2.default.createElement("div", {
+            className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
+        }, /* @__PURE__ */ import_react2.default.createElement("a", {
+            href: singleBreadcrumbLink.href,
+            className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+        }, singleBreadcrumbLink.label), index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react2.default.createElement("div", null, separator) : /* @__PURE__ */ import_react2.default.createElement("div", null, separator) : null);
+    }));
+};
+// components/elements/Tooltip.tsx
+var import_react3 = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var TooltipContent = import_react3.default.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "sideOffset"
+    ]);
+    return import_react3.default.createElement(TooltipPrimitive.Content, _object_spread({
+        ref: ref,
+        sideOffset: sideOffset,
+        className: cn("hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2", className)
+    }, props));
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipArrow = import_react3.default.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return import_react3.default.createElement(TooltipPrimitive.Arrow, _object_spread({
+        ref: ref,
+        className: cn(className)
+    }, props));
+});
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+var Tooltip = function(_param) {
+    var side = _param.side, open = _param.open, content = _param.content, children = _param.children, defaultOpen = _param.defaultOpen, onOpenChange = _param.onOpenChange, _param_delayDuration = _param.delayDuration, delayDuration = _param_delayDuration === void 0 ? 300 : _param_delayDuration, props = _object_without_properties(_param, [
+        "side",
+        "open",
+        "content",
+        "children",
+        "defaultOpen",
+        "onOpenChange",
+        "delayDuration"
+    ]);
+    return /* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.TooltipProvider, {
+        delayDuration: delayDuration
+    }, /* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Root, {
+        open: open,
+        defaultOpen: defaultOpen,
+        onOpenChange: onOpenChange
+    }, /* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Trigger, {
+        asChild: true
+    }, children), /* @__PURE__ */ import_react3.default.createElement(TooltipContent, _object_spread({
+        side: side,
+        align: "center"
+    }, props), content)));
+};
+// components/elements/CodeBlock.tsx
+var import_react5 = __toESM(require("react"));
+// components/hooks/useClipboard.ts
+var import_react4 = require("react");
+function useClipboard() {
+    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_timeout = _ref.timeout, timeout = _ref_timeout === void 0 ? 2e3 : _ref_timeout;
+    var _ref1 = _sliced_to_array((0, import_react4.useState)(null), 2), error = _ref1[0], setError = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react4.useState)(false), 2), copied = _ref2[0], setCopied = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react4.useState)(null), 2), copyTimeout = _ref3[0], setCopyTimeout = _ref3[1];
+    var handleCopyResult = function(value) {
+        clearTimeout(copyTimeout);
+        setCopyTimeout(setTimeout(function() {
+            return setCopied(false);
+        }, timeout));
+        setCopied(value);
+    };
+    var copy = function(valueToCopy) {
+        if ("clipboard" in navigator) {
+            navigator.clipboard.writeText(valueToCopy).then(function() {
+                return handleCopyResult(true);
+            }).catch(function(err) {
+                return setError(err);
+            });
+        } else {
+            setError(new Error("useClipboard: navigator.clipboard is not supported"));
+        }
+    };
+    var reset = function() {
+        setCopied(false);
+        setError(null);
+        clearTimeout(copyTimeout);
+    };
+    return {
+        copy: copy,
+        reset: reset,
+        error: error,
+        copied: copied
+    };
+}
+// components/elements/CodeBlock.tsx
+var CodeBlock = function(param) {
+    var tabs = param.tabs, code = param.code, fileName = param.fileName, _param_width = param.width, width = _param_width === void 0 ? "full" : _param_width;
+    var clipboard = useClipboard();
+    var _ref = _sliced_to_array((0, import_react5.useState)(0), 2), selectedTab = _ref[0], setSelectedTab = _ref[1];
+    var widthStyles = {
+        full: "hawa-w-full",
+        md: "hawa-w-full hawa-max-w-md",
+        sm: "hawa-w-full hawa-max-w-sm",
+        xs: "hawa-w-full hawa-max-w-xs"
+    };
+    return /* @__PURE__ */ import_react5.default.createElement("div", {
+        className: cn(widthStyles[width], "hawa-w-full hawa-flex-col  hawa-items-center hawa-rounded hawa-bg-background hawa-text-left hawa-text-white sm:hawa-text-base")
+    }, tabs && /* @__PURE__ */ import_react5.default.createElement("div", {
+        className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted  hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono "
+    }, tabs.map(function(tab, i) {
+        return /* @__PURE__ */ import_react5.default.createElement("div", {
+            className: cn(selectedTab === i ? " hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent")
+        }, /* @__PURE__ */ import_react5.default.createElement("div", {
+            onClick: function() {
+                return setSelectedTab(i);
+            },
+            className: cn("hawa-mb-1 hawa-transition-all hawa-w-full hawa-max-w-[52px] hawa-cursor-pointer hawa-rounded-inner hawa-p-2 hawa-py-1 hawa-text-center  hawa-text-[1rem] hover:hawa-bg-muted-foreground/20")
+        }, tab.title));
+    })), fileName && /* @__PURE__ */ import_react5.default.createElement("div", {
+        className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono"
+    }, /* @__PURE__ */ import_react5.default.createElement("div", {
+        className: cn("hawa-mb-1 hawa-w-full hawa-max-w-[52px] hawa-rounded-inner hawa-p-2 hawa-py-1 hawa-text-center hawa-text-[1rem]")
+    }, fileName)), /* @__PURE__ */ import_react5.default.createElement("pre", null, /* @__PURE__ */ import_react5.default.createElement("code", {
+        className: cn("hawa-relative hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between    hawa-p-0 hawa-text-left  hawa-text-sm sm:hawa-text-base hawa-bg-gray-300 ", tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded")
+    }, /* @__PURE__ */ import_react5.default.createElement("div", {
+        className: "hawa-flex hawa-min-h-[37.75px] hawa-w-full  hawa-flex-row hawa-justify-start hawa-overflow-auto hawa-p-4 hawa-text-foreground hawa-bg-background/70 hawa-font-mono   "
+    }, tabs ? tabs[selectedTab].code : code), /* @__PURE__ */ import_react5.default.createElement("div", {
+        className: "hawa-absolute hawa-right-0 hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2"
+    }, /* @__PURE__ */ import_react5.default.createElement(Tooltip, {
+        open: clipboard.copied,
+        side: "left",
+        content: /* @__PURE__ */ import_react5.default.createElement("div", null, "Copied!")
+    }, /* @__PURE__ */ import_react5.default.createElement(Button, {
+        size: "icon",
+        onClick: function() {
+            return clipboard.copy(tabs ? tabs[selectedTab].code : code);
+        },
+        variant: "outline",
+        className: "hawa-opacity-50 sm:hawa-opacity-100 hawa-text-foreground"
+    }, /* @__PURE__ */ import_react5.default.createElement("svg", {
+        "aria-label": "Copy Icon",
+        stroke: "currentColor",
+        fill: "none",
+        strokeWidth: "2",
+        viewBox: "0 0 24 24",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        height: "1em",
+        width: "1em"
+    }, /* @__PURE__ */ import_react5.default.createElement("rect", {
+        width: "14",
+        height: "14",
+        x: "8",
+        y: "8",
+        rx: "2",
+        ry: "2"
+    }), /* @__PURE__ */ import_react5.default.createElement("path", {
+        d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+    }))))))));
+};
+// components/elements/Checkbox.tsx
+var React8 = __toESM(require("react"));
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+var Checkbox = function(_param) {
+    var id = _param.id, label = _param.label, sublabel = _param.sublabel, helperText = _param.helperText, checkboxProps = _object_without_properties(_param, [
+        "id",
+        "label",
+        "sublabel",
+        "helperText"
+    ]);
+    return /* @__PURE__ */ React8.createElement("div", {
+        className: "hawa-items-top  hawa-flex hawa-gap-2 "
+    }, /* @__PURE__ */ React8.createElement(CheckboxElement, _object_spread({
+        id: id
+    }, checkboxProps)), (label || helperText) && /* @__PURE__ */ React8.createElement("div", {
+        className: "hawa-grid hawa-gap-1.5 hawa-leading-none"
+    }, label && /* @__PURE__ */ React8.createElement("label", {
+        role: "checkbox",
+        htmlFor: id,
+        className: cn("hawa-cursor-pointer hawa-select-none hawa-text-sm hawa-font-medium hawa-leading-none hawa-pt-0.5", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70 ")
+    }, label), sublabel && /* @__PURE__ */ React8.createElement("label", {
+        role: "checkbox",
+        htmlFor: id,
+        className: cn("hawa-cursor-pointer hawa-select-none hawa-text-sm hawa-text-muted-foreground", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70")
+    }, sublabel), helperText && !checkboxProps.disabled && /* @__PURE__ */ React8.createElement("label", {
+        role: "checkbox",
+        htmlFor: id,
+        className: cn("hawa-select-none hawa-text-xs  hawa-text-red-500", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-opacity-70")
+    }, helperText)));
+};
+var CheckboxElement = React8.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React8.createElement(CheckboxPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn("hawa-peer hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground", className)
+    }, props), /* @__PURE__ */ React8.createElement(CheckboxPrimitive.Indicator, {
+        className: cn("hawa-flex hawa-items-center hawa-justify-center hawa-text-current")
+    }, /* @__PURE__ */ React8.createElement("svg", {
+        "aria-label": "Check Mark",
+        stroke: "currentColor",
+        fill: "currentColor",
+        strokeWidth: "0",
+        viewBox: "0 0 512 512",
+        height: "0.60em",
+        width: "0.60em"
+    }, /* @__PURE__ */ React8.createElement("path", {
+        d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
+    })), " "));
+});
+CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
+// components/elements/Toast.tsx
+var React9 = __toESM(require("react"));
+var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
+var import_class_variance_authority2 = require("class-variance-authority");
+var toastVariants = (0, import_class_variance_authority2.cva)("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border  shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80  data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+    variants: {
+        variant: {
+            default: "border bg-background text-foreground",
+            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+        },
+        severity: {
+            info: "info group text-info-foreground bg-info",
+            warning: "warning group text-warning-foreground bg-warning",
+            error: "error group border-error bg-error text-error-foreground",
+            success: "success group text-success-foreground bg-success",
+            none: ""
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React9.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React9.createElement(ToastPrimitives.Viewport, _object_spread({
+        ref: ref,
+        className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className)
+    }, props));
+});
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var Toast = React9.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, _param_severity = _param.severity, severity = _param_severity === void 0 ? "none" : _param_severity, direction = _param.direction, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "severity",
+        "direction"
+    ]);
+    return /* @__PURE__ */ React9.createElement(ToastPrimitives.Root, _object_spread({
+        ref: ref,
+        className: cn(toastVariants({
+            variant: variant,
+            severity: severity
+        }), className, direction === "rtl" ? "p-6 pl-0 pr-10 data-[state=closed]:slide-out-to-left-full" : "p-6 pr-8 data-[state=closed]:slide-out-to-right-full"),
+        dir: direction
+    }, props));
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React9.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ React9.createElement(ToastPrimitives.Action, _object_spread({
+        ref: ref,
+        className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "group-[.info]:border-muted/40 group-[.info]:hover:border-info/30 group-[.info]:hover:bg-info group-[.info]:hover:text-info-foreground group-[.info]:focus:ring-info", "group-[.error]:border-muted/40 group-[.error]:hover:border-error/30 group-[.error]:hover:bg-error group-[.error]:hover:text-error-foreground group-[.error]:focus:ring-error", "group-[.success]:border-muted/40 group-[.success]:hover:border-success/30 group-[.success]:hover:bg-success group-[.success]:hover:text-success-foreground group-[.success]:focus:ring-success", "group-[.warning]:border-muted/40 group-[.warning]:hover:border-warning/30 group-[.warning]:hover:bg-warning group-[.warning]:hover:text-warning-foreground group-[.warning]:focus:ring-warning", className)
+    }, props));
+});
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React9.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React9.createElement(ToastPrimitives.Close, _object_spread({
+        ref: ref,
+        className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
+        "toast-close": ""
+    }, props), /* @__PURE__ */ React9.createElement("svg", {
+        "aria-label": "Close Icon",
+        "aria-hidden": "true",
+        className: "h-4 w-4",
+        fill: "currentColor",
+        viewBox: "0 0 20 20"
+    }, /* @__PURE__ */ React9.createElement("path", {
+        fillRule: "evenodd",
+        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+        clipRule: "evenodd"
+    })));
+});
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React9.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React9.createElement(ToastPrimitives.Title, _object_spread({
+        ref: ref,
+        className: cn("text-sm font-semibold", className)
+    }, props));
+});
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React9.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React9.createElement(ToastPrimitives.Description, _object_spread({
+        ref: ref,
+        className: cn("text-sm opacity-90", className)
+    }, props));
+});
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+// components/elements/Toaster.tsx
+var import_react6 = __toESM(require("react"));
+// components/hooks/useToast.ts
+var React10 = __toESM(require("react"));
+var TOAST_LIMIT = 5;
+var TOAST_REMOVE_DELAY = 1e5;
+var count = 0;
+function genId() {
+    count = (count + 1) % Number.MAX_VALUE;
+    return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = function(toastId) {
+    if (toastTimeouts.has(toastId)) {
+        return;
+    }
+    var timeout = setTimeout(function() {
+        toastTimeouts.delete(toastId);
+        dispatch({
+            type: "REMOVE_TOAST",
+            toastId: toastId
+        });
+    }, TOAST_REMOVE_DELAY);
+    toastTimeouts.set(toastId, timeout);
+};
+var reducer = function(state, action) {
+    switch(action.type){
+        case "ADD_TOAST":
+            return _object_spread_props(_object_spread({}, state), {
+                toasts: [
+                    action.toast
+                ].concat(_to_consumable_array(state.toasts)).slice(0, TOAST_LIMIT)
+            });
+        case "UPDATE_TOAST":
+            return _object_spread_props(_object_spread({}, state), {
+                toasts: state.toasts.map(function(t) {
+                    return t.id === action.toast.id ? _object_spread({}, t, action.toast) : t;
+                })
+            });
+        case "DISMISS_TOAST":
+            {
+                var toastId = action.toastId;
+                if (toastId) {
+                    addToRemoveQueue(toastId);
+                } else {
+                    state.toasts.forEach(function(toast2) {
+                        addToRemoveQueue(toast2.id);
+                    });
+                }
+                return _object_spread_props(_object_spread({}, state), {
+                    toasts: state.toasts.map(function(t) {
+                        return t.id === toastId || toastId === void 0 ? _object_spread_props(_object_spread({}, t), {
+                            open: false
+                        }) : t;
+                    })
+                });
+            }
+        case "REMOVE_TOAST":
+            if (action.toastId === void 0) {
+                return _object_spread_props(_object_spread({}, state), {
+                    toasts: []
+                });
+            }
+            return _object_spread_props(_object_spread({}, state), {
+                toasts: state.toasts.filter(function(t) {
+                    return t.id !== action.toastId;
+                })
+            });
+    }
+};
+var listeners = [];
+var memoryState = {
+    toasts: []
+};
+function dispatch(action) {
+    memoryState = reducer(memoryState, action);
+    listeners.forEach(function(listener) {
+        listener(memoryState);
+    });
+}
+function toast(_param) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    var id = genId();
+    var update = function(props2) {
+        return dispatch({
+            type: "UPDATE_TOAST",
+            toast: _object_spread_props(_object_spread({}, props2), {
+                id: id
+            })
+        });
+    };
+    var dismiss = function() {
+        return dispatch({
+            type: "DISMISS_TOAST",
+            toastId: id
+        });
+    };
+    dispatch({
+        type: "ADD_TOAST",
+        toast: _object_spread_props(_object_spread({}, props), {
+            id: id,
+            open: true,
+            onOpenChange: function(open) {
+                if (!open) dismiss();
+            }
+        })
+    });
+    return {
+        id: id,
+        dismiss: dismiss,
+        update: update
+    };
+}
+function useToast() {
+    var _React10_useState = _sliced_to_array(React10.useState(memoryState), 2), state = _React10_useState[0], setState = _React10_useState[1];
+    React10.useEffect(function() {
+        listeners.push(setState);
+        return function() {
+            var index = listeners.indexOf(setState);
+            if (index > -1) {
+                listeners.splice(index, 1);
+            }
+        };
+    }, [
+        state
+    ]);
+    return _object_spread_props(_object_spread({}, state), {
+        toast: toast,
+        dismiss: function(toastId) {
+            return dispatch({
+                type: "DISMISS_TOAST",
+                toastId: toastId
+            });
+        }
+    });
+}
+// components/elements/Toaster.tsx
+function Toaster(props) {
+    var toasts = useToast().toasts;
+    var isRTL = props.direction === "rtl";
+    return /* @__PURE__ */ import_react6.default.createElement(ToastProvider, {
+        swipeDirection: isRTL ? "left" : "right"
+    }, toasts.map(function(_param) {
+        var id = _param.id, title = _param.title, description = _param.description, action = _param.action, toastProps = _object_without_properties(_param, [
+            "id",
+            "title",
+            "description",
+            "action"
+        ]);
+        return /* @__PURE__ */ import_react6.default.createElement(Toast, _object_spread({
+            direction: props.direction,
+            key: id
+        }, toastProps), /* @__PURE__ */ import_react6.default.createElement("div", {
+            className: "grid gap-1 text-start"
+        }, title && /* @__PURE__ */ import_react6.default.createElement(ToastTitle, null, title), description && /* @__PURE__ */ import_react6.default.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ import_react6.default.createElement(ToastClose, null));
+    }), /* @__PURE__ */ import_react6.default.createElement(ToastViewport, {
+        className: cn("gap-2", isRTL && "fixed left-0")
+    }));
+}
+// components/elements/Switch.tsx
+var React12 = __toESM(require("react"));
+var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
+var rootSize = {
+    default: "hawa-h-[25px] hawa-w-[42px]",
+    sm: "hawa-h-[20px] hawa-w-[37px]",
+    lg: "hawa-h-[30px] hawa-w-[47px]"
+};
+var thumbSize = {
+    default: "hawa-h-[21px] hawa-w-[21px]",
+    sm: "hawa-h-[16px] hawa-w-[16px]",
+    lg: "hawa-h-[26px] hawa-w-[26px]"
+};
+var Switch = React12.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_size = _param.size, size = _param_size === void 0 ? "default" : _param_size, label = _param.label, props = _object_without_properties(_param, [
+        "className",
+        "size",
+        "label"
+    ]);
+    var _React12_useState = _sliced_to_array(React12.useState(null), 2), parentDirection = _React12_useState[0], setParentDirection = _React12_useState[1];
+    var parentRef = React12.useRef(null);
+    React12.useEffect(function() {
+        var _parentRef_current;
+        var parentNode = (_parentRef_current = parentRef.current) === null || _parentRef_current === void 0 ? void 0 : _parentRef_current.parentNode;
+        if (parentNode) {
+            var dir = window.getComputedStyle(parentNode).direction;
+            setParentDirection(dir);
+        }
+    });
+    return /* @__PURE__ */ React12.createElement("div", {
+        className: "hawa-flex hawa-flex-row hawa-items-center",
+        ref: parentRef
+    }, /* @__PURE__ */ React12.createElement(SwitchPrimitives.Root, _object_spread_props(_object_spread({
+        className: cn("hawa-relative  hawa-cursor-pointer hawa-rounded-full hawa-bg-primary/20 hawa-outline-none data-[state=checked]:hawa-bg-primary", className, rootSize[size])
+    }, props), {
+        ref: ref
+    }), /* @__PURE__ */ React12.createElement(SwitchPrimitives.Thumb, {
+        className: cn(thumbSize[size], "hawa-block hawa-rounded-full hawa-bg-white hawa-transition-transform  hawa-duration-100 hawa-will-change-transform data-[state=checked]:hawa-bg-primary-foreground  dark:hawa-bg-background", parentDirection === "rtl" ? "hawa--translate-x-0.5 data-[state=checked]:hawa--translate-x-[19px]" : "hawa-translate-x-0.5 data-[state=checked]:hawa-translate-x-[19px]")
+    })), label && /* @__PURE__ */ React12.createElement("span", {
+        className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300"
+    }, label));
+});
+Switch.displayName = SwitchPrimitives.Root.displayName;
+// components/elements/Radio.tsx
+var import_react7 = __toESM(require("react"));
+var Radio = function(_param) {
+    var _param_design = _param.design, design = _param_design === void 0 ? "default" : _param_design, _param_width = _param.width, width = _param_width === void 0 ? "default" : _param_width, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, props = _object_without_properties(_param, [
+        "design",
+        "width",
+        "orientation"
+    ]);
+    var _ref = _sliced_to_array((0, import_react7.useState)(props.defaultValue), 2), selectedOption = _ref[0], setSelectedOption = _ref[1];
+    var activeTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4  hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary ";
+    var inactiveTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-transition-all hover:hawa-bg-primary/10 dark:hawa-bg-background hawa-bg-primary/5  hover:hawa-text-gray-900  dark:hover:hawa-bg-primary/10 dark:hover:hawa-text-white dark:hawa-bg-primary/5";
+    var orientationStyle = {
+        horizontal: "hawa-flex hawa-flex-row",
+        vertical: "hawa-flex hawa-flex-col"
+    };
+    var widthStyle = {
+        default: "hawa-max-w-fit",
+        full: "hawa-w-full"
+    };
+    var _import_react7_default_useState = _sliced_to_array(import_react7.default.useState(null), 2), parentDirection = _import_react7_default_useState[0], setParentDirection = _import_react7_default_useState[1];
+    var parentRef = (0, import_react7.useRef)(null);
+    (0, import_react7.useEffect)(function() {
+        var _parentRef_current;
+        var parentNode = (_parentRef_current = parentRef.current) === null || _parentRef_current === void 0 ? void 0 : _parentRef_current.parentNode;
+        if (parentNode) {
+            var dir = window.getComputedStyle(parentNode).direction;
+            setParentDirection(dir);
+        }
+    });
+    switch(design){
+        case "tabs":
+            var _props_options, _props_options1;
+            return /* @__PURE__ */ import_react7.default.createElement("ul", {
+                ref: parentRef,
+                className: cn(props.options && ((_props_options = props.options) === null || _props_options === void 0 ? void 0 : _props_options.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "", "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-text-sm hawa-font-medium", widthStyle[width], orientationStyle[orientation])
+            }, (_props_options1 = props.options) === null || _props_options1 === void 0 ? void 0 : _props_options1.map(function(opt, o) {
+                return /* @__PURE__ */ import_react7.default.createElement("li", {
+                    "aria-current": "page",
+                    onClick: function() {
+                        setSelectedOption(opt.value);
+                        props.onChangeTab(opt.value);
+                    },
+                    className: cn("hawa-w-full hawa-cursor-pointer ", orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r", orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l", orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b", "hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ", selectedOption === opt.value ? activeTabStyle : inactiveTabStyle),
+                    key: o
+                }, opt.icon && opt.icon, opt.label);
+            }));
+        case "bordered":
+            return /* @__PURE__ */ import_react7.default.createElement("div", {
+                className: cn(orientationStyle[orientation], "hawa-gap-4")
+            }, props.options && props.options.map(function(opt, i) {
+                return /* @__PURE__ */ import_react7.default.createElement("div", {
+                    className: "hawa-rounded hawa-border hawa-border-gray-200 "
+                }, /* @__PURE__ */ import_react7.default.createElement("div", {
+                    className: "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+                    key: i + 1
+                }, /* @__PURE__ */ import_react7.default.createElement("input", {
+                    disabled: opt.disabled,
+                    id: opt.value.toString(),
+                    type: "radio",
+                    value: opt.value,
+                    name: "bordered-radio"
+                }), /* @__PURE__ */ import_react7.default.createElement("label", {
+                    htmlFor: opt.value.toString(),
+                    className: cn("hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white", opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900")
+                }, opt.label)));
+            }));
+        case "cards":
+            var _props_options2;
+            return /* @__PURE__ */ import_react7.default.createElement("ul", {
+                className: cn(orientationStyle[orientation], "hawa-gap-4")
+            }, (_props_options2 = props.options) === null || _props_options2 === void 0 ? void 0 : _props_options2.map(function(opt, o) {
+                return /* @__PURE__ */ import_react7.default.createElement("li", null, /* @__PURE__ */ import_react7.default.createElement("input", {
+                    type: "radio",
+                    id: opt.value.toString(),
+                    name: "cards-radio",
+                    value: opt.value.toString(),
+                    className: "hawa-peer hawa-hidden",
+                    required: true,
+                    disabled: opt.disabled
+                }), /* @__PURE__ */ import_react7.default.createElement("label", {
+                    htmlFor: opt.value.toString(),
+                    className: cn("hawa-inline-flex hawa-h-full hawa-w-full  hawa-items-center hawa-justify-between hawa-rounded-lg hawa-border hawa-border-gray-200 hawa-bg-white hawa-p-5 hawa-text-gray-500  peer-checked:hawa-border-blue-600 peer-checked:hawa-text-blue-600 dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-gray-400  dark:peer-checked:hawa-text-primary", opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-gray-100 hover:hawa-text-gray-600 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-gray-300")
+                }, /* @__PURE__ */ import_react7.default.createElement("div", {
+                    className: "hawa-block  hawa-h-full hawa-w-full"
+                }, /* @__PURE__ */ import_react7.default.createElement("div", {
+                    className: "hawa-w-full hawa-text-lg hawa-font-semibold"
+                }, opt.label), /* @__PURE__ */ import_react7.default.createElement("div", {
+                    className: "hawa-w-full"
+                }, opt.sublabel))));
+            }));
+        default:
+            return /* @__PURE__ */ import_react7.default.createElement("div", {
+                className: cn(orientationStyle[orientation], "hawa-gap-2")
+            }, props.options && props.options.map(function(opt, i) {
+                return /* @__PURE__ */ import_react7.default.createElement("div", {
+                    className: "radio-item radio-item-default  hawa-flex hawa-items-center hawa-transition-all",
+                    key: i + 1
+                }, /* @__PURE__ */ import_react7.default.createElement("input", {
+                    disabled: opt.disabled,
+                    id: opt.value.toString(),
+                    type: "radio",
+                    value: opt.value,
+                    name: "default-radio"
+                }), /* @__PURE__ */ import_react7.default.createElement("label", {
+                    htmlFor: opt.value.toString(),
+                    className: cn("hawa-text-sm hawa-font-medium dark:hawa-text-white", opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900")
+                }, opt.label));
+            }));
+    }
+};
+// components/elements/DropdownMenu.tsx
+var React14 = __toESM(require("react"));
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var DropdownMenuRoot = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuSubTrigger = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, inset = _param.inset, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "inset",
+        "children"
+    ]);
+    return React14.createElement(DropdownMenuPrimitive.SubTrigger, _object_spread({
+        ref: ref,
+        className: cn("hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-px-2 hawa-py-3 hawa-text-sm hawa-outline-none focus:hawa-bg-accent data-[state=open]:hawa-bg-accent", inset && "hawa-pl-8", className)
+    }, props), /* @__PURE__ */ React14.createElement("div", {
+        className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
+    }, children), " ", /* @__PURE__ */ React14.createElement("svg", {
+        "aria-label": "Chevron Right Icon",
+        stroke: "currentColor",
+        fill: "currentColor",
+        strokeWidth: "0",
+        viewBox: "0 0 16 16",
+        height: "1em",
+        width: "1em",
+        className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
+    }, /* @__PURE__ */ React14.createElement("path", {
+        fillRule: "evenodd",
+        d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+    })));
+});
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React14.createElement(DropdownMenuPrimitive.SubContent, _object_spread({
+        ref: ref,
+        className: cn("hawa-z-50 hawa-min-w-[8rem] hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2", className)
+    }, props));
+});
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "sideOffset"
+    ]);
+    return React14.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.Content, _object_spread({
+        ref: ref,
+        sideOffset: sideOffset,
+        className: cn("hawa-z-50  hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-md data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2", className)
+    }, props)));
+});
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React14.forwardRef(function(_param, ref) {
+    var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
+        "className",
+        "inset"
+    ]);
+    console.log("sdsdsds", props.children);
+    return /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.Item, _object_spread({
+        disabled: props.disabled,
+        ref: ref,
+        className: cn("hawa-relative hawa-flex hawa-cursor-pointer hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50", inset && "hawa-pl-8", props.end && Array.isArray(props.children) && props.children[1] && "hawa-gap-6", className)
+    }, props), /* @__PURE__ */ React14.createElement("div", {
+        className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 "
+    }, props.children), props.end && props.end);
+});
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, children = _param.children, checked = _param.checked, props = _object_without_properties(_param, [
+        "className",
+        "children",
+        "checked"
+    ]);
+    return React14.createElement(DropdownMenuPrimitive.CheckboxItem, _object_spread({
+        ref: ref,
+        className: cn("hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-py-1.5 hawa-pl-8 hawa-pr-2 hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-bg-accent focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50", className),
+        checked: checked
+    }, props), /* @__PURE__ */ React14.createElement("span", {
+        className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center"
+    }, /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React14.createElement("svg", {
+        "aria-label": "Check Mark",
+        stroke: "currentColor",
+        fill: "currentColor",
+        strokeWidth: "0",
+        viewBox: "0 0 512 512",
+        height: "0.60em",
+        width: "0.60em"
+    }, /* @__PURE__ */ React14.createElement("path", {
+        d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
+    })), " ")), children);
+});
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return React14.createElement(DropdownMenuPrimitive.RadioItem, _object_spread({
+        ref: ref,
+        className: cn("hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-py-1.5 hawa-pl-8 hawa-pr-2 hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-bg-accent focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50", className)
+    }, props), /* @__PURE__ */ React14.createElement("span", {
+        className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center"
+    }, /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React14.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        "aria-label": "Circle",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "hawa-h-2 hawa-w-2 hawa-fill-current"
+    }, /* @__PURE__ */ React14.createElement("circle", {
+        cx: "12",
+        cy: "12",
+        r: "10"
+    })))), children);
+});
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
+        "className",
+        "inset"
+    ]);
+    return React14.createElement(DropdownMenuPrimitive.Label, _object_spread({
+        ref: ref,
+        className: cn("hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-font-semibold", inset && "hawa-pl-8", className)
+    }, props));
+});
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React14.createElement(DropdownMenuPrimitive.Separator, _object_spread({
+        ref: ref,
+        className: cn("hawa--mx-1 hawa-my-1 hawa-h-px hawa-bg-muted", className)
+    }, props));
+});
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ React14.createElement("span", _object_spread({
+        className: cn("hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-opacity-60", className)
+    }, props));
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var DropdownMenu = function(param) {
+    var trigger = param.trigger, items = param.items, direction = param.direction, sideOffset = param.sideOffset, side = param.side, className = param.className, triggerClassname = param.triggerClassname, align = param.align, alignOffset = param.alignOffset, onItemSelect = param.onItemSelect, _param_size = param.size, size = _param_size === void 0 ? "default" : _param_size, _param_width = param.width, width = _param_width === void 0 ? "default" : _param_width;
+    var widthStyles = {
+        default: "hawa-min-w-[8rem]",
+        sm: "hawa-w-fit",
+        lg: "hawa-w-[200px]",
+        parent: "ddm-w-parent"
+    };
+    var sizeStyles = {
+        default: "hawa-px-2 hawa-py-3 ",
+        sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5"
+    };
+    return /* @__PURE__ */ React14.createElement(DropdownMenuRoot, {
+        dir: direction
+    }, /* @__PURE__ */ React14.createElement(DropdownMenuTrigger, {
+        asChild: true,
+        className: triggerClassname
+    }, trigger), /* @__PURE__ */ React14.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React14.createElement(DropdownMenuContent, {
+        side: side,
+        sideOffset: sideOffset,
+        className: cn(className, widthStyles[width], "hawa-flex hawa-flex-col hawa-gap-2"),
+        align: align,
+        alignOffset: alignOffset
+    }, items && items.map(function(item, index) {
+        if (item.type === "separator") {
+            return /* @__PURE__ */ React14.createElement(DropdownMenuSeparator, {
+                key: index
+            });
+        } else if (item.type === "label") {
+            return /* @__PURE__ */ React14.createElement(DropdownMenuLabel, {
+                key: index
+            }, item.label);
+        } else {
+            return item.subitems ? /* @__PURE__ */ React14.createElement(DropdownMenuSub, {
+                key: index
+            }, /* @__PURE__ */ React14.createElement(DropdownMenuSubTrigger, {
+                className: cn(sizeStyles[size]),
+                dir: direction
+            }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React14.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React14.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
+                return /* @__PURE__ */ React14.createElement(DropdownMenuItem, {
+                    key: subIndex,
+                    className: cn(sizeStyles[size], !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"),
+                    disabled: subitem.disabled,
+                    onSelect: function() {
+                        subitem.action && subitem.action();
+                        if (onItemSelect) {
+                            onItemSelect(subitem.value);
+                        }
+                    }
+                }, subitem.icon && subitem.icon, subitem.label && subitem.label);
+            })))) : /* @__PURE__ */ React14.createElement(DropdownMenuItem, {
+                key: index,
+                disabled: item.disabled,
+                onSelect: function(e) {
+                    if (item.presist) {
+                        e.preventDefault();
+                    }
+                    if (item.action) {
+                        item.action();
+                        if (onItemSelect) {
+                            onItemSelect(item.value);
+                        }
+                    } else {
+                        if (onItemSelect) {
+                            onItemSelect(item.value);
+                        }
+                    }
+                },
+                end: item.end,
+                className: cn(sizeStyles[size], !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent " : "focus:hawa-bg-accent ", item.presist && "focus:hawa-bg-transparent")
+            }, item.icon && item.icon, item.label && item.label);
+        }
+    }))));
+};
+// components/elements/ActionCard.tsx
+var import_react8 = __toESM(require("react"));
+var ActionCard = function(props) {
+    var _ref = _sliced_to_array((0, import_react8.useState)(false), 2), hovered = _ref[0], setHovered = _ref[1];
+    return /* @__PURE__ */ import_react8.default.createElement("div", {
+        className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1"
+    }, /* @__PURE__ */ import_react8.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_react8.default.createElement("div", {
+        className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center "
+    }, /* @__PURE__ */ import_react8.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_react8.default.createElement("path", {
+        d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"
+    }))) : /* @__PURE__ */ import_react8.default.createElement("div", {
+        className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50"
+    }), /* @__PURE__ */ import_react8.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_react8.default.createElement("div", {
+        className: "hawa-relative hawa-p-4"
+    }, /* @__PURE__ */ import_react8.default.createElement("h1", {
+        className: "hawa-text-white"
+    }, props.title), /* @__PURE__ */ import_react8.default.createElement("p", {
+        className: "hawa-text-white"
+    }, props.subtitle))), /* @__PURE__ */ import_react8.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,
+    Breadcrumb: Breadcrumb,
+    Button: Button,
+    Card: Card,
+    CardContent: CardContent,
+    CardDescription: CardDescription,
+    CardFooter: CardFooter,
+    CardHeader: CardHeader,
+    CardTitle: CardTitle,
+    Checkbox: Checkbox,
+    CodeBlock: CodeBlock,
+    Dialog: Dialog,
+    DialogContent: DialogContent,
+    DialogDescription: DialogDescription,
+    DialogFooter: DialogFooter,
+    DialogHeader: DialogHeader,
+    DialogTitle: DialogTitle,
+    DialogTrigger: DialogTrigger,
+    DropdownMenu: DropdownMenu,
+    Loading: Loading,
+    Radio: Radio,
+    Switch: Switch,
+    Toast: Toast,
+    ToastAction: ToastAction,
+    ToastClose: ToastClose,
+    ToastDescription: ToastDescription,
+    ToastProvider: ToastProvider,
+    ToastTitle: ToastTitle,
+    ToastViewport: ToastViewport,
+    Toaster: Toaster,
+    Tooltip: Tooltip,
+    buttonVariants: buttonVariants
+});