@sikka/hawa 0.23.2-next → 0.23.7-next

package/dist/blocks/feedback/index.js

@@ -38,13 +38,14 @@ __export(feedback_exports, {
 module.exports = __toCommonJS(feedback_exports);
 
 // components/blocks/feedback/UserReferralSource.tsx
-var import_react41 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var z = __toESM(require("zod"));
 
-// components/elements/card/Card.tsx
-var React = __toESM(require("react"));
+// components/elements/button/Button.tsx
+var React2 = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
 
 // components/util.ts
 var import_clsx = require("clsx");
@@ -53,86 +54,6 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// components/elements/card/Card.tsx
-var Card = React.forwardRef(
-  ({ className, variant = "default", clickable = false, ...props }, ref) => {
-    let variantStyles = {
-      default: 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:dark-shadow"
-      ),
-      neoBrutalism: cn(
-        "neo-brutalism",
-        // "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] transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]",
-        clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
-      )
-    };
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: cn(className, variantStyles[variant]),
-        ...props
-      }
-    );
-  }
-);
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-      className
-    ),
-    ...props
-  }
-));
-var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "h3",
-  {
-    ref,
-    className: cn("hawa-text-2xl hawa-font-semibold ", className),
-    ...props
-  }
-));
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "p",
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
-var CardContent = React.forwardRef(
-  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref,
-      className: cn(
-        noPadding ? "hawa-p-0" : "hawa-p-6",
-        headless ? "hawa-pt-6" : "hawa-pt-0",
-        className
-      ),
-      ...props
-    }
-  )
-);
-var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    ref,
-    className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-CardContent.displayName = "CardContent";
-CardHeader.displayName = "CardHeader";
-CardFooter.displayName = "CardFooter";
-CardTitle.displayName = "CardTitle";
-Card.displayName = "Card";
-
 // components/elements/loading/Loading.tsx
 var import_react = __toESM(require("react"));
 var Loading = ({
@@ -310,6 +231,164 @@ var Loading = ({
   }
 };
 
+// components/elements/button/Button.tsx
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "hawa-inline-flex hawa-items-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",
+        combobox: "hawa-bg-background hawa-border",
+        neoBrutalism: "neo-brutalism"
+        // "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 shadow-color-primary active: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-min-h-[25px] 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,
+    centered = true,
+    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 }),
+          centered && "hawa-justify-center"
+        ),
+        ref,
+        ...props
+      },
+      isLoading ? /* @__PURE__ */ React2.createElement(
+        Loading,
+        {
+          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+          themeMode: variant === "outline" ? "light" : "dark",
+          color: loadingColor,
+          size: size === "sm" || size === "xs" ? "xs" : "button"
+        }
+      ) : children
+    );
+  }
+);
+Button.displayName = "Button";
+
+// components/elements/card/Card.tsx
+var React3 = __toESM(require("react"));
+var Card = React3.forwardRef(
+  ({ className, variant = "default", clickable = false, ...props }, ref) => {
+    let variantStyles = {
+      default: 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:dark-shadow"
+      ),
+      neoBrutalism: cn(
+        "neo-brutalism",
+        // "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] transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]",
+        clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
+      )
+    };
+    return /* @__PURE__ */ React3.createElement(
+      "div",
+      {
+        ref,
+        className: cn(className, variantStyles[variant]),
+        ...props
+      }
+    );
+  }
+);
+var CardHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "div",
+  {
+    ref,
+    className: cn(
+      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
+      className
+    ),
+    ...props
+  }
+));
+var CardTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "h3",
+  {
+    ref,
+    className: cn("hawa-text-2xl hawa-font-semibold ", className),
+    ...props
+  }
+));
+var CardDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "p",
+  {
+    ref,
+    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
+    ...props
+  }
+));
+var CardContent = React3.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        noPadding ? "hawa-p-0" : "hawa-p-6",
+        headless ? "hawa-pt-6" : "hawa-pt-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+var CardFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "div",
+  {
+    ref,
+    className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+CardContent.displayName = "CardContent";
+CardHeader.displayName = "CardHeader";
+CardFooter.displayName = "CardFooter";
+CardTitle.displayName = "CardTitle";
+Card.displayName = "Card";
+
+// components/elements/radio/Radio.tsx
+var import_react3 = __toESM(require("react"));
+
+// components/elements/label/Label.tsx
+var React5 = __toESM(require("react"));
+
 // components/elements/tooltip/Tooltip.tsx
 var import_react2 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
@@ -361,2754 +440,281 @@ var Tooltip = ({
   );
 };
 
-// components/elements/skeleton/Skeleton.tsx
-var import_react3 = __toESM(require("react"));
-function Skeleton({
-  className,
-  content,
-  animation = "pulse",
-  ...props
-}) {
-  const animationStyles = {
-    none: "hawa-rounded hawa-bg-muted",
-    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
-    shimmer: "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"
-  };
-  return /* @__PURE__ */ import_react3.default.createElement(
-    "div",
-    {
-      className: cn(
-        animationStyles[animation],
-        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
-        className
-      ),
-      ...props
-    },
-    content && content
-  );
-}
-
-// components/elements/dropdownMenu/DropdownMenu.tsx
-var React5 = __toESM(require("react"));
-var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
-  DropdownMenuPrimitive.SubTrigger,
+// components/elements/label/Label.tsx
+var Label = React5.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React5.createElement(
+  "label",
   {
     ref,
     className: cn(
-      "hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-text-sm hawa-outline-none focus:hawa-bg-accent data-[state=open]:hawa-bg-accent",
-      inset && "hawa-pl-8",
+      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
       className
     ),
     ...props
   },
-  /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
-  " ",
-  /* @__PURE__ */ React5.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__ */ React5.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 = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
-  DropdownMenuPrimitive.SubContent,
-  {
-    ref,
-    className: cn(
-      "hawa-z-50 hawa-min-w-[8rem] hawa-gap-1 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 = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React5.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 = React5.forwardRef(({ className, inset, badged, slug, ...props }, ref) => {
-  return /* @__PURE__ */ React5.createElement("a", { href: slug }, /* @__PURE__ */ React5.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__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
-    props.end && props.end,
-    !props.end && props.shortcut && /* @__PURE__ */ React5.createElement(DropdownMenuShortcut, null, props.shortcut),
-    !props.end && badged && /* @__PURE__ */ React5.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
-  ));
-});
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React5.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__ */ React5.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__ */ React5.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React5.createElement(
-    "svg",
-    {
-      "aria-label": "Check Mark",
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 512 512",
-      height: "0.60em",
-      width: "0.60em"
-    },
-    /* @__PURE__ */ React5.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 = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
-  DropdownMenuPrimitive.RadioItem,
+  children,
+  required && /* @__PURE__ */ React5.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React5.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React5.createElement(
+  "svg",
   {
-    ref,
-    className: cn(
-      "hawa-relative hawa-flex hawa-cursor-pointer 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
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   },
-  /* @__PURE__ */ React5.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__ */ React5.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React5.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__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" })
-  ))),
-  children
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React5.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 = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.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,
+  /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ React5.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+  /* @__PURE__ */ React5.createElement("path", { d: "M12 17h.01" })
+))));
+Label.displayName = "Label";
+
+// components/elements/radio/Radio.tsx
+var Radio = ({
+  design = "default",
+  width = "default",
+  size = "default",
+  orientation = "horizontal",
+  labelProps,
+  tabsContainerClassName,
   ...props
 }) => {
-  return /* @__PURE__ */ React5.createElement(
-    "span",
-    {
-      className: cn(
-        "hawa-text-xs hawa-tracking-widest hawa-opacity-60",
-        className
-      ),
-      ...props
-    }
+  var _a, _b, _c;
+  const [selectedOption, setSelectedOption] = (0, import_react3.useState)(props.defaultValue);
+  let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
+  let inactiveTabStyle = "hawa-inline-block hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
+  let orientationStyle = {
+    horizontal: "hawa-flex hawa-flex-row",
+    vertical: "hawa-flex hawa-flex-col"
+  };
+  let tabSizeStyle = {
+    default: "hawa-py-2 hawa-px-4 hawa-text-sm",
+    lg: "hawa-py-2 hawa-px-4",
+    sm: "hawa-p-1.5 hawa-text-xs",
+    xs: "hawa-p-1 hawa-text-[10px]"
+  };
+  let widthStyle = {
+    none: "",
+    default: "hawa-max-w-fit",
+    full: "hawa-w-full"
+  };
+  const [parentDirection, setParentDirection] = import_react3.default.useState(
+    null
   );
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-
-// components/elements/accordion/Accordion.tsx
-var React8 = __toESM(require("react"));
-var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
-
-// components/elements/accordion/AccordionContent.tsx
-var React6 = __toESM(require("react"));
-var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
-var AccordionContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
-  AccordionPrimitive.Content,
-  {
-    ref,
-    className: !props.unstyled ? cn(
-      "hawa-overflow-hidden hawa-text-sm hawa-transition-all data-[state=closed]:hawa-animate-accordion-up data-[state=open]:hawa-animate-accordion-down",
-      className
-    ) : className,
-    ...props
-  },
-  /* @__PURE__ */ React6.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
-));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-// components/elements/accordion/AccordionTrigger.tsx
-var React7 = __toESM(require("react"));
-var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"));
-var AccordionTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React7.createElement(
-  AccordionPrimitive2.Trigger,
-  {
-    ref,
-    className: !props.unstyled ? cn(
-      "hawa-flex hawa-flex-1 hawa-items-center hawa-justify-between hawa-bg-muted/50 hawa-p-4 hawa-font-medium hawa-transition-all [&[data-state=open]>svg]:hawa-rotate-180",
-      props.disabled ? "hawa-bg-muted/30 hawa-text-muted-foreground/50" : "hover:hawa-bg-muted",
-      className
-    ) : className,
-    ...props
-  },
-  children,
-  !props.hideArrow && /* @__PURE__ */ React7.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
-    },
-    /* @__PURE__ */ React7.createElement("path", { d: "m6 9 6 6 6-6" })
-  )
-)));
-AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
-
-// components/elements/accordion/Accordion.tsx
-var Accordion = React8.forwardRef(
-  ({
-    items,
-    design = "default",
-    itemClassNames,
-    triggerclassNames,
-    contentclassNames,
-    className,
-    ...props
-  }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React8.createElement(
-    "div",
-    {
-      className: cn("hawa-flex hawa-flex-col", {
-        "hawa-gap-4": design === "separated",
-        "hawa-gap-0": design === "default"
-      })
-    },
-    items.map((item, index) => /* @__PURE__ */ React8.createElement(
-      AccordionPrimitive3.Item,
-      {
-        disabled: item.disabled || false,
-        className: cn(itemClassNames, "hawa-rounded"),
-        key: index,
-        value: `item-${index}`
-      },
-      /* @__PURE__ */ React8.createElement(
-        AccordionTrigger,
+  const parentRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    var _a2;
+    const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
+    if (parentNode) {
+      const dir = window.getComputedStyle(parentNode).direction;
+      setParentDirection(dir);
+    }
+  });
+  switch (design) {
+    case "tabs":
+      return /* @__PURE__ */ import_react3.default.createElement(
+        "ul",
         {
-          disabled: item.disabled || false,
+          ref: parentRef,
           className: cn(
-            "hawa-transition-all",
-            design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
-              "hawa-rounded-t": index === 0,
-              "data-[state=closed]:hawa-rounded-b": index === items.length - 1
-            },
-            triggerclassNames
+            props.options && ((_a = props.options) == null ? void 0 : _a.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-font-medium",
+            orientationStyle[orientation],
+            widthStyle[width],
+            tabsContainerClassName
           )
         },
-        /* @__PURE__ */ React8.createElement(
-          "span",
+        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react3.default.createElement(
+          "li",
+          {
+            "aria-current": "page",
+            onClick: () => {
+              setSelectedOption(opt.value);
+              if (props.onChangeTab) {
+                props.onChangeTab(opt);
+              } else {
+                console.log("onChangeTab was not provided");
+              }
+            },
+            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",
+              tabSizeStyle[size],
+              "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__ */ import_react3.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react3.default.createElement(
+        "div",
+        {
+          key: i,
+          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+        },
+        /* @__PURE__ */ import_react3.default.createElement(
+          "div",
           {
             className: cn(
-              "hawa-flex hawa-flex-row",
-              item.chip && "hawa-gap-2"
-            )
+              "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+              props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+            ),
+            key: i + 1
           },
-          item.trigger,
-          " ",
-          item.chip && /* @__PURE__ */ React8.createElement(Chip, { ...item.chip })
+          /* @__PURE__ */ import_react3.default.createElement(
+            "input",
+            {
+              disabled: opt.disabled,
+              id: opt.value.toString(),
+              type: "radio",
+              value: opt.value,
+              name: "bordered-radio"
+            }
+          ),
+          /* @__PURE__ */ import_react3.default.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
+          )
         )
-      ),
-      /* @__PURE__ */ React8.createElement(
-        AccordionContent,
+      )));
+    case "cards":
+      return /* @__PURE__ */ import_react3.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react3.default.createElement("li", { key: o }, /* @__PURE__ */ import_react3.default.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__ */ import_react3.default.createElement(
+        "label",
         {
-          "aria-disabled": item.disabled || false,
+          htmlFor: opt.value.toString(),
           className: cn(
-            "hawa-border  hawa-transition-all",
-            design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
-              "data-[state=open]:hawa-rounded-b": index === items.length - 1
-            },
-            contentclassNames
+            "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-primary peer-checked:hawa-text-primary 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"
           )
         },
-        item.content
-      )
-    ))
-  ))
-);
-Accordion.displayName = "Accordion";
-
-// components/elements/accordion/AccordionItem.tsx
-var React9 = __toESM(require("react"));
-var AccordionPrimitive4 = __toESM(require("@radix-ui/react-accordion"));
-var AccordionItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
-AccordionItem.displayName = "AccordionItem";
-
-// components/elements/accordion/AccordionRoot.tsx
-var AccordionPrimitive5 = __toESM(require("@radix-ui/react-accordion"));
-
-// components/elements/logos/Logos.tsx
-var import_react4 = __toESM(require("react"));
-
-// components/elements/navigationMenu/NavigationMenu.tsx
-var React11 = __toESM(require("react"));
-var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
-var import_class_variance_authority = require("class-variance-authority");
-var navigationMenuTriggerStyle = (0, import_class_variance_authority.cva)(
-  "hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-gap-1 hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 "
-);
-var NavigationMenuRoot = React11.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  NavigationMenuPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "hawa-relative hawa-z-10 hawa-flex  hawa-flex-1 hawa-items-center hawa-justify-center",
-      // "hawa-max-w-max",
-      className
-    ),
-    ...props
-  },
-  children,
-  /* @__PURE__ */ React11.createElement(NavigationMenuViewport, { className: viewportClassNames })
-));
-var NavigationMenuList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  NavigationMenuPrimitive.List,
-  {
-    ref,
-    className: cn(
-      "hawa-group hawa-flex hawa-flex-1 hawa-list-none hawa-items-center hawa-justify-center hawa-gap-1",
-      className
-    ),
-    ...props
-  }
-));
-var NavigationMenuTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  NavigationMenuPrimitive.Trigger,
-  {
-    ref,
-    className: cn(navigationMenuTriggerStyle(), "hawa-group", className),
-    ...props
-  },
-  children,
-  /* @__PURE__ */ React11.createElement(
-    "svg",
-    {
-      "aria-label": "Chevron Icon",
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      className: "hawa-icon hawa-relative hawa-top-[1px] hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
-    },
-    /* @__PURE__ */ React11.createElement("path", { d: "m6 9 6 6 6-6" })
-  )
-));
-var NavigationMenuContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  NavigationMenuPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "hawa-absolute  hawa-left-0 hawa-top-0 hawa-w-full hawa-rounded ",
-      // "md:hawa-absolute md:hawa-w-auto  hawa-left-0 hawa-top-0 ",
-      //   animation
-      "data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52",
-      className
-    ),
-    ...props
-  }
-));
-var NavigationMenuViewport = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-absolute hawa-top-full hawa-flex hawa-w-full hawa-justify-center"
-    )
-  },
-  /* @__PURE__ */ React11.createElement(
-    NavigationMenuPrimitive.Viewport,
-    {
-      className: cn(
-        "hawa-origin-top-center hawa-relative hawa-mt-1.5  hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ",
-        // hawa-h-[var(--radix-navigation-menu-viewport-height)]
-        // "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
-        className
-      ),
-      style: {
-        height: "calc(var(--radix-navigation-menu-viewport-height) + 1px)"
-      },
-      ref,
-      ...props
-    }
-  )
-));
-var NavigationMenuIndicator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  NavigationMenuPrimitive.Indicator,
-  {
-    ref,
-    className: cn(
-      "hawa-top-full hawa-z-[1] hawa-flex hawa-h-1.5 hawa-items-end hawa-justify-center hawa-overflow-hidden data-[state=visible]:hawa-animate-in data-[state=hidden]:hawa-animate-out data-[state=hidden]:hawa-fade-out data-[state=visible]:hawa-fade-in",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React11.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
-));
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-NavigationMenuRoot.displayName = NavigationMenuPrimitive.Root.displayName;
-NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
-NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-
-// components/elements/sheet/Sheet.tsx
-var React12 = __toESM(require("react"));
-var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_class_variance_authority2 = require("class-variance-authority");
-var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
-  SheetPrimitive.Overlay,
-  {
-    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,
-    ref
-  }
-));
-var sheetVariants = (0, import_class_variance_authority2.cva)(
-  "hawa-fixed hawa-z-50 hawa-gap-4 hawa-bg-background hawa-p-2 hawa-shadow-lg hawa-transition hawa-ease-in-out data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-duration-300 data-[state=open]:hawa-duration-300",
-  {
-    variants: {
-      side: {
-        top: "hawa-inset-x-0 hawa-top-0 hawa-border-b data-[state=closed]:hawa-slide-out-to-top data-[state=open]:hawa-slide-in-from-top",
-        bottom: "hawa-inset-x-0 hawa-bottom-0 hawa-border-t data-[state=closed]:hawa-slide-out-to-bottom data-[state=open]:hawa-slide-in-from-bottom",
-        left: "hawa-inset-y-0 hawa-left-0 hawa-h-full hawa-w-3/4 hawa-border-r data-[state=closed]:hawa-slide-out-to-left data-[state=open]:hawa-slide-in-from-left sm:hawa-max-w-sm",
-        right: "hawa-inset-y-0 hawa-right-0 hawa-h-full hawa-w-3/4  hawa-border-l data-[state=closed]:hawa-slide-out-to-right data-[state=open]:hawa-slide-in-from-right sm:hawa-max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-);
-var SheetContent = React12.forwardRef(
-  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React12.createElement(SheetPortal, null, /* @__PURE__ */ React12.createElement(SheetOverlay, null), /* @__PURE__ */ React12.createElement(
-    SheetPrimitive.Content,
-    {
-      ref,
-      className: cn(sheetVariants({ side }), className),
-      onPointerDownOutside: (e) => {
-        if (persist) {
-          e.preventDefault();
-        }
-      },
-      ...props
-    },
-    children,
-    !hideCloseButton && /* @__PURE__ */ React12.createElement(
-      SheetPrimitive.Close,
-      {
-        className: cn(
-          "hawa-absolute hawa-rounded-sm 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-secondary",
-          {
-            "hawa-right-4 hawa-top-4": side === "left" || side === "bottom",
-            "hawa-left-4 hawa-top-4": side === "right",
-            "hawa-bottom-4 hawa-right-4": side === "top"
-          }
-        )
-      },
-      /* @__PURE__ */ React12.createElement(
-        "svg",
-        {
-          "aria-label": "Close Icon",
-          "aria-hidden": "true",
-          className: "hawa-h-5 hawa-w-5",
-          fill: "currentColor",
-          viewBox: "0 0 20 20"
-        },
-        /* @__PURE__ */ React12.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__ */ React12.createElement("span", { className: "hawa-sr-only" }, "Close")
-    )
-  ))
-);
-var SheetHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React12.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-2 hawa-text-center sm:hawa-text-left",
-      className
-    ),
-    ...props
-  }
-);
-var SheetFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React12.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-var SheetTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
-  SheetPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "hawa-text-lg hawa-font-semibold hawa-text-foreground",
-      className
-    ),
-    ...props
-  }
-));
-var SheetDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
-  SheetPrimitive.Description,
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-SheetHeader.displayName = "SheetHeader";
-SheetFooter.displayName = "SheetFooter";
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-
-// components/elements/dialog/Dialog.tsx
-var React13 = __toESM(require("react"));
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var DialogPortal = ({ ...props }) => /* @__PURE__ */ React13.createElement(DialogPrimitive.Portal, { ...props });
-var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.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
-  }
-));
-var DialogContent = React13.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(
-  DialogPrimitive.Content,
-  {
-    onPointerDownOutside: (e) => {
-      if (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-transition-all 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,
-  !hideCloseButton && /* @__PURE__ */ React13.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__ */ React13.createElement(
-      "svg",
-      {
-        "aria-label": "Close Icon",
-        "aria-hidden": "true",
-        className: "hawa-h-5 hawa-w-5",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-      },
-      /* @__PURE__ */ React13.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__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
-  )
-)));
-var DialogCarouselContent = React13.forwardRef(
-  ({
-    className,
-    children,
-    onPrev,
-    persist,
-    hideCloseButton,
-    hidePrevButton,
-    ...props
-  }, ref) => /* @__PURE__ */ React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(
-    DialogPrimitive.Content,
-    {
-      onPointerDownOutside: (e) => {
-        if (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-pt-14 hawa-shadow-lg hawa-transition-all 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__ */ React13.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-absolute hawa-top-0 hawa-flex hawa-w-full hawa-flex-row hawa-p-4",
-          onPrev ? "hawa-justify-between" : "hawa-justify-end"
-        )
-      },
-      hidePrevButton ? /* @__PURE__ */ React13.createElement("div", null) : /* @__PURE__ */ React13.createElement(
+        /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+      ))));
+    default:
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react3.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react3.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react3.default.createElement(
         "div",
         {
-          onClick: onPrev,
           className: cn(
-            "hawa-end-0 hawa-cursor-pointer 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-rotate-180"
-          )
+            "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
+            props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
+          ),
+          key: i + 1
         },
-        /* @__PURE__ */ React13.createElement(
-          "svg",
+        /* @__PURE__ */ import_react3.default.createElement(
+          "input",
           {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            className: "hawa-h-6 hawa-w-6",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name: "default-radio",
+            onChange: () => {
+              setSelectedOption(opt.value);
+              if (props.onChangeTab) {
+                props.onChangeTab(opt);
+              } else {
+                console.log("onChangeTab was not provided");
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ import_react3.default.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"
+            )
           },
-          /* @__PURE__ */ React13.createElement("path", { d: "m15 18-6-6 6-6" })
+          opt.label
         )
-      ),
-      !hideCloseButton && /* @__PURE__ */ React13.createElement(
-        DialogPrimitive.Close,
+      ))), /* @__PURE__ */ import_react3.default.createElement(
+        "p",
         {
           className: cn(
-            "hawa-end-0 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"
+            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
           )
         },
-        /* @__PURE__ */ React13.createElement(
-          "svg",
-          {
-            "aria-label": "Close Icon",
-            "aria-hidden": "true",
-            className: "hawa-h-6 hawa-w-6",
-            fill: "currentColor",
-            viewBox: "0 0 20 20"
-          },
-          /* @__PURE__ */ React13.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__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
-      )
-    )
-  ))
-);
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React13.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-text-center sm:hawa-text-left",
-      className
-    ),
-    ...props
-  }
-);
-var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "hawa-text-start hawa-text-lg hawa-font-semibold hawa-leading-none hawa-tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn(
-      "hawa-text-start hawa-text-sm hawa-text-muted-foreground",
-      className
-    ),
-    ...props
+        props.helperText
+      ));
   }
