@sikka/hawa 0.26.18-next → 0.26.20

package/dist/index.js

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/index.ts
+// index.ts
 var components_exports = {};
 __export(components_exports, {
   Accordion: () => Accordion,
@@ -239,17 +239,17 @@ __export(components_exports, {
 });
 module.exports = __toCommonJS(components_exports);
 
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 var React = __toESM(require("react"));
 
-// components/util.ts
+// util/index.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 var Card = React.forwardRef(
   ({ className, variant = "default", clickable = false, ...props }, ref) => {
     let variantStyles = {
@@ -329,7 +329,7 @@ CardFooter.displayName = "CardFooter";
 CardTitle.displayName = "CardTitle";
 Card.displayName = "Card";
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 var import_react = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
@@ -506,7 +506,7 @@ var Loading = ({
   }
 };
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 var import_react2 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var TooltipContent = import_react2.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(
@@ -557,7 +557,7 @@ var Tooltip = ({
   );
 };
 
-// components/elements/skeleton/Skeleton.tsx
+// elements/skeleton/Skeleton.tsx
 var import_react3 = __toESM(require("react"));
 function Skeleton({
   className,
@@ -584,7 +584,7 @@ function Skeleton({
   );
 }
 
-// components/elements/dropdownMenu/DropdownMenu.tsx
+// elements/dropdownMenu/DropdownMenu.tsx
 var React5 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
@@ -924,11 +924,11 @@ var DropdownMenuRadio = (props) => {
   )));
 };
 
-// components/elements/accordion/Accordion.tsx
+// elements/accordion/Accordion.tsx
 var React9 = __toESM(require("react"));
 var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
 
-// components/elements/chip/Chip.tsx
+// elements/chip/Chip.tsx
 var import_react4 = __toESM(require("react"));
 var Chip = import_react4.default.forwardRef(
   ({
@@ -1009,7 +1009,7 @@ var Chip = import_react4.default.forwardRef(
   }
 );
 
-// components/elements/accordion/AccordionContent.tsx
+// elements/accordion/AccordionContent.tsx
 var React7 = __toESM(require("react"));
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
 var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(
@@ -1026,7 +1026,7 @@ var AccordionContent = React7.forwardRef(({ className, children, ...props }, ref
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
-// components/elements/accordion/AccordionTrigger.tsx
+// elements/accordion/AccordionTrigger.tsx
 var React8 = __toESM(require("react"));
 var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"));
 var AccordionTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React8.createElement(
@@ -1060,7 +1060,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,
@@ -1131,17 +1131,17 @@ var Accordion = React9.forwardRef(
 );
 Accordion.displayName = "Accordion";
 
-// components/elements/accordion/AccordionItem.tsx
+// elements/accordion/AccordionItem.tsx
 var React10 = __toESM(require("react"));
 var AccordionPrimitive4 = __toESM(require("@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
 var AccordionPrimitive5 = __toESM(require("@radix-ui/react-accordion"));
 var AccordionRoot = AccordionPrimitive5.Root;
 
-// components/elements/logos/Logos.tsx
+// elements/logos/Logos.tsx
 var import_react5 = __toESM(require("react"));
 var Logos = {
   hawa: (props) => /* @__PURE__ */ import_react5.default.createElement(
@@ -1346,7 +1346,7 @@ var Logos = {
   )
 };
 
-// components/elements/navigationMenu/NavigationMenu.tsx
+// elements/navigationMenu/NavigationMenu.tsx
 var React12 = __toESM(require("react"));
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
 var import_class_variance_authority = require("class-variance-authority");
@@ -1499,7 +1499,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
 var React13 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority2 = require("class-variance-authority");
@@ -1634,7 +1634,7 @@ SheetHeader.displayName = "SheetHeader";
 SheetFooter.displayName = "SheetFooter";
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
-// components/elements/dialog/Dialog.tsx
+// elements/dialog/Dialog.tsx
 var React14 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var Dialog = DialogPrimitive.Root;
@@ -1930,10 +1930,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
 var import_react6 = __toESM(require("react"));
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 var React15 = __toESM(require("react"));
 var import_class_variance_authority3 = require("class-variance-authority");
 var buttonVariants = (0, import_class_variance_authority3.cva)(
@@ -1988,6 +1988,7 @@ var Button = React15.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
+          // "hawa-bg-red-500"
         ),
         ref,
         ...props
@@ -2006,7 +2007,7 @@ var Button = React15.forwardRef(
 );
 Button.displayName = "Button";
 
-// components/elements/alert/Alert.tsx
+// elements/alert/Alert.tsx
 var Alert = ({
   variant = "normal",
   direction = "ltr",
@@ -2146,10 +2147,10 @@ var Alert = ({
   ));
 };
 
-// components/elements/avatar/Avatar.tsx
+// elements/avatar/Avatar.tsx
 var import_react8 = __toESM(require("react"));
 
-// components/elements/fileUploader/FileUploader.tsx
+// elements/fileUploader/FileUploader.tsx
 var import_react7 = __toESM(require("react"));
 var FileUploader = ({ handleFile, className }) => {
   const hiddenFileInput = (0, import_react7.useRef)(null);
@@ -2172,7 +2173,7 @@ var FileUploader = ({ handleFile, className }) => {
   ));
 };
 
-// components/elements/avatar/Avatar.tsx
+// elements/avatar/Avatar.tsx
 var Avatar = ({
   isUploadable,
   src,
@@ -2262,14 +2263,14 @@ var Avatar = ({
   );
 };
 
-// components/elements/dataTable/DataTable.tsx
+// elements/dataTable/DataTable.tsx
 var React22 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 var import_react9 = __toESM(require("react"));
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var React19 = __toESM(require("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",
@@ -2312,7 +2313,7 @@ var Label2 = React19.forwardRef(({ className, hint, hintSide, required, children
 )));
 Label2.displayName = "Label";
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 var Input = (0, import_react9.forwardRef)(
   ({
     margin = "none",
@@ -2433,7 +2434,7 @@ var Input = (0, import_react9.forwardRef)(
   }
 );
 
-// components/elements/table/Table.tsx
+// elements/table/Table.tsx
 var React21 = __toESM(require("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",
@@ -2543,7 +2544,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,
@@ -2565,9 +2566,15 @@ var DataTable = ({
   const [expanded, setExpanded] = React22.useState({});
   const [columnVisibility, setColumnVisibility] = React22.useState({});
   const [rowSelection, setRowSelection] = React22.useState({});
+  const visibleColumns = columns.filter(
+    (column) => {
+      var _a2;
+      return ((_a2 = column.meta) == null ? void 0 : _a2.hidden) !== true;
+    }
+  );
   const table = (0, import_react_table.useReactTable)({
     data,
-    columns,
+    columns: visibleColumns,
     onExpandedChange: setExpanded,
     getExpandedRowModel: (0, import_react_table.getExpandedRowModel)(),
     onGlobalFilterChange: setGlobalFilter,
@@ -2862,7 +2869,7 @@ var DataTable = ({
   ));
 };
 
-// components/elements/backToTop/BackToTop.tsx
+// elements/backToTop/BackToTop.tsx
 var import_react10 = __toESM(require("react"));
 var BackToTop = ({ ...props }) => {
   const [visible, setVisible] = (0, import_react10.useState)(false);
@@ -2959,7 +2966,7 @@ var BackToTop = ({ ...props }) => {
   );
 };
 
-// components/elements/radio/Radio.tsx
+// elements/radio/Radio.tsx
 var import_react11 = __toESM(require("react"));
 var Radio = ({
   design = "default",
@@ -3146,14 +3153,74 @@ var Radio = ({
   }
 };
 
-// components/elements/combobox/Combobox.tsx
+// elements/combobox/Combobox.tsx
 var React27 = __toESM(require("react"));
 var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
 
-// components/elements/command/Command.tsx
+// 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;
+
+// elements/command/Command.tsx
+var React26 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var Command = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   import_cmdk.Command,
   {
     ref,
@@ -3166,15 +3233,15 @@ var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = import_cmdk.Command.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",
@@ -3189,10 +3256,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(
     import_cmdk.Command.Input,
     {
       ref,
@@ -3205,7 +3272,7 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   import_cmdk.Command.List,
   {
     ref,
@@ -3217,7 +3284,7 @@ var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.createElement(
+var CommandEmpty = React26.forwardRef((props, ref) => /* @__PURE__ */ React26.createElement(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -3226,7 +3293,7 @@ var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ React25.cr
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   import_cmdk.Command.Group,
   {
     ref,
@@ -3238,7 +3305,7 @@ var CommandGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -3247,7 +3314,7 @@ var CommandSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var CommandItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React26.createElement(
   import_cmdk.Command.Item,
   {
     ref,
@@ -3263,7 +3330,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(
     "span",
     {
       className: cn(
@@ -3276,67 +3343,7 @@ var CommandShortcut = ({
 };
 CommandShortcut.displayName = "CommandShortcut";
 
-// components/elements/popover/Popover.tsx
-var React26 = __toESM(require("react"));
-var PopoverPrimitive = __toESM(require("@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",
@@ -3474,7 +3481,7 @@ var Combobox = React27.forwardRef(
   }
 );
 
-// components/elements/textarea/Textarea.tsx
+// elements/textarea/Textarea.tsx
 var React28 = __toESM(require("react"));
 var Textarea = React28.forwardRef(
   ({
@@ -3536,7 +3543,7 @@ var Textarea = React28.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
-// components/elements/fileDropzone/FileDropzone.tsx
+// elements/fileDropzone/FileDropzone.tsx
 var import_react12 = __toESM(require("react"));
 var import_react_dropzone = require("react-dropzone");
 var import_clsx2 = __toESM(require("clsx"));
@@ -3757,7 +3764,7 @@ var FileDropzone = ({
   )));
 };
 
-// components/elements/sortButton/SortButton.tsx
+// elements/sortButton/SortButton.tsx
 var import_react13 = __toESM(require("react"));
 var SortButton = (props) => {
   return /* @__PURE__ */ import_react13.default.createElement(
@@ -3792,7 +3799,7 @@ var SortButton = (props) => {
   );
 };
 
-// components/elements/tabs/Tabs.tsx
+// elements/tabs/Tabs.tsx
 var React31 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 var TabsContext = React31.createContext({ orientation: "vertical" });
@@ -3855,7 +3862,7 @@ var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
-// components/elements/select/Select.tsx
+// 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"));
@@ -4009,7 +4016,7 @@ var Select = ({
   );
 };
 
-// components/elements/switch/Switch.tsx
+// elements/switch/Switch.tsx
 var React33 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
 var Switch = React33.forwardRef(
@@ -4086,7 +4093,7 @@ var Switch = React33.forwardRef(
 );
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
-// components/elements/checkbox/Checkbox.tsx
+// elements/checkbox/Checkbox.tsx
 var React34 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var Checkbox = ({
@@ -4222,7 +4229,7 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
 });
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
-// components/elements/progress/Progress.tsx
+// elements/progress/Progress.tsx
 var React35 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
 var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React35.createElement(
@@ -4245,7 +4252,7 @@ var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @_
 ));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
-// components/elements/breadcrumb/Breadcrumb.tsx
+// elements/breadcrumb/Breadcrumb.tsx
 var import_react15 = __toESM(require("react"));
 var Breadcrumb = ({
   breadcrumbLinks,
@@ -4269,7 +4276,7 @@ var Breadcrumb = ({
   )));
 };
 
-// components/elements/appStores/AppStores.tsx
+// elements/appStores/AppStores.tsx
 var import_react16 = __toESM(require("react"));
 var AppStores = (props) => {
   return /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ import_react16.default.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ import_react16.default.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__ */ import_react16.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react16.default.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ import_react16.default.createElement(
@@ -4305,7 +4312,7 @@ var AppStores = (props) => {
   ))), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ import_react16.default.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
 var import_react17 = __toESM(require("react"));
 var Badge = ({
   anchor,
@@ -4382,10 +4389,10 @@ var BadgedComponent = ({
   ), children);
 };
 
-// components/elements/phoneInput/PhoneInput.tsx
+// elements/phoneInput/PhoneInput.tsx
 var import_react18 = __toESM(require("react"));
 
-// components/countries.ts
+// countries.ts
 var countries = [
   {
     country_label: "Saudi Arabia",
@@ -6078,7 +6085,7 @@ var countries = [
 ];
 var countries_default = countries;
 
-// components/elements/phoneInput/PhoneInput.tsx
+// elements/phoneInput/PhoneInput.tsx
 var PhoneInput = ({ labelProps, ...props }) => {
   const [phoneNumber, setPhoneNumber] = (0, import_react18.useState)("");
   const [countryCode, setCountryCode] = (0, import_react18.useState)(props.preferredCountry);
@@ -6142,7 +6149,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
   ));
 };
 
-// components/elements/pinInput/PinInput.tsx
+// elements/pinInput/PinInput.tsx
 var import_react19 = __toESM(require("react"));
 var PinInput = ({
   label,
@@ -6225,7 +6232,7 @@ var PinInput = ({
   ));
 };
 
-// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
 var import_react20 = __toESM(require("react"));
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {
@@ -6234,7 +6241,7 @@ var StopPropagationWrapper = (props) => {
   return /* @__PURE__ */ import_react20.default.createElement("div", { onClick: handleClick }, props.children);
 };
 
-// components/elements/scrollArea/ScrollArea.tsx
+// elements/scrollArea/ScrollArea.tsx
 var React42 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
 var ScrollArea = React42.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React42.createElement(
@@ -6274,7 +6281,7 @@ var ScrollBar = React42.forwardRef(({ className, orientation = "vertical", ...pr
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
-// components/elements/colorPicker/ColorPicker.tsx
+// elements/colorPicker/ColorPicker.tsx
 var import_react21 = __toESM(require("react"));
 var ColorPicker = ({
   containerProps,
@@ -6349,7 +6356,7 @@ var ColorPicker = ({
   ));
 };
 
-// components/elements/progressCircle/ProgressCircle.tsx
+// elements/progressCircle/ProgressCircle.tsx
 var import_react22 = __toESM(require("react"));
 var size2config = {
   xs: {
@@ -6460,7 +6467,7 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
 });
 ProgressCircle.displayName = "ProgressCircle";
 
-// components/elements/pagination/Pagination.tsx
+// elements/pagination/Pagination.tsx
 var import_react23 = __toESM(require("react"));
 var import_react_headless_pagination = require("react-headless-pagination");
 var Pagination = ({
@@ -6572,10 +6579,10 @@ var Pagination = ({
   );
 };
 
-// components/elements/passwordInput/PasswordInput.tsx
+// elements/passwordInput/PasswordInput.tsx
 var import_react27 = __toESM(require("react"));
 
-// components/icons/Emojis.tsx
+// icons/Emojis.tsx
 var import_react24 = __toESM(require("react"));
 var VeryGoodEmoji = () => /* @__PURE__ */ import_react24.default.createElement(
   "svg",
@@ -6668,7 +6675,7 @@ var VeryBadEmoji = () => /* @__PURE__ */ import_react24.default.createElement(
   ))
 );
 
-// components/icons/InputIcons.tsx
+// icons/InputIcons.tsx
 var import_react25 = __toESM(require("react"));
 var EyeIcon = (props) => /* @__PURE__ */ import_react25.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react25.default.createElement(
   "svg",
@@ -6701,7 +6708,7 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react25.default.createElem
   /* @__PURE__ */ import_react25.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
 ));
 
-// components/icons/CommonIcons.tsx
+// icons/CommonIcons.tsx
 var import_react26 = __toESM(require("react"));
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles2 = {
@@ -6750,7 +6757,7 @@ var UncheckMark = ({ size = "default", className }) => {
   );
 };
 
-// components/elements/passwordInput/PasswordInput.tsx
+// elements/passwordInput/PasswordInput.tsx
 var PasswordStrengthIndicator = ({ strength }) => {
   const strengthLevels = [
     "none",
@@ -6883,7 +6890,7 @@ var PasswordInput = ({
   ), /* @__PURE__ */ import_react27.default.createElement(PasswordStrengthIndicator, { strength: currentStr }));
 };
 
-// components/elements/slider/Slider.tsx
+// elements/slider/Slider.tsx
 var React50 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
 var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React50.createElement(
@@ -6901,7 +6908,7 @@ var Slider = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
-// components/elements/simpleTable/SimpleTable.tsx
+// elements/simpleTable/SimpleTable.tsx
 var React51 = __toESM(require("react"));
 var import_react_table2 = require("@tanstack/react-table");
 var SimpleTable = ({
@@ -6969,7 +6976,7 @@ var SimpleTable = ({
   );
 };
 
-// components/elements/separator/Separator.tsx
+// elements/separator/Separator.tsx
 var React52 = __toESM(require("react"));
 var Separator2 = ({
   className,
@@ -6987,7 +6994,7 @@ var Separator2 = ({
   }
 );
 
-// components/elements/scrollIndicator/ScrollIndicator.tsx
+// elements/scrollIndicator/ScrollIndicator.tsx
 var import_react28 = __toESM(require("react"));
 var ScrollIndicator = ({
   anchor,
@@ -7028,11 +7035,11 @@ var ScrollIndicator = ({
   );
 };
 
-// components/elements/codeBlock/CodeBlock.tsx
+// elements/codeBlock/CodeBlock.tsx
 var import_react30 = __toESM(require("react"));
 var import_prism_react_renderer = require("prism-react-renderer");
 
-// components/hooks/useClipboard.ts
+// hooks/useClipboard.ts
 var import_react29 = require("react");
 function useClipboard({ timeout = 2e3 } = {}) {
   const [error, setError] = (0, import_react29.useState)(null);
@@ -7058,7 +7065,7 @@ function useClipboard({ timeout = 2e3 } = {}) {
   return { copy, reset, error, copied };
 }
 
-// components/elements/codeBlock/CodeBlock.tsx
+// elements/codeBlock/CodeBlock.tsx
 var CodeBlock = ({
   tabs,
   code,
@@ -7191,7 +7198,7 @@ var CodeBlock = ({
   );
 };
 
-// components/elements/carousel/Carousel.tsx
+// elements/carousel/Carousel.tsx
 var import_react31 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
 var Carousel = ({
@@ -7202,10 +7209,9 @@ var Carousel = ({
   autoplayInterval = 3e3,
   ...props
 }) => {
-  const { loop } = options;
   const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)({
     ...options,
-    loop: autoplay ? true : loop || false
+    loop: autoplay ? true : (options == null ? void 0 : options.loop) || false
   });
   const [selectedIndex, setSelectedIndex] = (0, import_react31.useState)(0);
   (0, import_react31.useEffect)(() => {
@@ -7264,12 +7270,12 @@ var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
     return /* @__PURE__ */ import_react31.default.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
+        )
       }
     );
   }));
@@ -7278,11 +7284,7 @@ var CarouselControls = (props) => {
   return /* @__PURE__ */ import_react31.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react31.default.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 ",
@@ -7304,11 +7306,7 @@ var CarouselControls = (props) => {
   ), /* @__PURE__ */ import_react31.default.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 ",
@@ -7330,13 +7328,13 @@ var CarouselControls = (props) => {
   ));
 };
 
-// components/elements/count/Count.tsx
+// elements/count/Count.tsx
 var import_react32 = __toESM(require("react"));
 var Count = (props) => {
   return /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ import_react32.default.createElement("div", null, props.icon), /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-text-sm" }, props.count));
 };
 
-// components/elements/toast/Toast.tsx
+// elements/toast/Toast.tsx
 var React57 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority4 = require("class-variance-authority");
@@ -7473,10 +7471,10 @@ var ToastDescription = React57.forwardRef(({ className, size = "default", ...pro
 ));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
-// components/elements/toaster/Toaster.tsx
+// elements/toaster/Toaster.tsx
 var import_react33 = __toESM(require("react"));
 
-// components/hooks/useToast.ts
+// hooks/useToast.ts
 var React58 = __toESM(require("react"));
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
@@ -7590,7 +7588,7 @@ function useToast() {
   };
 }
 
-// components/elements/toaster/Toaster.tsx
+// elements/toaster/Toaster.tsx
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
@@ -7632,7 +7630,7 @@ function Toaster(props) {
   ));
 }
 
-// components/elements/destroyableCard/DestroyableCard.tsx
+// elements/destroyableCard/DestroyableCard.tsx
 var import_react34 = __toESM(require("react"));
 var DestroyableCard = ({
   position = "bottom-right",
@@ -7706,7 +7704,7 @@ var DestroyableCard = ({
   );
 };
 
-// components/elements/interfaceSettings/InterfaceSettings.tsx
+// elements/interfaceSettings/InterfaceSettings.tsx
 var import_react35 = __toESM(require("react"));
 var InterfaceSettings = ({
   orientation = "horizontal",
@@ -7793,7 +7791,7 @@ var InterfaceSettings = ({
   ));
 };
 
-// components/layout/stats/Stats.tsx
+// layout/stats/Stats.tsx
 var import_react36 = __toESM(require("react"));
 var Stats = ({
   label,
@@ -7826,7 +7824,7 @@ var Stats = ({
   ), chart && (isLoading ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
 };
 
-// components/layout/sidebar/Sidebar.tsx
+// layout/sidebar/Sidebar.tsx
 var React63 = __toESM(require("react"));
 var AccordionPrimitive6 = __toESM(require("@radix-ui/react-accordion"));
 var Accordion2 = AccordionPrimitive6.Root;
@@ -8034,22 +8032,22 @@ var SidebarItem = ({
   }
 };
 
-// components/layout/copyrights/Copyrights.tsx
+// layout/copyrights/Copyrights.tsx
 var import_react37 = __toESM(require("react"));
 var Copyrights = (props) => {
   return /* @__PURE__ */ import_react37.default.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__ */ import_react37.default.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ import_react37.default.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ import_react37.default.createElement("div", null, props.version), props.credits ? props.credits : null);
 };
 
-// components/layout/navbar/Navbar.tsx
+// layout/navbar/Navbar.tsx
 var import_react38 = __toESM(require("react"));
 
-// components/elements/collapsible/Collapsible.tsx
+// elements/collapsible/Collapsible.tsx
 var CollapsiblePrimitive = __toESM(require("@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,
@@ -8160,7 +8158,7 @@ var Navbar = ({
   ));
 };
 
-// components/layout/appLayout/AppLayout.tsx
+// layout/appLayout/AppLayout.tsx
 var import_react39 = __toESM(require("react"));
 var AppLayout = ({
   profileMenuWidth = "default",
@@ -8515,7 +8513,7 @@ var MenuIcon = () => /* @__PURE__ */ import_react39.default.createElement(
   )
 );
 
-// components/layout/appTopbar/AppTopbar.tsx
+// layout/appTopbar/AppTopbar.tsx
 var import_react40 = __toESM(require("react"));
 var AppTopbar = ({ ...props }) => {
   const isRTL = props.direction === "ltr";
@@ -8620,7 +8618,7 @@ var AppTopbar = ({ ...props }) => {
   );
 };
 
-// components/layout/appMenubar/AppMenubar.tsx
+// layout/appMenubar/AppMenubar.tsx
 var React68 = __toESM(require("react"));
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"));
 var MenubarMenu = MenubarPrimitive.Menu;
@@ -8823,7 +8821,7 @@ var MenubarShortcut = ({
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
-// components/layout/appTabs/AppTabs.tsx
+// layout/appTabs/AppTabs.tsx
 var import_react41 = __toESM(require("react"));
 var AppTabs = ({ tabs, className }) => {
   const [selectedIndex, setSelectedIndex] = (0, import_react41.useState)(0);
@@ -8867,10 +8865,10 @@ var AppTabs = ({ tabs, className }) => {
   );
 };
 
-// components/layout/docsLayout/DocsLayout.tsx
+// layout/docsLayout/DocsLayout.tsx
 var import_react44 = __toESM(require("react"));
 
-// components/hooks/useBreakpoint.ts
+// hooks/useBreakpoint.ts
 var import_react42 = require("react");
 var useBreakpoint = () => {
   const [breakpoint, setBreakpoint] = (0, import_react42.useState)(null);
@@ -8889,7 +8887,7 @@ var useBreakpoint = () => {
   return breakpoint;
 };
 
-// components/layout/docsSidebar/DocsSidebar.tsx
+// layout/docsSidebar/DocsSidebar.tsx
 var import_react43 = __toESM(require("react"));
 var DocsSidebar = ({
   currentPage: propCurrentPage,
@@ -8952,7 +8950,7 @@ var DocsSidebar = ({
   );
 };
 
-// components/layout/docsLayout/DocsLayout.tsx
+// layout/docsLayout/DocsLayout.tsx
 var DocsLayout = ({
   direction = "ltr",
   drawerSize = "md",
@@ -9156,14 +9154,14 @@ var DocsLayout = ({
   ));
 };
 
-// components/blocks/auth/LoginForm.tsx
+// blocks/auth/LoginForm.tsx
 var import_react46 = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var import_libphonenumber_js = require("libphonenumber-js");
 var z = __toESM(require("zod"));
 
-// components/blocks/auth/AuthButtons.tsx
+// blocks/auth/AuthButtons.tsx
 var import_react45 = __toESM(require("react"));
 var AuthButtons = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
@@ -9240,7 +9238,7 @@ var AuthButtons = (props) => {
   ));
 };
 
-// components/blocks/auth/LoginForm.tsx
+// blocks/auth/LoginForm.tsx
 var LoginForm = ({
   loginType,
   texts,
@@ -9529,7 +9527,7 @@ var LoginForm = ({
   ) : null));
 };
 
-// components/blocks/auth/RegisterForm.tsx
+// blocks/auth/RegisterForm.tsx
 var import_react47 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
@@ -9865,7 +9863,7 @@ var RegisterForm = ({
   ) : null));
 };
 
-// components/blocks/auth/AppLanding.tsx
+// blocks/auth/AppLanding.tsx
 var import_react48 = __toESM(require("react"));
 var AppLanding = ({ texts, ...props }) => {
   const thirdPartyAuthTexts = {
@@ -9906,7 +9904,7 @@ var AppLanding = ({ texts, ...props }) => {
   )))));
 };
 
-// components/blocks/auth/CheckEmail.tsx
+// blocks/auth/CheckEmail.tsx
 var import_react49 = __toESM(require("react"));
 var CheckEmail = ({ texts, handleResend }) => {
   return /* @__PURE__ */ import_react49.default.createElement(Card, null, /* @__PURE__ */ import_react49.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react49.default.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__ */ import_react49.default.createElement(
@@ -9927,7 +9925,7 @@ var CheckEmail = ({ texts, handleResend }) => {
   )), /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react49.default.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__ */ import_react49.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ import_react49.default.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
 var import_react50 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
@@ -10024,7 +10022,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
   ));
 };
 
-// components/blocks/auth/ResetPassword.tsx
+// blocks/auth/ResetPassword.tsx
 var import_react51 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
 var import_zod4 = require("@hookform/resolvers/zod");
@@ -10080,7 +10078,7 @@ var ResetPasswordForm = (props) => {
   )) : /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
 };
 
-// components/blocks/auth/CodeConfirmation.tsx
+// blocks/auth/CodeConfirmation.tsx
 var import_react52 = __toESM(require("react"));
 var import_react_hook_form5 = require("react-hook-form");
 var import_zod5 = require("@hookform/resolvers/zod");
@@ -10179,7 +10177,7 @@ var CodeConfirmation = (props) => {
   )));
 };
 
-// components/blocks/feedback/UserReferralSource.tsx
+// blocks/feedback/UserReferralSource.tsx
 var import_react53 = __toESM(require("react"));
 var import_react_hook_form6 = require("react-hook-form");
 var import_zod6 = require("@hookform/resolvers/zod");
@@ -10336,7 +10334,7 @@ var UserReferralSource = ({
   );
 };
 
-// components/blocks/feedback/FeedbackRating.tsx
+// blocks/feedback/FeedbackRating.tsx
 var import_react54 = __toESM(require("react"));
 var FeedbackRating = ({
   position = "bottom-right",
@@ -10450,7 +10448,7 @@ var FeedbackRating = ({
   );
 };
 
-// components/blocks/feedback/FeedbackEmoji.tsx
+// blocks/feedback/FeedbackEmoji.tsx
 var import_react55 = __toESM(require("react"));
 var FeedbackEmoji = (props) => {
   const [selectedEmoji, setSelectedEmoji] = (0, import_react55.useState)(null);
@@ -10563,7 +10561,7 @@ var FeedbackEmoji = (props) => {
   );
 };
 
-// components/blocks/feedback/FeedbackForm.tsx
+// blocks/feedback/FeedbackForm.tsx
 var import_react56 = __toESM(require("react"));
 var import_react_hook_form7 = require("react-hook-form");
 var import_zod7 = require("@hookform/resolvers/zod");
@@ -10647,7 +10645,7 @@ var FeedbackForm = (props) => {
   );
 };
 
-// components/blocks/misc/LegalTexts.tsx
+// blocks/misc/LegalTexts.tsx
 var import_react57 = __toESM(require("react"));
 var LegalTexts = ({ tabs, ...props }) => {
   return /* @__PURE__ */ import_react57.default.createElement(
@@ -10672,7 +10670,7 @@ var LegalTexts = ({ tabs, ...props }) => {
   );
 };
 
-// components/blocks/misc/EmptyState.tsx
+// blocks/misc/EmptyState.tsx
 var import_react58 = __toESM(require("react"));
 var EmptyState = ({ texts, onActionClick }) => {
   return /* @__PURE__ */ import_react58.default.createElement(Card, null, /* @__PURE__ */ import_react58.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react58.default.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__ */ import_react58.default.createElement(
@@ -10689,7 +10687,7 @@ var EmptyState = ({ texts, onActionClick }) => {
   )), /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ import_react58.default.createElement(CardFooter, null, /* @__PURE__ */ import_react58.default.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
 var import_react59 = __toESM(require("react"));
 var Testimonial = () => {
   return /* @__PURE__ */ import_react59.default.createElement(Card, null, /* @__PURE__ */ import_react59.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react59.default.createElement("div", null, /* @__PURE__ */ import_react59.default.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__ */ import_react59.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react59.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react59.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react59.default.createElement(
@@ -10707,7 +10705,7 @@ var Testimonial = () => {
   )), /* @__PURE__ */ import_react59.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react59.default.createElement("div", null, /* @__PURE__ */ import_react59.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react59.default.createElement("div", null, " Chief Information Security Officer")))));
 };
 
-// components/blocks/misc/LeadGenerator.tsx
+// blocks/misc/LeadGenerator.tsx
 var import_react60 = __toESM(require("react"));
 var import_react_hook_form8 = require("react-hook-form");
 var LeadGenerator = ({ texts, submitHandler }) => {
@@ -10747,7 +10745,7 @@ var LeadGenerator = ({ texts, submitHandler }) => {
   )));
 };
 
-// components/blocks/misc/Announcement.tsx
+// blocks/misc/Announcement.tsx
 var import_react61 = __toESM(require("react"));
 var Announcement = ({
   onActionClick,
@@ -10771,13 +10769,13 @@ var Announcement = ({
   ));
 };
 
-// components/blocks/misc/NotFound.tsx
+// blocks/misc/NotFound.tsx
 var import_react62 = __toESM(require("react"));
 var NotFound = ({ texts }) => {
   return /* @__PURE__ */ import_react62.default.createElement(Card, null, /* @__PURE__ */ import_react62.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react62.default.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__ */ import_react62.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react62.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react62.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
-// components/blocks/misc/NoPermission.tsx
+// blocks/misc/NoPermission.tsx
 var import_react63 = __toESM(require("react"));
 var NoPermission = ({ texts }) => {
   return /* @__PURE__ */ import_react63.default.createElement(Card, null, /* @__PURE__ */ import_react63.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react63.default.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__ */ import_react63.default.createElement(
@@ -10794,7 +10792,7 @@ var NoPermission = ({ texts }) => {
   )), /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ import_react63.default.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
 var import_react64 = __toESM(require("react"));
 var import_react_hook_form9 = require("react-hook-form");
 var import_zod8 = require("@hookform/resolvers/zod");
@@ -10936,10 +10934,10 @@ var ContactForm = ({
   );
 };
 
-// components/blocks/pricing/PricingPlans.tsx
+// blocks/pricing/PricingPlans.tsx
 var import_react70 = __toESM(require("react"));
 
-// components/blocks/cards/ActionCard.tsx
+// blocks/cards/ActionCard.tsx
 var import_react65 = __toESM(require("react"));
 var ActionCard = (props) => {
   const [hovered, setHovered] = (0, import_react65.useState)(false);
@@ -10978,7 +10976,7 @@ var ActionCard = (props) => {
   ));
 };
 
-// components/blocks/cards/AdCard.tsx
+// blocks/cards/AdCard.tsx
 var import_react66 = __toESM(require("react"));
 var AdCard = ({
   orientation = "vertical",
@@ -11051,7 +11049,7 @@ var AdCard = ({
   ));
 };
 
-// components/blocks/cards/PricingCard.tsx
+// blocks/cards/PricingCard.tsx
 var import_react67 = __toESM(require("react"));
 var PricingCard = ({
   size = "medium",
@@ -11161,7 +11159,7 @@ var PricingCard = ({
   );
 };
 
-// components/blocks/cards/ItemCard.tsx
+// blocks/cards/ItemCard.tsx
 var import_react68 = __toESM(require("react"));
 var ItemCard = ({
   actions,
@@ -11278,13 +11276,13 @@ var ItemCard = ({
   );
 };
 
-// components/blocks/cards/LandingCard.tsx
+// blocks/cards/LandingCard.tsx
 var import_react69 = __toESM(require("react"));
 var LandingCard = (props) => {
   return /* @__PURE__ */ import_react69.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react69.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react69.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react69.default.createElement(CardDescription, null, props.subtitle)));
 };
 
-// components/blocks/pricing/PricingPlans.tsx
+// blocks/pricing/PricingPlans.tsx
 var PricingPlans = ({
   mainContainerProps,
   cardsContainerProps,
@@ -11351,7 +11349,7 @@ var PricingPlans = ({
   ));
 };
 
-// components/blocks/pricing/ComparingPlans.tsx
+// blocks/pricing/ComparingPlans.tsx
 var import_react71 = __toESM(require("react"));
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
@@ -11422,7 +11420,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"
           )
         },
@@ -11517,7 +11515,7 @@ var ComparingPlans = (props) => {
   })));
 };
 
-// components/blocks/pricing/HorizontalPricing.tsx
+// blocks/pricing/HorizontalPricing.tsx
 var import_react72 = __toESM(require("react"));
 var HorizontalPricing = (props) => {
   const [selectedCard, setSelectedCard] = (0, import_react72.useState)("");
@@ -11612,7 +11610,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react72.default.createElement(impo
 var CardText = (props) => /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react72.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react72.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
 var CardPrice = (props) => /* @__PURE__ */ import_react72.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react72.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
-// components/blocks/Usage.tsx
+// blocks/Usage.tsx
 var import_react73 = __toESM(require("react"));
 var Usage = (props) => {
   var _a;
@@ -11631,20 +11629,20 @@ var Usage = (props) => {
   ))), /* @__PURE__ */ import_react73.default.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react73.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react73.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react73.default.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
 };
 
-// components/hooks/useIsomorphicEffect.ts
+// hooks/useIsomorphicEffect.ts
 var import_react74 = require("react");
 var useIsomorphicEffect = typeof document !== "undefined" ? import_react74.useLayoutEffect : import_react74.useEffect;
 
-// components/hooks/useDiscloser.ts
+// hooks/useDiscloser.ts
 var import_react75 = require("react");
 
-// components/hooks/useHover.ts
+// hooks/useHover.ts
 var import_react76 = require("react");
 
-// components/hooks/useCarousel.ts
+// hooks/useCarousel.ts
 var import_react77 = require("react");
 
-// components/hooks/useDialogCarousel.ts
+// hooks/useDialogCarousel.ts
 var import_react78 = require("react");
 var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
 var import_embla_carousel_react2 = __toESM(require("embla-carousel-react"));
@@ -11687,7 +11685,7 @@ var useDialogCarousel = (options) => {
   };
 };
 
-// components/hooks/useDialogSteps.ts
+// hooks/useDialogSteps.ts
 var import_react79 = require("react");
 var useMultiStepDialog = (initialStep, stepIds, setOpenDialog) => {
   const [currentStep, setCurrentStep] = (0, import_react79.useState)(initialStep);
@@ -11723,7 +11721,7 @@ var useMultiStepDialog = (initialStep, stepIds, setOpenDialog) => {
   };
 };
 
-// components/hooks/useWindowSize.ts
+// hooks/useWindowSize.ts
 var import_react80 = require("react");
 var useWindowSize = () => {
   const [windowSize, setWindowSize] = (0, import_react80.useState)({
@@ -11744,7 +11742,7 @@ var useWindowSize = () => {
   return windowSize;
 };
 
-// components/hooks/useFocusWithin.ts
+// hooks/useFocusWithin.ts
 var import_react81 = require("react");
 function containsRelatedTarget(event) {
   if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
@@ -11790,7 +11788,7 @@ function useFocusWithin({
   return { ref, focused };
 }
 
-// components/hooks/useMediaQuery.ts
+// hooks/useMediaQuery.ts
 var import_react82 = require("react");
 function attachMediaListener(query, callback) {
   try {
@@ -11831,13 +11829,13 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
   return matches;
 }
 
-// components/hooks/useScrollPosition.ts
+// hooks/useScrollPosition.ts
 var import_react83 = require("react");
 
-// components/hooks/useTable.ts
+// hooks/useTable.ts
 var import_react84 = require("react");
 
-// components/hooks/useTabs.ts
+// hooks/useTabs.ts
 var import_react85 = require("react");
 function useTabs(initialTab = "") {
   const [activeTab, setActiveTab] = (0, import_react85.useState)(initialTab);