@sikka/hawa 0.2.40-next → 0.2.41-next

package/dist/index.mjs

@@ -157,15 +157,7 @@ import * as React3 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = ({
-  //   className,
-  ...props
-}) => /* @__PURE__ */ React3.createElement(
-  DialogPrimitive.Portal,
-  {
-    ...props
-  }
-);
+var DialogPortal = ({ ...props }) => /* @__PURE__ */ React3.createElement(DialogPrimitive.Portal, { ...props });
 DialogPortal.displayName = DialogPrimitive.Portal.displayName;
 var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   DialogPrimitive.Overlay,
@@ -616,18 +608,18 @@ import * as React9 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva2 } from "class-variance-authority";
 var toastVariants = cva2(
-  "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",
+  "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: ""
       }
     },
@@ -642,7 +634,7 @@ var ToastViewport = React9.forwardRef(({ className, ...props }, ref) => /* @__PU
   {
     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]",
+      "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
@@ -657,7 +649,7 @@ var Toast = React9.forwardRef(({ className, variant, severity = "none", directio
       className: cn(
         toastVariants({ variant, 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"
+        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
@@ -671,11 +663,11 @@ var ToastAction = React9.forwardRef(({ className, ...props }, 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",
+        "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
@@ -688,7 +680,7 @@ var ToastClose = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   {
     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",
+      "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": "",
@@ -699,7 +691,7 @@ var ToastClose = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     {
       "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"
     },
@@ -718,7 +710,7 @@ var ToastTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   ToastPrimitives.Title,
   {
     ref,
-    className: cn("text-sm font-semibold", className),
+    className: cn("hawa-text-sm hawa-font-semibold", className),
     ...props
   }
 ));
@@ -727,7 +719,7 @@ var ToastDescription = React9.forwardRef(({ className, ...props }, ref) => /* @_
   ToastPrimitives.Description,
   {
     ref,
-    className: cn("text-sm opacity-90", className),
+    className: cn("hawa-text-sm hawa-opacity-90", className),
     ...props
   }
 ));
@@ -855,8 +847,13 @@ function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
   return /* @__PURE__ */ React11.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({ id, title, description, action, ...toastProps }) {
-    return /* @__PURE__ */ React11.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React11.createElement("div", { className: "grid gap-1 text-start" }, title && /* @__PURE__ */ React11.createElement(ToastTitle, null, title), description && /* @__PURE__ */ React11.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ React11.createElement(ToastClose, null));
-  }), /* @__PURE__ */ React11.createElement(ToastViewport, { className: cn("gap-2", isRTL && "fixed left-0") }));
+    return /* @__PURE__ */ React11.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React11.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React11.createElement(ToastTitle, null, title), description && /* @__PURE__ */ React11.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ React11.createElement(ToastClose, null));
+  }), /* @__PURE__ */ React11.createElement(
+    ToastViewport,
+    {
+      className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
+    }
+  ));
 }
 
 // components/elements/Switch.tsx
@@ -1058,14 +1055,289 @@ var Radio = ({
   }
 };
 
