@sikka/hawa 0.2.40-next → 0.2.41-next

package/dist/index.js

@@ -218,6 +218,12 @@ __export(components_exports, {
     ActionCard: function() {
         return ActionCard;
     },
+    Alert: function() {
+        return Alert;
+    },
+    AppStores: function() {
+        return AppStores;
+    },
     Breadcrumb: function() {
         return Breadcrumb;
     },
@@ -245,6 +251,9 @@ __export(components_exports, {
     Checkbox: function() {
         return Checkbox;
     },
+    Chip: function() {
+        return Chip;
+    },
     CodeBlock: function() {
         return CodeBlock;
     },
@@ -272,15 +281,36 @@ __export(components_exports, {
     DropdownMenu: function() {
         return DropdownMenu;
     },
+    Label: function() {
+        return Label;
+    },
     Loading: function() {
         return Loading;
     },
+    PinInput: function() {
+        return PinInput;
+    },
+    Popover: function() {
+        return Popover;
+    },
+    PopoverContent: function() {
+        return PopoverContent;
+    },
     Radio: function() {
         return Radio;
     },
+    Skeleton: function() {
+        return Skeleton;
+    },
+    Slider: function() {
+        return Slider;
+    },
     Switch: function() {
         return Switch;
     },
+    Textarea: function() {
+        return Textarea;
+    },
     Toast: function() {
         return Toast;
     },
@@ -805,17 +835,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 +860,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 +876,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 +887,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 +897,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 +918,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 +928,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 +1085,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 +1244,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 +1490,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 +1553,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 +1580,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 +1612,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 +1629,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 +1667,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 +1691,81 @@ var DropdownMenu = function(param) {
         }
     }))));
 };
+// components/elements/PinInput.tsx
+var import_react11 = __toESM(require("react"));
+var import_clsx5 = __toESM(require("clsx"));
+var PinInput = function(_param) {
+    var label = _param.label, icon = _param.icon, digits = _param.digits, _param_width = _param.width, width = _param_width === void 0 ? "normal" : _param_width, getPins = _param.getPins, props = _object_without_properties(_param, [
+        "label",
+        "icon",
+        "digits",
+        "width",
+        "getPins"
+    ]);
+    var _ref = _sliced_to_array((0, import_react11.useState)(Array.from(Array(digits))), 2), pin = _ref[0], setPin = _ref[1];
+    var handleKeyDown = function(e, index) {
+        var backTo = 0;
+        if (e.key === "Backspace") {
+            e.target.value.length === 0 ? backTo = index - 1 : backTo = index;
+            var previousInput = document.getElementById("input-".concat(backTo));
+            previousInput === null || previousInput === void 0 ? void 0 : previousInput.focus();
+        }
+    };
+    (0, import_react11.useEffect)(function() {
+        var unfilled = pin.includes(void 0);
+        if (!unfilled && getPins) {
+            getPins(pin);
+        }
+    });
+    var handleChange = function(e, index) {
+        if (!/^\d*$/.test(e.target.value)) {
+            var newPin = _to_consumable_array(pin);
+            newPin[index] = "";
+            setPin(newPin);
+            return;
+        } else {
+            var newPin1 = _to_consumable_array(pin);
+            newPin1[index] = e.target.value;
+            setPin(newPin1);
+            if (e.target.value.length === 1) {
+                var nextInput = document.getElementById("input-".concat(index + 1));
+                nextInput === null || nextInput === void 0 ? void 0 : nextInput.focus();
+            } else if (e.target.value.length === 0) {
+                var previousInput = document.getElementById("input-".concat(index - 1));
+                previousInput === null || previousInput === void 0 ? void 0 : previousInput.focus();
+            }
+        }
+    };
+    return /* @__PURE__ */ import_react11.default.createElement("div", {
+        className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2"
+    }, pin.map(function(value, index) {
+        return /* @__PURE__ */ import_react11.default.createElement("input", _object_spread({
+            key: index,
+            type: "text",
+            maxLength: 1,
+            value: value,
+            id: "input-".concat(index),
+            pattern: "[0-9]*",
+            className: (0, import_clsx5.default)("hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center", width === "full" ? "hawa-w-full" : "hawa-w-10"),
+            onChange: function(e) {
+                return handleChange(e, index);
+            },
+            onKeyDown: function(e) {
+                return handleKeyDown(e, index);
+            },
+            onFocus: function(e) {
+                return e.target.select();
+            }
+        }, props));
+    }));
+};
 // components/elements/ActionCard.tsx
