@sikka/hawa 0.48.1-next → 0.49.0-next

package/dist/command/index.js

@@ -75,23 +75,7 @@ var DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 var DialogContent = React.forwardRef(
-  ({
-    ids,
-    className,
-    classNames,
-    children,
-    persist,
-    hideCloseButton,
-    overlayProps,
-    ...props
-  }, ref) => /* @__PURE__ */ React.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React.createElement(
-    DialogOverlay,
-    {
-      className: classNames == null ? void 0 : classNames.overlay,
-      id: ids == null ? void 0 : ids.overlay,
-      ...overlayProps
-    }
-  ), /* @__PURE__ */ React.createElement(
+  ({ ids, className, classNames, children, persist, hideCloseButton, overlayProps, ...props }, ref) => /* @__PURE__ */ React.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React.createElement(DialogOverlay, { className: classNames == null ? void 0 : classNames.overlay, id: ids == null ? void 0 : ids.overlay, ...overlayProps }), /* @__PURE__ */ React.createElement(
     DialogPrimitive.Content,
     {
       onPointerDownOutside: (e) => {
@@ -140,100 +124,87 @@ var DialogContent = React.forwardRef(
     )
   ))
 );
-var DialogCarouselContent = React.forwardRef(
-  ({
-    className,
-    children,
-    onPrev,
-    persist,
-    hideCloseButton,
-    hidePrevButton,
+var DialogCarouselContent = React.forwardRef(({ className, children, onPrev, persist, hideCloseButton, hidePrevButton, ...props }, ref) => /* @__PURE__ */ React.createElement(DialogPortal, null, /* @__PURE__ */ React.createElement(DialogOverlay, null), /* @__PURE__ */ React.createElement(
+  DialogPrimitive.Content,
+  {
+    onPointerDownOutside: (e) => {
+      if (persist) {
+        e.preventDefault();
+      }
+    },
+    ref,
+    className: cn(
+      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-pt-14 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
+      className
+    ),
     ...props
-  }, ref) => /* @__PURE__ */ React.createElement(DialogPortal, null, /* @__PURE__ */ React.createElement(DialogOverlay, null), /* @__PURE__ */ React.createElement(
-    DialogPrimitive.Content,
+  },
+  children,
+  /* @__PURE__ */ React.createElement(
+    "div",
     {
-      onPointerDownOutside: (e) => {
-        if (persist) {
-          e.preventDefault();
-        }
-      },
-      ref,
       className: cn(
-        "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-pt-14 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
-        className
-      ),
-      ...props
+        "hawa-absolute hawa-top-0 hawa-flex hawa-w-full hawa-flex-row hawa-p-4",
+        onPrev ? "hawa-justify-between" : "hawa-justify-end"
+      )
     },
-    children,
-    /* @__PURE__ */ React.createElement(
+    hidePrevButton ? /* @__PURE__ */ React.createElement("div", null) : /* @__PURE__ */ React.createElement(
       "div",
       {
+        onClick: onPrev,
         className: cn(
-          "hawa-absolute hawa-top-0 hawa-flex hawa-w-full hawa-flex-row hawa-p-4",
-          onPrev ? "hawa-justify-between" : "hawa-justify-end"
+          "hawa-end-0 hawa-cursor-pointer hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
+          props.dir === "rtl" && "hawa-rotate-180"
         )
       },
-      hidePrevButton ? /* @__PURE__ */ React.createElement("div", null) : /* @__PURE__ */ React.createElement(
-        "div",
+      /* @__PURE__ */ React.createElement(
+        "svg",
         {
-          onClick: onPrev,
-          className: cn(
-            "hawa-end-0 hawa-cursor-pointer hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
-            props.dir === "rtl" && "hawa-rotate-180"
-          )
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          className: "hawa-h-6 hawa-w-6",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React.createElement(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            className: "hawa-h-6 hawa-w-6",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          },
-          /* @__PURE__ */ React.createElement("path", { d: "m15 18-6-6 6-6" })
+        /* @__PURE__ */ React.createElement("path", { d: "m15 18-6-6 6-6" })
+      )
+    ),
+    !hideCloseButton && /* @__PURE__ */ React.createElement(
+      DialogPrimitive.Close,
+      {
+        className: cn(
+          "hawa-end-0 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
+          props.dir === "rtl" ? "hawa-left-4" : "hawa-right-4"
         )
-      ),
-      !hideCloseButton && /* @__PURE__ */ React.createElement(
-        DialogPrimitive.Close,
+      },
+      /* @__PURE__ */ React.createElement(
+        "svg",
         {
-          className: cn(
-            "hawa-end-0 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
-            props.dir === "rtl" ? "hawa-left-4" : "hawa-right-4"
-          )
+          "aria-label": "Close Icon",
+          "aria-hidden": "true",
+          className: "hawa-h-6 hawa-w-6",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
         },
         /* @__PURE__ */ React.createElement(
-          "svg",
+          "path",
           {
-            "aria-label": "Close Icon",
-            "aria-hidden": "true",
-            className: "hawa-h-6 hawa-w-6",
-            fill: "currentColor",
-            viewBox: "0 0 20 20"
-          },
-          /* @__PURE__ */ React.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-              clipRule: "evenodd"
-            }
-          )
-        ),
-        /* @__PURE__ */ React.createElement("span", { className: "hawa-sr-only" }, "Close")
-      )
+            fillRule: "evenodd",
+            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+            clipRule: "evenodd"
+          }
+        )
+      ),
+      /* @__PURE__ */ React.createElement("span", { className: "hawa-sr-only" }, "Close")
     )
-  ))
-);
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React.createElement(
+  )
+)));
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ React.createElement(
   "div",
   {
     className: cn(
@@ -258,17 +229,11 @@ var DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @_
   DialogPrimitive.Description,
   {
     ref,
-    className: cn(
-      "hawa-text-start hawa-text-sm hawa-text-muted-foreground",
-      className
-    ),
+    className: cn("hawa-text-start hawa-text-sm hawa-text-muted-foreground", className),
     ...props
   }
 ));
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React.createElement(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ React.createElement(
   "div",
   {
     className: cn(
@@ -309,11 +274,7 @@ var DialogCarousel = ({
     ))
   )));
 };
-var DialogSteps = ({
-  currentStep,
-  visibleStepRef,
-  children
-}) => {
+var DialogSteps = ({ currentStep, visibleStepRef, children }) => {
   const [dialogHeight, setDialogHeight] = React.useState(null);
   React.useEffect(() => {
     if (visibleStepRef.current) {
@@ -342,21 +303,8 @@ var DialogSteps = ({
     ))
   );
 };
-var DialogStep = ({
-  id,
-  children,
-  className,
-  stepRef
-}) => {
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      id,
-      ref: stepRef,
-      className: cn("hawa-w-full hawa-px-1", className)
-    },
-    children
-  );
+var DialogStep = ({ id, children, className, stepRef }) => {
+  return /* @__PURE__ */ React.createElement("div", { id, ref: stepRef, className: cn("hawa-w-full hawa-px-1", className) }, children);
 };
 var DialogBody = ({ children, className }) => {
   return /* @__PURE__ */ React.createElement("div", { className: cn("hawa-py-6", className) }, children);
@@ -375,66 +323,57 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // elements/command/Command.tsx
-var Command = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  import_cmdk.Command,
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-overflow-hidden hawa-rounded-md hawa-bg-popover hawa-text-popover-foreground",
-      className
-    ),
-    ...props
-  }
-));
-var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ React2.createElement(import_react_dialog.Dialog, { ...props }, /* @__PURE__ */ React2.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React2.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 = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  "div",
-  {
-    className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
-    "cmdk-input-wrapper": ""
-  },
-  /* @__PURE__ */ React2.createElement(
-    "svg",
-    {
-      "aria-label": "Search Icon",
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
-    },
-    /* @__PURE__ */ React2.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "m21 21-4.3-4.3" })
-  ),
-  /* @__PURE__ */ React2.createElement(
-    import_cmdk.Command.Input,
+var Command = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
+    import_cmdk.Command,
     {
       ref,
       className: cn(
-        "hawa-flex hawa-h-11 hawa-w-full hawa-rounded-md hawa-bg-transparent hawa-py-3 hawa-text-sm hawa-outline-none placeholder:hawa-text-muted-foreground disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
+        "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-overflow-hidden hawa-rounded-md hawa-bg-popover hawa-text-popover-foreground",
         className
       ),
       ...props
     }
   )