-));
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React13.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-gap-2",
-      className
-    ),
-    ...props
-  }
-);
-var DialogCarousel = ({
-  stepsApi,
-  stepsRef,
-  children,
-  direction
-}) => {
-  React13.useEffect(() => {
-    if (stepsApi) {
-      stepsApi.reInit();
-    }
-  }, [stepsApi, children]);
-  return /* @__PURE__ */ React13.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React13.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React13.createElement(
-    "div",
-    {
-      className: "hawa-flex",
-      style: {
-        transition: "height 0.2s"
-      }
-    },
-    React13.Children.map(children, (child, index) => /* @__PURE__ */ React13.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-flex hawa-h-fit hawa-flex-[0_0_100%] hawa-items-center hawa-justify-center"
-        ),
-        key: index
-      },
-      child
-    ))
-  )));
-};
-var DialogSteps = ({
-  currentStep,
-  visibleStepRef,
-  children
-}) => {
-  const [dialogHeight, setDialogHeight] = React13.useState(null);
-  React13.useEffect(() => {
-    if (visibleStepRef.current) {
-      setDialogHeight(visibleStepRef.current.offsetHeight);
-      console.log("height is ", visibleStepRef.current.offsetHeight);
-    }
-  }, [currentStep, visibleStepRef]);
-  return /* @__PURE__ */ React13.createElement(
-    "div",
-    {
-      className: "hawa-relative hawa-overflow-clip",
-      style: {
-        height: dialogHeight || "fit-content",
-        transition: "height 0.2s"
-      }
-    },
-    React13.Children.map(children, (child, index) => /* @__PURE__ */ React13.createElement(
-      "div",
-      {
-        ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
-        className: cn(
-          currentStep === `step-${index + 1}` ? "hawa-visible hawa-block" : "hawa-invisible hawa-hidden"
-        )
-      },
-      child
-    ))
-  );
-};
-var DialogStep = ({
-  id,
-  children,
-  className,
-  stepRef
-}) => {
-  return /* @__PURE__ */ React13.createElement(
-    "div",
-    {
-      id,
-      ref: stepRef,
-      className: cn("hawa-w-full  hawa-px-1", className)
-    },
-    children
-  );
 };