-var import_react8 = __toESM(require("react"));
+var import_react12 = __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_react12.useState)(false), 2), hovered = _ref[0], setHovered = _ref[1];
+    return /* @__PURE__ */ import_react12.default.createElement("div", {
         className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1"
-    }, /* @__PURE__ */ import_react8.default.createElement("div", {
+    }, /* @__PURE__ */ import_react12.default.createElement("div", {
         className: "hawa-group hawa-relative hawa-h-full hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-bg-cover hawa-bg-center hawa-transition-all hawa-duration-500 hover:hawa-drop-shadow-2xl",
         style: {
             backgroundImage: "url(".concat(props.blank ? "" : props.cardImage, ")")
@@ -1459,9 +1776,9 @@ var ActionCard = function(props) {
         onMouseLeave: function() {
             return setHovered(false);
         }
-    }, props.blank ? /* @__PURE__ */ import_react8.default.createElement("div", {
+    }, props.blank ? /* @__PURE__ */ import_react12.default.createElement("div", {
         className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center "
-    }, /* @__PURE__ */ import_react8.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react12.default.createElement("svg", {
         className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
         stroke: "currentColor",
         fill: "currentColor",
@@ -1470,25 +1787,108 @@ var ActionCard = function(props) {
         height: "1em",
         width: "1em",
         xmlns: "http://www.w3.org/2000/svg"
-    }, /* @__PURE__ */ import_react8.default.createElement("path", {
+    }, /* @__PURE__ */ import_react12.default.createElement("path", {
         d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"
-    }))) : /* @__PURE__ */ import_react8.default.createElement("div", {
+    }))) : /* @__PURE__ */ import_react12.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_react12.default.createElement("div", {
         className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100"
-    }, props.inCardActions), !props.blank && /* @__PURE__ */ import_react8.default.createElement("div", {
+    }, props.inCardActions), !props.blank && /* @__PURE__ */ import_react12.default.createElement("div", {
         className: "hawa-relative hawa-p-4"
-    }, /* @__PURE__ */ import_react8.default.createElement("h1", {
+    }, /* @__PURE__ */ import_react12.default.createElement("h1", {
         className: "hawa-text-white"
-    }, props.title), /* @__PURE__ */ import_react8.default.createElement("p", {
+    }, props.title), /* @__PURE__ */ import_react12.default.createElement("p", {
         className: "hawa-text-white"
-    }, props.subtitle))), /* @__PURE__ */ import_react8.default.createElement("div", {
+    }, props.subtitle))), /* @__PURE__ */ import_react12.default.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ".concat(hovered ? "hawa-opacity-100" : "hawa-opacity-0")
     }, props.bottomElement));
 };
+// components/elements/AppStores.tsx
+var import_react13 = __toESM(require("react"));
+var AppStores = function(props) {
+    return /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-flex hawa-justify-center"
+    }, /* @__PURE__ */ import_react13.default.createElement("div", null, props.store === "apple" ? props.mode === "dark" ? /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white"
+    }, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react13.default.createElement("svg", {
+        viewBox: "0 0 384 512",
+        width: "30"
+    }, /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "currentColor",
+        d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
+    }))), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "Download on the"), /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold"
+    }, "App Store"))) : /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-transparent hawa-text-black"
+    }, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react13.default.createElement("svg", {
+        viewBox: "0 0 384 512",
+        width: "30"
+    }, /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "currentColor",
+        d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
+    }))), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "Download on the"), /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold"
+    }, "App Store"))) : props.mode === "dark" ? /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white"
+    }, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react13.default.createElement("svg", {
+        viewBox: "30 336.7 120.9 129.2",
+        width: "30"
+    }, /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#FFD400",
+        d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#FF3333",
+        d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#48FF48",
+        d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#3BCCFF",
+        d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
+    }))), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "GET IT ON"), /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold"
+    }, "Google Play"))) : /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-white hawa-text-black"
+    }, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-mr-3"
+    }, /* @__PURE__ */ import_react13.default.createElement("svg", {
+        viewBox: "30 336.7 120.9 129.2",
+        width: "30"
+    }, /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#FFD400",
+        d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#FF3333",
+        d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#48FF48",
+        d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
+    }), /* @__PURE__ */ import_react13.default.createElement("path", {
+        fill: "#3BCCFF",
+        d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
+    }))), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-text-xs"
+    }, "GET IT ON"), /* @__PURE__ */ import_react13.default.createElement("div", {
+        className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold"
+    }, "Google Play")))));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
     ActionCard: ActionCard,
+    Alert: Alert,
+    AppStores: AppStores,
     Breadcrumb: Breadcrumb,
     Button: Button,
     Card: Card,
@@ -1498,6 +1898,7 @@ var ActionCard = function(props) {
     CardHeader: CardHeader,
     CardTitle: CardTitle,
     Checkbox: Checkbox,
+    Chip: Chip,
     CodeBlock: CodeBlock,
     Dialog: Dialog,
     DialogContent: DialogContent,
@@ -1507,9 +1908,16 @@ var ActionCard = function(props) {
     DialogTitle: DialogTitle,
     DialogTrigger: DialogTrigger,
     DropdownMenu: DropdownMenu,
+    Label: Label,
     Loading: Loading,
+    PinInput: PinInput,
+    Popover: Popover,
+    PopoverContent: PopoverContent,
     Radio: Radio,
+    Skeleton: Skeleton,
+    Slider: Slider,
     Switch: Switch,
+    Textarea: Textarea,
     Toast: Toast,
     ToastAction: ToastAction,
     ToastClose: ToastClose,