+// components/elements/Skeleton.tsx
+import React14 from "react";
+function Skeleton({ className, animation = "pulse", ...props }) {
+  return /* @__PURE__ */ React14.createElement(
+    "div",
+    {
+      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
+import React15 from "react";
+import clsx3 from "clsx";
+var Chip = ({
+  label,
+  size = "normal",
+  icon,
+  color,
+  dot,
+  dotType = "available"
+}) => {
+  let 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";
+  let 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: ""
+  };
+  let 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"
+  };
+  let dotTypeStyles = {
+    available: "hawa-bg-green-500",
+    unavailable: "hawa-bg-red-500"
+  };
+  return /* @__PURE__ */ React15.createElement(
+    "span",
+    {
+      className: clsx3(
+        defaultStyles,
+        sizeStyles[size],
+        color ? `hawa-bg-${color}-100 hawa-text-${color}-500` : "hawa-bg-layoutPrimary-500"
+      )
+    },
+    dot && /* @__PURE__ */ React15.createElement("span", { className: clsx3(dotStyles[size], dotTypeStyles[dotType]) }),
+    icon && icon,
+    label
+  );
+};
+
+// components/elements/Label.tsx
+import * as React16 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva3 } from "class-variance-authority";
+var labelVariants = cva3(
+  "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70"
+);
+var Label = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// components/elements/Alert.tsx
+import React17, { useRef as useRef3, useState as useState6, useEffect as useEffect4 } from "react";
+import clsx4 from "clsx";
+var Alert = ({
+  variant = "normal",
+  direction = "ltr",
+  severity = "info",
+  duration,
+  icon,
+  className,
+  ...props
+}) => {
+  const alertRef = useRef3(null);
+  const [closed, setClosed] = useState6(false);
+  useEffect4(() => {
+    if (duration) {
+      const timeoutHide = setTimeout(() => {
+        setClosed(true);
+      }, duration);
+      const timeoutDestroy = setTimeout(() => {
+        setClosed(true);
+        if (alertRef?.current) {
+          alertRef?.current.removeChild(alertRef?.current.children[0]);
+        }
+      }, duration + 1e3);
+      return () => {
+        clearTimeout(timeoutHide);
+        clearTimeout(timeoutDestroy);
+      };
+    }
+  }, [duration]);
+  let 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"
+  };
+  let 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__ */ React17.createElement("div", { ref: alertRef }, /* @__PURE__ */ React17.createElement(
+    "div",
+    {
+      className: clsx4(
+        "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__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ React17.createElement(
+      "div",
+      {
+        className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
+      },
+      icon
+    ), /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React17.createElement(
+      "span",
+      {
+        className: clsx4(
+          "font-medium",
+          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
+        )
+      },
+      props.title
+    ), /* @__PURE__ */ React17.createElement("span", null, props.text), props.actions && /* @__PURE__ */ React17.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ React17.createElement(
+      Button,
+      {
+        key: index,
+        variant: act.variant,
+        onClick: act.onClick()
+      },
+      act.label
+    ))))),
+    !props.persistant && /* @__PURE__ */ React17.createElement(
+      "button",
+      {
+        type: "button",
+        className: clsx4(
+          "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: () => {
+          setClosed(true);
+          setTimeout(() => {
+            if (alertRef?.current) {
+              alertRef?.current.removeChild(alertRef?.current.children[0]);
+            }
+          }, 200);
+        }
+      },
+      /* @__PURE__ */ React17.createElement("span", { className: "sr-only" }, "Close"),
+      /* @__PURE__ */ React17.createElement(
+        "svg",
+        {
+          "aria-label": "Close Icon",
+          "aria-hidden": "true",
+          className: "hawa-h-5 hawa-w-5",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
+        },
+        /* @__PURE__ */ React17.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
+import * as React18 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+var PopoverContent = React18.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React18.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React18.createElement(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    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 = ({
+  trigger,
+  children,
+  className,
+  align = "center",
+  side,
+  sideOffset = 4,
+  open,
+  disableTrigger,
+  ...props
+}) => /* @__PURE__ */ React18.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React18.createElement(PopoverPrimitive.Trigger, { disabled: disableTrigger }, trigger), /* @__PURE__ */ React18.createElement(
+  PopoverContent,
+  {
+    side,
+    className,
+    align,
+    sideOffset
+  },
+  children
+));
+
+// components/elements/Textarea.tsx
+import * as React19 from "react";
+var Textarea = React19.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ React19.createElement(
+      "textarea",
+      {
+        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,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// components/elements/Slider.tsx
+import * as React20 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+var Slider = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+  SliderPrimitive.Root,
+  {
+    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
-import * as React14 from "react";
+import * as React21 from "react";
 import * as DropdownMenuPrimitive from "@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(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var DropdownMenuSubTrigger = React21.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React21.createElement(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1076,9 +1348,9 @@ var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, .
     ),
     ...props
   },
-  /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
+  /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
   " ",
-  /* @__PURE__ */ React14.createElement(
+  /* @__PURE__ */ React21.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -1090,7 +1362,7 @@ var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, .
       width: "1em",
       className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React21.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -1100,7 +1372,7 @@ var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, .
   )
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var DropdownMenuSubContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1112,7 +1384,7 @@ var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React14.createElement(
+var DropdownMenuContent = React21.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React21.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React21.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1125,9 +1397,9 @@ var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, ...pr
   }
 )));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => {
+var DropdownMenuItem = React21.forwardRef(({ className, inset, ...props }, ref) => {
   console.log("sdsdsds", props.children);
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React21.createElement(
     DropdownMenuPrimitive.Item,
     {
       disabled: props.disabled,
@@ -1140,12 +1412,12 @@ var DropdownMenuItem = React14.forwardRef(({ className, inset, ...props }, ref)
       ),
       ...props
     },
-    /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
+    /* @__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(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var DropdownMenuCheckboxItem = React21.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React21.createElement(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1156,7 +1428,7 @@ var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checke
     checked,
     ...props
   },
-  /* @__PURE__ */ React14.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React14.createElement(
+  /* @__PURE__ */ React21.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React21.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React21.createElement(
     "svg",
     {
       "aria-label": "Check Mark",
@@ -1167,12 +1439,12 @@ var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checke
       height: "0.60em",
       width: "0.60em"
     },
-    /* @__PURE__ */ React14.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+    /* @__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(({ className, children, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var DropdownMenuRadioItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React21.createElement(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1182,7 +1454,7 @@ var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props
     ),
     ...props
   },
-  /* @__PURE__ */ React14.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React14.createElement(
+  /* @__PURE__ */ React21.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React21.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React21.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1197,12 +1469,12 @@ var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props
       strokeLinejoin: "round",
       className: "hawa-h-2 hawa-w-2 hawa-fill-current"
     },
-    /* @__PURE__ */ React14.createElement("circle", { cx: "12", cy: "12", r: "10" })
+    /* @__PURE__ */ React21.createElement("circle", { cx: "12", cy: "12", r: "10" })
   ))),
   children
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var DropdownMenuLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React21.createElement(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1215,7 +1487,7 @@ var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var DropdownMenuSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1228,7 +1500,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React21.createElement(
     "span",
     {
       className: cn(
@@ -1264,7 +1536,7 @@ var DropdownMenu = ({
     default: "hawa-px-2 hawa-py-3 ",
     sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5"
   };
-  return /* @__PURE__ */ React14.createElement(DropdownMenuRoot, { dir: direction }, /* @__PURE__ */ React14.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger), /* @__PURE__ */ React14.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React21.createElement(DropdownMenuRoot, { dir: direction }, /* @__PURE__ */ React21.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger), /* @__PURE__ */ React21.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React21.createElement(
     DropdownMenuContent,
     {
       side,
@@ -1278,12 +1550,12 @@ var DropdownMenu = ({
       alignOffset
     },
     items && items.map((item, index) => {
-      if (item.type === "separator") {
-        return /* @__PURE__ */ React14.createElement(DropdownMenuSeparator, { key: index });
-      } else if (item.type === "label") {
-        return /* @__PURE__ */ React14.createElement(DropdownMenuLabel, { key: index }, item.label);
+      if (item.itemType === "separator") {
+        return /* @__PURE__ */ React21.createElement(DropdownMenuSeparator, { key: index });
+      } else if (item.itemType === "label") {
+        return /* @__PURE__ */ React21.createElement(DropdownMenuLabel, { key: index }, item.label);
       } else {
-        return item.subitems ? /* @__PURE__ */ React14.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React14.createElement(
+        return item.subitems ? /* @__PURE__ */ React21.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React21.createElement(
           DropdownMenuSubTrigger,
           {
             className: cn(sizeStyles[size]),
@@ -1291,7 +1563,7 @@ var DropdownMenu = ({
           },
           item.icon && item.icon,
           item.label && item.label
-        ), /* @__PURE__ */ React14.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React14.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React14.createElement(
+        ), /* @__PURE__ */ React21.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React21.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React21.createElement(
           DropdownMenuItem,
           {
             key: subIndex,
@@ -1309,7 +1581,7 @@ var DropdownMenu = ({
           },
           subitem.icon && subitem.icon,
           subitem.label && subitem.label
-        ))))) : /* @__PURE__ */ React14.createElement(
+        ))))) : /* @__PURE__ */ React21.createElement(
           DropdownMenuItem,
           {
             key: index,
@@ -1344,11 +1616,77 @@ var DropdownMenu = ({
   )));
 };
 
+// components/elements/PinInput.tsx
+import React22, { useEffect as useEffect5, useState as useState7 } from "react";
+import clsx5 from "clsx";
+var PinInput = ({
+  label,
+  icon,
+  digits,
+  width = "normal",
+  getPins,
+  ...props
+}) => {
+  const [pin, setPin] = useState7(Array.from(Array(digits)));
+  const handleKeyDown = (e, index) => {
+    let backTo = 0;
+    if (e.key === "Backspace") {
+      e.target.value.length === 0 ? backTo = index - 1 : backTo = index;
+      const previousInput = document.getElementById(`input-${backTo}`);
+      previousInput?.focus();
+    }
+  };
+  useEffect5(() => {
+    let unfilled = pin.includes(void 0);
+    if (!unfilled && getPins) {
+      getPins(pin);
+    }
+  });
+  const handleChange = (e, index) => {
+    if (!/^\d*$/.test(e.target.value)) {
+      const newPin = [...pin];
+      newPin[index] = "";
+      setPin(newPin);
+      return;
+    } else {
+      const newPin = [...pin];
+      newPin[index] = e.target.value;
+      setPin(newPin);
+      if (e.target.value.length === 1) {
+        const nextInput = document.getElementById(`input-${index + 1}`);
+        nextInput?.focus();
+      } else if (e.target.value.length === 0) {
+        const previousInput = document.getElementById(`input-${index - 1}`);
+        previousInput?.focus();
+      }
+    }
+  };
+  return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2" }, pin.map((value, index) => /* @__PURE__ */ React22.createElement(
+    "input",
+    {
+      key: index,
+      type: "text",
+      maxLength: 1,
+      value,
+      id: `input-${index}`,
+      pattern: "[0-9]*",
+      className: clsx5(
+        "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center",
+        width === "full" ? "hawa-w-full" : "hawa-w-10"
+      ),
+      onChange: (e) => handleChange(e, index),
+      onKeyDown: (e) => handleKeyDown(e, index),
+      onFocus: (e) => e.target.select(),
+      ...props
+    }
+  )));
+};
+
 // components/elements/ActionCard.tsx
-import React15, { useState as useState6 } from "react";
+import React23, { useState as useState8 } from "react";
 var ActionCard = (props) => {
-  const [hovered, setHovered] = useState6(false);
-  return /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ React15.createElement(
+  const [hovered, setHovered] = useState8(false);
+  return /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ React23.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",
@@ -1358,7 +1696,7 @@ var ActionCard = (props) => {
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false)
     },
-    props.blank ? /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ React15.createElement(
+    props.blank ? /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ React23.createElement(
       "svg",
       {
         className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
@@ -1370,11 +1708,11 @@ var ActionCard = (props) => {
         width: "1em",
         xmlns: "http://www.w3.org/2000/svg"
       },
-      /* @__PURE__ */ React15.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
-    )) : /* @__PURE__ */ React15.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
-    /* @__PURE__ */ React15.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__ */ React15.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ React15.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ React15.createElement("p", { className: "hawa-text-white" }, props.subtitle))
-  ), /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React23.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
+    )) : /* @__PURE__ */ React23.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
+    /* @__PURE__ */ React23.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__ */ React23.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ React23.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ React23.createElement("p", { className: "hawa-text-white" }, props.subtitle))
+  ), /* @__PURE__ */ React23.createElement(
     "div",
     {
       className: `hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ${hovered ? "hawa-opacity-100" : "hawa-opacity-0"}`
@@ -1382,8 +1720,76 @@ var ActionCard = (props) => {
     props.bottomElement
   ));
 };
+
+// components/elements/AppStores.tsx
+import React24 from "react";
+var AppStores = (props) => {
+  return /* @__PURE__ */ React24.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ React24.createElement("div", null, props.store === "apple" ? props.mode === "dark" ? /* @__PURE__ */ React24.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__ */ React24.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React24.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React24.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__ */ React24.createElement("div", null, /* @__PURE__ */ React24.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React24.createElement("div", { className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ React24.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__ */ React24.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React24.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React24.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__ */ React24.createElement("div", null, /* @__PURE__ */ React24.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React24.createElement("div", { className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold" }, "App Store"))) : props.mode === "dark" ? /* @__PURE__ */ React24.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__ */ React24.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React24.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React24.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__ */ React24.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__ */ React24.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__ */ React24.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__ */ React24.createElement("div", null, /* @__PURE__ */ React24.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ React24.createElement("div", { className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold" }, "Google Play"))) : /* @__PURE__ */ React24.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__ */ React24.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React24.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React24.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__ */ React24.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__ */ React24.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__ */ React24.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__ */ React24.createElement("div", null, /* @__PURE__ */ React24.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ React24.createElement("div", { className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold" }, "Google Play")))));
+};
 export {
   ActionCard,
+  Alert,
+  AppStores,
   Breadcrumb,
   Button,
   Card,
@@ -1393,6 +1799,7 @@ export {
   CardHeader,
   CardTitle,
   Checkbox,
+  Chip,
   CodeBlock,
   Dialog,
   DialogContent,
@@ -1402,9 +1809,16 @@ export {
   DialogTitle,
   DialogTrigger,
   DropdownMenu,
+  Label,
   Loading,
+  PinInput,
+  Popover,
+  PopoverContent,
   Radio,
+  Skeleton,
+  Slider,
   Switch,
+  Textarea,
   Toast,
   ToastAction,
   ToastClose,