@sikka/hawa 0.2.36-beta → 0.2.40-next

package/dist/index.mjs

@@ -0,0 +1,1418 @@
+// 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 = ({
+  //   className,
+  ...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(
+  "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",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive: "destructive group border-destructive bg-destructive 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",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  ToastPrimitives.Viewport,
+  {
+    ref,
+    className: cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    ),
+    ...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" ? "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"
+      ),
+      dir: direction,
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React9.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React9.createElement(
+    ToastPrimitives.Action,
+    {
+      ref,
+      className: cn(
+        "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+        "group-[.info]:border-muted/40 group-[.info]:hover:border-info/30 group-[.info]:hover:bg-info group-[.info]:hover:text-info-foreground group-[.info]:focus:ring-info",
+        "group-[.error]:border-muted/40 group-[.error]:hover:border-error/30 group-[.error]:hover:bg-error group-[.error]:hover:text-error-foreground group-[.error]:focus:ring-error",
+        "group-[.success]:border-muted/40 group-[.success]:hover:border-success/30 group-[.success]:hover:bg-success group-[.success]:hover:text-success-foreground group-[.success]:focus:ring-success",
+        "group-[.warning]:border-muted/40 group-[.warning]:hover:border-warning/30 group-[.warning]:hover:bg-warning group-[.warning]:hover:text-warning-foreground group-[.warning]:focus:ring-warning",
+        className
+      ),
+      ...props
+    }
+  );
+});
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  ToastPrimitives.Close,
+  {
+    ref,
+    className: cn(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    ),
+    "toast-close": "",
+    ...props
+  },
+  /* @__PURE__ */ React9.createElement(
+    "svg",
+    {
+      "aria-label": "Close Icon",
+      "aria-hidden": "true",
+      className: "h-4 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("text-sm font-semibold", className),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  ToastPrimitives.Description,
+  {
+    ref,
+    className: cn("text-sm 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: "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") }));
+}
+
+// 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/DropdownMenu.tsx
+import * as React14 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(
+  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__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
+  " ",
+  /* @__PURE__ */ React14.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__ */ React14.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+      }
+    )
+  )
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.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 = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React14.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React14.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 = React14.forwardRef(({ className, inset, ...props }, ref) => {
+  console.log("sdsdsds", props.children);
+  return /* @__PURE__ */ React14.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__ */ React14.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(
+  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__ */ 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(
+    "svg",
+    {
+      "aria-label": "Check Mark",
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 512 512",
+      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" })
+  ), " ")),
+  children
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React14.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__ */ 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(
+    "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__ */ React14.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(
+  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 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.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__ */ React14.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__ */ React14.createElement(DropdownMenuRoot, { dir: direction }, /* @__PURE__ */ React14.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger), /* @__PURE__ */ React14.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React14.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.type === "separator") {
+        return /* @__PURE__ */ React14.createElement(DropdownMenuSeparator, { key: index });
+      } else if (item.type === "label") {
+        return /* @__PURE__ */ React14.createElement(DropdownMenuLabel, { key: index }, item.label);
+      } else {
+        return item.subitems ? /* @__PURE__ */ React14.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React14.createElement(
+          DropdownMenuSubTrigger,
+          {
+            className: cn(sizeStyles[size]),
+            dir: direction
+          },
+          item.icon && item.icon,
+          item.label && item.label
+        ), /* @__PURE__ */ React14.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React14.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React14.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__ */ React14.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/ActionCard.tsx
+import React15, { useState as useState6 } 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(
+    "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__ */ React15.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ React15.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__ */ 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(
+    "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
+  ));
+};
+export {
+  ActionCard,
+  Breadcrumb,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  CodeBlock,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  Loading,
+  Radio,
+  Switch,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Toaster,
+  Tooltip,
+  buttonVariants
+};