@sikka/hawa 0.2.38 → 0.2.41-next

package/dist/index.js

@@ -0,0 +1,1931 @@
+"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;
+    },
+    Alert: function() {
+        return Alert;
+    },
+    AppStores: function() {
+        return AppStores;
+    },
+    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;
+    },
+    Chip: function() {
+        return Chip;
+    },
+    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;
+    },
+    Label: function() {
+        return Label;
+    },
+    Loading: function() {
+        return Loading;
+    },
+    PinInput: function() {
+        return PinInput;
+    },
+    Popover: function() {
+        return Popover;
+    },
+    PopoverContent: function() {
+        return PopoverContent;
+    },
+    Radio: function() {
+        return Radio;
+    },
+    Skeleton: function() {
+        return Skeleton;
+    },
+    Slider: function() {
+        return Slider;
+    },
+    Switch: function() {
+        return Switch;
+    },
+    Textarea: function() {
+        return Textarea;
+    },
+    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)("hawa-group hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full", {
+    variants: {
+        variant: {
+            default: "hawa-border hawa-bg-background hawa-text-foreground",
+            destructive: "hawa-destructive hawa-group hawa-border-destructive hawa-bg-destructive hawa-text-destructive-foreground"
+        },
+        severity: {
+            info: "hawa-info hawa-group hawa-text-info-foreground hawa-bg-info",
+            warning: "hawa-warning hawa-group hawa-text-warning-foreground hawa-bg-warning",
+            error: "hawa-error hawa-group hawa-border-error hawa-bg-error hawa-text-error-foreground",
+            success: "hawa-success hawa-group hawa-text-success-foreground hawa-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("hawa-fixed hawa-top-0 hawa-z-[100] hawa-flex hawa-max-h-screen hawa-w-full hawa-flex-col-reverse hawa-p-4 sm:hawa-bottom-0 sm:hawa-right-0 sm:hawa-top-auto sm:hawa-flex-col md:hawa-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" ? "hawa-p-6 hawa-pl-0 hawa-pr-10 data-[state=closed]:hawa-slide-out-to-left-full" : "hawa-p-6 hawa-pr-8 data-[state=closed]:hawa-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("hawa-inline-flex hawa-h-8 hawa-shrink-0 hawa-items-center hawa-justify-center hawa-rounded-md hawa-border hawa-bg-transparent hawa-px-3 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors hover:hawa-bg-secondary hover:hawa-text-secondary-foreground focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50", "group-[.info]:hawa-border-muted/40 group-[.info]:hover:hawa-border-info/30 group-[.info]:hover:hawa-bg-info group-[.info]:hover:hawa-text-info-foreground group-[.info]:focus:hawa-ring-info", "group-[.error]:hawa-border-muted/40 group-[.error]:hover:hawa-border-error/30 group-[.error]:hover:hawa-bg-error group-[.error]:hover:hawa-text-error-foreground group-[.error]:focus:hawa-ring-error", "group-[.success]:hawa-border-muted/40 group-[.success]:hover:hawa-border-success/30 group-[.success]:hover:hawa-bg-success group-[.success]:hover:hawa-text-success-foreground group-[.success]:focus:hawa-ring-success", "group-[.warning]:hawa-border-muted/40 group-[.warning]:hover:hawa-border-warning/30 group-[.warning]:hover:hawa-bg-warning group-[.warning]:hover:hawa-text-warning-foreground group-[.warning]:focus:hawa-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("hawa-absolute hawa-right-2 hawa-top-2 hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-opacity-0 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 group-hover:hawa-opacity-100 group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600", className),
+        "toast-close": ""
+    }, props), /* @__PURE__ */ React9.createElement("svg", {
+        "aria-label": "Close Icon",
+        "aria-hidden": "true",
+        className: "hawa-h-4 hawa-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("hawa-text-sm hawa-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("hawa-text-sm hawa-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: "hawa-grid hawa-gap-1 hawa-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("hawa-gap-2", isRTL && "hawa-fixed hawa-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/Skeleton.tsx
+var import_react8 = __toESM(require("react"));
+function Skeleton(_param) {
+    var className = _param.className, _param_animation = _param.animation, animation = _param_animation === void 0 ? "pulse" : _param_animation, props = _object_without_properties(_param, [
+        "className",
+        "animation"
+    ]);
+    return /* @__PURE__ */ import_react8.default.createElement("div", _object_spread({
+        className: cn(animation === "pulse" ? "hawa-animate-pulse hawa-rounded hawa-bg-muted" : "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10", className)
+    }, props));
+}
+{}// components/elements/Chip.tsx
+var import_react9 = __toESM(require("react"));
+var import_clsx3 = __toESM(require("clsx"));
+var Chip = function(param) {
+    var label = param.label, _param_size = param.size, size = _param_size === void 0 ? "normal" : _param_size, icon = param.icon, color = param.color, dot = param.dot, _param_dotType = param.dotType, dotType = _param_dotType === void 0 ? "available" : _param_dotType;
+    var defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center hawa-rounded  hawa-px-2.5 hawa-py-0.5  hawa-font-bold hawa-text-blue-800 hawa-bg-blue-200 dark:hawa-text-blue-800";
+    var sizeStyles = {
+        small: "hawa-h-full hawa-leading-4 hawa-px-1 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
+        normal: "hawa-h-fit hawa-text-xs",
+        large: ""
+    };
+    var dotStyles = {
+        small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
+        normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
+        large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
+    };
+    var dotTypeStyles = {
+        available: "hawa-bg-green-500",
+        unavailable: "hawa-bg-red-500"
+    };
+    return /* @__PURE__ */ import_react9.default.createElement("span", {
+        className: (0, import_clsx3.default)(defaultStyles, sizeStyles[size], color ? "hawa-bg-".concat(color, "-100 hawa-text-").concat(color, "-500") : "hawa-bg-layoutPrimary-500")
+    }, dot && /* @__PURE__ */ import_react9.default.createElement("span", {
+        className: (0, import_clsx3.default)(dotStyles[size], dotTypeStyles[dotType])
+    }), icon && icon, label);
+};
+// components/elements/Label.tsx
+var React16 = __toESM(require("react"));
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_class_variance_authority3 = require("class-variance-authority");
+var labelVariants = (0, import_class_variance_authority3.cva)("hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70");
+var Label = React16.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React16.createElement(LabelPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn(labelVariants(), className)
+    }, props));
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+// components/elements/Alert.tsx
+var import_react10 = __toESM(require("react"));
+var import_clsx4 = __toESM(require("clsx"));
+var Alert = function(_param) {
+    var _param_variant = _param.variant, variant = _param_variant === void 0 ? "normal" : _param_variant, _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_severity = _param.severity, severity = _param_severity === void 0 ? "info" : _param_severity, duration = _param.duration, icon = _param.icon, className = _param.className, props = _object_without_properties(_param, [
+        "variant",
+        "direction",
+        "severity",
+        "duration",
+        "icon",
+        "className"
+    ]);
+    var alertRef = (0, import_react10.useRef)(null);
+    var _ref = _sliced_to_array((0, import_react10.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
+    (0, import_react10.useEffect)(function() {
+        if (duration) {
+            var timeoutHide = setTimeout(function() {
+                setClosed(true);
+            }, duration);
+            var timeoutDestroy = setTimeout(function() {
+                setClosed(true);
+                if (alertRef === null || alertRef === void 0 ? void 0 : alertRef.current) {
+                    alertRef === null || alertRef === void 0 ? void 0 : alertRef.current.removeChild(alertRef === null || alertRef === void 0 ? void 0 : alertRef.current.children[0]);
+                }
+            }, duration + 1e3);
+            return function() {
+                clearTimeout(timeoutHide);
+                clearTimeout(timeoutDestroy);
+            };
+        }
+    }, [
+        duration
+    ]);
+    var closeButtonStyle = {
+        none: "hover:hawa-bg-gray-300",
+        info: "hover:hawa-bg-blue-300",
+        warning: "hover:hawa-bg-yellow-300",
+        error: "hover:hawa-bg-red-300",
+        success: "hover:hawa-bg-green-300"
+    };
+    var styleVariant = {
+        // normal: {
+        none: "hawa-text-gray-700 hawa-bg-gray-100 dark:hawa-bg-gray-200 dark:hawa-text-gray-800",
+        info: "hawa-text-blue-700 hawa-bg-blue-100 dark:hawa-bg-blue-200 dark:hawa-text-blue-800",
+        warning: "hawa-text-yellow-700 hawa-bg-yellow-100 dark:hawa-bg-yellow-200 dark:hawa-text-yellow-800",
+        error: "hawa-text-red-700 hawa-bg-red-100 dark:hawa-bg-red-200 dark:hawa-text-red-800",
+        success: "hawa-text-green-700 hawa-bg-green-100 dark:hawa-bg-green-200 dark:hawa-text-green-800"
+    };
+    return /* @__PURE__ */ import_react10.default.createElement("div", {
+        ref: alertRef
+    }, /* @__PURE__ */ import_react10.default.createElement("div", {
+        className: (0, import_clsx4.default)("hawa-relative hawa-mb-4 hawa-flex hawa-flex-col hawa-rounded hawa-p-4 hawa-text-sm hawa-transition-all", styleVariant[severity], closed ? "hawa-opacity-0" : "hawa-opacity-100", className),
+        role: "alert",
+        dir: direction
+    }, /* @__PURE__ */ import_react10.default.createElement("div", {
+        className: "hawa-flex hawa-flex-row"
+    }, icon && /* @__PURE__ */ import_react10.default.createElement("div", {
+        className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
+    }, icon), /* @__PURE__ */ import_react10.default.createElement("div", {
+        className: "hawa-flex hawa-flex-col"
+    }, /* @__PURE__ */ import_react10.default.createElement("span", {
+        className: (0, import_clsx4.default)("font-medium", direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8")
+    }, props.title), /* @__PURE__ */ import_react10.default.createElement("span", null, props.text), props.actions && /* @__PURE__ */ import_react10.default.createElement("div", {
+        className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2"
+    }, props.actions.map(function(act, index) {
+        return /* @__PURE__ */ import_react10.default.createElement(Button, {
+            key: index,
+            variant: act.variant,
+            onClick: act.onClick()
+        }, act.label);
+    })))), !props.persistant && /* @__PURE__ */ import_react10.default.createElement("button", {
+        type: "button",
+        className: (0, import_clsx4.default)("hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-text-gray-400 hawa-transition-all  hover:hawa-text-gray-900", closeButtonStyle[severity], direction === "rtl" ? "hawa-left-2" : "hawa-right-2"),
+        "data-dismiss-target": "#alert-default",
+        "aria-label": "Close",
+        onClick: function() {
+            setClosed(true);
+            setTimeout(function() {
+                if (alertRef === null || alertRef === void 0 ? void 0 : alertRef.current) {
+                    alertRef === null || alertRef === void 0 ? void 0 : alertRef.current.removeChild(alertRef === null || alertRef === void 0 ? void 0 : alertRef.current.children[0]);
+                }
+            }, 200);
+        }
+    }, /* @__PURE__ */ import_react10.default.createElement("span", {
+        className: "sr-only"
+    }, "Close"), /* @__PURE__ */ import_react10.default.createElement("svg", {
+        "aria-label": "Close Icon",
+        "aria-hidden": "true",
+        className: "hawa-h-5 hawa-w-5",
+        fill: "currentColor",
+        viewBox: "0 0 20 20"
+    }, /* @__PURE__ */ import_react10.default.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"
+    })))));
+};
+// components/elements/Popover.tsx
+var React18 = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var PopoverContent = React18.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "align",
+        "sideOffset"
+    ]);
+    return React18.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React18.createElement(PopoverPrimitive.Content, _object_spread({
+        ref: ref,
+        align: align,
+        sideOffset: sideOffset,
+        className: cn("hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-p-4 hawa-text-popover-foreground hawa-shadow-md hawa-outline-none 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 dark:hawa-shadow-dark", className)
+    }, props)));
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var Popover = function(_param) /* @__PURE__ */ {
+    var trigger = _param.trigger, children = _param.children, className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, side = _param.side, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, open = _param.open, disableTrigger = _param.disableTrigger, props = _object_without_properties(_param, [
+        "trigger",
+        "children",
+        "className",
+        "align",
+        "side",
+        "sideOffset",
+        "open",
+        "disableTrigger"
+    ]);
+    return React18.createElement(PopoverPrimitive.Root, _object_spread({
+        open: open
+    }, props), /* @__PURE__ */ React18.createElement(PopoverPrimitive.Trigger, {
+        disabled: disableTrigger
+    }, trigger), /* @__PURE__ */ React18.createElement(PopoverContent, {
+        side: side,
+        className: className,
+        align: align,
+        sideOffset: sideOffset
+    }, children));
+};
+// components/elements/Textarea.tsx
+var React19 = __toESM(require("react"));
+var Textarea = React19.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ React19.createElement("textarea", _object_spread({
+        className: cn("hawa-flex hawa-min-h-[80px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-muted-foreground 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", className),
+        ref: ref
+    }, props));
+});
+Textarea.displayName = "Textarea";
+// components/elements/Slider.tsx
+var React20 = __toESM(require("react"));
+var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
+var Slider = React20.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React20.createElement(SliderPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn("hawa-relative hawa-flex hawa-w-full hawa-touch-none hawa-select-none hawa-items-center", className)
+    }, props), /* @__PURE__ */ React20.createElement(SliderPrimitive.Track, {
+        className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-bg-secondary"
+    }, /* @__PURE__ */ React20.createElement(SliderPrimitive.Range, {
+        className: "hawa-absolute hawa-h-full hawa-bg-primary"
+    })), /* @__PURE__ */ React20.createElement(SliderPrimitive.Thumb, {
+        className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background 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"
+    }));
+});
+Slider.displayName = SliderPrimitive.Root.displayName;
+// components/elements/DropdownMenu.tsx
+var React21 = __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 = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, inset = _param.inset, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "inset",
+        "children"
+    ]);
+    return React21.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__ */ React21.createElement("div", {
+        className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
+    }, children), " ", /* @__PURE__ */ React21.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__ */ React21.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 = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React21.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 = React21.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 React21.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React21.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 = React21.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__ */ React21.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__ */ React21.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 = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, children = _param.children, checked = _param.checked, props = _object_without_properties(_param, [
+        "className",
+        "children",
+        "checked"
+    ]);
+    return React21.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__ */ React21.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__ */ React21.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React21.createElement("svg", {
+        "aria-label": "Check Mark",
+        stroke: "currentColor",
+        fill: "currentColor",
+        strokeWidth: "0",
+        viewBox: "0 0 512 512",
+        height: "0.60em",
+        width: "0.60em"
+    }, /* @__PURE__ */ React21.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 = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return React21.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__ */ React21.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__ */ React21.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React21.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__ */ React21.createElement("circle", {
+        cx: "12",
+        cy: "12",
+        r: "10"
+    })))), children);
+});
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
+        "className",
+        "inset"
+    ]);
+    return React21.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 = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return React21.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__ */ React21.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__ */ React21.createElement(DropdownMenuRoot, {
+        dir: direction
+    }, /* @__PURE__ */ React21.createElement(DropdownMenuTrigger, {
+        asChild: true,
+        className: triggerClassname
+    }, trigger), /* @__PURE__ */ React21.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React21.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.itemType === "separator") {
+            return /* @__PURE__ */ React21.createElement(DropdownMenuSeparator, {
+                key: index
+            });
+        } else if (item.itemType === "label") {
+            return /* @__PURE__ */ React21.createElement(DropdownMenuLabel, {
+                key: index
+            }, item.label);
+        } else {
+            return item.subitems ? /* @__PURE__ */ React21.createElement(DropdownMenuSub, {
+                key: index
+            }, /* @__PURE__ */ React21.createElement(DropdownMenuSubTrigger, {
+                className: cn(sizeStyles[size]),
+                dir: direction
+            }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React21.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React21.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
+                return /* @__PURE__ */ React21.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__ */ React21.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/PinInput.tsx
+var import_react11 = __toESM(require("react"));
+var import_clsx5 = __toESM(require("clsx"));
+var PinInput = function(_param) {
+    var label = _param.label, icon = _param.icon, digits = _param.digits, _param_width = _param.width, width = _param_width === void 0 ? "normal" : _param_width, getPins = _param.getPins, props = _object_without_properties(_param, [
+        "label",
+        "icon",
+        "digits",
+        "width",
+        "getPins"
+    ]);
+    var _ref = _sliced_to_array((0, import_react11.useState)(Array.from(Array(digits))), 2), pin = _ref[0], setPin = _ref[1];
+    var handleKeyDown = function(e, index) {
+        var backTo = 0;
+        if (e.key === "Backspace") {
+            e.target.value.length === 0 ? backTo = index - 1 : backTo = index;
+            var previousInput = document.getElementById("input-".concat(backTo));
+            previousInput === null || previousInput === void 0 ? void 0 : previousInput.focus();
+        }
+    };
+    (0, import_react11.useEffect)(function() {
+        var unfilled = pin.includes(void 0);
+        if (!unfilled && getPins) {
+            getPins(pin);
+        }
+    });
+    var handleChange = function(e, index) {
+        if (!/^\d*$/.test(e.target.value)) {
+            var newPin = _to_consumable_array(pin);
+            newPin[index] = "";
+            setPin(newPin);
+            return;
+        } else {
+            var newPin1 = _to_consumable_array(pin);
+            newPin1[index] = e.target.value;
+            setPin(newPin1);
+            if (e.target.value.length === 1) {
+                var nextInput = document.getElementById("input-".concat(index + 1));
+                nextInput === null || nextInput === void 0 ? void 0 : nextInput.focus();
+            } else if (e.target.value.length === 0) {
+                var previousInput = document.getElementById("input-".concat(index - 1));
+                previousInput === null || previousInput === void 0 ? void 0 : previousInput.focus();
+            }
+        }
+    };
+    return /* @__PURE__ */ import_react11.default.createElement("div", {
+        className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2"
+    }, pin.map(function(value, index) {
+        return /* @__PURE__ */ import_react11.default.createElement("input", _object_spread({
+            key: index,
+            type: "text",
+            maxLength: 1,
+            value: value,
+            id: "input-".concat(index),
+            pattern: "[0-9]*",
+            className: (0, import_clsx5.default)("hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center", width === "full" ? "hawa-w-full" : "hawa-w-10"),
+            onChange: function(e) {
+                return handleChange(e, index);
+            },
+            onKeyDown: function(e) {
+                return handleKeyDown(e, index);
+            },
+            onFocus: function(e) {
+                return e.target.select();
+            }
+        }, props));
+    }));
+};
+// components/elements/ActionCard.tsx
+var import_react12 = __toESM(require("react"));
+var ActionCard = function(props) {
+    var _ref = _sliced_to_array((0, import_react12.useState)(false), 2), hovered = _ref[0], setHovered = _ref[1];
+    return /* @__PURE__ */ import_react12.default.createElement("div", {
+        className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1"
+    }, /* @__PURE__ */ import_react12.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_react12.default.createElement("div", {
+        className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center "
+    }, /* @__PURE__ */ import_react12.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_react12.default.createElement("path", {
+        d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"
+    }))) : /* @__PURE__ */ import_react12.default.createElement("div", {
+        className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50"
+    }), /* @__PURE__ */ import_react12.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_react12.default.createElement("div", {
+        className: "hawa-relative hawa-p-4"
+    }, /* @__PURE__ */ import_react12.default.createElement("h1", {
+        className: "hawa-text-white"
+    }, props.title), /* @__PURE__ */ import_react12.default.createElement("p", {
+        className: "hawa-text-white"
+    }, props.subtitle))), /* @__PURE__ */ import_react12.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));
+};
+// components/elements/AppStores.tsx
+var import_react13 = __toESM(require("react"));
+var AppStores = function(props) {
+    return /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-flex hawa-justify-center"
+    }, /* @__PURE__ */ import_react13.default.createElement("div", null, props.store === "apple" ? props.mode === "dark" ? /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white"
+    }, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react13.default.createElement("svg", {
+        viewBox: "0 0 384 512",
+        width: "30"
+    }, /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "currentColor",
+        d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
+    }))), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "Download on the"), /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold"
+    }, "App Store"))) : /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-transparent hawa-text-black"
+    }, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react13.default.createElement("svg", {
+        viewBox: "0 0 384 512",
+        width: "30"
+    }, /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "currentColor",
+        d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
+    }))), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "Download on the"), /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold"
+    }, "App Store"))) : props.mode === "dark" ? /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white"
+    }, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react13.default.createElement("svg", {
+        viewBox: "30 336.7 120.9 129.2",
+        width: "30"
+    }, /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#FFD400",
+        d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#FF3333",
+        d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#48FF48",
+        d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#3BCCFF",
+        d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
+    }))), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "GET IT ON"), /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold"
+    }, "Google Play"))) : /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-white hawa-text-black"
+    }, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react13.default.createElement("svg", {
+        viewBox: "30 336.7 120.9 129.2",
+        width: "30"
+    }, /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#FFD400",
+        d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#FF3333",
+        d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#48FF48",
+        d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#3BCCFF",
+        d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
+    }))), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "GET IT ON"), /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold"
+    }, "Google Play")))));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+    ActionCard: ActionCard,
+    Alert: Alert,
+    AppStores: AppStores,
+    Breadcrumb: Breadcrumb,
+    Button: Button,
+    Card: Card,
+    CardContent: CardContent,
+    CardDescription: CardDescription,
+    CardFooter: CardFooter,
+    CardHeader: CardHeader,
+    CardTitle: CardTitle,
+    Checkbox: Checkbox,
+    Chip: Chip,
+    CodeBlock: CodeBlock,
+    Dialog: Dialog,
+    DialogContent: DialogContent,
+    DialogDescription: DialogDescription,
+    DialogFooter: DialogFooter,
+    DialogHeader: DialogHeader,
+    DialogTitle: DialogTitle,
+    DialogTrigger: DialogTrigger,
+    DropdownMenu: DropdownMenu,
+    Label: Label,
+    Loading: Loading,
+    PinInput: PinInput,
+    Popover: Popover,
+    PopoverContent: PopoverContent,
+    Radio: Radio,
+    Skeleton: Skeleton,
+    Slider: Slider,
+    Switch: Switch,
+    Textarea: Textarea,
+    Toast: Toast,
+    ToastAction: ToastAction,
+    ToastClose: ToastClose,
+    ToastDescription: ToastDescription,
+    ToastProvider: ToastProvider,
+    ToastTitle: ToastTitle,
+    ToastViewport: ToastViewport,
+    Toaster: Toaster,
+    Tooltip: Tooltip,
+    buttonVariants: buttonVariants
+});