@sikka/hawa 0.2.40-next → 0.2.42-next

package/dist/index.js

@@ -218,6 +218,15 @@ __export(components_exports, {
     ActionCard: function() {
         return ActionCard;
     },
+    Alert: function() {
+        return Alert;
+    },
+    AppStores: function() {
+        return AppStores;
+    },
+    BackToTop: function() {
+        return BackToTop;
+    },
     Breadcrumb: function() {
         return Breadcrumb;
     },
@@ -245,9 +254,15 @@ __export(components_exports, {
     Checkbox: function() {
         return Checkbox;
     },
+    Chip: function() {
+        return Chip;
+    },
     CodeBlock: function() {
         return CodeBlock;
     },
+    ColorPicker: function() {
+        return ColorPicker;
+    },
     Dialog: function() {
         return Dialog;
     },
@@ -272,15 +287,42 @@ __export(components_exports, {
     DropdownMenu: function() {
         return DropdownMenu;
     },
+    FileDropzone: function() {
+        return FileDropzone;
+    },
+    Label: function() {
+        return Label;
+    },
     Loading: function() {
         return Loading;
     },
+    PhoneInput: function() {
+        return PhoneInput;
+    },
+    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;
     },
@@ -805,17 +847,17 @@ CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 var React9 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority2 = require("class-variance-authority");
-var toastVariants = (0, import_class_variance_authority2.cva)("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border  shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80  data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+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: "border bg-background text-foreground",
-            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+            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: "info group text-info-foreground bg-info",
-            warning: "warning group text-warning-foreground bg-warning",
-            error: "error group border-error bg-error text-error-foreground",
-            success: "success group text-success-foreground bg-success",
+            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: ""
         }
     },
@@ -830,7 +872,7 @@ var ToastViewport = React9.forwardRef(function(_param, ref) /* @__PURE__ */ {
     ]);
     return React9.createElement(ToastPrimitives.Viewport, _object_spread({
         ref: ref,
-        className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className)
+        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;
@@ -846,7 +888,7 @@ var Toast = React9.forwardRef(function(_param, ref) {
         className: cn(toastVariants({
             variant: variant,
             severity: severity
-        }), className, direction === "rtl" ? "p-6 pl-0 pr-10 data-[state=closed]:slide-out-to-left-full" : "p-6 pr-8 data-[state=closed]:slide-out-to-right-full"),
+        }), 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));
 });
@@ -857,7 +899,7 @@ var ToastAction = React9.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ React9.createElement(ToastPrimitives.Action, _object_spread({
         ref: ref,
-        className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "group-[.info]:border-muted/40 group-[.info]:hover:border-info/30 group-[.info]:hover:bg-info group-[.info]:hover:text-info-foreground group-[.info]:focus:ring-info", "group-[.error]:border-muted/40 group-[.error]:hover:border-error/30 group-[.error]:hover:bg-error group-[.error]:hover:text-error-foreground group-[.error]:focus:ring-error", "group-[.success]:border-muted/40 group-[.success]:hover:border-success/30 group-[.success]:hover:bg-success group-[.success]:hover:text-success-foreground group-[.success]:focus:ring-success", "group-[.warning]:border-muted/40 group-[.warning]:hover:border-warning/30 group-[.warning]:hover:bg-warning group-[.warning]:hover:text-warning-foreground group-[.warning]:focus:ring-warning", className)
+        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;
@@ -867,12 +909,12 @@ var ToastClose = React9.forwardRef(function(_param, ref) /* @__PURE__ */ {
     ]);
     return React9.createElement(ToastPrimitives.Close, _object_spread({
         ref: ref,
-        className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
+        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: "h-4 w-4",
+        className: "hawa-h-4 hawa-w-4",
         fill: "currentColor",
         viewBox: "0 0 20 20"
     }, /* @__PURE__ */ React9.createElement("path", {
@@ -888,7 +930,7 @@ var ToastTitle = React9.forwardRef(function(_param, ref) /* @__PURE__ */ {
     ]);
     return React9.createElement(ToastPrimitives.Title, _object_spread({
         ref: ref,
-        className: cn("text-sm font-semibold", className)
+        className: cn("hawa-text-sm hawa-font-semibold", className)
     }, props));
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
@@ -898,7 +940,7 @@ var ToastDescription = React9.forwardRef(function(_param, ref) /* @__PURE__ */ {
     ]);
     return React9.createElement(ToastPrimitives.Description, _object_spread({
         ref: ref,
-        className: cn("text-sm opacity-90", className)
+        className: cn("hawa-text-sm hawa-opacity-90", className)
     }, props));
 });
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
@@ -1055,10 +1097,10 @@ function Toaster(props) {
             direction: props.direction,
             key: id
         }, toastProps), /* @__PURE__ */ import_react6.default.createElement("div", {
-            className: "grid gap-1 text-start"
+            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("gap-2", isRTL && "fixed left-0")
+        className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
     }));
 }
 // components/elements/Switch.tsx
@@ -1214,25 +1256,244 @@ var Radio = function(_param) {
             }));
     }
 };