-var DialogBody = ({ children, className }) => {
-  return /* @__PURE__ */ React13.createElement("div", { className: cn("hawa-py-6", className) }, children);
-};
-DialogBody.displayName = "DialogBody";
-DialogStep.displayName = "DialogStep";
-DialogSteps.displayName = "DialogSteps";
-DialogCarousel.displayName = "DialogCarousel";
-DialogCarouselContent.displayName = "DialogCarouselContent";
-DialogHeader.displayName = "DialogHeader";
-DialogFooter.displayName = "DialogFooter";
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-DialogPortal.displayName = DialogPrimitive.Portal.displayName;
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-// components/elements/alert/Alert.tsx
-var import_react5 = __toESM(require("react"));
 
-// components/elements/button/Button.tsx
-var React14 = __toESM(require("react"));
-var import_class_variance_authority3 = require("class-variance-authority");
-var buttonVariants = (0, import_class_variance_authority3.cva)(
-  "hawa-inline-flex hawa-items-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",
-        combobox: "hawa-bg-background hawa-border",
-        neoBrutalism: "neo-brutalism"
-        // "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 shadow-color-primary active: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-min-h-[25px] 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 = React14.forwardRef(
+// components/elements/textarea/Textarea.tsx
+var React7 = __toESM(require("react"));
+var Textarea = React7.forwardRef(
   ({
     className,
-    variant,
-    size,
-    asChild = false,
-    centered = true,
-    isLoading,
-    children,
-    ...props
-  }, ref) => {
-    const Comp = "button";
-    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React14.createElement(
-      Comp,
-      {
-        className: cn(
-          buttonVariants({ variant, size, className }),
-          centered && "hawa-justify-center"
-        ),
-        ref,
-        ...props
-      },
-      isLoading ? /* @__PURE__ */ React14.createElement(
-        Loading,
-        {
-          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
-          themeMode: variant === "outline" ? "light" : "dark",
-          color: loadingColor,
-          size: size === "sm" || size === "xs" ? "xs" : "button"
-        }
-      ) : children
-    );
-  }
-);
-Button.displayName = "Button";
-
-// components/elements/avatar/Avatar.tsx
-var import_react7 = __toESM(require("react"));
-
-// components/elements/FileUploader.tsx
-var import_react6 = __toESM(require("react"));
-
-// components/elements/dataTable/DataTable.tsx
-var React21 = __toESM(require("react"));
-var import_react_table = require("@tanstack/react-table");
-
-// components/elements/input/Input.tsx
-var import_react8 = __toESM(require("react"));
-
-// components/elements/label/Label.tsx
-var React18 = __toESM(require("react"));
-var Label2 = React18.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React18.createElement(
-  "label",
-  {
-    ref,
-    className: cn(
-      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
-      className
-    ),
-    ...props
-  },
-  children,
-  required && /* @__PURE__ */ React18.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React18.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React18.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  },
-  /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React18.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React18.createElement("path", { d: "M12 17h.01" })
-))));
-Label2.displayName = "Label";
-
-// components/elements/input/Input.tsx
-var Input = (0, import_react8.forwardRef)(
-  ({
-    margin = "none",
-    width = "full",
-    preview = false,
-    forceHideHelperText = false,
     labelProps,
-    placeholder,
     showCount,
-    inputProps,
+    forceHideHelperText,
+    textareaProps,
     countPosition = "bottom",
-    ...props
-  }, ref) => {
-    var _a;
-    let marginStyles = {
-      none: "hawa-mb-0",
-      normal: "hawa-mb-3",
-      large: "hawa-mb-5"
-    };
-    let widthStyles = {
-      small: "hawa-w-full hawa-max-w-2xs",
-      normal: "hawa-w-1/2",
-      full: "hawa-w-full",
-      auto: ""
-    };
-    let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
-    let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
-    return /* @__PURE__ */ import_react8.default.createElement(
-      "div",
-      {
-        className: cn(
-          defaultStyle,
-          marginStyles[margin],
-          widthStyles[width],
-          props.containerClassName,
-          "hawa-w-full hawa-gap-2"
-        )
-      },
-      props.label && /* @__PURE__ */ import_react8.default.createElement(Label2, { ...labelProps }, props.label),
-      props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800",
-            preview ? "hawa-opacity-100" : "hawa-opacity-0"
-          )
-        }
-      ), /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react8.default.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-end-3 hawa-top-1/2 hawa--translate-y-1/2",
-            (_a = props.endIconProps) == null ? void 0 : _a.className
-          )
-        },
-        props.endIcon
-      ), /* @__PURE__ */ import_react8.default.createElement(
-        "input",
-        {
-          required: true,
-          dir: props.dir,
-          type: props.type,
-          value: props.value,
-          onChange: props.onChange,
-          autoComplete: props.autoComplete,
-          defaultValue: props.defaultValue,
-          placeholder,
-          disabled: props.disabled || preview,
-          style: { height: 40 },
-          ...inputProps,
-          className: cn(
-            defaultInputStyle,
-            " focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 dark:hawa-text-white",
-            {
-              "hawa-pe-9": props.endIcon,
-              "hawa-ps-9": props.startIcon,
-              "hawa-pe-[60px]": countPosition === "center"
-            },
-            preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
-            inputProps == null ? void 0 : inputProps.className
-          )
-        }
-      )), !forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
-        "p",
-        {
-          className: cn(
-            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-          )
-        },
-        props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-end-0 hawa-top-[47px] hawa-z-20 hawa-translate-y-1/2 hawa-rounded hawa-bg-background hawa-text-start  hawa-text-xs hawa-text-helper-color hawa-drop-shadow-md hawa-transition-all",
-            props.helperText ? "hawa-border hawa-p-1" : "hawa-border-none hawa-p-0"
-          )
-        },
-        props.helperText
-      ), showCount && /* @__PURE__ */ import_react8.default.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-translate-y-1/2 hawa-text-start hawa-text-xs hawa-transition-all",
-            {
-              "hawa-end-0 hawa-top-[62px]": countPosition === "bottom",
-              "hawa-bottom-[62px] hawa-end-0": countPosition === "top",
-              "hawa-end-2": countPosition === "center"
-            }
-          )
-        },
-        props.value ? String(props.value).length : 0,
-        "/",
-        props.maxLength
-      )))
-    );
-  }
-);
-
-// components/elements/table/Table.tsx
-var React20 = __toESM(require("react"));
-var Table = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React20.createElement(
-  "table",
-  {
-    ref,
-    className: cn("hawa-w-full hawa-caption-bottom hawa-text-sm", className),
-    ...props
-  }
-)));
-Table.displayName = "Table";
-var TableHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
-  "thead",
-  {
-    ref,
-    className: cn("[&_tr]:hawa-border-b", "hawa-bg-muted/50", className),
-    ...props
-  }
-));
-TableHeader.displayName = "TableHeader";
-var TableHead = React20.forwardRef(
-  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React20.createElement(
-    "th",
-    {
-      ref,
-      className: cn(
-        "hawa-bg-muted/60 hawa-text-start hawa-align-middle hawa-font-medium hawa-text-muted-foreground dark:hawa-bg-muted/40 [&:has([role=checkbox])]:hawa-pr-0 [&:not(:last-child)&:not(:first-child)]:hawa-border-x",
-        dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
-        condensed ? "hawa-h-8" : "hawa-h-12",
-        clickable ? "hawa-px-1" : "hawa-px-4",
-        //First and last columns
-        clickable ? " [&:not(:last-child)&:not(:first-child)]:hawa-p-1" : "hawa-px-4",
-        //Columns in between
-        className
-      ),
-      ...props
-    }
-  )
-);
-TableHead.displayName = "TableHead";
-var TableBody = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
-TableBody.displayName = "TableBody";
-var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
-  "tfoot",
-  {
-    ref,
-    className: cn(
-      "hawa-bg-primary hawa-font-medium hawa-text-primary-foreground",
-      className
-    ),
-    ...props
-  }
-));
-TableFooter.displayName = "TableFooter";
-var TableRow = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "hawa-bg-background hawa-transition-colors data-[state=selected]:hawa-bg-muted",
-      "[&:not(:last-child)&:not(:first-child)]:hawa-border-y",
-      "[&:not(:last-child)]:hawa-border-b",
-      className
-    ),
-    ...props
-  }
-));
-TableRow.displayName = "TableRow";
-var TableCell = React20.forwardRef(
-  ({ className, enablePadding = true, padding = "default", ...props }, ref) => {
-    let paddingStyles = {
-      condensed: "hawa-p-0 hawa-px-4",
-      default: "hawa-p-4",
-      noPadding: "hawa-p-0"
-    };
-    return /* @__PURE__ */ React20.createElement(
-      "td",
-      {
-        ref,
-        className: cn(
-          paddingStyles[padding],
-          // "border-x",
-          // enablePadding ? "hawa-p-4" : "hawa-p-0",
-          // props.disablePadding ? "hawa-p-0" : "hawa-p-4",
-          // props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4",
-          "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0 ",
-          "[&:not(:last-child)&:not(:first-child)]:hawa-border-x",
-          // "[&:not(:last-child)]:hawa-border-r",
-          props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-TableCell.displayName = "TableCell";
-var TableCaption = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
-  "caption",
-  {
-    ref,
-    className: cn(
-      "hawa-mt-4 hawa-text-sm hawa-text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-TableCaption.displayName = "TableCaption";
-
-// components/elements/backToTop/BackToTop.tsx
-var import_react9 = __toESM(require("react"));
-
-// components/elements/radio/Radio.tsx
-var import_react10 = __toESM(require("react"));
-var Radio = ({
-  design = "default",
-  width = "default",
-  size = "default",
-  orientation = "horizontal",
-  labelProps,
-  tabsContainerClassName,
-  ...props
-}) => {
-  var _a, _b, _c;
-  const [selectedOption, setSelectedOption] = (0, import_react10.useState)(props.defaultValue);
-  let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
-  let inactiveTabStyle = "hawa-inline-block hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
-  let orientationStyle = {
-    horizontal: "hawa-flex hawa-flex-row",
-    vertical: "hawa-flex hawa-flex-col"
-  };
-  let tabSizeStyle = {
-    default: "hawa-py-2 hawa-px-4 hawa-text-sm",
-    lg: "hawa-py-2 hawa-px-4",
-    sm: "hawa-p-1.5 hawa-text-xs",
-    xs: "hawa-p-1 hawa-text-[10px]"
-  };
-  let widthStyle = {
-    none: "",
-    default: "hawa-max-w-fit",
-    full: "hawa-w-full"
-  };
-  const [parentDirection, setParentDirection] = import_react10.default.useState(
-    null
-  );
-  const parentRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
-    var _a2;
-    const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
-    if (parentNode) {
-      const dir = window.getComputedStyle(parentNode).direction;
-      setParentDirection(dir);
-    }
-  });
-  switch (design) {
-    case "tabs":
-      return /* @__PURE__ */ import_react10.default.createElement(
-        "ul",
-        {
-          ref: parentRef,
-          className: cn(
-            props.options && ((_a = props.options) == null ? void 0 : _a.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-font-medium",
-            orientationStyle[orientation],
-            widthStyle[width],
-            tabsContainerClassName
-          )
-        },
-        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react10.default.createElement(
-          "li",
-          {
-            "aria-current": "page",
-            onClick: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            },
-            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",
-              tabSizeStyle[size],
-              "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__ */ import_react10.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react10.default.createElement(
-        "div",
-        {
-          key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
-        },
-        /* @__PURE__ */ import_react10.default.createElement(
-          "div",
-          {
-            className: cn(
-              "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
-              props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
-            ),
-            key: i + 1
-          },
-          /* @__PURE__ */ import_react10.default.createElement(
-            "input",
-            {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name: "bordered-radio"
-            }
-          ),
-          /* @__PURE__ */ import_react10.default.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__ */ import_react10.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react10.default.createElement("li", { key: o }, /* @__PURE__ */ import_react10.default.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__ */ import_react10.default.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-primary peer-checked:hawa-text-primary 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__ */ import_react10.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
-      ))));
-    default:
-      return /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react10.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react10.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react10.default.createElement(
-        "div",
-        {
-          className: cn(
-            "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
-            props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
-          ),
-          key: i + 1
-        },
-        /* @__PURE__ */ import_react10.default.createElement(
-          "input",
-          {
-            disabled: opt.disabled,
-            id: opt.value.toString(),
-            type: "radio",
-            value: opt.value,
-            name: "default-radio",
-            onChange: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            }
-          }
-        ),
-        /* @__PURE__ */ import_react10.default.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
-        )
-      ))), /* @__PURE__ */ import_react10.default.createElement(
-        "p",
-        {
-          className: cn(
-            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-          )
-        },
-        props.helperText
-      ));
-  }
-};
-
-// components/elements/combobox/Combobox.tsx
-var React26 = __toESM(require("react"));
-var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
-
-// components/elements/command/Command.tsx
-var React24 = __toESM(require("react"));
-var import_cmdk = require("cmdk");
-var Command = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command,
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-overflow-hidden hawa-rounded-md hawa-bg-popover hawa-text-popover-foreground",
-      className
-    ),
-    ...props
-  }
-));
-Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  "div",
-  {
-    className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
-    "cmdk-input-wrapper": ""
-  },
-  /* @__PURE__ */ React24.createElement(
-    "svg",
-    {
-      "aria-label": "Search Icon",
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
-    },
-    /* @__PURE__ */ React24.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ React24.createElement("path", { d: "m21 21-4.3-4.3" })
-  ),
-  /* @__PURE__ */ React24.createElement(
-    import_cmdk.Command.Input,
-    {
-      ref,
-      className: cn(
-        "hawa-flex hawa-h-11 hawa-w-full hawa-rounded-md hawa-bg-transparent hawa-py-3 hawa-text-sm hawa-outline-none placeholder:hawa-text-muted-foreground disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
-        className
-      ),
-      ...props
-    }
-  )
-));
-CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command.List,
-  {
-    ref,
-    className: cn(
-      "hawa-max-h-[300px] hawa-overflow-y-auto hawa-overflow-x-hidden",
-      className
-    ),
-    ...props
-  }
-));
-CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command.Empty,
-  {
-    ref,
-    className: "hawa-py-6 hawa-text-center hawa-text-sm",
-    ...props
-  }
-));
-CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command.Group,
-  {
-    ref,
-    className: cn(
-      "hawa-overflow-hidden hawa-p-1 hawa-text-foreground [&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-py-1.5 [&_[cmdk-group-heading]]:hawa-text-xs [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command.Separator,
-  {
-    ref,
-    className: cn("hawa--mx-1 hawa-h-px hawa-bg-border", className),
-    ...props
-  }
-));
-CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command.Item,
-  {
-    ref,
-    className: cn(
-      "hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
-      className
-    ),
-    ...props
-  }
-));
-CommandItem.displayName = import_cmdk.Command.Item.displayName;
-var CommandShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ React24.createElement(
-    "span",
-    {
-      className: cn(
-        "hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-
-// components/elements/popover/Popover.tsx
-var React25 = __toESM(require("react"));
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React25.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React25.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React25.createElement(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover 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",
-      className
-    ),
-    ...props
-  }
-)));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Popover = ({
-  trigger,
-  children,
-  className,
-  align = "center",
-  side,
-  sideOffset = 4,
-  open,
-  width = "default",
-  disableTrigger,
-  contentProps,
-  triggerProps,
-  ...props
-}) => {
-  let widthStyles = {
-    trigger: "var(--radix-popover-trigger-width)",
-    default: "auto"
-  };
-  return /* @__PURE__ */ React25.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React25.createElement(
-    PopoverPrimitive.Trigger,
-    {
-      className: "hawa-w-full",
-      disabled: disableTrigger,
-      ...triggerProps
-    },
-    trigger
-  ), /* @__PURE__ */ React25.createElement(
-    PopoverContent,
-    {
-      side,
-      className,
-      align,
-      sideOffset,
-      style: {
-        width: widthStyles[width]
-      },
-      ...contentProps
-    },
-    children
-  ));
-};
-var PopoverTrigger = PopoverPrimitive.Trigger;
-
-// components/elements/combobox/Combobox.tsx
-var Combobox = React26.forwardRef(
-  ({
-    labelKey = "label",
-    valueKey = "value",
-    defaultValue = "",
-    popoverClassName,
-    labelProps,
-    data,
-    ...props
-  }, ref) => {
-    var _a, _b, _c;
-    const [open, setOpen] = React26.useState(false);
-    const [value, setValue] = React26.useState(defaultValue);
-    function getProperty(obj, key) {
-      return obj[key];
-    }
-    const handleOpenChange = (open2) => {
-      if (!(props.isLoading || props.preview)) {
-        setOpen(open2);
-      }
-    };
-    return /* @__PURE__ */ React26.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-relative hawa-flex hawa-h-fit hawa-flex-col hawa-gap-2",
-          props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
-        )
-      },
-      props.label && /* @__PURE__ */ React26.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ React26.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React26.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React26.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React26.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React26.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React26.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800",
-            props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
-          )
-        }
-      ), /* @__PURE__ */ React26.createElement(
-        "button",
-        {
-          role: "combobox",
-          "aria-expanded": open,
-          className: cn(
-            "hawa-inline-flex hawa-h-10 hawa-w-full hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-md hawa-border hawa-py-2 hawa-text-sm hawa-font-normal hawa-text-primary hawa-ring-offset-background  hawa-transition-all  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",
-            props.preview ? "hawa-cursor-default hawa-rounded-none hawa-border-transparent hawa-px-0" : "hawa-bg-background hawa-px-3 "
-          )
-        },
-        value ? getProperty(
-          data.find((item) => item[valueKey] === value) || {},
-          labelKey
-        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
-        /* @__PURE__ */ React26.createElement(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            className: cn(
-              "hawa-icon hawa-transition-all",
-              !props.preview ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0"
-            ),
-            "aria-label": "Chevron down icon",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          },
-          /* @__PURE__ */ React26.createElement("path", { d: "m6 9 6 6 6-6" })
-        )
-      ), /* @__PURE__ */ React26.createElement(
-        "p",
-        {
-          className: cn(
-            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-          )
-        },
-        props.helperText
-      ))), /* @__PURE__ */ React26.createElement(
-        PopoverContent,
-        {
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
-        },
-        /* @__PURE__ */ React26.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React26.createElement(
-          CommandInput,
-          {
-            placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
-          }
-        ), /* @__PURE__ */ React26.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React26.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React26.createElement(
-          CommandItem,
-          {
-            key: i,
-            onSelect: () => {
-              const newValue = getProperty(item, valueKey);
-              setValue(newValue === value ? "" : newValue);
-              if (props.onChange) {
-                props.onChange(
-                  newValue === value ? "" : newValue
-                );
-              }
-              setOpen(false);
-            }
-          },
-          /* @__PURE__ */ React26.createElement(
-            "svg",
-            {
-              "aria-label": "Check Icon",
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              className: cn(
-                "hawa-icon hawa-mr-2",
-                value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
-            },
-            /* @__PURE__ */ React26.createElement("polyline", { points: "20 6 9 17 4 12" })
-          ),
-          getProperty(item, labelKey)
-        ))))
-      ))
-    );
-  }
-);
-
-// components/elements/textarea/Textarea.tsx
-var React27 = __toESM(require("react"));
-var Textarea = React27.forwardRef(
-  ({
-    className,
-    labelProps,
-    showCount,
-    forceHideHelperText,
-    textareaProps,
-    countPosition = "bottom",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ React27.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React27.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React27.createElement(
-      "textarea",
-      {
-        className: cn(
-          "hawa-flex hawa-min-h-[40px] 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-gray-400 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-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
-          className
-        ),
-        ref,
-        ...textareaProps
-      }
-    ), /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React27.createElement(
-      "p",
-      {
-        className: cn(
-          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-        )
-      },
-      props.helperText
-    ), showCount && /* @__PURE__ */ React27.createElement(
-      "div",
-      {
-        className: cn(
-          " hawa-text-start hawa-text-xs hawa-transition-all ",
-          {
-            "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
-          }
-        )
-      },
-      (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-      "/",
-      textareaProps == null ? void 0 : textareaProps.maxLength
-    )));
-  }
-);
-Textarea.displayName = "Textarea";
-
-// components/elements/fileDropzone/FileDropzone.tsx
-var import_react11 = __toESM(require("react"));
-var import_react_dropzone = require("react-dropzone");
-var import_clsx2 = __toESM(require("clsx"));
-
-// components/elements/sortButton/SortButton.tsx
-var import_react12 = __toESM(require("react"));
-
-// components/elements/tabs/Tabs.tsx
-var React31 = __toESM(require("react"));
-var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-
-// components/elements/Chip.tsx
-var import_react13 = __toESM(require("react"));
-var Chip = import_react13.default.forwardRef(
-  ({
-    label,
-    size = "normal",
-    icon,
-    color,
-    radius = "inherit",
-    dotType,
-    ...rest
-  }, ref) => {
-    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
-    let radiusStyles = {
-      inherit: " hawa-rounded",
-      full: "hawa-rounded-full",
-      none: "hawa-rounded-none"
-    };
-    let sizeStyles = {
-      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
-      normal: "hawa-h-fit hawa-text-xs",
-      large: "hawa-text-base"
-    };
-    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"
-    };
-    let colorStyles = {
-      green: "hawa-bg-green-100 hawa-text-green-500 dark:hawa-bg-green-400 dark:hawa-text-green-800",
-      blue: "hawa-bg-blue-100 hawa-text-blue-500 dark:hawa-bg-blue-400 dark:hawa-text-blue-100",
-      red: "hawa-bg-red-100 hawa-text-red-500 dark:hawa-bg-red-400 dark:hawa-text-red-100",
-      yellow: "hawa-bg-yellow-100 hawa-text-yellow-600 dark:hawa-bg-yellow-400 dark:hawa-text-yellow-800",
-      orange: "hawa-bg-orange-100 hawa-text-orange-500 dark:hawa-bg-orange-400 dark:hawa-text-orange-100",
-      purple: "hawa-bg-purple-100 hawa-text-purple-500 dark:hawa-bg-purple-400 dark:hawa-text-purple-100",
-      cyan: "hawa-bg-cyan-100 hawa-text-cyan-800 dark:hawa-bg-cyan-400 dark:hawa-text-cyan-800",
-      hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
-      oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
-    };
-    if (label) {
-      return /* @__PURE__ */ import_react13.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            defaultStyles,
-            sizeStyles[size],
-            radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        },
-        dotType && /* @__PURE__ */ import_react13.default.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
-          }
-        ),
-        icon && icon,
-        label
-      );
-    } else {
-      return /* @__PURE__ */ import_react13.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            "hawa-h-2 hawa-w-2 hawa-rounded-full",
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        }
-      );
-    }
-  }
-);
-
-// components/elements/tabs/Tabs.tsx
-var TabsContext = React31.createContext({ orientation: "vertical" });
-var Tabs = React31.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React31.createElement(
-  TabsPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-gap-2",
-      orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React31.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
-));
-Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = React31.useContext(TabsContext);
-  return /* @__PURE__ */ React31.createElement(
-    TabsPrimitive.List,
-    {
-      ref,
-      className: cn(
-        "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
-        orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
-        className
-      ),
-      ...props
-    }
-  );
-});
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React31.forwardRef(({ className, chipProps, ...props }, ref) => {
-  return /* @__PURE__ */ React31.createElement(
-    TabsPrimitive.Trigger,
-    {
-      ref,
-      className: cn(
-        "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all 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 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm  dark:hawa-border-primary/10",
-        className
-      ),
-      ...props
-    },
-    props.children,
-    chipProps && /* @__PURE__ */ React31.createElement(Chip, { ...chipProps })
-  );
-});
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React31.createElement(
-  TabsPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "hawa-ring-offset-hawa-background hawa-w-full focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2",
-      className
-    ),
-    ...props
-  }
-));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-// components/elements/select/Select.tsx
-var import_react14 = __toESM(require("react"));
-var import_react_select = __toESM(require("react-select"));
-var import_creatable = __toESM(require("react-select/creatable"));
-var import_clsx3 = __toESM(require("clsx"));
-var Select = ({
-  labelProps,
-  labelKey = "label",
-  ...props
-}) => {
-  const NoOption = () => {
-    var _a, _b;
-    return /* @__PURE__ */ import_react14.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
-  };
-  const Control = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ import_react14.default.createElement(
-      "div",
-      {
-        ref: innerRef,
-        className: (0, import_clsx3.default)(
-          "hawa-flex hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500 dark:focus:hawa-ring-blue-500"
-        ),
-        ...innerProps
-      },
-      children
-    );
-  };
-  const Option = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ import_react14.default.createElement(
-      "div",
-      {
-        ref: innerRef,
-        className: cn(
-          "hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hawa-transition-all hover:hawa-bg-primary hover:hawa-text-primary-foreground"
-        ),
-        ...innerProps
-      },
-      children
-    );
-  };
-  const Menu = ({
-    cx,
-    children,
-    getStyles,
-    innerProps,
-    innerRef,
-    ...menuProps
-  }) => {
-    const menuOpen = menuProps.selectProps.menuIsOpen;
-    return /* @__PURE__ */ import_react14.default.createElement(
-      "div",
-      {
-        className: cn(
-          "dark:dark-shadow  hawa-absolute hawa-z-10 -hawa-mx-1 hawa-mt-1 hawa-flex hawa-flex-col hawa-justify-start  hawa-rounded  hawa-border hawa-bg-background hawa-shadow-md",
-          props.phoneCode ? "hawa-p-1.5" : "hawa-w-full hawa-p-1.5",
-          menuOpen && "hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 "
-        ),
-        ref: innerRef,
-        ...innerProps
-      },
-      children
-    );
-  };
-  return /* @__PURE__ */ import_react14.default.createElement(
-    "div",
-    {
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-gap-2",
-        props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
-      )
-    },
-    props.label && /* @__PURE__ */ import_react14.default.createElement(Label2, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ import_react14.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
-      //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ import_react14.default.createElement(
-        import_react_select.default,
-        {
-          noOptionsMessage: NoOption,
-          classNames: {
-            control: () => cn(
-              props.phoneCode && "hawa-rounded-r-none",
-              props.controlClassNames
-            ),
-            container: () => cn(
-              "hawa-rounded",
-              props.phoneCode && "hawa-w-fit hawa-min-w-[65px] hawa-text-right hawa-w-[100px]  hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
-              "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background  hawa-p-0 hawa-px-1 hawa-text-sm",
-              props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
-            ),
-            placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
-            valueContainer: () => "hawa-text-foreground hawa-px-1 ",
-            singleValue: () => "hawa-text-foreground",
-            indicatorsContainer: () => cn(
-              "hawa-cursor-pointer hawa-text-muted-foreground",
-              props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
-            )
-          },
-          unstyled: true,
-          autoFocus: true,
-          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : { Option, Menu },
-          onChange: (newValue, action) => props.onChange(newValue, action),
-          options: props.options,
-          getOptionLabel: props.getOptionLabel,
-          defaultValue: props.defaultValue,
-          placeholder: props.placeholder,
-          isDisabled: props.disabled,
-          isClearable: props.isClearable,
-          isMulti: props.isMulti,
-          isSearchable: props.isSearchable
-        }
-      )
-    ) : /* @__PURE__ */ import_react14.default.createElement(
-      import_creatable.default,
-      {
-        formatCreateLabel: (inputValue) => {
-          var _a, _b;
-          return `${(_b = (_a = props.texts) == null ? void 0 : _a.createLabel) != null ? _b : "Create"} "${inputValue}"`;
-        },
-        classNames: {
-          container: () => cn(
-            "hawa-rounded",
-            props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
-          ),
-          placeholder: () => "hawa-px-2 hawa-text-muted-foreground",
-          input: () => "hawa-text-primary hawa-px-2",
-          valueContainer: () => "hawa-text-white dark:hawa-text-muted-foreground",
-          singleValue: () => "hawa-text-black dark:hawa-text-white hawa-px-2",
-          indicatorsContainer: () => " hawa-px-2 hawa-cursor-pointer hawa-text-muted-foreground"
-        },
-        unstyled: true,
-        options: props.options,
-        isClearable: props.isClearable,
-        isMulti: props.isMulti,
-        isSearchable: props.isSearchable,
-        placeholder: props.placeholder,
-        onCreateOption: props.handleCreateOption,
-        onChange: (newValue, action) => props.onChange(newValue, action),
-        components: { Control, Option, Menu },
-        onInputChange: (newValue, action) => props.onInputChange(newValue, action)
-      }
-    ),
-    !props.hideHelperText && /* @__PURE__ */ import_react14.default.createElement(
-      "p",
-      {
-        className: cn(
-          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-        )
-      },
-      props.helperText
-    )
-  );
-};
-
-// components/elements/switch/Switch.tsx
-var React33 = __toESM(require("react"));
-var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var Switch = React33.forwardRef(
-  ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
-    const [parentDirection, setParentDirection] = React33.useState(
-      null
-    );
-    const parentRef = React33.useRef(null);
-    React33.useEffect(() => {
-      var _a;
-      const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
-      if (parentNode) {
-        const dir = window.getComputedStyle(parentNode).direction;
-        setParentDirection(dir);
-      }
-    });
-    const rootSize = {
-      default: "hawa-h-[25px] hawa-w-[42px]",
-      sm: "hawa-h-[20px] hawa-w-[37px]",
-      lg: "hawa-h-[30px] hawa-w-[47px]"
-    };
-    const thumbSize = {
-      default: "hawa-h-[21px] hawa-w-[21px]",
-      sm: "hawa-h-[16px] hawa-w-[16px]",
-      lg: "hawa-h-[26px] hawa-w-[26px]"
-    };
-    const rootRoundednessStyles = {
-      none: "hawa-rounded-none",
-      full: "hawa-rounded-full",
-      inherit: "hawa-rounded"
-    };
-    const thumbRoundednessStyles = {
-      none: "hawa-rounded-none",
-      full: "hawa-rounded-full",
-      inherit: "hawa-rounded-inner"
-    };
-    return /* @__PURE__ */ React33.createElement(
-      "div",
-      {
-        className: "hawa-flex hawa-flex-row hawa-items-center",
-        ref: parentRef
-      },
-      /* @__PURE__ */ React33.createElement(
-        SwitchPrimitives.Root,
-        {
-          className: cn(
-            "data-[state=unchecked]:hawa-bg-primary/20",
-            "data-[state=checked]:hawa-bg-primary",
-            "hawa-relative hawa-cursor-pointer hawa-rounded hawa-outline-none",
-            rootRoundednessStyles[roundedness],
-            className,
-            rootSize[size]
-          ),
-          ...props,
-          ref
-        },
-        /* @__PURE__ */ React33.createElement(
-          SwitchPrimitives.Thumb,
-          {
-            className: cn(
-              thumbSize[size],
-              "hawa-block hawa-rounded  hawa-transition-transform  hawa-duration-100 hawa-will-change-transform",
-              "data-[state=checked]:hawa-bg-primary-foreground",
-              "hawa-bg-white dark:hawa-bg-background",
-              thumbRoundednessStyles[roundedness],
-              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__ */ React33.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/checkbox/Checkbox.tsx
-var React34 = __toESM(require("react"));
-var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
-  let checkboxRadius = {
-    none: "hawa-rounded-none",
-    inherit: "hawa-rounded-sm",
-    full: "hawa-rounded-full"
-  };
-  let checkboxSizes = {
-    xs: "hawa-w-3 hawa-h-3",
-    sm: "hawa-w-6 hawa-h-6",
-    default: "hawa-icon",
-    md: "hawa-w-8 hawa-h-8",
-    lg: "hawa-w-10 hawa-h-10",
-    xl: "hawa-w-12 hawa-h-12"
-  };
-  let checkboxIndicatorSizes = {
-    xs: "0.5em",
-    default: "0.60em",
-    sm: "0.75em",
-    md: "0.875em",
-    lg: "1em",
-    xl: "1.25em"
-  };
-  return /* @__PURE__ */ React34.createElement(
-    CheckboxPrimitive.Root,
-    {
-      ref,
-      className: cn(
-        "hawa-peer hawa-shrink-0  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",
-        checkboxSizes[size],
-        checkboxRadius[radius],
-        className
-      ),
-      ...props
-    },
-    /* @__PURE__ */ React34.createElement(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn(
-          "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
-        )
-      },
-      /* @__PURE__ */ React34.createElement(
-        "svg",
-        {
-          "aria-label": "Check Mark",
-          stroke: "currentColor",
-          fill: "currentColor",
-          strokeWidth: "0",
-          viewBox: "0 0 512 512",
-          height: checkboxIndicatorSizes[size],
-          width: checkboxIndicatorSizes[size]
-        },
-        /* @__PURE__ */ React34.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/cards/ActionCard.tsx
-var import_react15 = __toESM(require("react"));
-
-// components/elements/cards/AdCard.tsx
-var import_react16 = __toESM(require("react"));
-
-// components/elements/cards/PricingCard.tsx
-var import_react17 = __toESM(require("react"));
-
-// components/elements/cards/ItemCard.tsx
-var import_react18 = __toESM(require("react"));
-
-// components/elements/cards/LandingCard.tsx
-var import_react19 = __toESM(require("react"));
-
-// components/elements/PinInput.tsx
-var import_react20 = __toESM(require("react"));
-
-// components/elements/PhoneInput.tsx
-var import_react21 = __toESM(require("react"));
-
-// components/elements/Progress.tsx
-var React42 = __toESM(require("react"));
-var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var Progress = React42.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React42.createElement(
-  ProgressPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "hawa-relative hawa-h-4 hawa-w-full hawa-overflow-hidden hawa-rounded hawa-bg-secondary",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React42.createElement(
-    ProgressPrimitive.Indicator,
-    {
-      className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
-      style: { transform: `translateX(-${100 - (value || 0)}%)` }
-    }
-  )
-));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-
-// components/elements/ProgressCircle.tsx
-var import_react22 = __toESM(require("react"));
-var size2config = {
-  xs: {
-    radius: 15,
-    strokeWidth: 3
-  },
-  sm: {
-    radius: 19,
-    strokeWidth: 4
-  },
-  md: {
-    radius: 32,
-    strokeWidth: 6
-  },
-  lg: {
-    radius: 52,
-    strokeWidth: 8
-  },
-  xl: {
-    radius: 80,
-    strokeWidth: 10
-  }
-};
-function getLimitedValue(input) {
-  if (input === void 0) {
-    return 0;
-  } else if (input > 100) {
-    return 100;
-  } else {
-    return input;
-  }
-}
-var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
-  const {
-    value: inputValue,
-    size = "md",
-    className,
-    showAnimation = true,
-    color,
-    tooltip,
-    radius: inputRadius,
-    strokeWidth: inputStrokeWidth,
-    children,
-    ...other
-  } = props;
-  const value = getLimitedValue(inputValue);
-  const radius = inputRadius != null ? inputRadius : size2config[size].radius;
-  const strokeWidth = inputStrokeWidth != null ? inputStrokeWidth : size2config[size].strokeWidth;
-  const normalizedRadius = radius - strokeWidth / 2;
-  const circumference = normalizedRadius * 2 * Math.PI;
-  const strokeDashoffset = value / 100 * circumference;
-  const offset = circumference - strokeDashoffset;
-  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(
-    "div",
-    {
-      ref,
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
-        className
-      )
-    },
-    /* @__PURE__ */ import_react22.default.createElement(
-      "svg",
-      {
-        width: radius * 2,
-        height: radius * 2,
-        viewBox: `0 0 ${radius * 2} ${radius * 2}`,
-        className: "hawa-rotate-180 hawa-transform"
-      },
-      /* @__PURE__ */ import_react22.default.createElement(
-        "circle",
-        {
-          r: normalizedRadius,
-          cx: radius,
-          cy: radius,
-          strokeWidth,
-          fill: "transparent",
-          stroke: "",
-          strokeLinecap: "round",
-          className: cn(
-            "hawa-transition-colors hawa-ease-linear",
-            " hawa-stroke-primary/20"
-          )
-        }
-      ),
-      value > 0 ? /* @__PURE__ */ import_react22.default.createElement(
-        "circle",
-        {
-          r: normalizedRadius,
-          cx: radius,
-          cy: radius,
-          strokeWidth,
-          strokeDasharray: circumference + " " + circumference,
-          strokeDashoffset: offset,
-          fill: "transparent",
-          stroke: "",
-          strokeLinecap: "round",
-          className: cn(
-            "hawa-transition-colors hawa-ease-linear",
-            "hawa-stroke-primary",
-            showAnimation ? "hawa-transition-all hawa-duration-300 hawa-ease-in-out" : ""
-          )
-        }
-      ) : null
-    ),
-    /* @__PURE__ */ import_react22.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
-  ));
-});
-ProgressCircle.displayName = "ProgressCircle";
-
-// components/elements/Pagination.tsx
-var import_react23 = __toESM(require("react"));
-var import_react_headless_pagination = require("react-headless-pagination");
-
-// components/elements/PasswordInput.tsx
-var import_react27 = __toESM(require("react"));
-
-// components/icons/Emojis.tsx
-var import_react24 = __toESM(require("react"));
-var VeryGoodEmoji = () => /* @__PURE__ */ import_react24.default.createElement(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react24.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react24.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ), /* @__PURE__ */ import_react24.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
-      fill: "#FF990A",
-      fillRule: "evenodd"
-    }
-  ))
-);
-var GoodEmoji = () => /* @__PURE__ */ import_react24.default.createElement(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react24.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react24.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ))
-);
-var BadEmoji = () => /* @__PURE__ */ import_react24.default.createElement(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react24.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react24.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ))
-);
-var VeryBadEmoji = () => /* @__PURE__ */ import_react24.default.createElement(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react24.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react24.default.createElement(
-    "path",
-    {
-      d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
-      fill: "#0070F3"
-    }
-  ), /* @__PURE__ */ import_react24.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ))
-);
-
-// components/icons/InputIcons.tsx
-var import_react25 = __toESM(require("react"));
-
-// components/icons/CommonIcons.tsx
-var import_react26 = __toESM(require("react"));
-
-// components/elements/Slider.tsx
-var React49 = __toESM(require("react"));
-var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var Slider = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React49.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__ */ React49.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React49.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
-  /* @__PURE__ */ React49.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/SimpleTable.tsx
-var React50 = __toESM(require("react"));
-var import_react_table2 = require("@tanstack/react-table");
-
-// components/elements/Separator.tsx
-var React51 = __toESM(require("react"));
-
-// components/elements/ScrollArea.tsx
-var React52 = __toESM(require("react"));
-var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var ScrollArea = React52.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("hawa-relative hawa-overflow-hidden", className),
-    ...props
-  },
-  /* @__PURE__ */ React52.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
-  /* @__PURE__ */ React52.createElement(ScrollBar, { orientation }),
-  /* @__PURE__ */ React52.createElement(ScrollAreaPrimitive.Corner, null)
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React52.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
-      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
-      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React52.createElement(
-    ScrollAreaPrimitive.ScrollAreaThumb,
-    {
-      className: cn(
-        "hawa-relative hawa-rounded-full hawa-bg-border",
-        orientation === "vertical" && "hawa-flex-1"
-      )
-    }
-  )
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-// components/elements/ScrollIndicator.tsx
-var import_react28 = __toESM(require("react"));
-
-// components/elements/StopPropagationWrapper.tsx
-var import_react29 = __toESM(require("react"));
-
-// components/elements/ColorPicker.tsx
-var import_react30 = __toESM(require("react"));
-
-// components/elements/CodeBlock.tsx
-var import_react32 = __toESM(require("react"));
-var import_prism_react_renderer = require("prism-react-renderer");
-
-// components/hooks/useClipboard.ts
-var import_react31 = require("react");
-
-// components/elements/Carousel.tsx
-var import_react33 = __toESM(require("react"));
-var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-
-// components/elements/Count.tsx
-var import_react34 = __toESM(require("react"));
-
-// components/elements/Toast.tsx
-var React59 = __toESM(require("react"));
-var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
-var import_class_variance_authority4 = require("class-variance-authority");
-var toastVariants = (0, import_class_variance_authority4.cva)(
-  "hawa-group hawa-z-[900] 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-white",
-        success: "hawa-success hawa-group hawa-text-success-foreground hawa-bg-success",
-        none: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var ToastViewport = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.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 = React59.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
-  return /* @__PURE__ */ React59.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 = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React59.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 = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.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__ */ React59.createElement(
-    "svg",
-    {
-      "aria-label": "Close Icon",
-      "aria-hidden": "true",
-      className: "hawa-icon",
-      fill: "currentColor",
-      viewBox: "0 0 20 20"
-    },
-    /* @__PURE__ */ React59.createElement(
-      "path",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ React7.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React7.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React7.createElement(
+      "textarea",
       {
-        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"
+        className: cn(
+          "hawa-flex hawa-min-h-[40px] 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-gray-400 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-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
+          className
+        ),
+        ref,
+        ...textareaProps
       }
-    )
-  )
-));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
-  ToastPrimitives.Title,
-  {
-    ref,
-    className: cn(
-      "hawa-select-text hawa-text-sm hawa-font-semibold",
-      className
-    ),
-    ...props
-  }
-));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
-  ToastPrimitives.Description,
-  {
-    ref,
-    className: cn("hawa-select-text hawa-text-sm hawa-opacity-90", className),
-    ...props
+    ), /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React7.createElement(
+      "p",
+      {
+        className: cn(
+          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+        )
+      },
+      props.helperText
+    ), showCount && /* @__PURE__ */ React7.createElement(
+      "div",
+      {
+        className: cn(
+          " hawa-text-start hawa-text-xs hawa-transition-all ",
+          {
+            "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
+          }
+        )
+      },
+      (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
+      "/",
+      textareaProps == null ? void 0 : textareaProps.maxLength
+    )));
   }
