@sikka/hawa 0.26.19-next → 0.26.20

package/dist/index.mjs

@@ -1,14 +1,14 @@
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 import * as React from "react";
 
-// components/util.ts
+// util/index.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 var Card = React.forwardRef(
   ({ className, variant = "default", clickable = false, ...props }, ref) => {
     let variantStyles = {
@@ -88,7 +88,7 @@ CardFooter.displayName = "CardFooter";
 CardTitle.displayName = "CardTitle";
 Card.displayName = "Card";
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 import React2 from "react";
 var Loading = ({
   design = "spinner",
@@ -265,7 +265,7 @@ var Loading = ({
   }
 };
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 import React3 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 var TooltipContent = React3.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React3.createElement(
@@ -316,7 +316,7 @@ var Tooltip = ({
   );
 };
 
-// components/elements/skeleton/Skeleton.tsx
+// elements/skeleton/Skeleton.tsx
 import React4 from "react";
 function Skeleton({
   className,
@@ -343,7 +343,7 @@ function Skeleton({
   );
 }
 
-// components/elements/dropdownMenu/DropdownMenu.tsx
+// elements/dropdownMenu/DropdownMenu.tsx
 import * as React5 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
@@ -683,11 +683,11 @@ var DropdownMenuRadio = (props) => {
   )));
 };
 
-// components/elements/accordion/Accordion.tsx
+// elements/accordion/Accordion.tsx
 import * as React9 from "react";
 import * as AccordionPrimitive3 from "@radix-ui/react-accordion";
 
-// components/elements/chip/Chip.tsx
+// elements/chip/Chip.tsx
 import React6 from "react";
 var Chip = React6.forwardRef(
   ({
@@ -768,7 +768,7 @@ var Chip = React6.forwardRef(
   }
 );
 
-// components/elements/accordion/AccordionContent.tsx
+// elements/accordion/AccordionContent.tsx
 import * as React7 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(
@@ -785,7 +785,7 @@ var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
-// components/elements/accordion/AccordionTrigger.tsx
+// elements/accordion/AccordionTrigger.tsx
 import * as React8 from "react";
 import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
 var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React8.createElement(
@@ -819,7 +819,7 @@ var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref
 )));
 AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
 
-// components/elements/accordion/Accordion.tsx
+// elements/accordion/Accordion.tsx
 var Accordion = React9.forwardRef(
   ({
     items,
@@ -890,17 +890,17 @@ var Accordion = React9.forwardRef(
 );
 Accordion.displayName = "Accordion";
 
-// components/elements/accordion/AccordionItem.tsx
+// elements/accordion/AccordionItem.tsx
 import * as React10 from "react";
 import * as AccordionPrimitive4 from "@radix-ui/react-accordion";
 var AccordionItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
 AccordionItem.displayName = "AccordionItem";
 
-// components/elements/accordion/AccordionRoot.tsx
+// elements/accordion/AccordionRoot.tsx
 import * as AccordionPrimitive5 from "@radix-ui/react-accordion";
 var AccordionRoot = AccordionPrimitive5.Root;
 
-// components/elements/logos/Logos.tsx
+// elements/logos/Logos.tsx
 import React11 from "react";
 var Logos = {
   hawa: (props) => /* @__PURE__ */ React11.createElement(
@@ -1105,7 +1105,7 @@ var Logos = {
   )
 };
 
-// components/elements/navigationMenu/NavigationMenu.tsx
+// elements/navigationMenu/NavigationMenu.tsx
 import * as React12 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva } from "class-variance-authority";
@@ -1258,7 +1258,7 @@ NavigationMenuRoot.displayName = NavigationMenuPrimitive.Root.displayName;
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 
-// components/elements/sheet/Sheet.tsx
+// elements/sheet/Sheet.tsx
 import * as React13 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva2 } from "class-variance-authority";
@@ -1393,7 +1393,7 @@ SheetHeader.displayName = "SheetHeader";
 SheetFooter.displayName = "SheetFooter";
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
-// components/elements/dialog/Dialog.tsx
+// elements/dialog/Dialog.tsx
 import * as React14 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 var Dialog = DialogPrimitive.Root;
@@ -1689,10 +1689,10 @@ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
-// components/elements/alert/Alert.tsx
+// elements/alert/Alert.tsx
 import React16, { useRef, useState as useState2, useEffect as useEffect2 } from "react";
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 import * as React15 from "react";
 import { cva as cva3 } from "class-variance-authority";
 var buttonVariants = cva3(
@@ -1747,6 +1747,7 @@ var Button = React15.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
+          // "hawa-bg-red-500"
         ),
         ref,
         ...props
@@ -1765,7 +1766,7 @@ var Button = React15.forwardRef(
 );
 Button.displayName = "Button";
 
-// components/elements/alert/Alert.tsx
+// elements/alert/Alert.tsx
 var Alert = ({
   variant = "normal",
   direction = "ltr",
@@ -1905,10 +1906,10 @@ var Alert = ({
   ));
 };
 
-// components/elements/avatar/Avatar.tsx
+// elements/avatar/Avatar.tsx
 import React18 from "react";
 
-// components/elements/fileUploader/FileUploader.tsx
+// elements/fileUploader/FileUploader.tsx
 import React17, { useRef as useRef2 } from "react";
 var FileUploader = ({ handleFile, className }) => {
   const hiddenFileInput = useRef2(null);
@@ -1931,7 +1932,7 @@ var FileUploader = ({ handleFile, className }) => {
   ));
 };
 
-// components/elements/avatar/Avatar.tsx
+// elements/avatar/Avatar.tsx
 var Avatar = ({
   isUploadable,
   src,
@@ -2021,7 +2022,7 @@ var Avatar = ({
   );
 };
 
-// components/elements/dataTable/DataTable.tsx
+// elements/dataTable/DataTable.tsx
 import * as React22 from "react";
 import {
   flexRender,
@@ -2033,10 +2034,10 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 import React20, { forwardRef as forwardRef12 } from "react";
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 import * as React19 from "react";
 var Label2 = React19.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React19.createElement(
   "label",
@@ -2079,7 +2080,7 @@ var Label2 = React19.forwardRef(({ className, hint, hintSide, required, children
 )));
 Label2.displayName = "Label";
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 var Input = forwardRef12(
   ({
     margin = "none",
@@ -2200,7 +2201,7 @@ var Input = forwardRef12(
   }
 );
 
-// components/elements/table/Table.tsx
+// elements/table/Table.tsx
 import * as React21 from "react";
 var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React21.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React21.createElement(
   "table",
@@ -2310,7 +2311,7 @@ var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 TableCaption.displayName = "TableCaption";
 
-// components/elements/dataTable/DataTable.tsx
+// elements/dataTable/DataTable.tsx
 var DataTable = ({
   columns,
   data,
@@ -2635,7 +2636,7 @@ var DataTable = ({
   ));
 };
 
-// components/elements/backToTop/BackToTop.tsx
+// elements/backToTop/BackToTop.tsx
 import React23, { useState as useState4, useEffect as useEffect3, useRef as useRef3 } from "react";
 var BackToTop = ({ ...props }) => {
   const [visible, setVisible] = useState4(false);
@@ -2732,7 +2733,7 @@ var BackToTop = ({ ...props }) => {
   );
 };
 
-// components/elements/radio/Radio.tsx
+// elements/radio/Radio.tsx
 import React24, { useState as useState5, useRef as useRef4, useEffect as useEffect4 } from "react";
 var Radio = ({
   design = "default",
@@ -2919,14 +2920,74 @@ var Radio = ({
   }
 };
 
-// components/elements/combobox/Combobox.tsx
+// elements/combobox/Combobox.tsx
 import * as React27 from "react";
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
 
-// components/elements/command/Command.tsx
+// elements/popover/Popover.tsx
 import * as React25 from "react";
+import * as PopoverPrimitive from "@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;
+
+// elements/command/Command.tsx
+import * as React26 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var Command = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   CommandPrimitive,
   {
     ref,
@@ -2939,15 +3000,15 @@ var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ React25.createElement(Dialog, { ...props }, /* @__PURE__ */ React25.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React25.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
+  return /* @__PURE__ */ React26.createElement(Dialog, { ...props }, /* @__PURE__ */ React26.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React26.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
 };
-var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandInput = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   "div",
   {
     className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
     "cmdk-input-wrapper": ""
   },
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React26.createElement(
     "svg",
     {
       "aria-label": "Search Icon",
@@ -2962,10 +3023,10 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeLinejoin: "round",
       className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
-    /* @__PURE__ */ React25.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ React25.createElement("path", { d: "m21 21-4.3-4.3" })
+    /* @__PURE__ */ React26.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ React26.createElement("path", { d: "m21 21-4.3-4.3" })
   ),
-  /* @__PURE__ */ React25.createElement(
+  /* @__PURE__ */ React26.createElement(
     CommandPrimitive.Input,
     {
       ref,
@@ -2978,7 +3039,7 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   CommandPrimitive.List,
   {
     ref,
@@ -2990,7 +3051,7 @@ var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.createElement(
+var CommandEmpty = React26.forwardRef((props, ref) => /* @__PURE__ */ React26.createElement(
   CommandPrimitive.Empty,
   {
     ref,
@@ -2999,7 +3060,7 @@ var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.cr
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   CommandPrimitive.Group,
   {
     ref,
@@ -3011,7 +3072,7 @@ var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   CommandPrimitive.Separator,
   {
     ref,
@@ -3020,7 +3081,7 @@ var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   CommandPrimitive.Item,
   {
     ref,
@@ -3036,7 +3097,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(
     "span",
     {
       className: cn(
@@ -3049,67 +3110,7 @@ var CommandShortcut = ({
 };
 CommandShortcut.displayName = "CommandShortcut";
 
-// components/elements/popover/Popover.tsx
-import * as React26 from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-var PopoverContent = React26.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React26.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React26.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__ */ React26.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React26.createElement(
-    PopoverPrimitive.Trigger,
-    {
-      className: "hawa-w-full",
-      disabled: disableTrigger,
-      ...triggerProps
-    },
-    trigger
-  ), /* @__PURE__ */ React26.createElement(
-    PopoverContent,
-    {
-      side,
-      className,
-      align,
-      sideOffset,
-      style: {
-        width: widthStyles[width]
-      },
-      ...contentProps
-    },
-    children
-  ));
-};
-var PopoverTrigger = PopoverPrimitive.Trigger;
-
-// components/elements/combobox/Combobox.tsx
+// elements/combobox/Combobox.tsx
 var Combobox = React27.forwardRef(
   ({
     labelKey = "label",
@@ -3247,7 +3248,7 @@ var Combobox = React27.forwardRef(
   }
 );
 
-// components/elements/textarea/Textarea.tsx
+// elements/textarea/Textarea.tsx
 import * as React28 from "react";
 var Textarea = React28.forwardRef(
   ({
@@ -3309,7 +3310,7 @@ var Textarea = React28.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
-// components/elements/fileDropzone/FileDropzone.tsx
+// elements/fileDropzone/FileDropzone.tsx
 import React29, { useEffect as useEffect5, useState as useState7 } from "react";
 import { useDropzone } from "react-dropzone";
 import clsx2 from "clsx";
@@ -3530,7 +3531,7 @@ var FileDropzone = ({
   )));
 };
 
-// components/elements/sortButton/SortButton.tsx
+// elements/sortButton/SortButton.tsx
 import React30 from "react";
 var SortButton = (props) => {
   return /* @__PURE__ */ React30.createElement(
@@ -3565,7 +3566,7 @@ var SortButton = (props) => {
   );
 };
 
-// components/elements/tabs/Tabs.tsx
+// elements/tabs/Tabs.tsx
 import * as React31 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 var TabsContext = React31.createContext({ orientation: "vertical" });
@@ -3628,7 +3629,7 @@ var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
-// components/elements/select/Select.tsx
+// elements/select/Select.tsx
 import React32 from "react";
 import ReactSelect from "react-select";
 import CreatableSelect from "react-select/creatable";
@@ -3782,7 +3783,7 @@ var Select = ({
   );
 };
 
-// components/elements/switch/Switch.tsx
+// elements/switch/Switch.tsx
 import * as React33 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 var Switch = React33.forwardRef(
@@ -3859,7 +3860,7 @@ var Switch = React33.forwardRef(
 );
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
-// components/elements/checkbox/Checkbox.tsx
+// elements/checkbox/Checkbox.tsx
 import * as React34 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 var Checkbox = ({
@@ -3995,7 +3996,7 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
 });
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
-// components/elements/progress/Progress.tsx
+// elements/progress/Progress.tsx
 import * as React35 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React35.createElement(
@@ -4018,7 +4019,7 @@ var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @_
 ));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
-// components/elements/breadcrumb/Breadcrumb.tsx
+// elements/breadcrumb/Breadcrumb.tsx
 import React36 from "react";
 var Breadcrumb = ({
   breadcrumbLinks,
@@ -4042,7 +4043,7 @@ var Breadcrumb = ({
   )));
 };
 
-// components/elements/appStores/AppStores.tsx
+// elements/appStores/AppStores.tsx
 import React37 from "react";
 var AppStores = (props) => {
   return /* @__PURE__ */ React37.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ React37.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ React37.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ React37.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React37.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React37.createElement(
@@ -4078,7 +4079,7 @@ var AppStores = (props) => {
   ))), /* @__PURE__ */ React37.createElement("div", null, /* @__PURE__ */ React37.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ React37.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
 };
 
-// components/elements/badge/Badge.tsx
+// elements/badge/Badge.tsx
 import React38, { useEffect as useEffect7, useState as useState9, useRef as useRef6 } from "react";
 var Badge = ({
   anchor,
@@ -4155,10 +4156,10 @@ var BadgedComponent = ({
   ), children);
 };
 
-// components/elements/phoneInput/PhoneInput.tsx
+// elements/phoneInput/PhoneInput.tsx
 import React39, { useState as useState10, useRef as useRef7, useEffect as useEffect8 } from "react";
 
-// components/countries.ts
+// countries.ts
 var countries = [
   {
     country_label: "Saudi Arabia",
@@ -5851,7 +5852,7 @@ var countries = [
 ];
 var countries_default = countries;
 
-// components/elements/phoneInput/PhoneInput.tsx
+// elements/phoneInput/PhoneInput.tsx
 var PhoneInput = ({ labelProps, ...props }) => {
   const [phoneNumber, setPhoneNumber] = useState10("");
   const [countryCode, setCountryCode] = useState10(props.preferredCountry);
@@ -5915,7 +5916,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
   ));
 };
 
-// components/elements/pinInput/PinInput.tsx
+// elements/pinInput/PinInput.tsx
 import React40, { useEffect as useEffect9, useState as useState11 } from "react";
 var PinInput = ({
   label,
@@ -5998,7 +5999,7 @@ var PinInput = ({
   ));
 };
 
-// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
 import React41 from "react";
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {
@@ -6007,7 +6008,7 @@ var StopPropagationWrapper = (props) => {
   return /* @__PURE__ */ React41.createElement("div", { onClick: handleClick }, props.children);
 };
 
-// components/elements/scrollArea/ScrollArea.tsx
+// elements/scrollArea/ScrollArea.tsx
 import * as React42 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 var ScrollArea = React42.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React42.createElement(
@@ -6047,7 +6048,7 @@ var ScrollBar = React42.forwardRef(({ className, orientation = "vertical", ...pr
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
-// components/elements/colorPicker/ColorPicker.tsx
+// elements/colorPicker/ColorPicker.tsx
 import React43, {
   useState as useState12,
   useEffect as useEffect10
@@ -6125,7 +6126,7 @@ var ColorPicker = ({
   ));
 };
 
-// components/elements/progressCircle/ProgressCircle.tsx
+// elements/progressCircle/ProgressCircle.tsx
 import React44 from "react";
 var size2config = {
   xs: {
@@ -6236,7 +6237,7 @@ var ProgressCircle = React44.forwardRef((props, ref) => {
 });
 ProgressCircle.displayName = "ProgressCircle";
 
-// components/elements/pagination/Pagination.tsx
+// elements/pagination/Pagination.tsx
 import React45 from "react";
 import { Pagination as PaginationPrimitive } from "react-headless-pagination";
 var Pagination = ({
@@ -6348,10 +6349,10 @@ var Pagination = ({
   );
 };
 
-// components/elements/passwordInput/PasswordInput.tsx
+// elements/passwordInput/PasswordInput.tsx
 import React49, { useEffect as useEffect11, useState as useState13 } from "react";
 
-// components/icons/Emojis.tsx
+// icons/Emojis.tsx
 import React46 from "react";
 var VeryGoodEmoji = () => /* @__PURE__ */ React46.createElement(
   "svg",
@@ -6444,7 +6445,7 @@ var VeryBadEmoji = () => /* @__PURE__ */ React46.createElement(
   ))
 );
 
-// components/icons/InputIcons.tsx
+// icons/InputIcons.tsx
 import React47 from "react";
 var EyeIcon = (props) => /* @__PURE__ */ React47.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React47.createElement(
   "svg",
@@ -6477,7 +6478,7 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ React47.createElement("div", { cl
   /* @__PURE__ */ React47.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
 ));
 
-// components/icons/CommonIcons.tsx
+// icons/CommonIcons.tsx
 import React48 from "react";
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles2 = {
@@ -6526,7 +6527,7 @@ var UncheckMark = ({ size = "default", className }) => {
   );
 };
 
-// components/elements/passwordInput/PasswordInput.tsx
+// elements/passwordInput/PasswordInput.tsx
 var PasswordStrengthIndicator = ({ strength }) => {
   const strengthLevels = [
     "none",
@@ -6659,7 +6660,7 @@ var PasswordInput = ({
   ), /* @__PURE__ */ React49.createElement(PasswordStrengthIndicator, { strength: currentStr }));
 };
 
-// components/elements/slider/Slider.tsx
+// elements/slider/Slider.tsx
 import * as React50 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React50.createElement(
@@ -6677,7 +6678,7 @@ var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
-// components/elements/simpleTable/SimpleTable.tsx
+// elements/simpleTable/SimpleTable.tsx
 import * as React51 from "react";
 import {
   flexRender as flexRender2,
@@ -6749,7 +6750,7 @@ var SimpleTable = ({
   );
 };
 
-// components/elements/separator/Separator.tsx
+// elements/separator/Separator.tsx
 import * as React52 from "react";
 var Separator2 = ({
   className,
@@ -6767,7 +6768,7 @@ var Separator2 = ({
   }
 );
 
-// components/elements/scrollIndicator/ScrollIndicator.tsx
+// elements/scrollIndicator/ScrollIndicator.tsx
 import React53, { useState as useState14, useEffect as useEffect12 } from "react";
 var ScrollIndicator = ({
   anchor,
@@ -6808,11 +6809,11 @@ var ScrollIndicator = ({
   );
 };
 
-// components/elements/codeBlock/CodeBlock.tsx
+// elements/codeBlock/CodeBlock.tsx
 import React54, { useState as useState16 } from "react";
 import { Highlight, themes } from "prism-react-renderer";
 
-// components/hooks/useClipboard.ts
+// hooks/useClipboard.ts
 import { useState as useState15 } from "react";
 function useClipboard({ timeout = 2e3 } = {}) {
   const [error, setError] = useState15(null);
@@ -6838,7 +6839,7 @@ function useClipboard({ timeout = 2e3 } = {}) {
   return { copy, reset, error, copied };
 }
 
-// components/elements/codeBlock/CodeBlock.tsx
+// elements/codeBlock/CodeBlock.tsx
 var CodeBlock = ({
   tabs,
   code,
@@ -6971,7 +6972,7 @@ var CodeBlock = ({
   );
 };
 
-// components/elements/carousel/Carousel.tsx
+// elements/carousel/Carousel.tsx
 import React55, { useEffect as useEffect14, useState as useState17 } from "react";
 import useEmblaCarousel from "embla-carousel-react";
 var Carousel = ({
@@ -6982,10 +6983,9 @@ var Carousel = ({
   autoplayInterval = 3e3,
   ...props
 }) => {
-  const { loop } = options;
   const [emblaRef, emblaApi] = useEmblaCarousel({
     ...options,
-    loop: autoplay ? true : loop || false
+    loop: autoplay ? true : (options == null ? void 0 : options.loop) || false
   });
   const [selectedIndex, setSelectedIndex] = useState17(0);
   useEffect14(() => {
@@ -7044,12 +7044,12 @@ var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
     return /* @__PURE__ */ React55.createElement(
       "div",
       {
+        key: index,
         onClick: () => onDotClick(index),
         className: cn(
           "hawa-h-2 hawa-rounded-full hawa-bg-primary hawa-transition-all hawa-duration-300 hover:hawa-cursor-pointer",
           !selected ? "hawa-w-2 hawa-opacity-50" : "hawa-w-6 hawa-opacity-100"
-        ),
-        key: index
+        )
       }
     );
   }));
@@ -7058,11 +7058,7 @@ var CarouselControls = (props) => {
   return /* @__PURE__ */ React55.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ React55.createElement(
     "button",
     {
-      onClick: () => {
-        if (props.canScrollPrev) {
-          props.onPrev();
-        }
-      },
+      onClick: () => props.canScrollPrev && props.onPrev(),
       disabled: !props.canScrollPrev,
       className: cn(
         "hawa-absolute hawa-start-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white ",
@@ -7084,11 +7080,7 @@ var CarouselControls = (props) => {
   ), /* @__PURE__ */ React55.createElement(
     "button",
     {
-      onClick: () => {
-        if (props.canScrollNext) {
-          props.onNext();
-        }
-      },
+      onClick: () => props.canScrollNext && props.onNext(),
       disabled: !props.canScrollNext,
       className: cn(
         "hawa-absolute hawa-end-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white ",
@@ -7110,13 +7102,13 @@ var CarouselControls = (props) => {
   ));
 };
 
-// components/elements/count/Count.tsx
+// elements/count/Count.tsx
 import React56 from "react";
 var Count = (props) => {
   return /* @__PURE__ */ React56.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ React56.createElement("div", null, props.icon), /* @__PURE__ */ React56.createElement("div", { className: "hawa-text-sm" }, props.count));
 };
 
-// components/elements/toast/Toast.tsx
+// elements/toast/Toast.tsx
 import * as React57 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva4 } from "class-variance-authority";
@@ -7253,10 +7245,10 @@ var ToastDescription = React57.forwardRef(({ className, size = "default", ...pro
 ));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
-// components/elements/toaster/Toaster.tsx
+// elements/toaster/Toaster.tsx
 import React59 from "react";
 
-// components/hooks/useToast.ts
+// hooks/useToast.ts
 import * as React58 from "react";
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
@@ -7370,7 +7362,7 @@ function useToast() {
   };
 }
 
-// components/elements/toaster/Toaster.tsx
+// elements/toaster/Toaster.tsx
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
@@ -7412,7 +7404,7 @@ function Toaster(props) {
   ));
 }
 
-// components/elements/destroyableCard/DestroyableCard.tsx
+// elements/destroyableCard/DestroyableCard.tsx
 import React60, { useRef as useRef8, useState as useState19 } from "react";
 var DestroyableCard = ({
   position = "bottom-right",
@@ -7486,7 +7478,7 @@ var DestroyableCard = ({
   );
 };
 
-// components/elements/interfaceSettings/InterfaceSettings.tsx
+// elements/interfaceSettings/InterfaceSettings.tsx
 import React61, { useState as useState20 } from "react";
 var InterfaceSettings = ({
   orientation = "horizontal",
@@ -7573,7 +7565,7 @@ var InterfaceSettings = ({
   ));
 };
 
-// components/layout/stats/Stats.tsx
+// layout/stats/Stats.tsx
 import React62 from "react";
 var Stats = ({
   label,
@@ -7606,7 +7598,7 @@ var Stats = ({
   ), chart && (isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
 };
 
-// components/layout/sidebar/Sidebar.tsx
+// layout/sidebar/Sidebar.tsx
 import * as React63 from "react";
 import * as AccordionPrimitive6 from "@radix-ui/react-accordion";
 var Accordion2 = AccordionPrimitive6.Root;
@@ -7814,22 +7806,22 @@ var SidebarItem = ({
   }
 };
 
-// components/layout/copyrights/Copyrights.tsx
+// layout/copyrights/Copyrights.tsx
 import React64 from "react";
 var Copyrights = (props) => {
   return /* @__PURE__ */ React64.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ React64.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ React64.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ React64.createElement("div", null, props.version), props.credits ? props.credits : null);
 };
 
-// components/layout/navbar/Navbar.tsx
+// layout/navbar/Navbar.tsx
 import React65, { useState as useState21 } from "react";
 
-// components/elements/collapsible/Collapsible.tsx
+// elements/collapsible/Collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
-// components/layout/navbar/Navbar.tsx
+// layout/navbar/Navbar.tsx
 var Navbar = ({
   backgroundColor,
   logo,
@@ -7940,7 +7932,7 @@ var Navbar = ({
   ));
 };
 
-// components/layout/appLayout/AppLayout.tsx
+// layout/appLayout/AppLayout.tsx
 import React66, { useEffect as useEffect16, useRef as useRef9, useState as useState22 } from "react";
 var AppLayout = ({
   profileMenuWidth = "default",
@@ -8295,7 +8287,7 @@ var MenuIcon = () => /* @__PURE__ */ React66.createElement(
   )
 );
 
-// components/layout/appTopbar/AppTopbar.tsx
+// layout/appTopbar/AppTopbar.tsx
 import React67 from "react";
 var AppTopbar = ({ ...props }) => {
   const isRTL = props.direction === "ltr";
@@ -8400,7 +8392,7 @@ var AppTopbar = ({ ...props }) => {
   );
 };
 
-// components/layout/appMenubar/AppMenubar.tsx
+// layout/appMenubar/AppMenubar.tsx
 import * as React68 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 var MenubarMenu = MenubarPrimitive.Menu;
@@ -8603,7 +8595,7 @@ var MenubarShortcut = ({
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
-// components/layout/appTabs/AppTabs.tsx
+// layout/appTabs/AppTabs.tsx
 import React69, { useState as useState23 } from "react";
 var AppTabs = ({ tabs, className }) => {
   const [selectedIndex, setSelectedIndex] = useState23(0);
@@ -8647,10 +8639,10 @@ var AppTabs = ({ tabs, className }) => {
   );
 };
 
-// components/layout/docsLayout/DocsLayout.tsx
+// layout/docsLayout/DocsLayout.tsx
 import React72, { useEffect as useEffect18, useRef as useRef10, useState as useState25 } from "react";
 
-// components/hooks/useBreakpoint.ts
+// hooks/useBreakpoint.ts
 import { useState as useState24, useEffect as useEffect17 } from "react";
 var useBreakpoint = () => {
   const [breakpoint, setBreakpoint] = useState24(null);
@@ -8669,7 +8661,7 @@ var useBreakpoint = () => {
   return breakpoint;
 };
 
-// components/layout/docsSidebar/DocsSidebar.tsx
+// layout/docsSidebar/DocsSidebar.tsx
 import React71 from "react";
 var DocsSidebar = ({
   currentPage: propCurrentPage,
@@ -8732,7 +8724,7 @@ var DocsSidebar = ({
   );
 };
 
-// components/layout/docsLayout/DocsLayout.tsx
+// layout/docsLayout/DocsLayout.tsx
 var DocsLayout = ({
   direction = "ltr",
   drawerSize = "md",
@@ -8936,14 +8928,14 @@ var DocsLayout = ({
   ));
 };
 
-// components/blocks/auth/LoginForm.tsx
+// blocks/auth/LoginForm.tsx
 import React74, { useState as useState26 } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { parsePhoneNumber } from "libphonenumber-js";
 import * as z from "zod";
 
-// components/blocks/auth/AuthButtons.tsx
+// blocks/auth/AuthButtons.tsx
 import React73 from "react";
 var AuthButtons = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
@@ -9020,7 +9012,7 @@ var AuthButtons = (props) => {
   ));
 };
 
-// components/blocks/auth/LoginForm.tsx
+// blocks/auth/LoginForm.tsx
 var LoginForm = ({
   loginType,
   texts,
@@ -9309,7 +9301,7 @@ var LoginForm = ({
   ) : null));
 };
 
-// components/blocks/auth/RegisterForm.tsx
+// blocks/auth/RegisterForm.tsx
 import React75, { useState as useState27 } from "react";
 import { Controller as Controller2, FormProvider, useForm as useForm2 } from "react-hook-form";
 import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
@@ -9645,7 +9637,7 @@ var RegisterForm = ({
   ) : null));
 };
 
-// components/blocks/auth/AppLanding.tsx
+// blocks/auth/AppLanding.tsx
 import React76 from "react";
 var AppLanding = ({ texts, ...props }) => {
   const thirdPartyAuthTexts = {
@@ -9686,7 +9678,7 @@ var AppLanding = ({ texts, ...props }) => {
   )))));
 };
 
-// components/blocks/auth/CheckEmail.tsx
+// blocks/auth/CheckEmail.tsx
 import React77 from "react";
 var CheckEmail = ({ texts, handleResend }) => {
   return /* @__PURE__ */ React77.createElement(Card, null, /* @__PURE__ */ React77.createElement(CardContent, { headless: true }, /* @__PURE__ */ React77.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React77.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ React77.createElement(
@@ -9707,7 +9699,7 @@ var CheckEmail = ({ texts, handleResend }) => {
   )), /* @__PURE__ */ React77.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ React77.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ React77.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ React77.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
 };
 
-// components/blocks/auth/NewPassword.tsx
+// blocks/auth/NewPassword.tsx
 import React78, { useState as useState28 } from "react";
 import { Controller as Controller3, useForm as useForm3 } from "react-hook-form";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
@@ -9804,7 +9796,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
   ));
 };
 
-// components/blocks/auth/ResetPassword.tsx
+// blocks/auth/ResetPassword.tsx
 import React79 from "react";
 import { Controller as Controller4, useForm as useForm4 } from "react-hook-form";
 import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
@@ -9860,7 +9852,7 @@ var ResetPasswordForm = (props) => {
   )) : /* @__PURE__ */ React79.createElement(CardContent, { headless: true }, /* @__PURE__ */ React79.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
 };
 
-// components/blocks/auth/CodeConfirmation.tsx
+// blocks/auth/CodeConfirmation.tsx
 import React80, { useEffect as useEffect19, useState as useState29 } from "react";
 import { Controller as Controller5, useForm as useForm5 } from "react-hook-form";
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
@@ -9959,7 +9951,7 @@ var CodeConfirmation = (props) => {
   )));
 };
 
-// components/blocks/feedback/UserReferralSource.tsx
+// blocks/feedback/UserReferralSource.tsx
 import React81, { useRef as useRef11, useState as useState30 } from "react";
 import { Controller as Controller6, useForm as useForm6 } from "react-hook-form";
 import { zodResolver as zodResolver6 } from "@hookform/resolvers/zod";
@@ -10116,7 +10108,7 @@ var UserReferralSource = ({
   );
 };
 
-// components/blocks/feedback/FeedbackRating.tsx
+// blocks/feedback/FeedbackRating.tsx
 import React82, { useEffect as useEffect20, useRef as useRef12, useState as useState31 } from "react";
 var FeedbackRating = ({
   position = "bottom-right",
@@ -10230,7 +10222,7 @@ var FeedbackRating = ({
   );
 };
 
-// components/blocks/feedback/FeedbackEmoji.tsx
+// blocks/feedback/FeedbackEmoji.tsx
 import React83, { useState as useState32 } from "react";
 var FeedbackEmoji = (props) => {
   const [selectedEmoji, setSelectedEmoji] = useState32(null);
@@ -10343,7 +10335,7 @@ var FeedbackEmoji = (props) => {
   );
 };
 
-// components/blocks/feedback/FeedbackForm.tsx
+// blocks/feedback/FeedbackForm.tsx
 import React84 from "react";
 import { useForm as useForm7, Controller as Controller7 } from "react-hook-form";
 import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
@@ -10427,7 +10419,7 @@ var FeedbackForm = (props) => {
   );
 };
 
-// components/blocks/misc/LegalTexts.tsx
+// blocks/misc/LegalTexts.tsx
 import React85 from "react";
 var LegalTexts = ({ tabs, ...props }) => {
   return /* @__PURE__ */ React85.createElement(
@@ -10452,7 +10444,7 @@ var LegalTexts = ({ tabs, ...props }) => {
   );
 };
 
-// components/blocks/misc/EmptyState.tsx
+// blocks/misc/EmptyState.tsx
 import React86 from "react";
 var EmptyState = ({ texts, onActionClick }) => {
   return /* @__PURE__ */ React86.createElement(Card, null, /* @__PURE__ */ React86.createElement(CardContent, { headless: true }, /* @__PURE__ */ React86.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ React86.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ React86.createElement(
@@ -10469,7 +10461,7 @@ var EmptyState = ({ texts, onActionClick }) => {
   )), /* @__PURE__ */ React86.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ React86.createElement(CardFooter, null, /* @__PURE__ */ React86.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
 };
 
-// components/blocks/misc/Testimonial.tsx
+// blocks/misc/Testimonial.tsx
 import React87 from "react";
 var Testimonial = () => {
   return /* @__PURE__ */ React87.createElement(Card, null, /* @__PURE__ */ React87.createElement(CardContent, { headless: true }, /* @__PURE__ */ React87.createElement("div", null, /* @__PURE__ */ React87.createElement("p", { className: "mb-4 max-w-sm" }, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */ React87.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ React87.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ React87.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ React87.createElement(
@@ -10487,7 +10479,7 @@ var Testimonial = () => {
   )), /* @__PURE__ */ React87.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ React87.createElement("div", null, /* @__PURE__ */ React87.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React87.createElement("div", null, " Chief Information Security Officer")))));
 };
 
-// components/blocks/misc/LeadGenerator.tsx
+// blocks/misc/LeadGenerator.tsx
 import React88 from "react";
 import { useForm as useForm8, Controller as Controller8 } from "react-hook-form";
 var LeadGenerator = ({ texts, submitHandler }) => {
@@ -10527,7 +10519,7 @@ var LeadGenerator = ({ texts, submitHandler }) => {
   )));
 };
 
-// components/blocks/misc/Announcement.tsx
+// blocks/misc/Announcement.tsx
 import React89 from "react";
 var Announcement = ({
   onActionClick,
@@ -10551,13 +10543,13 @@ var Announcement = ({
   ));
 };
 
-// components/blocks/misc/NotFound.tsx
+// blocks/misc/NotFound.tsx
 import React90 from "react";
 var NotFound = ({ texts }) => {
   return /* @__PURE__ */ React90.createElement(Card, null, /* @__PURE__ */ React90.createElement(CardContent, { headless: true }, /* @__PURE__ */ React90.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React90.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React90.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ React90.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React90.createElement(React90.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React90.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React90.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
-// components/blocks/misc/NoPermission.tsx
+// blocks/misc/NoPermission.tsx
 import React91 from "react";
 var NoPermission = ({ texts }) => {
   return /* @__PURE__ */ React91.createElement(Card, null, /* @__PURE__ */ React91.createElement(CardContent, { headless: true }, /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React91.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ React91.createElement(
@@ -10574,7 +10566,7 @@ var NoPermission = ({ texts }) => {
   )), /* @__PURE__ */ React91.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ React91.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
 };
 
-// components/blocks/misc/ContactForm.tsx
+// blocks/misc/ContactForm.tsx
 import React92 from "react";
 import { useForm as useForm9, Controller as Controller9 } from "react-hook-form";
 import { zodResolver as zodResolver8 } from "@hookform/resolvers/zod";
@@ -10716,10 +10708,10 @@ var ContactForm = ({
   );
 };
 
-// components/blocks/pricing/PricingPlans.tsx
+// blocks/pricing/PricingPlans.tsx
 import React98 from "react";
 
-// components/blocks/cards/ActionCard.tsx
+// blocks/cards/ActionCard.tsx
 import React93, { useState as useState33 } from "react";
 var ActionCard = (props) => {
   const [hovered, setHovered] = useState33(false);
@@ -10758,7 +10750,7 @@ var ActionCard = (props) => {
   ));
 };
 
-// components/blocks/cards/AdCard.tsx
+// blocks/cards/AdCard.tsx
 import React94, { useState as useState34, useEffect as useEffect21, useRef as useRef13 } from "react";
 var AdCard = ({
   orientation = "vertical",
@@ -10831,7 +10823,7 @@ var AdCard = ({
   ));
 };
 
-// components/blocks/cards/PricingCard.tsx
+// blocks/cards/PricingCard.tsx
 import React95 from "react";
 var PricingCard = ({
   size = "medium",
@@ -10941,7 +10933,7 @@ var PricingCard = ({
   );
 };
 
-// components/blocks/cards/ItemCard.tsx
+// blocks/cards/ItemCard.tsx
 import React96, { useEffect as useEffect22, useState as useState35 } from "react";
 var ItemCard = ({
   actions,
@@ -11058,13 +11050,13 @@ var ItemCard = ({
   );
 };
 
-// components/blocks/cards/LandingCard.tsx
+// blocks/cards/LandingCard.tsx
 import React97 from "react";
 var LandingCard = (props) => {
   return /* @__PURE__ */ React97.createElement(Card, { className: props.className }, /* @__PURE__ */ React97.createElement(CardHeader, null, props.icon, /* @__PURE__ */ React97.createElement(CardTitle, null, props.title), /* @__PURE__ */ React97.createElement(CardDescription, null, props.subtitle)));
 };
 
-// components/blocks/pricing/PricingPlans.tsx
+// blocks/pricing/PricingPlans.tsx
 var PricingPlans = ({
   mainContainerProps,
   cardsContainerProps,
@@ -11131,7 +11123,7 @@ var PricingPlans = ({
   ));
 };
 
-// components/blocks/pricing/ComparingPlans.tsx
+// blocks/pricing/ComparingPlans.tsx
 import React99 from "react";
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
@@ -11202,7 +11194,7 @@ var ComparingPlans = (props) => {
         {
           key: featureIndex,
           className: cn(
-            "hawa-border-foreground-muted  dark:text-white hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700",
+            "hawa-border-foreground-muted  hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))]  hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white",
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
@@ -11297,7 +11289,7 @@ var ComparingPlans = (props) => {
   })));
 };
 
-// components/blocks/pricing/HorizontalPricing.tsx
+// blocks/pricing/HorizontalPricing.tsx
 import React100, { useState as useState36 } from "react";
 var HorizontalPricing = (props) => {
   const [selectedCard, setSelectedCard] = useState36("");
@@ -11392,7 +11384,7 @@ var CheckIcons = () => /* @__PURE__ */ React100.createElement(React100.Fragment,
 var CardText = (props) => /* @__PURE__ */ React100.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React100.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React100.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
 var CardPrice = (props) => /* @__PURE__ */ React100.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React100.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
-// components/blocks/Usage.tsx
+// blocks/Usage.tsx
 import React101 from "react";
 var Usage = (props) => {
   var _a;
@@ -11411,20 +11403,20 @@ var Usage = (props) => {
   ))), /* @__PURE__ */ React101.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ React101.createElement("div", null, props.currentUsage), /* @__PURE__ */ React101.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ React101.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
 };
 
-// components/hooks/useIsomorphicEffect.ts
+// hooks/useIsomorphicEffect.ts
 import { useEffect as useEffect23, useLayoutEffect } from "react";
 var useIsomorphicEffect = typeof document !== "undefined" ? useLayoutEffect : useEffect23;
 
-// components/hooks/useDiscloser.ts
+// hooks/useDiscloser.ts
 import { useState as useState37 } from "react";
 
-// components/hooks/useHover.ts
+// hooks/useHover.ts
 import { useEffect as useEffect24, useRef as useRef14, useState as useState38 } from "react";
 
-// components/hooks/useCarousel.ts
+// hooks/useCarousel.ts
 import { useState as useState39, useRef as useRef15 } from "react";
 
-// components/hooks/useDialogCarousel.ts
+// hooks/useDialogCarousel.ts
 import { useEffect as useEffect25, useState as useState40 } from "react";
 import AutoHeight from "embla-carousel-auto-height";
 import useEmblaCarousel2 from "embla-carousel-react";
@@ -11467,7 +11459,7 @@ var useDialogCarousel = (options) => {
   };
 };
 
-// components/hooks/useDialogSteps.ts
+// hooks/useDialogSteps.ts
 import { useState as useState41, useEffect as useEffect26, useRef as useRef16 } from "react";
 var useMultiStepDialog = (initialStep, stepIds, setOpenDialog) => {
   const [currentStep, setCurrentStep] = useState41(initialStep);
@@ -11503,7 +11495,7 @@ var useMultiStepDialog = (initialStep, stepIds, setOpenDialog) => {
   };
 };
 
-// components/hooks/useWindowSize.ts
+// hooks/useWindowSize.ts
 import { useEffect as useEffect27, useState as useState42 } from "react";
 var useWindowSize = () => {
   const [windowSize, setWindowSize] = useState42({
@@ -11524,7 +11516,7 @@ var useWindowSize = () => {
   return windowSize;
 };
 
-// components/hooks/useFocusWithin.ts
+// hooks/useFocusWithin.ts
 import { useRef as useRef17, useState as useState43, useEffect as useEffect28 } from "react";
 function containsRelatedTarget(event) {
   if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
@@ -11570,7 +11562,7 @@ function useFocusWithin({
   return { ref, focused };
 }
 
-// components/hooks/useMediaQuery.ts
+// hooks/useMediaQuery.ts
 import { useState as useState44, useEffect as useEffect29, useRef as useRef18 } from "react";
 function attachMediaListener(query, callback) {
   try {
@@ -11611,13 +11603,13 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
   return matches;
 }
 
-// components/hooks/useScrollPosition.ts
+// hooks/useScrollPosition.ts
 import { useState as useState45, useEffect as useEffect30 } from "react";
 
-// components/hooks/useTable.ts
+// hooks/useTable.ts
 import { useState as useState46, useEffect as useEffect31 } from "react";
 
-// components/hooks/useTabs.ts
+// hooks/useTabs.ts
 import { useEffect as useEffect32, useState as useState47 } from "react";
 function useTabs(initialTab = "") {
   const [activeTab, setActiveTab] = useState47(initialTab);