-));
-var CommandList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  import_cmdk.Command.List,
+);
+var CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ React2.createElement(import_react_dialog.Dialog, { ...props }, /* @__PURE__ */ React2.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React2.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 = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3", "cmdk-input-wrapper": "" }, /* @__PURE__ */ React2.createElement(
+  "svg",
+  {
+    "aria-label": "Search Icon",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
+  },
+  /* @__PURE__ */ React2.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+  /* @__PURE__ */ React2.createElement("path", { d: "m21 21-4.3-4.3" })
+), /* @__PURE__ */ React2.createElement(
+  import_cmdk.Command.Input,
   {
     ref,
     className: cn(
-      "hawa-max-h-[300px] hawa-overflow-y-auto hawa-overflow-x-hidden",
+      "hawa-flex hawa-h-11 hawa-w-full hawa-rounded-md hawa-bg-transparent hawa-py-3 hawa-text-sm hawa-outline-none placeholder:hawa-text-muted-foreground disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
       className
     ),
     ...props
   }
+)));
+var CommandList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
+  import_cmdk.Command.List,
+  {
+    ref,
+    className: cn("hawa-max-h-[300px] hawa-overflow-y-auto hawa-overflow-x-hidden", className),
+    ...props
+  }
 ));
 var CommandEmpty = React2.forwardRef((props, ref) => /* @__PURE__ */ React2.createElement(
   import_cmdk.Command.Empty,
@@ -490,52 +429,30 @@ var CommandShortcut = ({
     }
   );
 };
-var FullCommand = ({
-  items,
-  direction = "ltr",
-  texts,
-  onActionClick
-}) => {
-  return /* @__PURE__ */ React2.createElement(
-    Command,
-    {
-      dir: direction,
-      className: "hawa-rounded-lg hawa-border hawa-shadow-md !hawa-h-full"
-    },
-    /* @__PURE__ */ React2.createElement(
-      CommandInput,
-      {
-        placeholder: (texts == null ? void 0 : texts.searchPlaceholder) || "Type a command or search..."
-      }
-    ),
-    /* @__PURE__ */ React2.createElement(CommandList, null, /* @__PURE__ */ React2.createElement(CommandEmpty, null, (texts == null ? void 0 : texts.emptyText) || "No results found."), items.map((item, index) => {
-      var _a;
-      if (item.type === "group") {
-        return /* @__PURE__ */ React2.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React2.createElement(
-          CommandItem,
-          {
-            key: subIndex,
-            onSelect: () => {
-              if (onActionClick) onActionClick();
-              subItem.action();
-            }
-          },
-          /* @__PURE__ */ React2.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }),
-          /* @__PURE__ */ React2.createElement("span", null, subItem.label),
-          subItem.shortcut && /* @__PURE__ */ React2.createElement(CommandShortcut, null, subItem.shortcut)
-        )));
-      } else if (item.type === "separator") {
-        return /* @__PURE__ */ React2.createElement(CommandSeparator, { key: index });
-      }
-      return null;
-    }))
-  );
+var FullCommand = ({ items, direction = "ltr", texts, onActionClick }) => {
+  return /* @__PURE__ */ React2.createElement(Command, { dir: direction, className: "hawa-rounded-lg hawa-border hawa-shadow-md !hawa-h-full" }, /* @__PURE__ */ React2.createElement(CommandInput, { placeholder: (texts == null ? void 0 : texts.searchPlaceholder) || "Type a command or search..." }), /* @__PURE__ */ React2.createElement(CommandList, null, /* @__PURE__ */ React2.createElement(CommandEmpty, null, (texts == null ? void 0 : texts.emptyText) || "No results found."), items.map((item, index) => {
+    var _a;
+    if (item.type === "group") {
+      return /* @__PURE__ */ React2.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React2.createElement(
+        CommandItem,
+        {
+          key: subIndex,
+          onSelect: () => {
+            if (onActionClick) onActionClick();
+            subItem.action();
+          }
+        },
+        /* @__PURE__ */ React2.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }),
+        /* @__PURE__ */ React2.createElement("span", null, subItem.label),
+        subItem.shortcut && /* @__PURE__ */ React2.createElement(CommandShortcut, null, subItem.shortcut)
+      )));
+    } else if (item.type === "separator") {
+      return /* @__PURE__ */ React2.createElement(CommandSeparator, { key: index });
+    }
+    return null;
+  })));
 };