+// 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 React14 = __toESM(require("react"));
+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 = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+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 React14.createElement(DropdownMenuPrimitive.SubTrigger, _object_spread({
+    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__ */ React14.createElement("div", {
+    }, props), /* @__PURE__ */ React21.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
-    }, children), " ", /* @__PURE__ */ React14.createElement("svg", {
+    }, children), " ", /* @__PURE__ */ React21.createElement("svg", {
         "aria-label": "Chevron Right Icon",
         stroke: "currentColor",
         fill: "currentColor",
@@ -1241,62 +1502,62 @@ var DropdownMenuSubTrigger = React14.forwardRef(function(_param, ref) /* @__PURE
         height: "1em",
         width: "1em",
         className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
-    }, /* @__PURE__ */ React14.createElement("path", {
+    }, /* @__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 = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuSubContent = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React14.createElement(DropdownMenuPrimitive.SubContent, _object_spread({
+    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 = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+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 React14.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.Content, _object_spread({
+    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 = React14.forwardRef(function(_param, ref) {
+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__ */ React14.createElement(DropdownMenuPrimitive.Item, _object_spread({
+    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__ */ React14.createElement("div", {
+    }, 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 = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+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 React14.createElement(DropdownMenuPrimitive.CheckboxItem, _object_spread({
+    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__ */ React14.createElement("span", {
+    }, 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__ */ React14.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React14.createElement("svg", {
+    }, /* @__PURE__ */ React21.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React21.createElement("svg", {
         "aria-label": "Check Mark",
         stroke: "currentColor",
         fill: "currentColor",
@@ -1304,22 +1565,22 @@ var DropdownMenuCheckboxItem = React14.forwardRef(function(_param, ref) /* @__PU
         viewBox: "0 0 512 512",
         height: "0.60em",
         width: "0.60em"
-    }, /* @__PURE__ */ React14.createElement("path", {
+    }, /* @__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 = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuRadioItem = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React14.createElement(DropdownMenuPrimitive.RadioItem, _object_spread({
+    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__ */ React14.createElement("span", {
+    }, 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__ */ React14.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React14.createElement("svg", {
+    }, /* @__PURE__ */ React21.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React21.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         "aria-label": "Circle",
@@ -1331,29 +1592,29 @@ var DropdownMenuRadioItem = React14.forwardRef(function(_param, ref) /* @__PURE_
         strokeLinecap: "round",
         strokeLinejoin: "round",
         className: "hawa-h-2 hawa-w-2 hawa-fill-current"
-    }, /* @__PURE__ */ React14.createElement("circle", {
+    }, /* @__PURE__ */ React21.createElement("circle", {
         cx: "12",
         cy: "12",
         r: "10"
     })))), children);
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuLabel = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
         "className",
         "inset"
     ]);
-    return React14.createElement(DropdownMenuPrimitive.Label, _object_spread({
+    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 = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuSeparator = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React14.createElement(DropdownMenuPrimitive.Separator, _object_spread({
+    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));
@@ -1363,7 +1624,7 @@ var DropdownMenuShortcut = function(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React14.createElement("span", _object_spread({
+    return /* @__PURE__ */ React21.createElement("span", _object_spread({
         className: cn("hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-opacity-60", className)
     }, props));
 };
@@ -1380,34 +1641,34 @@ var DropdownMenu = function(param) {
         default: "hawa-px-2 hawa-py-3 ",
         sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5"
     };
-    return /* @__PURE__ */ React14.createElement(DropdownMenuRoot, {
+    return /* @__PURE__ */ React21.createElement(DropdownMenuRoot, {
         dir: direction
-    }, /* @__PURE__ */ React14.createElement(DropdownMenuTrigger, {
+    }, /* @__PURE__ */ React21.createElement(DropdownMenuTrigger, {
         asChild: true,
         className: triggerClassname
-    }, trigger), /* @__PURE__ */ React14.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React14.createElement(DropdownMenuContent, {
+    }, 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.type === "separator") {
-            return /* @__PURE__ */ React14.createElement(DropdownMenuSeparator, {
+        if (item.itemType === "separator") {
+            return /* @__PURE__ */ React21.createElement(DropdownMenuSeparator, {
                 key: index
             });
-        } else if (item.type === "label") {
-            return /* @__PURE__ */ React14.createElement(DropdownMenuLabel, {
+        } else if (item.itemType === "label") {
+            return /* @__PURE__ */ React21.createElement(DropdownMenuLabel, {
                 key: index
             }, item.label);
         } else {
-            return item.subitems ? /* @__PURE__ */ React14.createElement(DropdownMenuSub, {
+            return item.subitems ? /* @__PURE__ */ React21.createElement(DropdownMenuSub, {
                 key: index
-            }, /* @__PURE__ */ React14.createElement(DropdownMenuSubTrigger, {
+            }, /* @__PURE__ */ React21.createElement(DropdownMenuSubTrigger, {
                 className: cn(sizeStyles[size]),
                 dir: direction
-            }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React14.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React14.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
-                return /* @__PURE__ */ React14.createElement(DropdownMenuItem, {
+            }, 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,
@@ -1418,7 +1679,7 @@ var DropdownMenu = function(param) {
                         }
                     }
                 }, subitem.icon && subitem.icon, subitem.label && subitem.label);
-            })))) : /* @__PURE__ */ React14.createElement(DropdownMenuItem, {
+            })))) : /* @__PURE__ */ React21.createElement(DropdownMenuItem, {
                 key: index,
                 disabled: item.disabled,
                 onSelect: function(e) {
@@ -1442,13 +1703,114 @@ var DropdownMenu = function(param) {
         }
     }))));
 };
+// components/elements/ColorPicker.tsx
+var import_react11 = __toESM(require("react"));
+var ColorPicker = function(props) {
+    var _ref = _sliced_to_array((0, import_react11.useState)(props.color), 2), selectedColor = _ref[0], setSelectedColor = _ref[1];
+    return /* @__PURE__ */ import_react11.default.createElement("div", {
+        className: "hawa-flex hawa-w-fit hawa-flex-row hawa-rounded hawa-border hawa-p-0"
+    }, /* @__PURE__ */ import_react11.default.createElement("div", {
+        style: {
+            backgroundColor: selectedColor
+        },
+        className: "hawa-rounded-bl-lg hawa-rounded-tl-lg"
+    }, /* @__PURE__ */ import_react11.default.createElement("input", {
+        type: "color",
+        value: selectedColor,
+        onChange: function(e) {
+            setSelectedColor(e.target.value);
+            if (props.handleChange) {
+                props.handleChange(e);
+            }
+        },
+        className: "hawa-opacity-0"
+    })), /* @__PURE__ */ import_react11.default.createElement("input", {
+        type: "text",
+        onChange: function(e) {
+            setSelectedColor(e.target.value);
+            if (props.handleChange) {
+                props.handleChange(e);
+            }
+        },
+        value: selectedColor,
+        className: "hawa-w-24 hawa-bg-background  hawa-rounded-br-lg hawa-rounded-tr-lg hawa-pl-2 hawa-pr-2"
+    }));
+};
+// components/elements/PinInput.tsx
+var import_react12 = __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_react12.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_react12.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_react12.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_react12.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_react8 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var ActionCard = function(props) {
-    var _ref = _sliced_to_array((0, import_react8.useState)(false), 2), hovered = _ref[0], setHovered = _ref[1];
-    return /* @__PURE__ */ import_react8.default.createElement("div", {
+    var _ref = _sliced_to_array((0, import_react13.useState)(false), 2), hovered = _ref[0], setHovered = _ref[1];
+    return /* @__PURE__ */ import_react13.default.createElement("div", {
         className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1"
-    }, /* @__PURE__ */ import_react8.default.createElement("div", {
+    }, /* @__PURE__ */ import_react13.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, ")")
@@ -1459,9 +1821,9 @@ var ActionCard = function(props) {
         onMouseLeave: function() {
             return setHovered(false);
         }
-    }, props.blank ? /* @__PURE__ */ import_react8.default.createElement("div", {
+    }, props.blank ? /* @__PURE__ */ import_react13.default.createElement("div", {
         className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center "
-    }, /* @__PURE__ */ import_react8.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react13.default.createElement("svg", {
         className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
         stroke: "currentColor",
         fill: "currentColor",
@@ -1470,25 +1832,2186 @@ var ActionCard = function(props) {
         height: "1em",
         width: "1em",
         xmlns: "http://www.w3.org/2000/svg"
-    }, /* @__PURE__ */ import_react8.default.createElement("path", {
+    }, /* @__PURE__ */ import_react13.default.createElement("path", {
         d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"
-    }))) : /* @__PURE__ */ import_react8.default.createElement("div", {
+    }))) : /* @__PURE__ */ import_react13.default.createElement("div", {
         className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50"
-    }), /* @__PURE__ */ import_react8.default.createElement("div", {
+    }), /* @__PURE__ */ import_react13.default.createElement("div", {
         className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100"
-    }, props.inCardActions), !props.blank && /* @__PURE__ */ import_react8.default.createElement("div", {
+    }, props.inCardActions), !props.blank && /* @__PURE__ */ import_react13.default.createElement("div", {
         className: "hawa-relative hawa-p-4"
-    }, /* @__PURE__ */ import_react8.default.createElement("h1", {
+    }, /* @__PURE__ */ import_react13.default.createElement("h1", {
         className: "hawa-text-white"
-    }, props.title), /* @__PURE__ */ import_react8.default.createElement("p", {
+    }, props.title), /* @__PURE__ */ import_react13.default.createElement("p", {
         className: "hawa-text-white"
-    }, props.subtitle))), /* @__PURE__ */ import_react8.default.createElement("div", {
+    }, props.subtitle))), /* @__PURE__ */ import_react13.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/FileDropzone.tsx
+var import_react14 = __toESM(require("react"));
+var import_react_dropzone = require("react-dropzone");
+var import_clsx6 = __toESM(require("clsx"));
+var FileDropzone = function(param) {
+    var texts = param.texts, files = param.files, setFiles = param.setFiles, setDeletedFiles = param.setDeletedFiles, onAcceptedFiles = param.onAcceptedFiles, errorMessages = param.errorMessages, maxFiles = param.maxFiles, accept = param.accept, showPreview = param.showPreview, onDeleteFile = param.onDeleteFile, onClearFiles = param.onClearFiles, disclaimer = param.disclaimer, maxSize = param.maxSize, label = param.label, termsLink = param.termsLink, privacyLink = param.privacyLink;
+    var _fileRejections__errors_, _fileRejections_;
+    var _ref = _sliced_to_array((0, import_react14.useState)(0), 2), cmp = _ref[0], setCmp = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react14.useState)(0), 2), max = _ref1[0], setMax = _ref1[1];
+    var _ref2 = (0, import_react_dropzone.useDropzone)({
+        multiple: true,
+        accept: accept,
+        maxSize: maxSize,
+        maxFiles: maxFiles,
+        onDrop: function(acceptedFiles2) {
+            setFiles(acceptedFiles2.map(function(file, index) {
+                return Object.assign(file, {
+                    preview: URL.createObjectURL(file)
+                });
+            }));
+        }
+    }), getRootProps = _ref2.getRootProps, getInputProps = _ref2.getInputProps, fileRejections = _ref2.fileRejections, acceptedFiles = _ref2.acceptedFiles, isDragActive = _ref2.isDragActive;
+    (0, import_react14.useEffect)(function() {
+        return function() {
+            files === null || files === void 0 ? void 0 : files.forEach(function(file) {
+                URL.revokeObjectURL(file.preview);
+            });
+        };
+    }, [
+        files
+    ]);
+    (0, import_react14.useEffect)(function() {
+        setFiles(acceptedFiles);
+    }, [
+        acceptedFiles,
+        cmp
+    ]);
+    onClearFiles = function() {
+        acceptedFiles.length = 0;
+        acceptedFiles.splice(0, acceptedFiles.length);
+        setFiles([]);
+    };
+    var clearAllFiles = function() {
+        acceptedFiles.length = 0;
+        setFiles([]);
+    };
+    (0, import_react14.useEffect)(function() {
+        if (maxSize > 0) {
+            var k = 1024;
+            var sizes = [
+                "Bytes",
+                "KB",
+                "MB",
+                "GB",
+                "TB",
+                "PB",
+                "EB",
+                "ZB",
+                "YB"
+            ];
+            var i = Math.floor(Math.log(maxSize) / Math.log(1024));
+            setMax(parseFloat((maxSize / Math.pow(1024, i)).toFixed(2)) + " " + sizes[i]);
+        }
+    }, [
+        maxSize
+    ]);
+    var errs = fileRejections.map(function(rej, i) {
+        switch(rej.errors[0].code){
+            case "file-too-large":
+                return /* @__PURE__ */ import_react14.default.createElement(Alert, {
+                    text: rej.file.name,
+                    title: texts.fileTooLarge,
+                    severity: "error"
+                });
+            case "too-many-files":
+                return /* @__PURE__ */ import_react14.default.createElement(Alert, {
+                    text: rej.file.name,
+                    title: texts.tooManyFiles,
+                    severity: "error"
+                });
+            case "file-invalid-type":
+                return /* @__PURE__ */ import_react14.default.createElement(Alert, {
+                    text: rej.file.name,
+                    title: texts.invalidFileType,
+                    severity: "error"
+                });
+            default:
+                return /* @__PURE__ */ import_react14.default.createElement(Alert, {
+                    text: rej.file.name,
+                    title: rej.errors[0].code,
+                    severity: "error"
+                });
+        }
+    });
+    var thumbs = files === null || files === void 0 ? void 0 : files.map(function(file, index) {
+        return /* @__PURE__ */ import_react14.default.createElement("div", {
+            className: "hawa-relative hawa-rounded"
+        }, /* @__PURE__ */ import_react14.default.createElement("button", {
+            onClick: function(e) {
+                e.stopPropagation();
+                acceptedFiles.splice(acceptedFiles.indexOf(file), 1);
+                setCmp(Math.random);
+                onDeleteFile(file);
+            },
+            type: "button",
+            className: "hawa-absolute hawa-left-0 hawa-ml-auto hawa-inline-flex hawa-items-center hawa-rounded-inner hawa-rounded-bl-none hawa-rounded-tr-none hawa-bg-gray-900 hawa-p-1.5 hawa-text-sm hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-200 hover:hawa-text-gray-900 dark:hover:hawa-bg-gray-600 dark:hover:hawa-text-white",
+            "data-modal-toggle": "defaultModal"
+        }, /* @__PURE__ */ import_react14.default.createElement("svg", {
+            "aria-hidden": "true",
+            className: "hawa-h-5 hawa-w-5",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+        }, /* @__PURE__ */ import_react14.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"
+        })), /* @__PURE__ */ import_react14.default.createElement("span", {
+            className: "hawa-sr-only"
+        }, "Close modal")), /* @__PURE__ */ import_react14.default.createElement("div", {
+            style: {
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                overflow: "hidden",
+                height: 100,
+                width: 100,
+                backgroundImage: "url(".concat(file.preview, ")"),
+                backgroundSize: "cover",
+                backgroundPosition: "center",
+                border: "1px solid black"
+            },
+            className: "hawa-rounded",
+            key: file.name
+        }));
+    });
+    var _texts_disclaimer, _texts_terms, _texts_and, _texts_privacyPolicy;
+    return /* @__PURE__ */ import_react14.default.createElement("div", null, label && /* @__PURE__ */ import_react14.default.createElement("div", {
+        className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300"
+    }, label), /* @__PURE__ */ import_react14.default.createElement("div", {
+        className: (0, import_clsx6.default)("hawa-flex hawa-flex-col hawa-justify-center hawa-rounded hawa-border hawa-border-dashed  hawa-p-6 hawa-transition-all  ", isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50 ")
+    }, /* @__PURE__ */ import_react14.default.createElement("div", _object_spread({}, getRootProps({})), /* @__PURE__ */ import_react14.default.createElement("p", _object_spread({}, getInputProps())), /* @__PURE__ */ import_react14.default.createElement("div", {
+        className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center"
+    }, /* @__PURE__ */ import_react14.default.createElement("svg", {
+        stroke: "currentColor",
+        fill: "none",
+        strokeWidth: "2",
+        viewBox: "0 0 24 24",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        height: "1.5em",
+        width: "1.5em"
+    }, /* @__PURE__ */ import_react14.default.createElement("path", {
+        stroke: "none",
+        d: "M0 0h24v24H0z",
+        fill: "none"
+    }), /* @__PURE__ */ import_react14.default.createElement("path", {
+        d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"
+    }), /* @__PURE__ */ import_react14.default.createElement("path", {
+        d: "M13 13l9 3l-4 2l-2 4l-3 -9"
+    }), /* @__PURE__ */ import_react14.default.createElement("path", {
+        d: "M3 3l0 .01"
+    }), /* @__PURE__ */ import_react14.default.createElement("path", {
+        d: "M7 3l0 .01"
+    }), /* @__PURE__ */ import_react14.default.createElement("path", {
+        d: "M11 3l0 .01"
+    }), /* @__PURE__ */ import_react14.default.createElement("path", {
+        d: "M15 3l0 .01"
+    }), /* @__PURE__ */ import_react14.default.createElement("path", {
+        d: "M3 7l0 .01"
+    }), /* @__PURE__ */ import_react14.default.createElement("path", {
+        d: "M3 11l0 .01"
+    }), /* @__PURE__ */ import_react14.default.createElement("path", {
+        d: "M3 15l0 .01"
+    })), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ import_react14.default.createElement("div", {
+        className: "hawa-pt-2 hawa-text-center hawa-text-xs hawa-select-none"
+    }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react14.default.createElement("div", {
+        className: "hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs hawa-select-none"
+    }, texts.maxFileSize, " ", max)), acceptedFiles.length > 0 && /* @__PURE__ */ import_react14.default.createElement("div", {
+        className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 "
+    }, /* @__PURE__ */ import_react14.default.createElement(Button, {
+        onClick: clearAllFiles
+    }, "Clear All")), acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react14.default.createElement("aside", {
+        className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center  hawa-gap-2 hawa-rounded-lg  hawa-p-2"
+    }, thumbs) : null, /* @__PURE__ */ import_react14.default.createElement("div", {
+        className: "px-4"
+    }, ((_fileRejections_ = fileRejections[0]) === null || _fileRejections_ === void 0 ? void 0 : (_fileRejections__errors_ = _fileRejections_.errors[0]) === null || _fileRejections__errors_ === void 0 ? void 0 : _fileRejections__errors_.code) && errs)), disclaimer && /* @__PURE__ */ import_react14.default.createElement("div", {
+        className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50"
+    }, (_texts_disclaimer = texts.disclaimer) !== null && _texts_disclaimer !== void 0 ? _texts_disclaimer : "By uploading a file you agree to our", " ", /* @__PURE__ */ import_react14.default.createElement("a", {
+        href: termsLink,
+        className: "clickable-link hawa-text-muted-foreground/50"
+    }, (_texts_terms = texts.terms) !== null && _texts_terms !== void 0 ? _texts_terms : "Terms"), " ", (_texts_and = texts.and) !== null && _texts_and !== void 0 ? _texts_and : "and", " ", /* @__PURE__ */ import_react14.default.createElement("a", {
+        href: privacyLink,
+        className: "clickable-link hawa-text-muted-foreground/50"
+    }, (_texts_privacyPolicy = texts.privacyPolicy) !== null && _texts_privacyPolicy !== void 0 ? _texts_privacyPolicy : "Privacy Policy")));
+};
+// components/elements/PhoneInput.tsx
+var import_react15 = __toESM(require("react"));
+// components/countries.ts
+var countries = [
+    {
+        country_label: "Saudi Arabia",
+        code: "SA",
+        unicode: "🇸🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SA.svg",
+        label: "+966"
+    },
+    {
+        country_label: "United Arab Emirates",
+        code: "AE",
+        unicode: "🇦🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AE.svg",
+        label: "+971"
+    },
+    {
+        country_label: "Bahrain",
+        code: "BH",
+        unicode: "🇧🇭",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BH.svg",
+        label: "+973"
+    },
+    {
+        country_label: "Kuwait",
+        code: "KW",
+        unicode: "🇰🇼",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KW.svg",
+        label: "+965"
+    },
+    {
+        country_label: "Qatar",
+        code: "QA",
+        unicode: "🇶🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/QA.svg",
+        label: "+974"
+    },
+    {
+        country_label: "Oman",
+        code: "OM",
+        unicode: "🇴🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/OM.svg",
+        label: "+968"
+    },
+    {
+        country_label: "Andorra",
+        value: "Andorra",
+        code: "AD",
+        unicode: "🇦🇩",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AD.svg",
+        label: "+376"
+    },
+    {
+        country_label: "Afghanistan",
+        code: "AF",
+        unicode: "🇦🇫",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AF.svg",
+        label: "+93"
+    },
+    {
+        country_label: "Antigua & Barbuda",
+        code: "AG",
+        unicode: "🇦🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AG.svg",
+        label: "+1268"
+    },
+    {
+        country_label: "Anguilla",
+        code: "AI",
+        unicode: "🇦🇮",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AI.svg",
+        label: "+1264"
+    },
+    {
+        country_label: "Albania",
+        code: "AL",
+        unicode: "🇦🇱",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AL.svg",
+        label: "+355"
+    },
+    {
+        country_label: "Armenia",
+        code: "AM",
+        unicode: "🇦🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AM.svg",
+        label: "+374"
+    },
+    {
+        country_label: "Angola",
+        code: "AO",
+        unicode: "🇦🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AO.svg",
+        label: "+244"
+    },
+    {
+        country_label: "Antarctica",
+        code: "AQ",
+        unicode: "🇦🇶",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AQ.svg",
+        label: "+672"
+    },
+    {
+        country_label: "Argentina",
+        code: "AR",
+        unicode: "🇦🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AR.svg",
+        label: "+54"
+    },
+    {
+        country_label: "American Samoa",
+        code: "AS",
+        unicode: "🇦🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AS.svg",
+        label: "+1684"
+    },
+    {
+        country_label: "Austria",
+        code: "AT",
+        unicode: "🇦🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AT.svg",
+        label: "+43"
+    },
+    {
+        country_label: "Australia",
+        code: "AU",
+        unicode: "🇦🇺",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AU.svg",
+        label: "+61"
+    },
+    {
+        country_label: "Aruba",
+        code: "AW",
+        unicode: "🇦🇼",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AW.svg",
+        label: "+297"
+    },
+    {
+        country_label: "\xc5land Islands",
+        code: "AX",
+        unicode: "🇦🇽",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AX.svg",
+        label: "+358"
+    },
+    {
+        country_label: "Azerbaijan",
+        code: "AZ",
+        unicode: "🇦🇿",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AZ.svg",
+        label: "+994"
+    },
+    {
+        country_label: "Bosnia & Herzegovina",
+        code: "BA",
+        unicode: "🇧🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BA.svg",
+        label: "+387"
+    },
+    {
+        country_label: "Barbados",
+        code: "BB",
+        unicode: "🇧🇧",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BB.svg",
+        label: "+1246"
+    },
+    {
+        country_label: "Bangladesh",
+        code: "BD",
+        unicode: "🇧🇩",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BD.svg",
+        label: "+880"
+    },
+    {
+        country_label: "Belgium",
+        code: "BE",
+        unicode: "🇧🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BE.svg",
+        label: "+32"
+    },
+    {
+        country_label: "Burkina Faso",
+        code: "BF",
+        unicode: "🇧🇫",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BF.svg",
+        label: "+226"
+    },
+    {
+        country_label: "Bulgaria",
+        code: "BG",
+        unicode: "🇧🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BG.svg",
+        label: "+359"
+    },
+    {
+        country_label: "Burundi",
+        code: "BI",
+        unicode: "🇧🇮",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BI.svg",
+        label: "+257"
+    },
+    {
+        country_label: "Benin",
+        code: "BJ",
+        unicode: "🇧🇯",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BJ.svg",
+        label: "+229"
+    },
+    {
+        country_label: "St. Barth\xe9lemy",
+        code: "BL",
+        unicode: "🇧🇱",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BL.svg",
+        label: "+590"
+    },
+    {
+        country_label: "Bermuda",
+        code: "BM",
+        unicode: "🇧🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BM.svg",
+        label: "+1441"
+    },
+    {
+        country_label: "Brunei",
+        code: "BN",
+        unicode: "🇧🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BN.svg",
+        label: "+673"
+    },
+    {
+        country_label: "Bolivia",
+        code: "BO",
+        unicode: "🇧🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BO.svg",
+        label: "+591"
+    },
+    {
+        country_label: "Brazil",
+        code: "BR",
+        unicode: "🇧🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BR.svg",
+        label: "+55"
+    },
+    {
+        country_label: "Bahamas",
+        code: "BS",
+        unicode: "🇧🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BS.svg",
+        label: "+1242"
+    },
+    {
+        country_label: "Bhutan",
+        code: "BT",
+        unicode: "🇧🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BT.svg",
+        label: "+975"
+    },
+    {
+        country_label: "Botswana",
+        code: "BW",
+        unicode: "🇧🇼",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BW.svg",
+        label: "+267"
+    },
+    {
+        country_label: "Belarus",
+        code: "BY",
+        unicode: "🇧🇾",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BY.svg",
+        label: "+375"
+    },
+    {
+        country_label: "Belize",
+        code: "BZ",
+        unicode: "🇧🇿",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BZ.svg",
+        label: "+501"
+    },
+    {
+        country_label: "Canada",
+        code: "CA",
+        unicode: "🇨🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CA.svg",
+        label: "+1"
+    },
+    {
+        country_label: "Cocos (Keeling) Islands",
+        code: "CC",
+        unicode: "🇨🇨",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CC.svg",
+        label: "+61"
+    },
+    {
+        country_label: "Congo - Kinshasa",
+        code: "CD",
+        unicode: "🇨🇩",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CD.svg",
+        label: "+243"
+    },
+    {
+        country_label: "Central African Republic",
+        code: "CF",
+        unicode: "🇨🇫",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CF.svg",
+        label: "+236"
+    },
+    {
+        country_label: "Congo - Brazzaville",
+        code: "CG",
+        unicode: "🇨🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CG.svg",
+        label: "+242"
+    },
+    {
+        country_label: "Switzerland",
+        code: "CH",
+        unicode: "🇨🇭",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CH.svg",
+        label: "+41"
+    },
+    {
+        country_label: "C\xf4te d’Ivoire",
+        code: "CI",
+        unicode: "🇨🇮",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CI.svg",
+        label: "+225"
+    },
+    {
+        country_label: "Cook Islands",
+        code: "CK",
+        unicode: "🇨🇰",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CK.svg",
+        label: "+682"
+    },
+    {
+        country_label: "Chile",
+        code: "CL",
+        unicode: "🇨🇱",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CL.svg",
+        label: "+56"
+    },
+    {
+        country_label: "Cameroon",
+        code: "CM",
+        unicode: "🇨🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CM.svg",
+        label: "+237"
+    },
+    {
+        country_label: "China",
+        code: "CN",
+        unicode: "🇨🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CN.svg",
+        label: "+86"
+    },
+    {
+        country_label: "Colombia",
+        code: "CO",
+        unicode: "🇨🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CO.svg",
+        label: "+57"
+    },
+    {
+        country_label: "Costa Rica",
+        code: "CR",
+        unicode: "🇨🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CR.svg",
+        label: "+506"
+    },
+    {
+        country_label: "Cuba",
+        code: "CU",
+        unicode: "🇨🇺",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CU.svg",
+        label: "+53"
+    },
+    {
+        country_label: "Cape Verde",
+        code: "CV",
+        unicode: "🇨🇻",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CV.svg",
+        label: "+238"
+    },
+    {
+        country_label: "Christmas Island",
+        code: "CX",
+        unicode: "🇨🇽",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CX.svg",
+        label: "+61"
+    },
+    {
+        country_label: "Cyprus",
+        code: "CY",
+        unicode: "🇨🇾",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CY.svg",
+        label: "+357"
+    },
+    {
+        country_label: "Czechia",
+        code: "CZ",
+        unicode: "🇨🇿",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CZ.svg",
+        label: "+420"
+    },
+    {
+        country_label: "Germany",
+        code: "DE",
+        unicode: "🇩🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DE.svg",
+        label: "+49"
+    },
+    {
+        country_label: "Djibouti",
+        code: "DJ",
+        unicode: "🇩🇯",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DJ.svg",
+        label: "+253"
+    },
+    {
+        country_label: "Denmark",
+        code: "DK",
+        unicode: "🇩🇰",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DK.svg",
+        label: "+45"
+    },
+    {
+        country_label: "Dominica",
+        code: "DM",
+        unicode: "🇩🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DM.svg",
+        label: "+1767"
+    },
+    {
+        country_label: "Dominican Republic",
+        code: "DO",
+        unicode: "🇩🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DO.svg",
+        label: "+1849"
+    },
+    {
+        country_label: "Algeria",
+        code: "DZ",
+        unicode: "🇩🇿",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DZ.svg",
+        label: "+213"
+    },
+    {
+        country_label: "Ecuador",
+        code: "EC",
+        unicode: "🇪🇨",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/EC.svg",
+        label: "+593"
+    },
+    {
+        country_label: "Estonia",
+        code: "EE",
+        unicode: "🇪🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/EE.svg",
+        label: "+372"
+    },
+    {
+        country_label: "Egypt",
+        code: "EG",
+        unicode: "🇪🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/EG.svg",
+        label: "+20"
+    },
+    {
+        country_label: "Eritrea",
+        code: "ER",
+        unicode: "🇪🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ER.svg",
+        label: "+291"
+    },
+    {
+        country_label: "Spain",
+        code: "ES",
+        unicode: "🇪🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ES.svg",
+        label: "+34"
+    },
+    {
+        country_label: "Ethiopia",
+        code: "ET",
+        unicode: "🇪🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ET.svg",
+        label: "+251"
+    },
+    {
+        country_label: "Finland",
+        code: "FI",
+        unicode: "🇫🇮",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FI.svg",
+        label: "+358"
+    },
+    {
+        country_label: "Fiji",
+        code: "FJ",
+        unicode: "🇫🇯",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FJ.svg",
+        label: "+679"
+    },
+    {
+        country_label: "Falkland Islands",
+        code: "FK",
+        unicode: "🇫🇰",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FK.svg",
+        label: "+500"
+    },
+    {
+        country_label: "Micronesia",
+        code: "FM",
+        unicode: "🇫🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FM.svg",
+        label: "+691"
+    },
+    {
+        country_label: "Faroe Islands",
+        code: "FO",
+        unicode: "🇫🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FO.svg",
+        label: "+298"
+    },
+    {
+        country_label: "France",
+        code: "FR",
+        unicode: "🇫🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FR.svg",
+        label: "+33"
+    },
+    {
+        country_label: "Gabon",
+        code: "GA",
+        unicode: "🇬🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GA.svg",
+        label: "+241"
+    },
+    {
+        country_label: "United Kingdom",
+        code: "GB",
+        unicode: "🇬🇧",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GB.svg",
+        label: "+44"
+    },
+    {
+        country_label: "Grenada",
+        code: "GD",
+        unicode: "🇬🇩",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GD.svg",
+        label: "+1473"
+    },
+    {
+        country_label: "Georgia",
+        code: "GE",
+        unicode: "🇬🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GE.svg",
+        label: "+995"
+    },
+    {
+        country_label: "French Guiana",
+        code: "GF",
+        unicode: "🇬🇫",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GF.svg",
+        label: "+594"
+    },
+    {
+        country_label: "Guernsey",
+        code: "GG",
+        unicode: "🇬🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GG.svg",
+        label: "+44"
+    },
+    {
+        country_label: "Ghana",
+        code: "GH",
+        unicode: "🇬🇭",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GH.svg",
+        label: "+233"
+    },
+    {
+        country_label: "Gibraltar",
+        code: "GI",
+        unicode: "🇬🇮",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GI.svg",
+        label: "+350"
+    },
+    {
+        country_label: "Greenland",
+        code: "GL",
+        unicode: "🇬🇱",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GL.svg",
+        label: "+299"
+    },
+    {
+        country_label: "Gambia",
+        code: "GM",
+        unicode: "🇬🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GM.svg",
+        label: "+220"
+    },
+    {
+        country_label: "Guinea",
+        code: "GN",
+        unicode: "🇬🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GN.svg",
+        label: "+224"
+    },
+    {
+        country_label: "Guadeloupe",
+        code: "GP",
+        unicode: "🇬🇵",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GP.svg",
+        label: "+590"
+    },
+    {
+        country_label: "Equatorial Guinea",
+        code: "GQ",
+        unicode: "🇬🇶",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GQ.svg",
+        label: "+240"
+    },
+    {
+        country_label: "Greece",
+        code: "GR",
+        unicode: "🇬🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GR.svg",
+        label: "+30"
+    },
+    {
+        country_label: "South Georgia & South Sandwich Islands",
+        code: "GS",
+        unicode: "🇬🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GS.svg",
+        label: "+500"
+    },
+    {
+        country_label: "Guatemala",
+        code: "GT",
+        unicode: "🇬🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GT.svg",
+        label: "+502"
+    },
+    {
+        country_label: "Guam",
+        code: "GU",
+        unicode: "🇬🇺",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GU.svg",
+        label: "+1671"
+    },
+    {
+        country_label: "Guinea-Bissau",
+        code: "GW",
+        unicode: "🇬🇼",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GW.svg",
+        label: "+245"
+    },
+    {
+        country_label: "Guyana",
+        code: "GY",
+        unicode: "🇬🇾",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GY.svg",
+        label: "+595"
+    },
+    {
+        country_label: "Hong Kong SAR China",
+        code: "HK",
+        unicode: "🇭🇰",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HK.svg",
+        label: "+852"
+    },
+    {
+        country_label: "Honduras",
+        code: "HN",
+        unicode: "🇭🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HN.svg",
+        label: "+504"
+    },
+    {
+        country_label: "Croatia",
+        code: "HR",
+        unicode: "🇭🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HR.svg",
+        label: "+385"
+    },
+    {
+        country_label: "Haiti",
+        code: "HT",
+        unicode: "🇭🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HT.svg",
+        label: "+509"
+    },
+    {
+        country_label: "Hungary",
+        code: "HU",
+        unicode: "🇭🇺",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HU.svg",
+        label: "+36"
+    },
+    {
+        country_label: "Indonesia",
+        code: "ID",
+        unicode: "🇮🇩",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ID.svg",
+        label: "+62"
+    },
+    {
+        country_label: "Ireland",
+        code: "IE",
+        unicode: "🇮🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IE.svg",
+        label: "+353"
+    },
+    {
+        country_label: "Israel",
+        code: "IL",
+        unicode: "🇮🇱",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IL.svg",
+        label: "+972"
+    },
+    {
+        country_label: "Isle of Man",
+        code: "IM",
+        unicode: "🇮🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IM.svg",
+        label: "+44"
+    },
+    {
+        country_label: "India",
+        code: "IN",
+        unicode: "🇮🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IN.svg",
+        label: "+91"
+    },
+    {
+        country_label: "British Indian Ocean Territory",
+        code: "IO",
+        unicode: "🇮🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IO.svg",
+        label: "+246"
+    },
+    {
+        country_label: "Iraq",
+        code: "IQ",
+        unicode: "🇮🇶",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IQ.svg",
+        label: "+964"
+    },
+    {
+        country_label: "Iran",
+        code: "IR",
+        unicode: "🇮🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IR.svg",
+        label: "+98"
+    },
+    {
+        country_label: "Iceland",
+        code: "IS",
+        unicode: "🇮🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IS.svg",
+        label: "+354"
+    },
+    {
+        country_label: "Italy",
+        code: "IT",
+        unicode: "🇮🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IT.svg",
+        label: "+39"
+    },
+    {
+        country_label: "Jersey",
+        code: "JE",
+        unicode: "🇯🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JE.svg",
+        label: "+44"
+    },
+    {
+        country_label: "Jamaica",
+        code: "JM",
+        unicode: "🇯🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JM.svg",
+        label: "+1876"
+    },
+    {
+        country_label: "Jordan",
+        code: "JO",
+        unicode: "🇯🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JO.svg",
+        label: "+962"
+    },
+    {
+        country_label: "Japan",
+        code: "JP",
+        unicode: "🇯🇵",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JP.svg",
+        label: "+81"
+    },
+    {
+        country_label: "Kenya",
+        code: "KE",
+        unicode: "🇰🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KE.svg",
+        label: "+254"
+    },
+    {
+        country_label: "Kyrgyzstan",
+        code: "KG",
+        unicode: "🇰🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KG.svg",
+        label: "+996"
+    },
+    {
+        country_label: "Cambodia",
+        code: "KH",
+        unicode: "🇰🇭",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KH.svg",
+        label: "+855"
+    },
+    {
+        country_label: "Kiribati",
+        code: "KI",
+        unicode: "🇰🇮",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KI.svg",
+        label: "+686"
+    },
+    {
+        country_label: "Comoros",
+        code: "KM",
+        unicode: "🇰🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KM.svg",
+        label: "+269"
+    },
+    {
+        country_label: "St. Kitts & Nevis",
+        code: "KN",
+        unicode: "🇰🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KN.svg",
+        label: "+1869"
+    },
+    {
+        country_label: "North Korea",
+        code: "KP",
+        unicode: "🇰🇵",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KP.svg",
+        label: "+850"
+    },
+    {
+        country_label: "South Korea",
+        code: "KR",
+        unicode: "🇰🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KR.svg",
+        label: "+82"
+    },
+    {
+        country_label: "Cayman Islands",
+        code: "KY",
+        unicode: "🇰🇾",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KY.svg",
+        label: "+ 345"
+    },
+    {
+        country_label: "Kazakhstan",
+        code: "KZ",
+        unicode: "🇰🇿",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KZ.svg",
+        label: "+77"
+    },
+    {
+        country_label: "Laos",
+        code: "LA",
+        unicode: "🇱🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LA.svg",
+        label: "+856"
+    },
+    {
+        country_label: "Lebanon",
+        code: "LB",
+        unicode: "🇱🇧",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LB.svg",
+        label: "+961"
+    },
+    {
+        country_label: "St. Lucia",
+        code: "LC",
+        unicode: "🇱🇨",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LC.svg",
+        label: "+1758"
+    },
+    {
+        country_label: "Liechtenstein",
+        code: "LI",
+        unicode: "🇱🇮",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LI.svg",
+        label: "+423"
+    },
+    {
+        country_label: "Sri Lanka",
+        code: "LK",
+        unicode: "🇱🇰",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LK.svg",
+        label: "+94"
+    },
+    {
+        country_label: "Liberia",
+        code: "LR",
+        unicode: "🇱🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LR.svg",
+        label: "+231"
+    },
+    {
+        country_label: "Lesotho",
+        code: "LS",
+        unicode: "🇱🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LS.svg",
+        label: "+266"
+    },
+    {
+        country_label: "Lithuania",
+        code: "LT",
+        unicode: "🇱🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LT.svg",
+        label: "+370"
+    },
+    {
+        country_label: "Luxembourg",
+        code: "LU",
+        unicode: "🇱🇺",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LU.svg",
+        label: "+352"
+    },
+    {
+        country_label: "Latvia",
+        code: "LV",
+        unicode: "🇱🇻",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LV.svg",
+        label: "+371"
+    },
+    {
+        country_label: "Libya",
+        code: "LY",
+        unicode: "🇱🇾",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LY.svg",
+        label: "+218"
+    },
+    {
+        country_label: "Morocco",
+        code: "MA",
+        unicode: "🇲🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MA.svg",
+        label: "+212"
+    },
+    {
+        country_label: "Monaco",
+        code: "MC",
+        unicode: "🇲🇨",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MC.svg",
+        label: "+377"
+    },
+    {
+        country_label: "Moldova",
+        code: "MD",
+        unicode: "🇲🇩",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MD.svg",
+        label: "+373"
+    },
+    {
+        country_label: "Montenegro",
+        code: "ME",
+        unicode: "🇲🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ME.svg",
+        label: "+382"
+    },
+    {
+        country_label: "St. Martin",
+        code: "MF",
+        unicode: "🇲🇫",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MF.svg",
+        label: "+590"
+    },
+    {
+        country_label: "Madagascar",
+        code: "MG",
+        unicode: "🇲🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MG.svg",
+        label: "+261"
+    },
+    {
+        country_label: "Marshall Islands",
+        code: "MH",
+        unicode: "🇲🇭",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MH.svg",
+        label: "+692"
+    },
+    {
+        country_label: "North Macedonia",
+        code: "MK",
+        unicode: "🇲🇰",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MK.svg",
+        label: "+389"
+    },
+    {
+        country_label: "Mali",
+        code: "ML",
+        unicode: "🇲🇱",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ML.svg",
+        label: "+223"
+    },
+    {
+        country_label: "Myanmar (Burma)",
+        code: "MM",
+        unicode: "🇲🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MM.svg",
+        label: "+95"
+    },
+    {
+        country_label: "Mongolia",
+        code: "MN",
+        unicode: "🇲🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MN.svg",
+        label: "+976"
+    },
+    {
+        country_label: "Macao SAR China",
+        code: "MO",
+        unicode: "🇲🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MO.svg",
+        label: "+853"
+    },
+    {
+        country_label: "Northern Mariana Islands",
+        code: "MP",
+        unicode: "🇲🇵",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MP.svg",
+        label: "+1670"
+    },
+    {
+        country_label: "Martinique",
+        code: "MQ",
+        unicode: "🇲🇶",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MQ.svg",
+        label: "+596"
+    },
+    {
+        country_label: "Mauritania",
+        code: "MR",
+        unicode: "🇲🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MR.svg",
+        label: "+222"
+    },
+    {
+        country_label: "Montserrat",
+        code: "MS",
+        unicode: "🇲🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MS.svg",
+        label: "+1664"
+    },
+    {
+        country_label: "Malta",
+        code: "MT",
+        unicode: "🇲🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MT.svg",
+        label: "+356"
+    },
+    {
+        country_label: "Mauritius",
+        code: "MU",
+        unicode: "🇲🇺",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MU.svg",
+        label: "+230"
+    },
+    {
+        country_label: "Maldives",
+        code: "MV",
+        unicode: "🇲🇻",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MV.svg",
+        label: "+960"
+    },
+    {
+        country_label: "Malawi",
+        code: "MW",
+        unicode: "🇲🇼",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MW.svg",
+        label: "+265"
+    },
+    {
+        country_label: "Mexico",
+        code: "MX",
+        unicode: "🇲🇽",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MX.svg",
+        label: "+52"
+    },
+    {
+        country_label: "Malaysia",
+        code: "MY",
+        unicode: "🇲🇾",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MY.svg",
+        label: "+60"
+    },
+    {
+        country_label: "Mozambique",
+        code: "MZ",
+        unicode: "🇲🇿",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MZ.svg",
+        label: "+258"
+    },
+    {
+        country_label: "Namibia",
+        code: "NA",
+        unicode: "🇳🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NA.svg",
+        label: "+264"
+    },
+    {
+        country_label: "New Caledonia",
+        code: "NC",
+        unicode: "🇳🇨",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NC.svg",
+        label: "+687"
+    },
+    {
+        country_label: "Niger",
+        code: "NE",
+        unicode: "🇳🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NE.svg",
+        label: "+227"
+    },
+    {
+        country_label: "Norfolk Island",
+        code: "NF",
+        unicode: "🇳🇫",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NF.svg",
+        label: "+672"
+    },
+    {
+        country_label: "Nigeria",
+        code: "NG",
+        unicode: "🇳🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NG.svg",
+        label: "+234"
+    },
+    {
+        country_label: "Nicaragua",
+        code: "NI",
+        unicode: "🇳🇮",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NI.svg",
+        label: "+505"
+    },
+    {
+        country_label: "Netherlands",
+        code: "NL",
+        unicode: "🇳🇱",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NL.svg",
+        label: "+31"
+    },
+    {
+        country_label: "Norway",
+        code: "NO",
+        unicode: "🇳🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NO.svg",
+        label: "+47"
+    },
+    {
+        country_label: "Nepal",
+        code: "NP",
+        unicode: "🇳🇵",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NP.svg",
+        label: "+977"
+    },
+    {
+        country_label: "Nauru",
+        code: "NR",
+        unicode: "🇳🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NR.svg",
+        label: "+674"
+    },
+    {
+        country_label: "Niue",
+        code: "NU",
+        unicode: "🇳🇺",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NU.svg",
+        label: "+683"
+    },
+    {
+        country_label: "New Zealand",
+        code: "NZ",
+        unicode: "🇳🇿",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NZ.svg",
+        label: "+64"
+    },
+    {
+        country_label: "Panama",
+        code: "PA",
+        unicode: "🇵🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PA.svg",
+        label: "+507"
+    },
+    {
+        country_label: "Peru",
+        code: "PE",
+        unicode: "🇵🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PE.svg",
+        label: "+51"
+    },
+    {
+        country_label: "French Polynesia",
+        code: "PF",
+        unicode: "🇵🇫",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PF.svg",
+        label: "+689"
+    },
+    {
+        country_label: "Papua New Guinea",
+        code: "PG",
+        unicode: "🇵🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PG.svg",
+        label: "+675"
+    },
+    {
+        country_label: "Philippines",
+        code: "PH",
+        unicode: "🇵🇭",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PH.svg",
+        label: "+63"
+    },
+    {
+        country_label: "Pakistan",
+        code: "PK",
+        unicode: "🇵🇰",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PK.svg",
+        label: "+92"
+    },
+    {
+        country_label: "Poland",
+        code: "PL",
+        unicode: "🇵🇱",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PL.svg",
+        label: "+48"
+    },
+    {
+        country_label: "St. Pierre & Miquelon",
+        code: "PM",
+        unicode: "🇵🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PM.svg",
+        label: "+508"
+    },
+    {
+        country_label: "Pitcairn Islands",
+        code: "PN",
+        unicode: "🇵🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PN.svg",
+        label: "+872"
+    },
+    {
+        country_label: "Puerto Rico",
+        code: "PR",
+        unicode: "🇵🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PR.svg",
+        label: "+1939"
+    },
+    {
+        country_label: "Palestinian Territories",
+        code: "PS",
+        unicode: "🇵🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PS.svg",
+        label: "+970"
+    },
+    {
+        country_label: "Portugal",
+        code: "PT",
+        unicode: "🇵🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PT.svg",
+        label: "+351"
+    },
+    {
+        country_label: "Palau",
+        code: "PW",
+        unicode: "🇵🇼",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PW.svg",
+        label: "+680"
+    },
+    {
+        country_label: "Paraguay",
+        code: "PY",
+        unicode: "🇵🇾",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PY.svg",
+        label: "+595"
+    },
+    {
+        country_label: "R\xe9union",
+        code: "RE",
+        unicode: "🇷🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RE.svg",
+        label: "+262"
+    },
+    {
+        country_label: "Romania",
+        code: "RO",
+        unicode: "🇷🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RO.svg",
+        label: "+40"
+    },
+    {
+        country_label: "Serbia",
+        code: "RS",
+        unicode: "🇷🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RS.svg",
+        label: "+381"
+    },
+    {
+        country_label: "Russia",
+        code: "RU",
+        unicode: "🇷🇺",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RU.svg",
+        label: "+7"
+    },
+    {
+        country_label: "Rwanda",
+        code: "RW",
+        unicode: "🇷🇼",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RW.svg",
+        label: "+250"
+    },
+    {
+        country_label: "Solomon Islands",
+        code: "SB",
+        unicode: "🇸🇧",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SB.svg",
+        label: "+677"
+    },
+    {
+        country_label: "Seychelles",
+        code: "SC",
+        unicode: "🇸🇨",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SC.svg",
+        label: "+248"
+    },
+    {
+        country_label: "Sudan",
+        code: "SD",
+        unicode: "🇸🇩",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SD.svg",
+        label: "+249"
+    },
+    {
+        country_label: "Sweden",
+        code: "SE",
+        unicode: "🇸🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SE.svg",
+        label: "+46"
+    },
+    {
+        country_label: "Singapore",
+        code: "SG",
+        unicode: "🇸🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SG.svg",
+        label: "+65"
+    },
+    {
+        country_label: "St. Helena",
+        code: "SH",
+        unicode: "🇸🇭",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SH.svg",
+        label: "+290"
+    },
+    {
+        country_label: "Slovenia",
+        code: "SI",
+        unicode: "🇸🇮",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SI.svg",
+        label: "+386"
+    },
+    {
+        country_label: "Svalbard & Jan Mayen",
+        code: "SJ",
+        unicode: "🇸🇯",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SJ.svg",
+        label: "+47"
+    },
+    {
+        country_label: "Slovakia",
+        code: "SK",
+        unicode: "🇸🇰",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SK.svg",
+        label: "+421"
+    },
+    {
+        country_label: "Sierra Leone",
+        code: "SL",
+        unicode: "🇸🇱",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SL.svg",
+        label: "+232"
+    },
+    {
+        country_label: "San Marino",
+        code: "SM",
+        unicode: "🇸🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SM.svg",
+        label: "+378"
+    },
+    {
+        country_label: "Senegal",
+        code: "SN",
+        unicode: "🇸🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SN.svg",
+        label: "+221"
+    },
+    {
+        country_label: "Somalia",
+        code: "SO",
+        unicode: "🇸🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SO.svg",
+        label: "+252"
+    },
+    {
+        country_label: "Suriname",
+        code: "SR",
+        unicode: "🇸🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SR.svg",
+        label: "+597"
+    },
+    {
+        country_label: "South Sudan",
+        code: "SS",
+        unicode: "🇸🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SS.svg",
+        label: "+211"
+    },
+    {
+        country_label: "S\xe3o Tom\xe9 & Pr\xedncipe",
+        code: "ST",
+        unicode: "🇸🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ST.svg",
+        label: "+239"
+    },
+    {
+        country_label: "El Salvador",
+        code: "SV",
+        unicode: "🇸🇻",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SV.svg",
+        label: "+503"
+    },
+    {
+        country_label: "Syria",
+        code: "SY",
+        unicode: "🇸🇾",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SY.svg",
+        label: "+963"
+    },
+    {
+        country_label: "Eswatini",
+        code: "SZ",
+        unicode: "🇸🇿",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SZ.svg",
+        label: "+268"
+    },
+    {
+        country_label: "Turks & Caicos Islands",
+        code: "TC",
+        unicode: "🇹🇨",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TC.svg",
+        label: "+1649"
+    },
+    {
+        country_label: "Chad",
+        code: "TD",
+        unicode: "🇹🇩",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TD.svg",
+        label: "+235"
+    },
+    {
+        country_label: "Togo",
+        code: "TG",
+        unicode: "🇹🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TG.svg",
+        label: "+228"
+    },
+    {
+        country_label: "Thailand",
+        code: "TH",
+        unicode: "🇹🇭",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TH.svg",
+        label: "+66"
+    },
+    {
+        country_label: "Tajikistan",
+        code: "TJ",
+        unicode: "🇹🇯",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TJ.svg",
+        label: "+992"
+    },
+    {
+        country_label: "Tokelau",
+        code: "TK",
+        unicode: "🇹🇰",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TK.svg",
+        label: "+690"
+    },
+    {
+        country_label: "Timor-Leste",
+        code: "TL",
+        unicode: "🇹🇱",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TL.svg",
+        label: "+670"
+    },
+    {
+        country_label: "Turkmenistan",
+        code: "TM",
+        unicode: "🇹🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TM.svg",
+        label: "+993"
+    },
+    {
+        country_label: "Tunisia",
+        code: "TN",
+        unicode: "🇹🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TN.svg",
+        label: "+216"
+    },
+    {
+        country_label: "Tonga",
+        code: "TO",
+        unicode: "🇹🇴",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TO.svg",
+        label: "+676"
+    },
+    {
+        country_label: "Turkey",
+        code: "TR",
+        unicode: "🇹🇷",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TR.svg",
+        label: "+90"
+    },
+    {
+        country_label: "Trinidad & Tobago",
+        code: "TT",
+        unicode: "🇹🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TT.svg",
+        label: "+1868"
+    },
+    {
+        country_label: "Tuvalu",
+        code: "TV",
+        unicode: "🇹🇻",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TV.svg",
+        label: "+688"
+    },
+    {
+        country_label: "Taiwan",
+        code: "TW",
+        unicode: "🇹🇼",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TW.svg",
+        label: "+886"
+    },
+    {
+        country_label: "Tanzania",
+        code: "TZ",
+        unicode: "🇹🇿",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TZ.svg",
+        label: "+255"
+    },
+    {
+        country_label: "Ukraine",
+        code: "UA",
+        unicode: "🇺🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UA.svg",
+        label: "+380"
+    },
+    {
+        country_label: "Uganda",
+        code: "UG",
+        unicode: "🇺🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UG.svg",
+        label: "+256"
+    },
+    {
+        country_label: "United States",
+        code: "US",
+        unicode: "🇺🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/US.svg",
+        label: "+1"
+    },
+    {
+        country_label: "Uruguay",
+        code: "UY",
+        unicode: "🇺🇾",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UY.svg",
+        label: "+598"
+    },
+    {
+        country_label: "Uzbekistan",
+        code: "UZ",
+        unicode: "🇺🇿",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UZ.svg",
+        label: "+998"
+    },
+    {
+        country_label: "Vatican City",
+        code: "VA",
+        unicode: "🇻🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VA.svg",
+        label: "+379"
+    },
+    {
+        country_label: "St. Vincent & Grenadines",
+        code: "VC",
+        unicode: "🇻🇨",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VC.svg",
+        label: "+1784"
+    },
+    {
+        country_label: "Venezuela",
+        code: "VE",
+        unicode: "🇻🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VE.svg",
+        label: "+58"
+    },
+    {
+        country_label: "British Virgin Islands",
+        code: "VG",
+        unicode: "🇻🇬",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VG.svg",
+        label: "+1284"
+    },
+    {
+        country_label: "U.S. Virgin Islands",
+        code: "VI",
+        unicode: "🇻🇮",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VI.svg",
+        label: "+1340"
+    },
+    {
+        country_label: "Vietnam",
+        code: "VN",
+        unicode: "🇻🇳",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VN.svg",
+        label: "+84"
+    },
+    {
+        country_label: "Vanuatu",
+        code: "VU",
+        unicode: "🇻🇺",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VU.svg",
+        label: "+678"
+    },
+    {
+        country_label: "Wallis & Futuna",
+        code: "WF",
+        unicode: "🇼🇫",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/WF.svg",
+        label: "+681"
+    },
+    {
+        country_label: "Samoa",
+        code: "WS",
+        unicode: "🇼🇸",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/WS.svg",
+        label: "+685"
+    },
+    {
+        country_label: "Yemen",
+        code: "YE",
+        unicode: "🇾🇪",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/YE.svg",
+        label: "+967"
+    },
+    {
+        country_label: "Mayotte",
+        code: "YT",
+        unicode: "🇾🇹",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/YT.svg",
+        label: "+262"
+    },
+    {
+        country_label: "South Africa",
+        code: "ZA",
+        unicode: "🇿🇦",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZA.svg",
+        label: "+27"
+    },
+    {
+        country_label: "Zambia",
+        code: "ZM",
+        unicode: "🇿🇲",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZM.svg",
+        label: "+260"
+    },
+    {
+        country_label: "Zimbabwe",
+        code: "ZW",
+        unicode: "🇿🇼",
+        image: "https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZW.svg",
+        label: "+263"
+    }
+];
+var countries_default = countries;
+// components/elements/PhoneInput.tsx
+var import_react_select = __toESM(require("react-select"));
+var Menu = function(_param) {
+    var cx = _param.cx, children = _param.children, getStyles = _param.getStyles, innerProps = _param.innerProps, innerRef = _param.innerRef, props = _object_without_properties(_param, [
+        "cx",
+        "children",
+        "getStyles",
+        "innerProps",
+        "innerRef"
+    ]);
+    return /* @__PURE__ */ import_react15.default.createElement("div", _object_spread({
+        className: "hawa-absolute hawa-z-50 hawa-w-[190px] hawa-rounded hawa-border hawa-bg-background",
+        ref: innerRef
+    }, innerProps), children);
+};
+var Option = function(_param) /* @__PURE__ */ {
+    var cx = _param.cx, children = _param.children, getStyles = _param.getStyles, innerProps = _param.innerProps, innerRef = _param.innerRef, props = _object_without_properties(_param, [
+        "cx",
+        "children",
+        "getStyles",
+        "innerProps",
+        "innerRef"
+    ]);
+    return import_react15.default.createElement("div", _object_spread({
+        ref: innerRef,
+        className: "hawa-m-2 hawa-flex hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hover:hawa-bg-primary hover:hawa-text-primary-foreground"
+    }, innerProps), /* @__PURE__ */ import_react15.default.createElement("div", {
+        className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1"
+    }, /* @__PURE__ */ import_react15.default.createElement("img", {
+        className: "hawa-h-8 hawa-w-8",
+        src: props.data.image
+    }), /* @__PURE__ */ import_react15.default.createElement("span", {
+        className: "hawa-text-[10px]"
+    }, props.data.country_label)), children);
+};
+var PhoneInput = function(props) {
+    var _ref = _sliced_to_array((0, import_react15.useState)("+966"), 2), selectedCountry = _ref[0], setSelectedCountry = _ref[1];
+    return /* @__PURE__ */ import_react15.default.createElement("div", {
+        className: "hawa-mb-3 hawa-flex hawa-flex-col"
+    }, props.label && /* @__PURE__ */ import_react15.default.createElement("label", {
+        className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium"
+    }, props.label), /* @__PURE__ */ import_react15.default.createElement("div", {
+        dir: "ltr",
+        className: "hawa-flex hawa-flex-row "
+    }, /* @__PURE__ */ import_react15.default.createElement(import_react_select.default, {
+        classNames: {
+            control: function() {
+                return "hawa-w-[64px] hawa-text-right hawa-pr-2 hawa-cursor-pointer hawa-z-10 hawa-border hawa-rounded-l hawa-bg-background";
+            },
+            placeholder: function(state) {
+                return "hawa-text-muted-foreground hawa-text-right ";
+            },
+            input: function(state) {
+                return "hawa-bg-transparent hawa-cursor-pointer dark:hawa-text-white hawa-p-2 hawa-rounded-l hawa-text-[0.875rem] ";
+            },
+            valueContainer: function() {
+                return "hawa-rounded-l hawa-h-auto hawa-text-[0.875rem]";
+            }
+        },
+        styles: {
+            placeholder: function(base) {
+                return _object_spread_props(_object_spread({}, base), {
+                    fontSize: "0.875rem",
+                    textAlign: "right"
+                });
+            }
+        },
+        components: {
+            Option: Option,
+            Menu: Menu,
+            DropdownIndicator: function() {
+                return null;
+            },
+            IndicatorSeparator: function() {
+                return null;
+            }
+        },
+        options: countries_default,
+        isMulti: false,
+        isSearchable: true,
+        isClearable: false,
+        placeholder: "+966",
+        unstyled: true,
+        defaultValue: props.preferredCountry,
+        value: selectedCountry,
+        onChange: function(newValue, action) {
+            return setSelectedCountry(newValue);
+        }
+    }), /* @__PURE__ */ import_react15.default.createElement("input", {
+        onChange: props.handleChange,
+        type: "number",
+        placeholder: "531045453",
+        className: "hawa-block hawa-w-full hawa-rounded-r hawa-z-50  hawa-border hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500"
+    }), props.helperText && /* @__PURE__ */ import_react15.default.createElement("p", {
+        className: "hawa-mb-1 hawa-mt-1 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500"
+    }, props.helperText)));
+};
+// components/elements/AppStores.tsx
+var import_react16 = __toESM(require("react"));
+var AppStores = function(props) {
+    return /* @__PURE__ */ import_react16.default.createElement("div", {
+        className: "hawa-flex hawa-justify-center"
+    }, /* @__PURE__ */ import_react16.default.createElement("div", null, props.store === "apple" ? props.mode === "dark" ? /* @__PURE__ */ import_react16.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_react16.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react16.default.createElement("svg", {
+        viewBox: "0 0 384 512",
+        width: "30"
+    }, /* @__PURE__ */ import_react16.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_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "Download on the"), /* @__PURE__ */ import_react16.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold"
+    }, "App Store"))) : /* @__PURE__ */ import_react16.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_react16.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react16.default.createElement("svg", {
+        viewBox: "0 0 384 512",
+        width: "30"
+    }, /* @__PURE__ */ import_react16.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_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "Download on the"), /* @__PURE__ */ import_react16.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold"
+    }, "App Store"))) : props.mode === "dark" ? /* @__PURE__ */ import_react16.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_react16.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react16.default.createElement("svg", {
+        viewBox: "30 336.7 120.9 129.2",
+        width: "30"
+    }, /* @__PURE__ */ import_react16.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_react16.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_react16.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_react16.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_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "GET IT ON"), /* @__PURE__ */ import_react16.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold"
+    }, "Google Play"))) : /* @__PURE__ */ import_react16.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_react16.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react16.default.createElement("svg", {
+        viewBox: "30 336.7 120.9 129.2",
+        width: "30"
+    }, /* @__PURE__ */ import_react16.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_react16.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_react16.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_react16.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_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "GET IT ON"), /* @__PURE__ */ import_react16.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold"
+    }, "Google Play")))));
+};
+// components/elements/BackToTop.tsx
+var import_react17 = __toESM(require("react"));
+var import_clsx7 = require("clsx");
+var BackToTop = function(_param) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    var _ref = _sliced_to_array((0, import_react17.useState)(false), 2), visible = _ref[0], setVisible = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react17.useState)(null), 2), rect = _ref1[0], _setRect = _ref1[1];
+    var self = (0, import_react17.useRef)(null);
+    var _rect = (0, import_react17.useRef)(rect);
+    var setRect = function(data) {
+        _rect.current = data;
+        _setRect(data);
+    };
+    var getCoords = function() {
+        var anchor = props.anchor.current;
+        if (anchor) {
+            return [
+                anchor.scrollTop,
+                anchor.scrollLeft
+            ];
+        }
+        return [
+            0,
+            0
+        ];
+    };
+    var onScroll = function() {
+        var _props_anchor_current;
+        var _getCoords = _sliced_to_array(getCoords(), 2), scrollTop = _getCoords[0], scrollLeft = _getCoords[1];
+        var rect2 = (_props_anchor_current = props.anchor.current) === null || _props_anchor_current === void 0 ? void 0 : _props_anchor_current.getBoundingClientRect();
+        if (rect2) {
+            setVisible(scrollTop >= rect2.height + (props.paddingThreshold || 100));
+        }
+    };
+    var backToTop = function() {
+        if (props.anchor.current) {
+            props.anchor.current.scrollTo({
+                top: 0,
+                behavior: "smooth"
+            });
+        }
+    };
+    (0, import_react17.useEffect)(function() {
+        if (!props.anchor.current) return;
+        props.anchor.current.addEventListener("scroll", onScroll);
+        var interval = setInterval(function() {
+            if (!props.anchor.current) return;
+            var newRect = props.anchor.current.getBoundingClientRect();
+            if (_rect.current == null) return setRect(newRect);
+            if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
+                setRect(newRect);
+            }
+        }, 1);
+        return function() {
+            var _props_anchor_current;
+            (_props_anchor_current = props.anchor.current) === null || _props_anchor_current === void 0 ? void 0 : _props_anchor_current.removeEventListener("scroll", onScroll);
+            clearInterval(interval);
+        };
+    }, []);
+    var getStyles = function() {
+        var _self_current;
+        if (!props.anchor.current || !self.current) return {};
+        var corner = props.corner || "bottom-right";
+        var _corner_split = _sliced_to_array(corner.split("-"), 2), vertical = _corner_split[0], horizontal = _corner_split[1];
+        var anchorRect = props.anchor.current.getBoundingClientRect();
+        var selfRect = (_self_current = self.current) === null || _self_current === void 0 ? void 0 : _self_current.getBoundingClientRect();
+        var width = horizontal == "right" ? anchorRect.width - selfRect.width : 0;
+        var height = vertical == "bottom" ? anchorRect.height - selfRect.height : 0;
+        var style = {
+            top: anchorRect.y + height + (vertical == "bottom" ? -1 : 1) * (props.paddingX || 10),
+            left: anchorRect.x + width + (horizontal == "right" ? -1 : 1) * (props.paddingX || 25)
+        };
+        return style;
+    };
+    return /* @__PURE__ */ import_react17.default.createElement(Button, {
+        className: cn("hawa-fixed hawa-cursor-pointer hawa-rounded hawa-transition-all", visible ? "hawa-pointer-events-all hawa-opacity-100" : "hawa-pointer-events-none hawa-opacity-0"),
+        onClick: backToTop,
+        style: _object_spread_props(_object_spread({}, getStyles()), {
+            transitionProperty: "opacity, background-color"
+        }),
+        ref: self,
+        size: "icon"
+    }, /* @__PURE__ */ import_react17.default.createElement("svg", {
+        className: (0, import_clsx7.clsx)("hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-rotate-180 hawa-transition-all  disabled:hawa-bg-gray-200"),
+        "aria-label": "Arrow Icon",
+        viewBox: "0 0 20 20",
+        fill: "currentColor"
+    }, /* @__PURE__ */ import_react17.default.createElement("path", {
+        d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+    })));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
     ActionCard: ActionCard,
+    Alert: Alert,
+    AppStores: AppStores,
+    BackToTop: BackToTop,
     Breadcrumb: Breadcrumb,
     Button: Button,
     Card: Card,
@@ -1498,7 +4021,9 @@ var ActionCard = function(props) {
     CardHeader: CardHeader,
     CardTitle: CardTitle,
     Checkbox: Checkbox,
+    Chip: Chip,
     CodeBlock: CodeBlock,
+    ColorPicker: ColorPicker,
     Dialog: Dialog,
     DialogContent: DialogContent,
     DialogDescription: DialogDescription,
@@ -1507,9 +4032,18 @@ var ActionCard = function(props) {
     DialogTitle: DialogTitle,
     DialogTrigger: DialogTrigger,
     DropdownMenu: DropdownMenu,
+    FileDropzone: FileDropzone,
+    Label: Label,
     Loading: Loading,
+    PhoneInput: PhoneInput,
+    PinInput: PinInput,
+    Popover: Popover,
+    PopoverContent: PopoverContent,
     Radio: Radio,
+    Skeleton: Skeleton,
+    Slider: Slider,
     Switch: Switch,
+    Textarea: Textarea,
     Toast: Toast,
     ToastAction: ToastAction,
     ToastClose: ToastClose,