-));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-
-// components/elements/Toaster.tsx
-var import_react35 = __toESM(require("react"));
-
-// components/hooks/useToast.ts
-var React60 = __toESM(require("react"));
-
-// components/elements/Breadcrumb.tsx
-var import_react36 = __toESM(require("react"));
-
-// components/elements/Badge.tsx
-var import_react37 = __toESM(require("react"));
-
-// components/elements/AppStores.tsx
-var import_react38 = __toESM(require("react"));
-
-// components/elements/DestroyableCard.tsx
-var import_react39 = __toESM(require("react"));
-
-// components/elements/InterfaceSettings.tsx
-var import_react40 = __toESM(require("react"));
+);
+Textarea.displayName = "Textarea";
 
 // components/blocks/feedback/UserReferralSource.tsx
 var UserReferralSource = ({
@@ -3117,8 +723,8 @@ var UserReferralSource = ({
   ...props
 }) => {
   var _a, _b;
-  const [closed, setClosed] = (0, import_react41.useState)(false);
-  const popUpRef = (0, import_react41.useRef)(null);
+  const [closed, setClosed] = (0, import_react4.useState)(false);
+  const popUpRef = (0, import_react4.useRef)(null);
   const formSchema = z.object({
     source: z.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
     feedback: z.string().optional()
@@ -3138,7 +744,7 @@ var UserReferralSource = ({
       label: "Other"
     }
   ];
-  return /* @__PURE__ */ import_react41.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(
     "div",
     {
       className: cn(
@@ -3147,7 +753,7 @@ var UserReferralSource = ({
       ),
       ref: popUpRef
     },
-    /* @__PURE__ */ import_react41.default.createElement(
+    /* @__PURE__ */ import_react4.default.createElement(
       Card,
       {
         className: cn(
@@ -3156,7 +762,7 @@ var UserReferralSource = ({
         ),
         dir: props.direction
       },
-      /* @__PURE__ */ import_react41.default.createElement(
+      /* @__PURE__ */ import_react4.default.createElement(
         "button",
         {
           type: "button",
@@ -3175,7 +781,7 @@ var UserReferralSource = ({
             }, 200);
           }
         },
-        /* @__PURE__ */ import_react41.default.createElement(
+        /* @__PURE__ */ import_react4.default.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -3183,7 +789,7 @@ var UserReferralSource = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react41.default.createElement(
+          /* @__PURE__ */ import_react4.default.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -3193,7 +799,7 @@ var UserReferralSource = ({
           )
         )
       ),
-      /* @__PURE__ */ import_react41.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react41.default.createElement(
+      /* @__PURE__ */ import_react4.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react4.default.createElement(
         "form",
         {
           noValidate: true,
@@ -3205,7 +811,7 @@ var UserReferralSource = ({
             }
           })
         },
-        /* @__PURE__ */ import_react41.default.createElement(
+        /* @__PURE__ */ import_react4.default.createElement(
           "div",
           {
             className: cn(
@@ -3213,15 +819,15 @@ var UserReferralSource = ({
               closed ? "hawa-opacity-0" : "hawa-opacity-100"
             )
           },
-          /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-          /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react41.default.createElement(
+          /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
+          /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react4.default.createElement(
             import_react_hook_form.Controller,
             {
               control,
               name: "source",
               render: ({ field }) => {
                 var _a2, _b2;
-                return /* @__PURE__ */ import_react41.default.createElement(
+                return /* @__PURE__ */ import_react4.default.createElement(
                   Radio,
                   {
                     direction: props.direction,
@@ -3235,14 +841,14 @@ var UserReferralSource = ({
               }
             }
           )),
-          /* @__PURE__ */ import_react41.default.createElement("div", null, /* @__PURE__ */ import_react41.default.createElement(
+          /* @__PURE__ */ import_react4.default.createElement("div", null, /* @__PURE__ */ import_react4.default.createElement(
             import_react_hook_form.Controller,
             {
               control,
               name: "feedback",
               render: ({ field }) => {
                 var _a2, _b2;
-                return /* @__PURE__ */ import_react41.default.createElement(
+                return /* @__PURE__ */ import_react4.default.createElement(
                   Textarea,
                   {
                     ...field,
@@ -3257,28 +863,28 @@ var UserReferralSource = ({
             }
           ))
         ),
-        /* @__PURE__ */ import_react41.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
+        /* @__PURE__ */ import_react4.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
       ))
     )
   );
 };
 
 // components/blocks/feedback/FeedbackRating.tsx
-var import_react42 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var FeedbackRating = ({
   position = "bottom-right",
   ...props
 }) => {
-  const [closed, setClosed] = (0, import_react42.useState)(false);
-  const [answered, setAnswered] = (0, import_react42.useState)(false);
-  const [clickedOption, setClickedOption] = (0, import_react42.useState)(null);
-  const [closingTimer, setClosingTimer] = (0, import_react42.useState)(5);
-  const popUpRef = (0, import_react42.useRef)(null);
+  const [closed, setClosed] = (0, import_react5.useState)(false);
+  const [answered, setAnswered] = (0, import_react5.useState)(false);
+  const [clickedOption, setClickedOption] = (0, import_react5.useState)(null);
+  const [closingTimer, setClosingTimer] = (0, import_react5.useState)(5);
+  const popUpRef = (0, import_react5.useRef)(null);
   const boxPosition = {
     "bottom-right": "hawa-right-4",
     "bottom-left": "hawa-left-4"
   };
-  (0, import_react42.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const timeoutHide = setTimeout(() => {
       if (closingTimer >= 0) {
         setClosingTimer(closingTimer - 1);
@@ -3296,99 +902,259 @@ var FeedbackRating = ({
       }
     }, 200);
   };
-  return /* @__PURE__ */ import_react42.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement(
     "div",
     {
-      ref: popUpRef,
-      className: cn(
-        props.banner ? "hawa-fixed hawa-bottom-0 hawa-left-0 hawa-w-full hawa-px-0 md:hawa-px-4" : "hawa-fixed hawa-bottom-4 ",
-        boxPosition[position]
-      )
-    },
-    /* @__PURE__ */ import_react42.default.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-relative hawa-flex hawa-w-full   hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-bg-background hawa-p-4 hawa-shadow-md hawa-transition-all",
-          closed ? "hawa-opacity-0" : "hawa-opacity-100",
-          props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
-        )
-      },
-      /* @__PURE__ */ import_react42.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
-      /* @__PURE__ */ import_react42.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "hawa-absolute hawa-right-2 hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white",
-          "data-dismiss-target": "#toast-default",
-          "aria-label": "Close",
-          onClick: () => slowClose()
-        },
-        /* @__PURE__ */ import_react42.default.createElement(
-          "svg",
-          {
-            "aria-hidden": "true",
-            className: "hawa-h-5 hawa-w-5",
-            fill: "currentColor",
-            viewBox: "0 0 20 20"
-          },
-          /* @__PURE__ */ import_react42.default.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-              clipRule: "evenodd"
-            }
-          )
-        )
-      ),
-      /* @__PURE__ */ import_react42.default.createElement("div", { className: "hawa-mt-8" }, props.question),
-      /* @__PURE__ */ import_react42.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ import_react42.default.createElement(
-        "span",
-        {
-          key: i,
-          onClick: () => {
-            if (props.onOptionClicked) {
-              props.onOptionClicked(op);
-            }
-            setClickedOption(op);
-            setAnswered(true);
-            const timeoutDestroy = setTimeout(() => {
-              setClosed(true);
-            }, 4800);
-            setTimeout(() => {
-              var _a, _b;
-              (_b = popUpRef.current) == null ? void 0 : _b.removeChild(
-                (_a = popUpRef.current) == null ? void 0 : _a.children[0]
-              );
-              clearTimeout(timeoutDestroy);
-            }, 5300);
-          },
-          className: cn(
-            "hawa-w-full hawa-cursor-pointer hawa-rounded hawa-border  hawa-p-4 hawa-text-center hawa-transition-all ",
-            clickedOption === op ? "hawa-bg-gray-500 hawa-text-white" : "hawa-border hawa-bg-background hover:hawa-bg-gray-300 dark:hover:hawa-bg-gray-700"
-          )
-        },
-        op
-      ))),
-      props.texts && /* @__PURE__ */ import_react42.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react42.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react42.default.createElement("span", null, props.texts.most)),
-      answered && /* @__PURE__ */ import_react42.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ import_react42.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react42.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react42.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
-    )
-  );
-};
+      ref: popUpRef,
+      className: cn(
+        props.banner ? "hawa-fixed hawa-bottom-0 hawa-left-0 hawa-w-full hawa-px-0 md:hawa-px-4" : "hawa-fixed hawa-bottom-4 ",
+        boxPosition[position]
+      )
+    },
+    /* @__PURE__ */ import_react5.default.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-relative hawa-flex hawa-w-full   hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-bg-background hawa-p-4 hawa-shadow-md hawa-transition-all",
+          closed ? "hawa-opacity-0" : "hawa-opacity-100",
+          props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
+        )
+      },
+      /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
+      /* @__PURE__ */ import_react5.default.createElement(
+        "button",
+        {
+          type: "button",
+          className: "hawa-absolute hawa-right-2 hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white",
+          "data-dismiss-target": "#toast-default",
+          "aria-label": "Close",
+          onClick: () => slowClose()
+        },
+        /* @__PURE__ */ import_react5.default.createElement(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "hawa-h-5 hawa-w-5",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+          },
+          /* @__PURE__ */ import_react5.default.createElement(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+              clipRule: "evenodd"
+            }
+          )
+        )
+      ),
+      /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-mt-8" }, props.question),
+      /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ import_react5.default.createElement(
+        "span",
+        {
+          key: i,
+          onClick: () => {
+            if (props.onOptionClicked) {
+              props.onOptionClicked(op);
+            }
+            setClickedOption(op);
+            setAnswered(true);
+            const timeoutDestroy = setTimeout(() => {
+              setClosed(true);
+            }, 4800);
+            setTimeout(() => {
+              var _a, _b;
+              (_b = popUpRef.current) == null ? void 0 : _b.removeChild(
+                (_a = popUpRef.current) == null ? void 0 : _a.children[0]
+              );
+              clearTimeout(timeoutDestroy);
+            }, 5300);
+          },
+          className: cn(
+            "hawa-w-full hawa-cursor-pointer hawa-rounded hawa-border  hawa-p-4 hawa-text-center hawa-transition-all ",
+            clickedOption === op ? "hawa-bg-gray-500 hawa-text-white" : "hawa-border hawa-bg-background hover:hawa-bg-gray-300 dark:hover:hawa-bg-gray-700"
+          )
+        },
+        op
+      ))),
+      props.texts && /* @__PURE__ */ import_react5.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react5.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react5.default.createElement("span", null, props.texts.most)),
+      answered && /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ import_react5.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react5.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
+    )
+  );
+};
+
+// components/blocks/feedback/FeedbackEmoji.tsx
+var import_react9 = __toESM(require("react"));
+
+// components/elements/popover/Popover.tsx
+var React10 = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var PopoverContent = React10.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React10.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React10.createElement(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover 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",
+      className
+    ),
+    ...props
+  }
+)));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var Popover = ({
+  trigger,
+  children,
+  className,
+  align = "center",
+  side,
+  sideOffset = 4,
+  open,
+  width = "default",
+  disableTrigger,
+  contentProps,
+  triggerProps,
+  ...props
+}) => {
+  let widthStyles = {
+    trigger: "var(--radix-popover-trigger-width)",
+    default: "auto"
+  };
+  return /* @__PURE__ */ React10.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React10.createElement(
+    PopoverPrimitive.Trigger,
+    {
+      className: "hawa-w-full",
+      disabled: disableTrigger,
+      ...triggerProps
+    },
+    trigger
+  ), /* @__PURE__ */ React10.createElement(
+    PopoverContent,
+    {
+      side,
+      className,
+      align,
+      sideOffset,
+      style: {
+        width: widthStyles[width]
+      },
+      ...contentProps
+    },
+    children
+  ));
+};
+
+// components/icons/Emojis.tsx
+var import_react6 = __toESM(require("react"));
+var VeryGoodEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
+  "svg",
+  {
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react6.default.createElement(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  ), /* @__PURE__ */ import_react6.default.createElement(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
+      fill: "#FF990A",
+      fillRule: "evenodd"
+    }
+  ))
+);
+var GoodEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
+  "svg",
+  {
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react6.default.createElement(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  ))
+);
+var BadEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
+  "svg",
+  {
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react6.default.createElement(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  ))
+);
+var VeryBadEmoji = () => /* @__PURE__ */ import_react6.default.createElement(
+  "svg",
+  {
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react6.default.createElement(
+    "path",
+    {
+      d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
+      fill: "#0070F3"
+    }
+  ), /* @__PURE__ */ import_react6.default.createElement(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  ))
+);
+
+// components/icons/InputIcons.tsx
+var import_react7 = __toESM(require("react"));
+
+// components/icons/CommonIcons.tsx
+var import_react8 = __toESM(require("react"));
 
 // components/blocks/feedback/FeedbackEmoji.tsx
