@sikka/hawa 0.26.18-next → 0.26.20

package/dist/elements/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/elements/index.ts
+// elements/index.ts
 var elements_exports = {};
 __export(elements_exports, {
   Accordion: () => Accordion,
@@ -173,17 +173,17 @@ __export(elements_exports, {
 });
 module.exports = __toCommonJS(elements_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 = {
@@ -263,7 +263,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",
@@ -440,7 +440,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(
@@ -491,7 +491,7 @@ var Tooltip = ({
   );
 };
 
-// components/elements/skeleton/Skeleton.tsx
+// elements/skeleton/Skeleton.tsx
 var import_react3 = __toESM(require("react"));
 function Skeleton({
   className,
@@ -518,7 +518,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;
@@ -858,11 +858,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(
   ({
@@ -943,7 +943,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(
@@ -960,7 +960,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(
@@ -994,7 +994,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,
@@ -1065,17 +1065,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(
@@ -1280,7 +1280,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");
@@ -1433,7 +1433,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");
@@ -1568,7 +1568,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;
@@ -1864,10 +1864,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)(
@@ -1922,6 +1922,7 @@ var Button = React15.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
+          // "hawa-bg-red-500"
         ),
         ref,
         ...props
@@ -1940,7 +1941,7 @@ var Button = React15.forwardRef(
 );
 Button.displayName = "Button";
 
-// components/elements/alert/Alert.tsx
+// elements/alert/Alert.tsx
 var Alert = ({
   variant = "normal",
   direction = "ltr",
@@ -2080,10 +2081,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);
@@ -2106,7 +2107,7 @@ var FileUploader = ({ handleFile, className }) => {
   ));
 };
 
-// components/elements/avatar/Avatar.tsx
+// elements/avatar/Avatar.tsx
 var Avatar = ({
   isUploadable,
   src,
@@ -2196,14 +2197,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",
@@ -2246,7 +2247,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",
@@ -2367,7 +2368,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",
@@ -2477,7 +2478,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,
@@ -2499,9 +2500,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,
@@ -2796,7 +2803,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);
@@ -2893,7 +2900,7 @@ var BackToTop = ({ ...props }) => {
   );
 };
 
-// components/elements/radio/Radio.tsx
+// elements/radio/Radio.tsx
 var import_react11 = __toESM(require("react"));
 var Radio = ({
   design = "default",
@@ -3080,14 +3087,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,
@@ -3100,15 +3167,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",
@@ -3123,10 +3190,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,
@@ -3139,7 +3206,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,
@@ -3151,7 +3218,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,
@@ -3160,7 +3227,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,
@@ -3172,7 +3239,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,
@@ -3181,7 +3248,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,
@@ -3197,7 +3264,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(
     "span",
     {
       className: cn(
@@ -3210,67 +3277,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",
@@ -3408,7 +3415,7 @@ var Combobox = React27.forwardRef(
   }
 );
 
-// components/elements/textarea/Textarea.tsx
+// elements/textarea/Textarea.tsx
 var React28 = __toESM(require("react"));
 var Textarea = React28.forwardRef(
   ({
@@ -3470,7 +3477,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"));
@@ -3691,7 +3698,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(
@@ -3726,7 +3733,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" });
@@ -3789,7 +3796,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"));
@@ -3943,7 +3950,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(
@@ -4020,7 +4027,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 = ({
@@ -4156,7 +4163,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(
@@ -4179,7 +4186,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,
@@ -4203,7 +4210,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(
@@ -4239,7 +4246,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,
@@ -4316,10 +4323,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",
@@ -6012,7 +6019,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);
@@ -6076,7 +6083,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
   ));
 };
 
-// components/elements/pinInput/PinInput.tsx
+// elements/pinInput/PinInput.tsx
 var import_react19 = __toESM(require("react"));
 var PinInput = ({
   label,
@@ -6159,7 +6166,7 @@ var PinInput = ({
   ));
 };
 
-// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
 var import_react20 = __toESM(require("react"));
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {
@@ -6168,7 +6175,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(
@@ -6208,7 +6215,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,
@@ -6283,7 +6290,7 @@ var ColorPicker = ({
   ));
 };
 
-// components/elements/progressCircle/ProgressCircle.tsx
+// elements/progressCircle/ProgressCircle.tsx
 var import_react22 = __toESM(require("react"));
 var size2config = {
   xs: {
@@ -6394,7 +6401,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 = ({
@@ -6506,13 +6513,13 @@ 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"));
 
-// 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",
@@ -6545,7 +6552,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 = {
@@ -6594,7 +6601,7 @@ var UncheckMark = ({ size = "default", className }) => {
   );
 };
 
-// components/elements/passwordInput/PasswordInput.tsx
+// elements/passwordInput/PasswordInput.tsx
 var PasswordStrengthIndicator = ({ strength }) => {
   const strengthLevels = [
     "none",
@@ -6727,7 +6734,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(
@@ -6745,7 +6752,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 = ({
@@ -6813,7 +6820,7 @@ var SimpleTable = ({
   );
 };
 
-// components/elements/separator/Separator.tsx
+// elements/separator/Separator.tsx
 var React52 = __toESM(require("react"));
 var Separator2 = ({
   className,
@@ -6831,7 +6838,7 @@ var Separator2 = ({
   }
 );
 
-// components/elements/scrollIndicator/ScrollIndicator.tsx
+// elements/scrollIndicator/ScrollIndicator.tsx
 var import_react28 = __toESM(require("react"));
 var ScrollIndicator = ({
   anchor,
@@ -6872,11 +6879,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);
@@ -6902,7 +6909,7 @@ function useClipboard({ timeout = 2e3 } = {}) {
   return { copy, reset, error, copied };
 }
 
-// components/elements/codeBlock/CodeBlock.tsx
+// elements/codeBlock/CodeBlock.tsx
 var CodeBlock = ({
   tabs,
   code,
@@ -7035,7 +7042,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 = ({
@@ -7046,10 +7053,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)(() => {
@@ -7108,12 +7114,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
+        )
       }
     );
   }));
@@ -7122,11 +7128,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 ",
@@ -7148,11 +7150,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 ",
@@ -7174,13 +7172,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");
@@ -7317,10 +7315,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;
@@ -7434,7 +7432,7 @@ function useToast() {
   };
 }
 
-// components/elements/toaster/Toaster.tsx
+// elements/toaster/Toaster.tsx
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
@@ -7476,7 +7474,7 @@ function Toaster(props) {
   ));
 }
 
-// components/elements/destroyableCard/DestroyableCard.tsx
+// elements/destroyableCard/DestroyableCard.tsx
 var import_react34 = __toESM(require("react"));
 var DestroyableCard = ({
   position = "bottom-right",
@@ -7550,7 +7548,7 @@ var DestroyableCard = ({
   );
 };
 
-// components/elements/interfaceSettings/InterfaceSettings.tsx
+// elements/interfaceSettings/InterfaceSettings.tsx
 var import_react35 = __toESM(require("react"));
 var InterfaceSettings = ({
   orientation = "horizontal",