-var AppCommand = ({
-  commandProps,
-  dialogProps,
-  onActionClick
-}) => {
+var AppCommand = ({ commandProps, dialogProps, onActionClick }) => {
   return /* @__PURE__ */ React2.createElement(import_react_dialog.Dialog, { ...dialogProps }, /* @__PURE__ */ React2.createElement(
     DialogContent,
     {

package/dist/command/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../elements/command/index.ts","../../elements/command/Command.tsx","../../util/index.ts","../../elements/dialog/Dialog.tsx"],"sourcesContent":["export * from \"./Command\";\n","import * as React from \"react\";\n\nimport { DialogProps, DialogPortal, Dialog } from \"@radix-ui/react-dialog\";\nimport { cn } from \"@util/index\";\nimport { Command as CommandPrimitive } from \"cmdk\";\n\nimport { DirectionType } from \"@_types/commonTypes\";\n\nimport { DialogContent } from \"../dialog\";\n\ninterface CommandProps\n  extends React.ComponentPropsWithoutRef<typeof CommandPrimitive> {\n  // Include additional props if necessary\n}\n\ninterface CommandDialogProps extends DialogProps {}\n\nexport interface CommandInputProps\n  extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> {}\n\ninterface CommandListProps\n  extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> {}\n\ninterface CommandEmptyProps\n  extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> {}\n\ninterface CommandGroupProps\n  extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> {}\n\ninterface CommandSeparatorProps\n  extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> {}\n\ninterface CommandItemProps\n  extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {}\n\ninterface CommandShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  CommandProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-overflow-hidden hawa-rounded-md hawa-bg-popover hawa-text-popover-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"hawa-overflow-hidden hawa-p-0 hawa-shadow-lg\">\n        <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\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  CommandInputProps\n>(({ className, ...props }, ref) => (\n  <div\n    className=\"hawa-flex hawa-items-center hawa-border-b hawa-px-3\"\n    cmdk-input-wrapper=\"\"\n  >\n    <svg\n      aria-label=\"Search Icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50\"\n    >\n      <circle cx=\"11\" cy=\"11\" r=\"8\" />\n      <path d=\"m21 21-4.3-4.3\" />\n    </svg>\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"hawa-flex hawa-h-11 hawa-w-full hawa-rounded-md hawa-bg-transparent hawa-py-3 hawa-text-sm hawa-outline-none placeholder:hawa-text-muted-foreground disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  CommandListProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\n      \"hawa-max-h-[300px] hawa-overflow-y-auto hawa-overflow-x-hidden\",\n      className,\n    )}\n    {...props}\n  />\n));\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  CommandEmptyProps\n>((props, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className=\"hawa-py-6 hawa-text-center hawa-text-sm\"\n    {...props}\n  />\n));\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  CommandGroupProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"hawa-overflow-hidden hawa-p-1 hawa-text-foreground [&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-py-1.5 [&_[cmdk-group-heading]]:hawa-text-xs [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  CommandSeparatorProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn(\"hawa--mx-1 hawa-h-px hawa-bg-border\", className)}\n    {...props}\n  />\n));\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  CommandItemProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      !props.disabled && \"hawa-cursor-pointer\",\n      \"hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled='true']:hawa-pointer-events-none data-[disabled='true']:hawa-opacity-50\",\n      className,\n    )}\n    {...props}\n  />\n));\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement> & CommandShortcutProps) => {\n  return (\n    <span\n      className={cn(\n        \"hawa-ms-auto hawa-text-xs hawa-tracking-widest hawa-text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type FullCommandItem = {\n  type: \"group\" | \"separator\";\n  heading?: string;\n  items?: {\n    icon: React.ElementType;\n    label: string | React.ReactNode;\n    action: () => void;\n    shortcut?: string;\n  }[];\n};\ntype FullCommandProps = {\n  items: FullCommandItem[];\n  direction?: DirectionType;\n  onActionClick?: () => void;\n  texts?: {\n    searchPlaceholder?: string;\n    emptyText?: string;\n  };\n};\n\nconst FullCommand = ({\n  items,\n  direction = \"ltr\",\n  texts,\n  onActionClick,\n}: FullCommandProps) => {\n  return (\n    <Command\n      dir={direction}\n      className=\"hawa-rounded-lg hawa-border hawa-shadow-md !hawa-h-full\"\n    >\n      <CommandInput\n        placeholder={texts?.searchPlaceholder || \"Type a command or search...\"}\n      />\n      <CommandList>\n        <CommandEmpty>{texts?.emptyText || \"No results found.\"}</CommandEmpty>\n        {items.map((item, index) => {\n          if (item.type === \"group\") {\n            return (\n              <CommandGroup heading={item.heading} key={index}>\n                {item.items?.map((subItem, subIndex) => (\n                  <CommandItem\n                    key={subIndex}\n                    onSelect={() => {\n                      if (onActionClick) onActionClick();\n                      subItem.action();\n                    }}\n                  >\n                    <subItem.icon className=\"hawa-icon hawa-me-2\" />\n                    <span>{subItem.label}</span>\n                    {subItem.shortcut && (\n                      <CommandShortcut>{subItem.shortcut}</CommandShortcut>\n                    )}\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            );\n          } else if (item.type === \"separator\") {\n            return <CommandSeparator key={index} />;\n          }\n          return null;\n        })}\n      </CommandList>\n    </Command>\n  );\n};\n\ntype AppCommandProps = {\n  commandProps: Omit<FullCommandProps, \"onActionClick\">;\n  dialogProps: DialogProps;\n  onActionClick?: () => void;\n};\nconst AppCommand = ({\n  commandProps,\n  dialogProps,\n  onActionClick,\n}: AppCommandProps) => {\n  return (\n    <Dialog {...dialogProps}>\n      <DialogContent\n        hideCloseButton\n        className=\"hawa-overflow-hidden !hawa-p-0 hawa-shadow-l\"\n        // !hawa-min-h-[50%]\n      >\n        <FullCommand {...commandProps} onActionClick={onActionClick} />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nCommandShortcut.displayName = \"CommandShortcut\";\nCommandItem.displayName = CommandPrimitive.Item.displayName;\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\nCommandList.displayName = CommandPrimitive.List.displayName;\nCommand.displayName = CommandPrimitive.displayName;\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nexport {\n  AppCommand,\n  FullCommand,\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\ntype Palette = {\n  name: string;\n  colors: {\n    [key: number]: string;\n  };\n};\ntype Rgb = {\n  r: number;\n  g: number;\n  b: number;\n};\nfunction hexToRgb(hex: string): Rgb | null {\n  const sanitizedHex = hex.replaceAll(\"##\", \"#\");\n  const colorParts = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(\n    sanitizedHex\n  );\n\n  if (!colorParts) {\n    return null;\n  }\n\n  const [, r, g, b] = colorParts;\n\n  return {\n    r: parseInt(r, 16),\n    g: parseInt(g, 16),\n    b: parseInt(b, 16)\n  } as Rgb;\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  const toHex = (c: number) => `0${c.toString(16)}`.slice(-2);\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\nexport function getTextColor(color: string): \"#FFF\" | \"#333\" {\n  const rgbColor = hexToRgb(color);\n\n  if (!rgbColor) {\n    return \"#333\";\n  }\n\n  const { r, g, b } = rgbColor;\n  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  return luma < 120 ? \"#FFF\" : \"#333\";\n}\n\nfunction lighten(hex: string, intensity: number): string {\n  const color = hexToRgb(`#${hex}`);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r + (255 - color.r) * intensity);\n  const g = Math.round(color.g + (255 - color.g) * intensity);\n  const b = Math.round(color.b + (255 - color.b) * intensity);\n\n  return rgbToHex(r, g, b);\n}\n\nfunction darken(hex: string, intensity: number): string {\n  const color = hexToRgb(hex);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r * intensity);\n  const g = Math.round(color.g * intensity);\n  const b = Math.round(color.b * intensity);\n\n  return rgbToHex(r, g, b);\n}\nconst parseColor = (color: any) => {\n  if (color.startsWith(\"#\")) {\n    // Convert hex to RGB\n    let r = parseInt(color.slice(1, 3), 16);\n    let g = parseInt(color.slice(3, 5), 16);\n    let b = parseInt(color.slice(5, 7), 16);\n    return [r, g, b];\n  } else if (color.startsWith(\"rgb\")) {\n    // Extract RGB values from rgb() format\n    return color.match(/\\d+/g).map(Number);\n  }\n  // Default to white if format is unrecognized\n  return [255, 255, 255];\n};\nexport const calculateLuminance = (color: any) => {\n  const [r, g, b] = parseColor(color)?.map((c: any) => {\n    c /= 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\nfunction getPallette(baseColor: string): Palette {\n  const name = baseColor;\n\n  const response: Palette = {\n    name,\n    colors: {\n      500: `#${baseColor}`.replace(\"##\", \"#\")\n    }\n  };\n\n  const intensityMap: {\n    [key: number]: number;\n  } = {\n    50: 0.95,\n    100: 0.9,\n    200: 0.75,\n    300: 0.6,\n    400: 0.3,\n    600: 0.9,\n    700: 0.75,\n    800: 0.6,\n    900: 0.49\n  };\n\n  [50, 100, 200, 300, 400].forEach((level) => {\n    response.colors[level] = lighten(baseColor, intensityMap[level]);\n  });\n  [600, 700, 800, 900].forEach((level) => {\n    response.colors[level] = darken(baseColor, intensityMap[level]);\n  });\n\n  return response as Palette;\n}\n\nexport { getPallette };\n\n// const hexToRgb = (hex) => {\n//   let d = hex?.split(\"#\")[1];\n//   var aRgbHex = d?.match(/.{1,2}/g);\n//   var aRgb = [\n//     parseInt(aRgbHex[0], 16),\n//     parseInt(aRgbHex[1], 16),\n//     parseInt(aRgbHex[2], 16)\n//   ];\n//   return aRgb;\n// };\n// const getTextColor = (backColor) => {\n//   let rgbArray = hexToRgb(backColor);\n//   if (rgbArray[0] * 0.299 + rgbArray[1] * 0.587 + rgbArray[2] * 0.114 > 186) {\n//     return \"#000000\";\n//   } else {\n//     return \"#ffffff\";\n//   }\n// };\n// const replaceAt = function (string, index, replacement) {\n//   // if (replacement == \"\" || replacement == \" \") {\n//   //   return (\n//   //     string.substring(0, index) +\n//   //     string.substring(index + replacement.length )\n//   //   );\n//   // }\n//   const replaced = string.substring(0, index) + replacement + string.substring(index + 1)\n//   return replaced\n// };\n\n// export { hexToRgb, getTextColor, replaceAt };\n","import * as React from \"react\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { cn } from \"@util/index\";\n\nimport { DirectionType } from \"@_types/commonTypes\";\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = ({ ...props }: DialogPrimitive.DialogPortalProps) => (\n  <DialogPrimitive.Portal {...props} />\n);\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    persist?: boolean;\n    hideCloseButton?: boolean;\n    container?: HTMLElement;\n    overlayProps?: React.ComponentPropsWithoutRef<typeof DialogOverlay>;\n    classNames?: {\n      content?: string;\n      overlay?: string;\n      closeButton?: string;\n    };\n    ids?: {\n      overlay?: string;\n      closeButton?: string;\n      closeIcon?: string;\n    };\n  }\n>(\n  (\n    {\n      ids,\n      className,\n      classNames,\n      children,\n      persist,\n      hideCloseButton,\n      overlayProps,\n      ...props\n    },\n    ref,\n  ) => (\n    <DialogPortal container={props.container}>\n      <DialogOverlay\n        className={classNames?.overlay}\n        id={ids?.overlay}\n        {...overlayProps}\n      />\n      <DialogPrimitive.Content\n        onPointerDownOutside={(e) => {\n          if (persist) {\n            e.preventDefault();\n          }\n        }}\n        ref={ref}\n        className={cn(\n          \"hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-[90%] hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {!hideCloseButton && (\n          <DialogPrimitive.Close\n            className={cn(\n              \"hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground\",\n              props.dir === \"rtl\" ? \"hawa-left-4\" : \"hawa-right-4\",\n              classNames?.closeButton,\n            )}\n            id={ids?.closeButton}\n          >\n            <svg\n              id={ids?.closeIcon}\n              aria-label=\"Close Icon\"\n              aria-hidden=\"true\"\n              className=\"hawa-h-5 hawa-w-5\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 20 20\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                clipRule=\"evenodd\"\n              ></path>\n            </svg>\n            <span className=\"hawa-sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  ),\n);\n\nconst DialogCarouselContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    hideCloseButton?: boolean;\n    hidePrevButton?: boolean;\n    persist?: boolean;\n    onPrev?: () => void;\n  }\n>(\n  (\n    {\n      className,\n      children,\n      onPrev,\n      persist,\n      hideCloseButton,\n      hidePrevButton,\n      ...props\n    },\n    ref,\n  ) => (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        onPointerDownOutside={(e) => {\n          if (persist) {\n            e.preventDefault();\n          }\n        }}\n        ref={ref}\n        className={cn(\n          \"hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-pt-14 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <div\n          className={cn(\n            \"hawa-absolute hawa-top-0 hawa-flex hawa-w-full hawa-flex-row hawa-p-4\",\n            onPrev ? \"hawa-justify-between\" : \"hawa-justify-end\",\n          )}\n        >\n          {hidePrevButton ? (\n            <div />\n          ) : (\n            <div\n              onClick={onPrev}\n              className={cn(\n                \"hawa-end-0 hawa-cursor-pointer hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground\",\n                props.dir === \"rtl\" && \"hawa-rotate-180\",\n              )}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                className=\"hawa-h-6 hawa-w-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              >\n                <path d=\"m15 18-6-6 6-6\" />\n              </svg>\n            </div>\n          )}\n          {!hideCloseButton && (\n            <DialogPrimitive.Close\n              className={cn(\n                \"hawa-end-0 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground\",\n                props.dir === \"rtl\" ? \"hawa-left-4\" : \"hawa-right-4\",\n              )}\n            >\n              <svg\n                aria-label=\"Close Icon\"\n                aria-hidden=\"true\"\n                className=\"hawa-h-6 hawa-w-6\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 20 20\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                  clipRule=\"evenodd\"\n                ></path>\n              </svg>\n              <span className=\"hawa-sr-only\">Close</span>\n            </DialogPrimitive.Close>\n          )}\n        </div>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  ),\n);\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-text-center sm:hawa-text-left\",\n      className,\n    )}\n    {...props}\n  />\n);\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"hawa-text-start hawa-text-lg hawa-font-semibold hawa-leading-none hawa-tracking-tight\",\n      className,\n    )}\n    {...props}\n  />\n));\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\n      \"hawa-text-start hawa-text-sm hawa-text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\nconst DialogFooter = ({\n  className, \n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"hawa-flex hawa-flex-col xs:hawa-flex-row sm:hawa-justify-end hawa-gap-2\",\n      className,\n    )}\n    {...props}\n  />\n);\ninterface DialogCarouselProps {\n  children: React.ReactNode;\n  stepsApi?: any;\n  stepsRef?: any;\n  direction?: DirectionType;\n}\nconst DialogCarousel: React.FC<DialogCarouselProps> = ({\n  stepsApi,\n  stepsRef,\n  children,\n  direction,\n}) => {\n  React.useEffect(() => {\n    if (stepsApi) {\n      stepsApi.reInit();\n    }\n  }, [stepsApi, children]);\n  return (\n    <div className=\"hawa-overflow-hidden\">\n      <div ref={stepsRef} dir={direction}>\n        <div\n          className=\"hawa-flex\"\n          style={{\n            transition: \"height 0.2s\",\n          }}\n        >\n          {React.Children.map(children, (child, index) => (\n            <div\n              className={cn(\n                \"hawa-flex hawa-h-fit hawa-flex-[0_0_100%] hawa-items-center hawa-justify-center\",\n              )}\n              key={index}\n            >\n              {child}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\ninterface DialogStepsProps {\n  currentStep: string;\n  // TODO: update this name\n  visibleStepRef: React.RefObject<HTMLDivElement>;\n  children: React.ReactNode;\n}\nconst DialogSteps: React.FC<DialogStepsProps> = ({\n  currentStep,\n  visibleStepRef,\n  children,\n}) => {\n  const [dialogHeight, setDialogHeight] = React.useState<any>(null);\n  React.useEffect(() => {\n    if (visibleStepRef.current) {\n      setDialogHeight(visibleStepRef.current.offsetHeight);\n      console.log(\"height is \", visibleStepRef.current.offsetHeight);\n    }\n  }, [currentStep, visibleStepRef]);\n\n  return (\n    <div\n      className=\"hawa-relative hawa-overflow-clip\"\n      style={{\n        height: dialogHeight || \"fit-content\",\n        transition: \"height 0.2s\",\n      }}\n    >\n      {React.Children.map(children, (child, index) => (\n        <div\n          ref={currentStep === `step-${index + 1}` ? visibleStepRef : null}\n          className={cn(\n            currentStep === `step-${index + 1}`\n              ? \"hawa-visible hawa-block\"\n              : \"hawa-invisible hawa-hidden\",\n          )}\n        >\n          {child}\n        </div>\n      ))}\n    </div>\n  );\n};\ninterface DialogStepProps {\n  id: string;\n  children: React.ReactNode;\n  className?: string;\n  stepRef?: any;\n}\nconst DialogStep: React.FC<DialogStepProps> = ({\n  id,\n  children,\n  className,\n  stepRef,\n}) => {\n  return (\n    <div\n      id={id}\n      ref={stepRef}\n      className={cn(\"hawa-w-full hawa-px-1\", className)}\n    >\n      {children}\n    </div>\n  );\n};\ninterface DialogBodyProps {\n  children: React.ReactNode;\n  className?: string;\n}\nconst DialogBody: React.FC<DialogBodyProps> = ({ children, className }) => {\n  return <div className={cn(\"hawa-py-6\", className)}>{children}</div>;\n};\n\nDialogBody.displayName = \"DialogBody\";\nDialogStep.displayName = \"DialogStep\";\nDialogSteps.displayName = \"DialogSteps\";\nDialogCarousel.displayName = \"DialogCarousel\";\nDialogCarouselContent.displayName = \"DialogCarouselContent\";\nDialogHeader.displayName = \"DialogHeader\";\nDialogFooter.displayName = \"DialogFooter\";\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\nDialogPortal.displayName = DialogPrimitive.Portal.displayName;\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\nDialogContent.displayName = DialogPrimitive.Content.displayName;\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogCarousel,\n  DialogCarouselContent,\n  DialogSteps,\n  DialogStep,\n  DialogBody,\n  DialogDescription,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,SAAuB;AAEvB,0BAAkD;;;ACFlD,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADDA,kBAA4C;;;AEJ5C,YAAuB;AAEvB,sBAAiC;AASjC,IAAM,eAAe,CAAC,EAAE,GAAG,MAAM,MAC/B,oCAAiB,wBAAhB,EAAwB,GAAG,OAAO;AAErC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,IAAM,gBAAsB;AAAA,EAmB1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QAEA,oCAAC,gBAAa,WAAW,MAAM,aAC7B;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,yCAAY;AAAA,MACvB,IAAI,2BAAK;AAAA,MACR,GAAG;AAAA;AAAA,EACN,GACA;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,sBAAsB,CAAC,MAAM;AAC3B,YAAI,SAAS;AACX,YAAE,eAAe;AAAA,QACnB;AAAA,MACF;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACA,CAAC,mBACA;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,MAAM,QAAQ,QAAQ,gBAAgB;AAAA,UACtC,yCAAY;AAAA,QACd;AAAA,QACA,IAAI,2BAAK;AAAA;AAAA,MAET;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,2BAAK;AAAA,UACT,cAAW;AAAA,UACX,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAQ;AAAA;AAAA,QAER;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA;AAAA,QACV;AAAA,MACH;AAAA,MACA,oCAAC,UAAK,WAAU,kBAAe,OAAK;AAAA,IACtC;AAAA,EAEJ,CACF;AAEJ;AAEA,IAAM,wBAA8B;AAAA,EASlC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QAEA,oCAAC,oBACC,oCAAC,mBAAc,GACf;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,sBAAsB,CAAC,MAAM;AAC3B,YAAI,SAAS;AACX,YAAE,eAAe;AAAA,QACnB;AAAA,MACF;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,SAAS,yBAAyB;AAAA,QACpC;AAAA;AAAA,MAEC,iBACC,oCAAC,WAAI,IAEL;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA,MAAM,QAAQ,SAAS;AAAA,UACzB;AAAA;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAM;AAAA,YACN,QAAO;AAAA,YACP,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,UAEf,oCAAC,UAAK,GAAE,kBAAiB;AAAA,QAC3B;AAAA,MACF;AAAA,MAED,CAAC,mBACA;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,MAAM,QAAQ,QAAQ,gBAAgB;AAAA,UACxC;AAAA;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAQ;AAAA;AAAA,UAER;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,GAAE;AAAA,cACF,UAAS;AAAA;AAAA,UACV;AAAA,QACH;AAAA,QACA,oCAAC,UAAK,WAAU,kBAAe,OAAK;AAAA,MACtC;AAAA,IAEJ;AAAA,EACF,CACF;AAEJ;AAEA,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAEF,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAQF,IAAM,iBAAgD,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,EAAM,gBAAU,MAAM;AACpB,QAAI,UAAU;AACZ,eAAS,OAAO;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,CAAC;AACvB,SACE,oCAAC,SAAI,WAAU,0BACb,oCAAC,SAAI,KAAK,UAAU,KAAK,aACvB;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA;AAAA,IAEO,eAAS,IAAI,UAAU,CAAC,OAAO,UACpC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,QACF;AAAA,QACA,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH,CACD;AAAA,EACH,CACF,CACF;AAEJ;AAOA,IAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,IAAU,eAAc,IAAI;AAChE,EAAM,gBAAU,MAAM;AACpB,QAAI,eAAe,SAAS;AAC1B,sBAAgB,eAAe,QAAQ,YAAY;AACnD,cAAQ,IAAI,cAAc,eAAe,QAAQ,YAAY;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,aAAa,cAAc,CAAC;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,QAAQ,gBAAgB;AAAA,QACxB,YAAY;AAAA,MACd;AAAA;AAAA,IAEO,eAAS,IAAI,UAAU,CAAC,OAAO,UACpC;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,gBAAgB,QAAQ,QAAQ,CAAC,KAAK,iBAAiB;AAAA,QAC5D,WAAW;AAAA,UACT,gBAAgB,QAAQ,QAAQ,CAAC,KAC7B,4BACA;AAAA,QACN;AAAA;AAAA,MAEC;AAAA,IACH,CACD;AAAA,EACH;AAEJ;AAOA,IAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,WAAW,GAAG,yBAAyB,SAAS;AAAA;AAAA,IAE/C;AAAA,EACH;AAEJ;AAKA,IAAM,aAAwC,CAAC,EAAE,UAAU,UAAU,MAAM;AACzE,SAAO,oCAAC,SAAI,WAAW,GAAG,aAAa,SAAS,KAAI,QAAS;AAC/D;AAEA,WAAW,cAAc;AACzB,WAAW,cAAc;AACzB,YAAY,cAAc;AAC1B,eAAe,cAAc;AAC7B,sBAAsB,cAAc;AACpC,aAAa,cAAc;AAC3B,aAAa,cAAc;AAC3B,YAAY,cAA8B,sBAAM;AAChD,aAAa,cAA8B,uBAAO;AAClD,cAAc,cAA8B,wBAAQ;AACpD,cAAc,cAA8B,wBAAQ;AACpD,kBAAkB,cAA8B,4BAAY;;;AFzV5D,IAAM,UAAgB,kBAGpB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,YAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,IAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,MAA0B;AACpE,SACE,qCAAC,8BAAQ,GAAG,SACV,qCAAC,iBAAc,WAAU,kDACvB,qCAAC,WAAQ,WAAU,6aAChB,QACH,CACF,CACF;AAEJ;AAEA,IAAM,eAAqB,kBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,sBAAmB;AAAA;AAAA,EAEnB;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAU;AAAA;AAAA,IAEV,qCAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,IAC9B,qCAAC,UAAK,GAAE,kBAAiB;AAAA,EAC3B;AAAA,EACA;AAAA,IAAC,YAAAA,QAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AACF,CACD;AAED,IAAM,cAAoB,kBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,YAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,IAAM,eAAqB,kBAGzB,CAAC,OAAO,QACR;AAAA,EAAC,YAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAU;AAAA,IACT,GAAG;AAAA;AACN,CACD;AAED,IAAM,eAAqB,kBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,YAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,IAAM,mBAAyB,kBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,YAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,uCAAuC,SAAS;AAAA,IAC7D,GAAG;AAAA;AACN,CACD;AAED,IAAM,cAAoB,kBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,YAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT,CAAC,MAAM,YAAY;AAAA,MACnB;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,IAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,GAAG;AACL,MAAoE;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAsBA,IAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA;AAAA,IAEV;AAAA,MAAC;AAAA;AAAA,QACC,cAAa,+BAAO,sBAAqB;AAAA;AAAA,IAC3C;AAAA,IACA,qCAAC,mBACC,qCAAC,qBAAc,+BAAO,cAAa,mBAAoB,GACtD,MAAM,IAAI,CAAC,MAAM,UAAU;AAtNpC;AAuNU,UAAI,KAAK,SAAS,SAAS;AACzB,eACE,qCAAC,gBAAa,SAAS,KAAK,SAAS,KAAK,UACvC,UAAK,UAAL,mBAAY,IAAI,CAAC,SAAS,aACzB;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,UAAU,MAAM;AACd,kBAAI,cAAe,eAAc;AACjC,sBAAQ,OAAO;AAAA,YACjB;AAAA;AAAA,UAEA,qCAAC,QAAQ,MAAR,EAAa,WAAU,uBAAsB;AAAA,UAC9C,qCAAC,cAAM,QAAQ,KAAM;AAAA,UACpB,QAAQ,YACP,qCAAC,uBAAiB,QAAQ,QAAS;AAAA,QAEvC,EAEJ;AAAA,MAEJ,WAAW,KAAK,SAAS,aAAa;AACpC,eAAO,qCAAC,oBAAiB,KAAK,OAAO;AAAA,MACvC;AACA,aAAO;AAAA,IACT,CAAC,CACH;AAAA,EACF;AAEJ;AAOA,IAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,SACE,qCAAC,8BAAQ,GAAG,eACV;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe;AAAA,MACf,WAAU;AAAA;AAAA,IAGV,qCAAC,eAAa,GAAG,cAAc,eAA8B;AAAA,EAC/D,CACF;AAEJ;AAEA,gBAAgB,cAAc;AAC9B,YAAY,cAAc,YAAAA,QAAiB,KAAK;AAChD,iBAAiB,cAAc,YAAAA,QAAiB,UAAU;AAC1D,aAAa,cAAc,YAAAA,QAAiB,MAAM;AAClD,aAAa,cAAc,YAAAA,QAAiB,MAAM;AAClD,YAAY,cAAc,YAAAA,QAAiB,KAAK;AAChD,QAAQ,cAAc,YAAAA,QAAiB;AACvC,aAAa,cAAc,YAAAA,QAAiB,MAAM;","names":["React","CommandPrimitive"]}
+{"version":3,"sources":["../../elements/command/index.ts","../../elements/command/Command.tsx","../../util/index.ts","../../elements/dialog/Dialog.tsx"],"sourcesContent":["export * from \"./Command\";\n","import * as React from \"react\";\n\nimport { DialogProps, DialogPortal, Dialog } from \"@radix-ui/react-dialog\";\nimport { cn } from \"@util/index\";\nimport { Command as CommandPrimitive } from \"cmdk\";\n\nimport { DirectionType } from \"@_types/commonTypes\";\n\nimport { DialogContent } from \"../dialog\";\n\ninterface CommandProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive> {\n  // Include additional props if necessary\n}\n\ninterface CommandDialogProps extends DialogProps {}\n\nexport interface CommandInputProps\n  extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> {}\n\ninterface CommandListProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> {}\n\ninterface CommandEmptyProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> {}\n\ninterface CommandGroupProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> {}\n\ninterface CommandSeparatorProps\n  extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> {}\n\ninterface CommandItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {}\n\ninterface CommandShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nconst Command = React.forwardRef<React.ElementRef<typeof CommandPrimitive>, CommandProps>(\n  ({ className, ...props }, ref) => (\n    <CommandPrimitive\n      ref={ref}\n      className={cn(\n        \"hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-overflow-hidden hawa-rounded-md hawa-bg-popover hawa-text-popover-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"hawa-overflow-hidden hawa-p-0 hawa-shadow-lg\">\n        <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\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  CommandInputProps\n>(({ className, ...props }, ref) => (\n  <div className=\"hawa-flex hawa-items-center hawa-border-b hawa-px-3\" cmdk-input-wrapper=\"\">\n    <svg\n      aria-label=\"Search Icon\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50\"\n    >\n      <circle cx=\"11\" cy=\"11\" r=\"8\" />\n      <path d=\"m21 21-4.3-4.3\" />\n    </svg>\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"hawa-flex hawa-h-11 hawa-w-full hawa-rounded-md hawa-bg-transparent hawa-py-3 hawa-text-sm hawa-outline-none placeholder:hawa-text-muted-foreground disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  </div>\n));\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  CommandListProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\"hawa-max-h-[300px] hawa-overflow-y-auto hawa-overflow-x-hidden\", className)}\n    {...props}\n  />\n));\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  CommandEmptyProps\n>((props, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className=\"hawa-py-6 hawa-text-center hawa-text-sm\"\n    {...props}\n  />\n));\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  CommandGroupProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"hawa-overflow-hidden hawa-p-1 hawa-text-foreground [&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-py-1.5 [&_[cmdk-group-heading]]:hawa-text-xs [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  CommandSeparatorProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn(\"hawa--mx-1 hawa-h-px hawa-bg-border\", className)}\n    {...props}\n  />\n));\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  CommandItemProps\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      !props.disabled && \"hawa-cursor-pointer\",\n      \"hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled='true']:hawa-pointer-events-none data-[disabled='true']:hawa-opacity-50\",\n      className,\n    )}\n    {...props}\n  />\n));\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement> & CommandShortcutProps) => {\n  return (\n    <span\n      className={cn(\n        \"hawa-ms-auto hawa-text-xs hawa-tracking-widest hawa-text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport type FullCommandItem = {\n  type: \"group\" | \"separator\";\n  heading?: string;\n  items?: {\n    icon: React.ElementType;\n    label: string | React.ReactNode;\n    action: () => void;\n    shortcut?: string;\n  }[];\n};\ntype FullCommandProps = {\n  items: FullCommandItem[];\n  direction?: DirectionType;\n  onActionClick?: () => void;\n  texts?: {\n    searchPlaceholder?: string;\n    emptyText?: string;\n  };\n};\n\nconst FullCommand = ({ items, direction = \"ltr\", texts, onActionClick }: FullCommandProps) => {\n  return (\n    <Command dir={direction} className=\"hawa-rounded-lg hawa-border hawa-shadow-md !hawa-h-full\">\n      <CommandInput placeholder={texts?.searchPlaceholder || \"Type a command or search...\"} />\n      <CommandList>\n        <CommandEmpty>{texts?.emptyText || \"No results found.\"}</CommandEmpty>\n        {items.map((item, index) => {\n          if (item.type === \"group\") {\n            return (\n              <CommandGroup heading={item.heading} key={index}>\n                {item.items?.map((subItem, subIndex) => (\n                  <CommandItem\n                    key={subIndex}\n                    onSelect={() => {\n                      if (onActionClick) onActionClick();\n                      subItem.action();\n                    }}\n                  >\n                    <subItem.icon className=\"hawa-icon hawa-me-2\" />\n                    <span>{subItem.label}</span>\n                    {subItem.shortcut && <CommandShortcut>{subItem.shortcut}</CommandShortcut>}\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            );\n          } else if (item.type === \"separator\") {\n            return <CommandSeparator key={index} />;\n          }\n          return null;\n        })}\n      </CommandList>\n    </Command>\n  );\n};\n\ntype AppCommandProps = {\n  commandProps: Omit<FullCommandProps, \"onActionClick\">;\n  dialogProps: DialogProps;\n  onActionClick?: () => void;\n};\nconst AppCommand = ({ commandProps, dialogProps, onActionClick }: AppCommandProps) => {\n  return (\n    <Dialog {...dialogProps}>\n      <DialogContent\n        hideCloseButton\n        className=\"hawa-overflow-hidden !hawa-p-0 hawa-shadow-l\"\n        // !hawa-min-h-[50%]\n      >\n        <FullCommand {...commandProps} onActionClick={onActionClick} />\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nCommandShortcut.displayName = \"CommandShortcut\";\nCommandItem.displayName = CommandPrimitive.Item.displayName;\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\nCommandList.displayName = CommandPrimitive.List.displayName;\nCommand.displayName = CommandPrimitive.displayName;\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nexport {\n  AppCommand,\n  FullCommand,\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\ntype Palette = {\n  name: string;\n  colors: {\n    [key: number]: string;\n  };\n};\ntype Rgb = {\n  r: number;\n  g: number;\n  b: number;\n};\nfunction hexToRgb(hex: string): Rgb | null {\n  const sanitizedHex = hex.replaceAll(\"##\", \"#\");\n  const colorParts = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(sanitizedHex);\n\n  if (!colorParts) {\n    return null;\n  }\n\n  const [, r, g, b] = colorParts;\n\n  return {\n    r: parseInt(r, 16),\n    g: parseInt(g, 16),\n    b: parseInt(b, 16),\n  } as Rgb;\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  const toHex = (c: number) => `0${c.toString(16)}`.slice(-2);\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\nexport function getTextColor(color: string): \"#FFF\" | \"#333\" {\n  const rgbColor = hexToRgb(color);\n\n  if (!rgbColor) {\n    return \"#333\";\n  }\n\n  const { r, g, b } = rgbColor;\n  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  return luma < 120 ? \"#FFF\" : \"#333\";\n}\n\nfunction lighten(hex: string, intensity: number): string {\n  const color = hexToRgb(`#${hex}`);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r + (255 - color.r) * intensity);\n  const g = Math.round(color.g + (255 - color.g) * intensity);\n  const b = Math.round(color.b + (255 - color.b) * intensity);\n\n  return rgbToHex(r, g, b);\n}\n\nfunction darken(hex: string, intensity: number): string {\n  const color = hexToRgb(hex);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r * intensity);\n  const g = Math.round(color.g * intensity);\n  const b = Math.round(color.b * intensity);\n\n  return rgbToHex(r, g, b);\n}\nconst parseColor = (color: any) => {\n  if (color.startsWith(\"#\")) {\n    // Convert hex to RGB\n    let r = parseInt(color.slice(1, 3), 16);\n    let g = parseInt(color.slice(3, 5), 16);\n    let b = parseInt(color.slice(5, 7), 16);\n    return [r, g, b];\n  } else if (color.startsWith(\"rgb\")) {\n    // Extract RGB values from rgb() format\n    return color.match(/\\d+/g).map(Number);\n  }\n  // Default to white if format is unrecognized\n  return [255, 255, 255];\n};\nexport const calculateLuminance = (color: any) => {\n  const [r, g, b] = parseColor(color)?.map((c: any) => {\n    c /= 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\nfunction getPallette(baseColor: string): Palette {\n  const name = baseColor;\n\n  const response: Palette = {\n    name,\n    colors: {\n      500: `#${baseColor}`.replace(\"##\", \"#\"),\n    },\n  };\n\n  const intensityMap: {\n    [key: number]: number;\n  } = {\n    50: 0.95,\n    100: 0.9,\n    200: 0.75,\n    300: 0.6,\n    400: 0.3,\n    600: 0.9,\n    700: 0.75,\n    800: 0.6,\n    900: 0.49,\n  };\n\n  [50, 100, 200, 300, 400].forEach((level) => {\n    response.colors[level] = lighten(baseColor, intensityMap[level]);\n  });\n  [600, 700, 800, 900].forEach((level) => {\n    response.colors[level] = darken(baseColor, intensityMap[level]);\n  });\n\n  return response as Palette;\n}\n\nexport { getPallette };\n\n// const hexToRgb = (hex) => {\n//   let d = hex?.split(\"#\")[1];\n//   var aRgbHex = d?.match(/.{1,2}/g);\n//   var aRgb = [\n//     parseInt(aRgbHex[0], 16),\n//     parseInt(aRgbHex[1], 16),\n//     parseInt(aRgbHex[2], 16)\n//   ];\n//   return aRgb;\n// };\n// const getTextColor = (backColor) => {\n//   let rgbArray = hexToRgb(backColor);\n//   if (rgbArray[0] * 0.299 + rgbArray[1] * 0.587 + rgbArray[2] * 0.114 > 186) {\n//     return \"#000000\";\n//   } else {\n//     return \"#ffffff\";\n//   }\n// };\n// const replaceAt = function (string, index, replacement) {\n//   // if (replacement == \"\" || replacement == \" \") {\n//   //   return (\n//   //     string.substring(0, index) +\n//   //     string.substring(index + replacement.length )\n//   //   );\n//   // }\n//   const replaced = string.substring(0, index) + replacement + string.substring(index + 1)\n//   return replaced\n// };\n\n// export { hexToRgb, getTextColor, replaceAt };\n","import * as React from \"react\";\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { cn } from \"@util/index\";\n\nimport { DirectionType } from \"@_types/commonTypes\";\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = ({ ...props }: DialogPrimitive.DialogPortalProps) => (\n  <DialogPrimitive.Portal {...props} />\n);\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    persist?: boolean;\n    hideCloseButton?: boolean;\n    container?: HTMLElement;\n    overlayProps?: React.ComponentPropsWithoutRef<typeof DialogOverlay>;\n    classNames?: {\n      content?: string;\n      overlay?: string;\n      closeButton?: string;\n    };\n    ids?: {\n      overlay?: string;\n      closeButton?: string;\n      closeIcon?: string;\n    };\n  }\n>(\n  (\n    { ids, className, classNames, children, persist, hideCloseButton, overlayProps, ...props },\n    ref,\n  ) => (\n    <DialogPortal container={props.container}>\n      <DialogOverlay className={classNames?.overlay} id={ids?.overlay} {...overlayProps} />\n      <DialogPrimitive.Content\n        onPointerDownOutside={(e) => {\n          if (persist) {\n            e.preventDefault();\n          }\n        }}\n        ref={ref}\n        className={cn(\n          \"hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-[90%] hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {!hideCloseButton && (\n          <DialogPrimitive.Close\n            className={cn(\n              \"hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground\",\n              props.dir === \"rtl\" ? \"hawa-left-4\" : \"hawa-right-4\",\n              classNames?.closeButton,\n            )}\n            id={ids?.closeButton}\n          >\n            <svg\n              id={ids?.closeIcon}\n              aria-label=\"Close Icon\"\n              aria-hidden=\"true\"\n              className=\"hawa-h-5 hawa-w-5\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 20 20\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                clipRule=\"evenodd\"\n              ></path>\n            </svg>\n            <span className=\"hawa-sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  ),\n);\n\nconst DialogCarouselContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    hideCloseButton?: boolean;\n    hidePrevButton?: boolean;\n    persist?: boolean;\n    onPrev?: () => void;\n  }\n>(({ className, children, onPrev, persist, hideCloseButton, hidePrevButton, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      onPointerDownOutside={(e) => {\n        if (persist) {\n          e.preventDefault();\n        }\n      }}\n      ref={ref}\n      className={cn(\n        \"hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-pt-14 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <div\n        className={cn(\n          \"hawa-absolute hawa-top-0 hawa-flex hawa-w-full hawa-flex-row hawa-p-4\",\n          onPrev ? \"hawa-justify-between\" : \"hawa-justify-end\",\n        )}\n      >\n        {hidePrevButton ? (\n          <div />\n        ) : (\n          <div\n            onClick={onPrev}\n            className={cn(\n              \"hawa-end-0 hawa-cursor-pointer hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground\",\n              props.dir === \"rtl\" && \"hawa-rotate-180\",\n            )}\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              className=\"hawa-h-6 hawa-w-6\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"m15 18-6-6 6-6\" />\n            </svg>\n          </div>\n        )}\n        {!hideCloseButton && (\n          <DialogPrimitive.Close\n            className={cn(\n              \"hawa-end-0 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground\",\n              props.dir === \"rtl\" ? \"hawa-left-4\" : \"hawa-right-4\",\n            )}\n          >\n            <svg\n              aria-label=\"Close Icon\"\n              aria-hidden=\"true\"\n              className=\"hawa-h-6 hawa-w-6\"\n              fill=\"currentColor\"\n              viewBox=\"0 0 20 20\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                clipRule=\"evenodd\"\n              ></path>\n            </svg>\n            <span className=\"hawa-sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </div>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-text-center sm:hawa-text-left\",\n      className,\n    )}\n    {...props}\n  />\n);\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"hawa-text-start hawa-text-lg hawa-font-semibold hawa-leading-none hawa-tracking-tight\",\n      className,\n    )}\n    {...props}\n  />\n));\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"hawa-text-start hawa-text-sm hawa-text-muted-foreground\", className)}\n    {...props}\n  />\n));\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"hawa-flex hawa-flex-col xs:hawa-flex-row sm:hawa-justify-end hawa-gap-2\",\n      className,\n    )}\n    {...props}\n  />\n);\ninterface DialogCarouselProps {\n  children: React.ReactNode;\n  stepsApi?: any;\n  stepsRef?: any;\n  direction?: DirectionType;\n}\nconst DialogCarousel: React.FC<DialogCarouselProps> = ({\n  stepsApi,\n  stepsRef,\n  children,\n  direction,\n}) => {\n  React.useEffect(() => {\n    if (stepsApi) {\n      stepsApi.reInit();\n    }\n  }, [stepsApi, children]);\n  return (\n    <div className=\"hawa-overflow-hidden\">\n      <div ref={stepsRef} dir={direction}>\n        <div\n          className=\"hawa-flex\"\n          style={{\n            transition: \"height 0.2s\",\n          }}\n        >\n          {React.Children.map(children, (child, index) => (\n            <div\n              className={cn(\n                \"hawa-flex hawa-h-fit hawa-flex-[0_0_100%] hawa-items-center hawa-justify-center\",\n              )}\n              key={index}\n            >\n              {child}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\ninterface DialogStepsProps {\n  currentStep: string;\n  // TODO: update this name\n  visibleStepRef: React.RefObject<HTMLDivElement>;\n  children: React.ReactNode;\n}\nconst DialogSteps: React.FC<DialogStepsProps> = ({ currentStep, visibleStepRef, children }) => {\n  const [dialogHeight, setDialogHeight] = React.useState<any>(null);\n  React.useEffect(() => {\n    if (visibleStepRef.current) {\n      setDialogHeight(visibleStepRef.current.offsetHeight);\n      console.log(\"height is \", visibleStepRef.current.offsetHeight);\n    }\n  }, [currentStep, visibleStepRef]);\n\n  return (\n    <div\n      className=\"hawa-relative hawa-overflow-clip\"\n      style={{\n        height: dialogHeight || \"fit-content\",\n        transition: \"height 0.2s\",\n      }}\n    >\n      {React.Children.map(children, (child, index) => (\n        <div\n          ref={currentStep === `step-${index + 1}` ? visibleStepRef : null}\n          className={cn(\n            currentStep === `step-${index + 1}`\n              ? \"hawa-visible hawa-block\"\n              : \"hawa-invisible hawa-hidden\",\n          )}\n        >\n          {child}\n        </div>\n      ))}\n    </div>\n  );\n};\ninterface DialogStepProps {\n  id: string;\n  children: React.ReactNode;\n  className?: string;\n  stepRef?: any;\n}\nconst DialogStep: React.FC<DialogStepProps> = ({ id, children, className, stepRef }) => {\n  return (\n    <div id={id} ref={stepRef} className={cn(\"hawa-w-full hawa-px-1\", className)}>\n      {children}\n    </div>\n  );\n};\ninterface DialogBodyProps {\n  children: React.ReactNode;\n  className?: string;\n}\nconst DialogBody: React.FC<DialogBodyProps> = ({ children, className }) => {\n  return <div className={cn(\"hawa-py-6\", className)}>{children}</div>;\n};\n\nDialogBody.displayName = \"DialogBody\";\nDialogStep.displayName = \"DialogStep\";\nDialogSteps.displayName = \"DialogSteps\";\nDialogCarousel.displayName = \"DialogCarousel\";\nDialogCarouselContent.displayName = \"DialogCarouselContent\";\nDialogHeader.displayName = \"DialogHeader\";\nDialogFooter.displayName = \"DialogFooter\";\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\nDialogPortal.displayName = DialogPrimitive.Portal.displayName;\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\nDialogContent.displayName = DialogPrimitive.Content.displayName;\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogCarousel,\n  DialogCarouselContent,\n  DialogSteps,\n  DialogStep,\n  DialogBody,\n  DialogDescription,\n};\n"],"mappings":"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","names":["React","CommandPrimitive"]}