-var import_react43 = __toESM(require("react"));
 var FeedbackEmoji = (props) => {
-  const [selectedEmoji, setSelectedEmoji] = (0, import_react43.useState)(null);
-  const [loadingSubmit, setLoadingSubmit] = (0, import_react43.useState)(false);
-  const [feedbackText, setFeedbackText] = (0, import_react43.useState)("");
-  const [helperText, setHelperText] = (0, import_react43.useState)(false);
+  const [selectedEmoji, setSelectedEmoji] = (0, import_react9.useState)(null);
+  const [loadingSubmit, setLoadingSubmit] = (0, import_react9.useState)(false);
+  const [feedbackText, setFeedbackText] = (0, import_react9.useState)("");
+  const [helperText, setHelperText] = (0, import_react9.useState)(false);
   let emojis = [
-    { icon: /* @__PURE__ */ import_react43.default.createElement(VeryGoodEmoji, null), value: "very-good" },
-    { icon: /* @__PURE__ */ import_react43.default.createElement(GoodEmoji, null), value: "good" },
-    { icon: /* @__PURE__ */ import_react43.default.createElement(BadEmoji, null), value: "bad" },
-    { icon: /* @__PURE__ */ import_react43.default.createElement(VeryBadEmoji, null), value: "very-bad" }
+    { icon: /* @__PURE__ */ import_react9.default.createElement(VeryGoodEmoji, null), value: "very-good" },
+    { icon: /* @__PURE__ */ import_react9.default.createElement(GoodEmoji, null), value: "good" },
+    { icon: /* @__PURE__ */ import_react9.default.createElement(BadEmoji, null), value: "bad" },
+    { icon: /* @__PURE__ */ import_react9.default.createElement(VeryBadEmoji, null), value: "very-bad" }
   ];
   const onFeedbackSubmit = async () => {
     if (feedbackText) {
@@ -3408,7 +1174,7 @@ var FeedbackEmoji = (props) => {
       setHelperText(true);
     }
   };
-  return /* @__PURE__ */ import_react43.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(
     "div",
     {
       className: cn(
@@ -3416,7 +1182,7 @@ var FeedbackEmoji = (props) => {
         selectedEmoji ? "hawa-h-[189px]  hawa-min-w-fit" : "hawa-h-[44px] "
       )
     },
-    /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react43.default.createElement(
+    /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react9.default.createElement(
       Button,
       {
         key: i,
@@ -3435,7 +1201,7 @@ var FeedbackEmoji = (props) => {
       },
       emoji.icon
     )))),
-    /* @__PURE__ */ import_react43.default.createElement(
+    /* @__PURE__ */ import_react9.default.createElement(
       "div",
       {
         className: cn(
@@ -3443,7 +1209,7 @@ var FeedbackEmoji = (props) => {
           selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
         )
       },
-      props.showSuccess ? /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react43.default.createElement(
+      props.showSuccess ? /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react9.default.createElement(
         "svg",
         {
           stroke: "currentColor",
@@ -3453,13 +1219,13 @@ var FeedbackEmoji = (props) => {
           height: "0.5em",
           width: "0.5em"
         },
-        /* @__PURE__ */ import_react43.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
-      )), /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react43.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react43.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react43.default.createElement(
+        /* @__PURE__ */ import_react9.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+      )), /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react9.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react9.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react9.default.createElement(
         Popover,
         {
           className: "hawa-select-none hawa-p-1 hawa-text-xs ",
           open: helperText,
-          trigger: /* @__PURE__ */ import_react43.default.createElement(
+          trigger: /* @__PURE__ */ import_react9.default.createElement(
             Textarea,
             {
               className: cn("hawa-mt-2 hawa-h-full hawa-resize-none"),
@@ -3473,8 +1239,8 @@ var FeedbackEmoji = (props) => {
             }
           )
         },
-        /* @__PURE__ */ import_react43.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
-      ), /* @__PURE__ */ import_react43.default.createElement(
+        /* @__PURE__ */ import_react9.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
+      ), /* @__PURE__ */ import_react9.default.createElement(
         Button,
         {
           isLoading: loadingSubmit,
@@ -3489,10 +1255,195 @@ var FeedbackEmoji = (props) => {
 };
 
 // components/blocks/feedback/FeedbackForm.tsx
-var import_react44 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
 var z2 = __toESM(require("zod"));
+
+// components/elements/select/Select.tsx
+var import_react11 = __toESM(require("react"));
+var import_react_select = __toESM(require("react-select"));
+var import_creatable = __toESM(require("react-select/creatable"));
+var import_clsx2 = __toESM(require("clsx"));
+
+// components/elements/skeleton/Skeleton.tsx
+var import_react10 = __toESM(require("react"));
+function Skeleton({
+  className,
+  content,
+  animation = "pulse",
+  ...props
+}) {
+  const animationStyles = {
+    none: "hawa-rounded hawa-bg-muted",
+    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
+    shimmer: "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"
+  };
+  return /* @__PURE__ */ import_react10.default.createElement(
+    "div",
+    {
+      className: cn(
+        animationStyles[animation],
+        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        className
+      ),
+      ...props
+    },
+    content && content
+  );
+}
+
+// components/elements/select/Select.tsx
+var Select = ({
+  labelProps,
+  labelKey = "label",
+  ...props
+}) => {
+  const NoOption = () => {
+    var _a, _b;
+    return /* @__PURE__ */ import_react11.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+  };
+  const Control = ({ children, innerProps, innerRef }) => {
+    return /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        ref: innerRef,
+        className: (0, import_clsx2.default)(
+          "hawa-flex hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500 dark:focus:hawa-ring-blue-500"
+        ),
+        ...innerProps
+      },
+      children
+    );
+  };
+  const Option = ({ children, innerProps, innerRef }) => {
+    return /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        ref: innerRef,
+        className: cn(
+          "hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hawa-transition-all hover:hawa-bg-primary hover:hawa-text-primary-foreground"
+        ),
+        ...innerProps
+      },
+      children
+    );
+  };
+  const Menu = ({
+    cx,
+    children,
+    getStyles,
+    innerProps,
+    innerRef,
+    ...menuProps
+  }) => {
+    const menuOpen = menuProps.selectProps.menuIsOpen;
+    return /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        className: cn(
+          "dark:dark-shadow  hawa-absolute hawa-z-10 -hawa-mx-1 hawa-mt-1 hawa-flex hawa-flex-col hawa-justify-start  hawa-rounded  hawa-border hawa-bg-background hawa-shadow-md",
+          props.phoneCode ? "hawa-p-1.5" : "hawa-w-full hawa-p-1.5",
+          menuOpen && "hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 "
+        ),
+        ref: innerRef,
+        ...innerProps
+      },
+      children
+    );
+  };
+  return /* @__PURE__ */ import_react11.default.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-flex hawa-flex-col hawa-gap-2",
+        props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
+      )
+    },
+    props.label && /* @__PURE__ */ import_react11.default.createElement(Label, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ import_react11.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+      //   TODO: enable keyboard to go to the next item in the list
+      /* @__PURE__ */ import_react11.default.createElement(
+        import_react_select.default,
+        {
+          noOptionsMessage: NoOption,
+          classNames: {
+            control: () => cn(
+              props.phoneCode && "hawa-rounded-r-none",
+              props.controlClassNames
+            ),
+            container: () => cn(
+              "hawa-rounded",
+              props.phoneCode && "hawa-w-fit hawa-min-w-[65px] hawa-text-right hawa-w-[100px]  hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
+              "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background  hawa-p-0 hawa-px-1 hawa-text-sm",
+              props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
+            ),
+            placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
+            valueContainer: () => "hawa-text-foreground hawa-px-1 ",
+            singleValue: () => "hawa-text-foreground",
+            indicatorsContainer: () => cn(
+              "hawa-cursor-pointer hawa-text-muted-foreground",
+              props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
+            )
+          },
+          unstyled: true,
+          autoFocus: true,
+          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : { Option, Menu },
+          onChange: (newValue, action) => props.onChange(newValue, action),
+          options: props.options,
+          getOptionLabel: props.getOptionLabel,
+          defaultValue: props.defaultValue,
+          placeholder: props.placeholder,
+          isDisabled: props.disabled,
+          isClearable: props.isClearable,
+          isMulti: props.isMulti,
+          isSearchable: props.isSearchable
+        }
+      )
+    ) : /* @__PURE__ */ import_react11.default.createElement(
+      import_creatable.default,
+      {
+        formatCreateLabel: (inputValue) => {
+          var _a, _b;
+          return `${(_b = (_a = props.texts) == null ? void 0 : _a.createLabel) != null ? _b : "Create"} "${inputValue}"`;
+        },
+        classNames: {
+          container: () => cn(
+            "hawa-rounded",
+            props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
+          ),
+          placeholder: () => "hawa-px-2 hawa-text-muted-foreground",
+          input: () => "hawa-text-primary hawa-px-2",
+          valueContainer: () => "hawa-text-white dark:hawa-text-muted-foreground",
+          singleValue: () => "hawa-text-black dark:hawa-text-white hawa-px-2",
+          indicatorsContainer: () => " hawa-px-2 hawa-cursor-pointer hawa-text-muted-foreground"
+        },
+        unstyled: true,
+        options: props.options,
+        isClearable: props.isClearable,
+        isMulti: props.isMulti,
+        isSearchable: props.isSearchable,
+        placeholder: props.placeholder,
+        onCreateOption: props.handleCreateOption,
+        onChange: (newValue, action) => props.onChange(newValue, action),
+        components: { Control, Option, Menu },
+        onInputChange: (newValue, action) => props.onInputChange(newValue, action)
+      }
+    ),
+    !props.hideHelperText && /* @__PURE__ */ import_react11.default.createElement(
+      "p",
+      {
+        className: cn(
+          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+        )
+      },
+      props.helperText
+    )
+  );
+};
+
+// components/blocks/feedback/FeedbackForm.tsx
 var FeedbackForm = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const formSchema = z2.object({
@@ -3502,7 +1453,7 @@ var FeedbackForm = (props) => {
   const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
     resolver: (0, import_zod2.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react44.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     Card,
     {
       className: cn(
@@ -3510,7 +1461,7 @@ var FeedbackForm = (props) => {
       ),
       style: props.cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react44.default.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react12.default.createElement(
       "form",
       {
         noValidate: true,
@@ -3523,15 +1474,15 @@ var FeedbackForm = (props) => {
         }),
         className: "hawa-flex hawa-flex-col hawa-gap-4"
       },
-      /* @__PURE__ */ import_react44.default.createElement(Label2, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
-      /* @__PURE__ */ import_react44.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
+      /* @__PURE__ */ import_react12.default.createElement(
         import_react_hook_form2.Controller,
         {
           name: "requestType",
           control,
           render: ({ field }) => {
             var _a2, _b2, _c2, _d2, _e2, _f2;
-            return /* @__PURE__ */ import_react44.default.createElement(
+            return /* @__PURE__ */ import_react12.default.createElement(
               Select,
               {
                 ...field,
@@ -3548,15 +1499,15 @@ var FeedbackForm = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ import_react44.default.createElement(Label2, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
-      /* @__PURE__ */ import_react44.default.createElement(
+      /* @__PURE__ */ import_react12.default.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
+      /* @__PURE__ */ import_react12.default.createElement(
         import_react_hook_form2.Controller,
         {
           name: "description",
           control,
           render: ({ field }) => {
             var _a2, _b2, _c2, _d2;
-            return /* @__PURE__ */ import_react44.default.createElement(
+            return /* @__PURE__ */ import_react12.default.createElement(
               Textarea,
               {
                 ...field,
@@ -3567,7 +1518,7 @@ var FeedbackForm = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ import_react44.default.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
+      /* @__PURE__ */ import_react12.default.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
     ))
   );
 };