@sikka/hawa 0.2.38 → 0.2.41-next

package/dist/index.mjs

@@ -0,0 +1,1832 @@
+// components/elements/Button.tsx
+import * as React2 from "react";
+import { cva } from "class-variance-authority";
+
+// components/util.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// components/elements/Loading.tsx
+import React from "react";
+import clsx2 from "clsx";
+var Loading = ({
+  design = "spinner",
+  size = "sm",
+  color,
+  ...props
+}) => {
+  let sizeStyles = {
+    button: "hawa-h-4 hawa-w-4",
+    xs: "hawa-h-1 hawa-w-1",
+    sm: "hawa-h-6 hawa-w-6",
+    normal: "hawa-h-8 hawa-w-8",
+    lg: "hawa-h-14 hawa-w-14",
+    xl: "hawa-h-24 hawa-w-24"
+  };
+  let animationStyles = {
+    pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
+    bounce: "hawa-animate-bounce"
+  };
+  switch (design.split("-")[0]) {
+    case "dots":
+      return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx2(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx2(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx2(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ));
+    default:
+      return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-x-3" }, /* @__PURE__ */ React.createElement("div", { "aria-label": "Loading...", role: "status" }, /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          className: clsx2(sizeStyles[size], "hawa-animate-spin"),
+          viewBox: "3 3 18 18"
+        },
+        /* @__PURE__ */ React.createElement(
+          "path",
+          {
+            className: "hawa-fill-primary/20",
+            d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "path",
+          {
+            className: color ? color : "hawa-fill-primary",
+            d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"
+          }
+        )
+      )));
+  }
+};
+
+// components/elements/Button.tsx
+var buttonVariants = cva(
+  "hawa-inline-flex hawa-items-center hawa-justify-center hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
+        light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
+        destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
+        outline: "hawa-border  hawa-border-input hawa-bg-transparent hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+        secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
+        ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+        link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
+        neoBrutalism: "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active"
+      },
+      size: {
+        default: "hawa-h-10 hawa-px-4 hawa-py-2",
+        heightless: "hawa-px-4 hawa-py-4",
+        xs: "hawa-h-fit hawa-py-1 hawa-text-[10px] hawa-px-2 ",
+        sm: "hawa-h-9 hawa-text-[11px] hawa-rounded-md hawa-px-3",
+        lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
+        xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
+        icon: "hawa-h-10 hawa-w-10",
+        smallIcon: "hawa-h-7 hawa-w-7"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    isLoading,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = "button";
+    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
+    return /* @__PURE__ */ React2.createElement(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      },
+      isLoading ? /* @__PURE__ */ React2.createElement(
+        Loading,
+        {
+          design: "dots-pulse",
+          color: loadingColor,
+          size: size === "sm" ? "xs" : "button"
+        }
+      ) : children
+    );
+  }
+);
+Button.displayName = "Button";
+
+// components/elements/Dialog.tsx
+import * as React3 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+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,
+  {
+    ref,
+    className: cn(
+      "hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(DialogPortal, null, /* @__PURE__ */ React3.createElement(DialogOverlay, null), /* @__PURE__ */ React3.createElement(
+  DialogPrimitive.Content,
+  {
+    onPointerDownOutside: (e) => {
+      if (props.persist) {
+        e.preventDefault();
+      }
+    },
+    ref,
+    className: cn(
+      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React3.createElement(
+    DialogPrimitive.Close,
+    {
+      className: cn(
+        "hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
+        props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
+      )
+    },
+    /* @__PURE__ */ React3.createElement(
+      "svg",
+      {
+        "aria-label": "Close Icon",
+        "aria-hidden": "true",
+        className: "hawa-h-5 hawa-w-5",
+        fill: "currentColor",
+        viewBox: "0 0 20 20"
+      },
+      /* @__PURE__ */ React3.createElement(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+          clipRule: "evenodd"
+        }
+      )
+    ),
+    /* @__PURE__ */ React3.createElement("span", { className: "hawa-sr-only" }, "Close")
+  )
+)));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React3.createElement(
+  "div",
+  {
+    className: cn(
+      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-text-center sm:hawa-text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "hawa-text-start hawa-text-lg hawa-font-semibold hawa-leading-none hawa-tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn(
+      "hawa-text-start hawa-text-sm hawa-text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React3.createElement(
+  "div",
+  {
+    className: cn(
+      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-gap-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+
+// components/elements/Card.tsx
+import * as React4 from "react";
+var Card = React4.forwardRef(
+  ({ className, clickable = false, ...props }, ref) => /* @__PURE__ */ React4.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
+        clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:hawa-shadow-dark",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
+  "div",
+  {
+    ref,
+    className: cn(
+      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
+      className
+    ),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "hawa-text-2xl hawa-font-semibold hawa-leading-none hawa-tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
+  "p",
+  {
+    ref,
+    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React4.forwardRef(
+  ({ headless, className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "hawa-p-6",
+        headless ? "hawa-pt-6" : "hawa-pt-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
+  "div",
+  {
+    ref,
+    className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// components/elements/Breadcrumb.tsx
+import React5 from "react";
+var Breadcrumb = ({ breadcrumbLinks, separator = ">" }) => {
+  return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React5.createElement(
+    "a",
+    {
+      href: singleBreadcrumbLink.href,
+      className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+    },
+    singleBreadcrumbLink.label
+  ), index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ React5.createElement("div", null, separator) : /* @__PURE__ */ React5.createElement("div", null, separator) : null)));
+};
+
+// components/elements/Tooltip.tsx
+import React6 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+var TooltipContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipArrow = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+var Tooltip = ({
+  side,
+  open,
+  content,
+  children,
+  defaultOpen,
+  onOpenChange,
+  delayDuration = 300,
+  ...props
+}) => {
+  return /* @__PURE__ */ React6.createElement(TooltipPrimitive.TooltipProvider, { delayDuration }, /* @__PURE__ */ React6.createElement(
+    TooltipPrimitive.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange
+    },
+    /* @__PURE__ */ React6.createElement(TooltipPrimitive.Trigger, { asChild: true }, children),
+    /* @__PURE__ */ React6.createElement(TooltipContent, { side, align: "center", ...props }, content)
+  ));
+};
+
+// components/elements/CodeBlock.tsx
+import React7, { useState as useState2 } from "react";
+
+// components/hooks/useClipboard.ts
+import { useState } from "react";
+function useClipboard({ timeout = 2e3 } = {}) {
+  const [error, setError] = useState(null);
+  const [copied, setCopied] = useState(false);
+  const [copyTimeout, setCopyTimeout] = useState(null);
+  const handleCopyResult = (value) => {
+    clearTimeout(copyTimeout);
+    setCopyTimeout(setTimeout(() => setCopied(false), timeout));
+    setCopied(value);
+  };
+  const copy = (valueToCopy) => {
+    if ("clipboard" in navigator) {
+      navigator.clipboard.writeText(valueToCopy).then(() => handleCopyResult(true)).catch((err) => setError(err));
+    } else {
+      setError(new Error("useClipboard: navigator.clipboard is not supported"));
+    }
+  };
+  const reset = () => {
+    setCopied(false);
+    setError(null);
+    clearTimeout(copyTimeout);
+  };
+  return { copy, reset, error, copied };
+}
+
+// components/elements/CodeBlock.tsx
+var CodeBlock = ({
+  tabs,
+  code,
+  fileName,
+  width = "full"
+}) => {
+  const clipboard = useClipboard();
+  const [selectedTab, setSelectedTab] = useState2(0);
+  let widthStyles = {
+    full: "hawa-w-full",
+    md: "hawa-w-full hawa-max-w-md",
+    sm: "hawa-w-full hawa-max-w-sm",
+    xs: "hawa-w-full hawa-max-w-xs"
+  };
+  return /* @__PURE__ */ React7.createElement(
+    "div",
+    {
+      className: cn(
+        widthStyles[width],
+        "hawa-w-full hawa-flex-col  hawa-items-center hawa-rounded hawa-bg-background hawa-text-left hawa-text-white sm:hawa-text-base"
+      )
+    },
+    tabs && /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted  hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono " }, tabs.map((tab, i) => /* @__PURE__ */ React7.createElement(
+      "div",
+      {
+        className: cn(
+          selectedTab === i ? " hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent"
+        )
+      },
+      /* @__PURE__ */ React7.createElement(
+        "div",
+        {
+          onClick: () => setSelectedTab(i),
+          className: cn(
+            "hawa-mb-1 hawa-transition-all hawa-w-full hawa-max-w-[52px] hawa-cursor-pointer hawa-rounded-inner hawa-p-2 hawa-py-1 hawa-text-center  hawa-text-[1rem] hover:hawa-bg-muted-foreground/20"
+          )
+        },
+        tab.title
+      )
+    ))),
+    fileName && /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono" }, /* @__PURE__ */ React7.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-mb-1 hawa-w-full hawa-max-w-[52px] hawa-rounded-inner hawa-p-2 hawa-py-1 hawa-text-center hawa-text-[1rem]"
+        )
+      },
+      fileName
+    )),
+    /* @__PURE__ */ React7.createElement("pre", null, /* @__PURE__ */ React7.createElement(
+      "code",
+      {
+        className: cn(
+          "hawa-relative hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between    hawa-p-0 hawa-text-left  hawa-text-sm sm:hawa-text-base hawa-bg-gray-300 ",
+          tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded"
+        )
+      },
+      /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-min-h-[37.75px] hawa-w-full  hawa-flex-row hawa-justify-start hawa-overflow-auto hawa-p-4 hawa-text-foreground hawa-bg-background/70 hawa-font-mono   " }, tabs ? tabs[selectedTab].code : code),
+      /* @__PURE__ */ React7.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ React7.createElement(
+        Tooltip,
+        {
+          open: clipboard.copied,
+          side: "left",
+          content: /* @__PURE__ */ React7.createElement("div", null, "Copied!")
+        },
+        /* @__PURE__ */ React7.createElement(
+          Button,
+          {
+            size: "icon",
+            onClick: () => clipboard.copy(tabs ? tabs[selectedTab].code : code),
+            variant: "outline",
+            className: "hawa-opacity-50 sm:hawa-opacity-100 hawa-text-foreground"
+          },
+          /* @__PURE__ */ React7.createElement(
+            "svg",
+            {
+              "aria-label": "Copy Icon",
+              stroke: "currentColor",
+              fill: "none",
+              strokeWidth: "2",
+              viewBox: "0 0 24 24",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              height: "1em",
+              width: "1em"
+            },
+            /* @__PURE__ */ React7.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+            /* @__PURE__ */ React7.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+          )
+        )
+      ))
+    ))
+  );
+};
+
+// components/elements/Checkbox.tsx
+import * as React8 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+var Checkbox = ({
+  id,
+  label,
+  sublabel,
+  helperText,
+  ...checkboxProps
+}) => {
+  return /* @__PURE__ */ React8.createElement("div", { className: "hawa-items-top  hawa-flex hawa-gap-2 " }, /* @__PURE__ */ React8.createElement(CheckboxElement, { id, ...checkboxProps }), (label || helperText) && /* @__PURE__ */ React8.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React8.createElement(
+    "label",
+    {
+      role: "checkbox",
+      htmlFor: id,
+      className: cn(
+        "hawa-cursor-pointer hawa-select-none hawa-text-sm hawa-font-medium hawa-leading-none hawa-pt-0.5",
+        checkboxProps.disabled && "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70 "
+      )
+    },
+    label
+  ), sublabel && /* @__PURE__ */ React8.createElement(
+    "label",
+    {
+      role: "checkbox",
+      htmlFor: id,
+      className: cn(
+        "hawa-cursor-pointer hawa-select-none hawa-text-sm hawa-text-muted-foreground",
+        checkboxProps.disabled && "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70"
+      )
+    },
+    sublabel
+  ), helperText && !checkboxProps.disabled && /* @__PURE__ */ React8.createElement(
+    "label",
+    {
+      role: "checkbox",
+      htmlFor: id,
+      className: cn(
+        "hawa-select-none hawa-text-xs  hawa-text-red-500",
+        checkboxProps.disabled && "hawa-cursor-not-allowed hawa-opacity-70"
+      )
+    },
+    helperText
+  )));
+};
+var CheckboxElement = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "hawa-peer hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React8.createElement(
+    CheckboxPrimitive.Indicator,
+    {
+      className: cn(
+        "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
+      )
+    },
+    /* @__PURE__ */ React8.createElement(
+      "svg",
+      {
+        "aria-label": "Check Mark",
+        stroke: "currentColor",
+        fill: "currentColor",
+        strokeWidth: "0",
+        viewBox: "0 0 512 512",
+        height: "0.60em",
+        width: "0.60em"
+      },
+      /* @__PURE__ */ React8.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+    ),
+    " "
+  )
+));
+CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
+
+// components/elements/Toast.tsx
+import * as React9 from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva as cva2 } from "class-variance-authority";
+var toastVariants = cva2(
+  "hawa-group hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "hawa-border hawa-bg-background hawa-text-foreground",
+        destructive: "hawa-destructive hawa-group hawa-border-destructive hawa-bg-destructive hawa-text-destructive-foreground"
+      },
+      severity: {
+        info: "hawa-info hawa-group hawa-text-info-foreground hawa-bg-info",
+        warning: "hawa-warning hawa-group hawa-text-warning-foreground hawa-bg-warning",
+        error: "hawa-error hawa-group hawa-border-error hawa-bg-error hawa-text-error-foreground",
+        success: "hawa-success hawa-group hawa-text-success-foreground hawa-bg-success",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  ToastPrimitives.Viewport,
+  {
+    ref,
+    className: cn(
+      "hawa-fixed hawa-top-0 hawa-z-[100] hawa-flex hawa-max-h-screen hawa-w-full hawa-flex-col-reverse hawa-p-4 sm:hawa-bottom-0 sm:hawa-right-0 sm:hawa-top-auto sm:hawa-flex-col md:hawa-max-w-[420px]",
+      className
+    ),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var Toast = React9.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React9.createElement(
+    ToastPrimitives.Root,
+    {
+      ref,
+      className: cn(
+        toastVariants({ variant, severity }),
+        className,
+        direction === "rtl" ? "hawa-p-6 hawa-pl-0 hawa-pr-10 data-[state=closed]:hawa-slide-out-to-left-full" : "hawa-p-6 hawa-pr-8 data-[state=closed]:hawa-slide-out-to-right-full"
+      ),
+      dir: direction,
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React9.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React9.createElement(
+    ToastPrimitives.Action,
+    {
+      ref,
+      className: cn(
+        "hawa-inline-flex hawa-h-8 hawa-shrink-0 hawa-items-center hawa-justify-center hawa-rounded-md hawa-border hawa-bg-transparent hawa-px-3 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors hover:hawa-bg-secondary hover:hawa-text-secondary-foreground focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+        "group-[.info]:hawa-border-muted/40 group-[.info]:hover:hawa-border-info/30 group-[.info]:hover:hawa-bg-info group-[.info]:hover:hawa-text-info-foreground group-[.info]:focus:hawa-ring-info",
+        "group-[.error]:hawa-border-muted/40 group-[.error]:hover:hawa-border-error/30 group-[.error]:hover:hawa-bg-error group-[.error]:hover:hawa-text-error-foreground group-[.error]:focus:hawa-ring-error",
+        "group-[.success]:hawa-border-muted/40 group-[.success]:hover:hawa-border-success/30 group-[.success]:hover:hawa-bg-success group-[.success]:hover:hawa-text-success-foreground group-[.success]:focus:hawa-ring-success",
+        "group-[.warning]:hawa-border-muted/40 group-[.warning]:hover:hawa-border-warning/30 group-[.warning]:hover:hawa-bg-warning group-[.warning]:hover:hawa-text-warning-foreground group-[.warning]:focus:hawa-ring-warning",
+        className
+      ),
+      ...props
+    }
+  );
+});
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  ToastPrimitives.Close,
+  {
+    ref,
+    className: cn(
+      "hawa-absolute hawa-right-2 hawa-top-2 hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-opacity-0 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 group-hover:hawa-opacity-100 group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600",
+      className
+    ),
+    "toast-close": "",
+    ...props
+  },
+  /* @__PURE__ */ React9.createElement(
+    "svg",
+    {
+      "aria-label": "Close Icon",
+      "aria-hidden": "true",
+      className: "hawa-h-4 hawa-w-4",
+      fill: "currentColor",
+      viewBox: "0 0 20 20"
+    },
+    /* @__PURE__ */ React9.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+        clipRule: "evenodd"
+      }
+    )
+  )
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  ToastPrimitives.Title,
+  {
+    ref,
+    className: cn("hawa-text-sm hawa-font-semibold", className),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  ToastPrimitives.Description,
+  {
+    ref,
+    className: cn("hawa-text-sm hawa-opacity-90", className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+
+// components/elements/Toaster.tsx
+import React11 from "react";
+
+// components/hooks/useToast.ts
+import * as React10 from "react";
+var TOAST_LIMIT = 5;
+var TOAST_REMOVE_DELAY = 1e5;
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_VALUE;
+  return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast2) => {
+          addToRemoveQueue(toast2.id);
+        });
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? { ...t, open: false } : t
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) {
+        return { ...state, toasts: [] };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+function toast({ ...props }) {
+  const id = genId();
+  const update = (props2) => dispatch({
+    type: "UPDATE_TOAST",
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open)
+          dismiss();
+      }
+    }
+  });
+  return {
+    id,
+    dismiss,
+    update
+  };
+}
+function useToast() {
+  const [state, setState] = React10.useState(memoryState);
+  React10.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+
+// components/elements/Toaster.tsx
+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: "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
+import * as React12 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+var rootSize = {
+  default: "hawa-h-[25px] hawa-w-[42px]",
+  sm: "hawa-h-[20px] hawa-w-[37px]",
+  lg: "hawa-h-[30px] hawa-w-[47px]"
+};
+var thumbSize = {
+  default: "hawa-h-[21px] hawa-w-[21px]",
+  sm: "hawa-h-[16px] hawa-w-[16px]",
+  lg: "hawa-h-[26px] hawa-w-[26px]"
+};
+var Switch = React12.forwardRef(({ className, size = "default", label, ...props }, ref) => {
+  const [parentDirection, setParentDirection] = React12.useState(
+    null
+  );
+  const parentRef = React12.useRef(null);
+  React12.useEffect(() => {
+    const parentNode = parentRef.current?.parentNode;
+    if (parentNode) {
+      const dir = window.getComputedStyle(parentNode).direction;
+      setParentDirection(dir);
+    }
+  });
+  return /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center", ref: parentRef }, /* @__PURE__ */ React12.createElement(
+    SwitchPrimitives.Root,
+    {
+      className: cn(
+        "hawa-relative  hawa-cursor-pointer hawa-rounded-full hawa-bg-primary/20 hawa-outline-none data-[state=checked]:hawa-bg-primary",
+        className,
+        rootSize[size]
+      ),
+      ...props,
+      ref
+    },
+    /* @__PURE__ */ React12.createElement(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          thumbSize[size],
+          "hawa-block hawa-rounded-full hawa-bg-white hawa-transition-transform  hawa-duration-100 hawa-will-change-transform data-[state=checked]:hawa-bg-primary-foreground  dark:hawa-bg-background",
+          parentDirection === "rtl" ? "hawa--translate-x-0.5 data-[state=checked]:hawa--translate-x-[19px]" : "hawa-translate-x-0.5 data-[state=checked]:hawa-translate-x-[19px]"
+        )
+      }
+    )
+  ), label && /* @__PURE__ */ React12.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label));
+});
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+// components/elements/Radio.tsx
+import React13, { useState as useState5, useRef as useRef2, useEffect as useEffect3 } from "react";
+var Radio = ({
+  design = "default",
+  width = "default",
+  orientation = "horizontal",
+  ...props
+}) => {
+  const [selectedOption, setSelectedOption] = useState5(props.defaultValue);
+  let activeTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4  hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary ";
+  let inactiveTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-transition-all hover:hawa-bg-primary/10 dark:hawa-bg-background hawa-bg-primary/5  hover:hawa-text-gray-900  dark:hover:hawa-bg-primary/10 dark:hover:hawa-text-white dark:hawa-bg-primary/5";
+  let orientationStyle = {
+    horizontal: "hawa-flex hawa-flex-row",
+    vertical: "hawa-flex hawa-flex-col"
+  };
+  let widthStyle = {
+    default: "hawa-max-w-fit",
+    full: "hawa-w-full"
+  };
+  const [parentDirection, setParentDirection] = React13.useState(
+    null
+  );
+  const parentRef = useRef2(null);
+  useEffect3(() => {
+    const parentNode = parentRef.current?.parentNode;
+    if (parentNode) {
+      const dir = window.getComputedStyle(parentNode).direction;
+      setParentDirection(dir);
+    }
+  });
+  switch (design) {
+    case "tabs":
+      return /* @__PURE__ */ React13.createElement(
+        "ul",
+        {
+          ref: parentRef,
+          className: cn(
+            props.options && props.options?.length > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
+            "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-text-sm hawa-font-medium",
+            widthStyle[width],
+            orientationStyle[orientation]
+          )
+        },
+        props.options?.map((opt, o) => /* @__PURE__ */ React13.createElement(
+          "li",
+          {
+            "aria-current": "page",
+            onClick: () => {
+              setSelectedOption(opt.value);
+              props.onChangeTab(opt.value);
+            },
+            className: cn(
+              "hawa-w-full hawa-cursor-pointer ",
+              orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
+              orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
+              orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
+              "hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
+              selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+            ),
+            key: o
+          },
+          opt.icon && opt.icon,
+          opt.label
+        ))
+      );
+    case "bordered":
+      return /* @__PURE__ */ React13.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React13.createElement("div", { className: "hawa-rounded hawa-border hawa-border-gray-200 " }, /* @__PURE__ */ React13.createElement(
+        "div",
+        {
+          className: "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+          key: i + 1
+        },
+        /* @__PURE__ */ React13.createElement(
+          "input",
+          {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name: "bordered-radio"
+          }
+        ),
+        /* @__PURE__ */ React13.createElement(
+          "label",
+          {
+            htmlFor: opt.value.toString(),
+            className: cn(
+              "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+              opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
+          },
+          opt.label
+        )
+      ))));
+    case "cards":
+      return /* @__PURE__ */ React13.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options?.map((opt, o) => /* @__PURE__ */ React13.createElement("li", null, /* @__PURE__ */ React13.createElement(
+        "input",
+        {
+          type: "radio",
+          id: opt.value.toString(),
+          name: "cards-radio",
+          value: opt.value.toString(),
+          className: "hawa-peer hawa-hidden",
+          required: true,
+          disabled: opt.disabled
+        }
+      ), /* @__PURE__ */ React13.createElement(
+        "label",
+        {
+          htmlFor: opt.value.toString(),
+          className: cn(
+            "hawa-inline-flex hawa-h-full hawa-w-full  hawa-items-center hawa-justify-between hawa-rounded-lg hawa-border hawa-border-gray-200 hawa-bg-white hawa-p-5 hawa-text-gray-500  peer-checked:hawa-border-blue-600 peer-checked:hawa-text-blue-600 dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-gray-400  dark:peer-checked:hawa-text-primary",
+            opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-gray-100 hover:hawa-text-gray-600 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-gray-300"
+          )
+        },
+        /* @__PURE__ */ React13.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React13.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+      ))));
+    default:
+      return /* @__PURE__ */ React13.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React13.createElement(
+        "div",
+        {
+          className: "radio-item radio-item-default  hawa-flex hawa-items-center hawa-transition-all",
+          key: i + 1
+        },
+        /* @__PURE__ */ React13.createElement(
+          "input",
+          {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name: "default-radio"
+          }
+        ),
+        /* @__PURE__ */ React13.createElement(
+          "label",
+          {
+            htmlFor: opt.value.toString(),
+            className: cn(
+              "hawa-text-sm hawa-font-medium dark:hawa-text-white",
+              opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
+          },
+          opt.label
+        )
+      )));
+  }
+};
+
+// components/elements/Skeleton.tsx
+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 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 = React21.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-px-2 hawa-py-3 hawa-text-sm hawa-outline-none focus:hawa-bg-accent data-[state=open]:hawa-bg-accent",
+      inset && "hawa-pl-8",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
+  " ",
+  /* @__PURE__ */ React21.createElement(
+    "svg",
+    {
+      "aria-label": "Chevron Right Icon",
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 16 16",
+      height: "1em",
+      width: "1em",
+      className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
+    },
+    /* @__PURE__ */ React21.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+      }
+    )
+  )
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "hawa-z-50 hawa-min-w-[8rem] hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React21.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React21.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React21.createElement(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "hawa-z-50  hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-md data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+)));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React21.forwardRef(({ className, inset, ...props }, ref) => {
+  console.log("sdsdsds", props.children);
+  return /* @__PURE__ */ React21.createElement(
+    DropdownMenuPrimitive.Item,
+    {
+      disabled: props.disabled,
+      ref,
+      className: cn(
+        "hawa-relative hawa-flex hawa-cursor-pointer hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
+        inset && "hawa-pl-8",
+        props.end && Array.isArray(props.children) && props.children[1] && "hawa-gap-6",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
+    props.end && props.end
+  );
+});
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React21.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    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,
+    ...props
+  },
+  /* @__PURE__ */ React21.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React21.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React21.createElement(
+    "svg",
+    {
+      "aria-label": "Check Mark",
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 512 512",
+      height: "0.60em",
+      width: "0.60em"
+    },
+    /* @__PURE__ */ React21.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+  ), " ")),
+  children
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-py-1.5 hawa-pl-8 hawa-pr-2 hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-bg-accent focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React21.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React21.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React21.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      "aria-label": "Circle",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "hawa-h-2 hawa-w-2 hawa-fill-current"
+    },
+    /* @__PURE__ */ React21.createElement("circle", { cx: "12", cy: "12", r: "10" })
+  ))),
+  children
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React21.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-font-semibold",
+      inset && "hawa-pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("hawa--mx-1 hawa-my-1 hawa-h-px hawa-bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ React21.createElement(
+    "span",
+    {
+      className: cn(
+        "hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-opacity-60",
+        className
+      ),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+var DropdownMenu = ({
+  trigger,
+  items,
+  direction,
+  sideOffset,
+  side,
+  className,
+  triggerClassname,
+  align,
+  alignOffset,
+  onItemSelect,
+  size = "default",
+  width = "default"
+}) => {
+  const widthStyles = {
+    default: "hawa-min-w-[8rem]",
+    sm: "hawa-w-fit",
+    lg: "hawa-w-[200px]",
+    parent: "ddm-w-parent"
+  };
+  const sizeStyles = {
+    default: "hawa-px-2 hawa-py-3 ",
+    sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5"
+  };
+  return /* @__PURE__ */ React21.createElement(DropdownMenuRoot, { dir: direction }, /* @__PURE__ */ React21.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger), /* @__PURE__ */ React21.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React21.createElement(
+    DropdownMenuContent,
+    {
+      side,
+      sideOffset,
+      className: cn(
+        className,
+        widthStyles[width],
+        "hawa-flex hawa-flex-col hawa-gap-2"
+      ),
+      align,
+      alignOffset
+    },
+    items && items.map((item, index) => {
+      if (item.itemType === "separator") {
+        return /* @__PURE__ */ React21.createElement(DropdownMenuSeparator, { key: index });
+      } else if (item.itemType === "label") {
+        return /* @__PURE__ */ React21.createElement(DropdownMenuLabel, { key: index }, item.label);
+      } else {
+        return item.subitems ? /* @__PURE__ */ React21.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React21.createElement(
+          DropdownMenuSubTrigger,
+          {
+            className: cn(sizeStyles[size]),
+            dir: direction
+          },
+          item.icon && item.icon,
+          item.label && item.label
+        ), /* @__PURE__ */ React21.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React21.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React21.createElement(
+          DropdownMenuItem,
+          {
+            key: subIndex,
+            className: cn(
+              sizeStyles[size],
+              !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
+            ),
+            disabled: subitem.disabled,
+            onSelect: () => {
+              subitem.action && subitem.action();
+              if (onItemSelect) {
+                onItemSelect(subitem.value);
+              }
+            }
+          },
+          subitem.icon && subitem.icon,
+          subitem.label && subitem.label
+        ))))) : /* @__PURE__ */ React21.createElement(
+          DropdownMenuItem,
+          {
+            key: index,
+            disabled: item.disabled,
+            onSelect: (e) => {
+              if (item.presist) {
+                e.preventDefault();
+              }
+              if (item.action) {
+                item.action();
+                if (onItemSelect) {
+                  onItemSelect(item.value);
+                }
+              } else {
+                if (onItemSelect) {
+                  onItemSelect(item.value);
+                }
+              }
+            },
+            end: item.end,
+            className: cn(
+              sizeStyles[size],
+              !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent " : "focus:hawa-bg-accent ",
+              item.presist && "focus:hawa-bg-transparent"
+            )
+          },
+          item.icon && item.icon,
+          item.label && item.label
+        );
+      }
+    })
+  )));
+};
+
+// components/elements/PinInput.tsx
+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 React23, { useState as useState8 } from "react";
+var ActionCard = (props) => {
+  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",
+      style: {
+        backgroundImage: `url(${props.blank ? "" : props.cardImage})`
+      },
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false)
+    },
+    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",
+        stroke: "currentColor",
+        fill: "currentColor",
+        "stroke-width": "0",
+        viewBox: "0 0 24 24",
+        height: "1em",
+        width: "1em",
+        xmlns: "http://www.w3.org/2000/svg"
+      },
+      /* @__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"}`
+    },
+    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,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Chip,
+  CodeBlock,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  Label,
+  Loading,
+  PinInput,
+  Popover,
+  PopoverContent,
+  Radio,
+  Skeleton,
+  Slider,
+  Switch,
+  Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Toaster,
+  Tooltip,
+  buttonVariants
+};