@sikka/hawa 0.48.1-next → 0.49.0-next

package/dist/blocks/misc/index.js

@@ -330,16 +330,7 @@ var import_tailwind_variants = require("tailwind-variants");
 // elements/chip/Chip.tsx
 var import_react20 = __toESM(require("react"));
 var Chip = import_react20.default.forwardRef(
-  ({
-    label,
-    size = "normal",
-    icon,
-    color,
-    radius = "inherit",
-    dot,
-    dotStatus = "none",
-    ...rest
-  }, ref) => {
+  ({ label, size = "normal", icon, color, radius = "inherit", dot, dotStatus = "none", ...rest }, ref) => {
     let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
     let radiusStyles = {
       inherit: " hawa-rounded",
@@ -386,12 +377,7 @@ var Chip = import_react20.default.forwardRef(
             rest.className
           )
         },
-        dot && /* @__PURE__ */ import_react20.default.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotStatusStyles[dotStatus])
-          }
-        ),
+        dot && /* @__PURE__ */ import_react20.default.createElement("span", { className: cn(dotStyles[size], dotStatusStyles[dotStatus]) }),
         icon && icon,
         label
       );
@@ -486,83 +472,75 @@ var Tabs = React11.forwardRef(
     /* @__PURE__ */ React11.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
   )
 );
-var TabsList = React11.forwardRef(({ className, classNames, ...props }, ref) => {
-  const { orientation, variant, scrollable } = React11.useContext(TabsContext);
-  const { width } = useViewportSize();
-  if (scrollable && width < 768 && orientation === "horizontal") {
-    return /* @__PURE__ */ React11.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React11.createElement(
-      TabsPrimitive.List,
-      {
-        ref,
-        className: cn(
-          tabsListVariant({ variant, orientation }),
-          "hawa-flex-row hawa-flex-nowrap",
-          className
-        ),
-        ...props
-      }
-    ));
-  } else {
-    return /* @__PURE__ */ React11.createElement(
-      TabsPrimitive.List,
-      {
-        ref,
-        className: cn(
-          tabsListVariant({ variant, orientation }),
-          orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
-          "hawa-flex-wrap",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-});
-var TabsTrigger = React11.forwardRef(
-  ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
-    const { orientation, variant } = React11.useContext(TabsContext);
-    if (withPopover) {
-      return /* @__PURE__ */ React11.createElement(Popover.Root, { open: props.showPopover }, /* @__PURE__ */ React11.createElement(Popover.Anchor, { asChild: true }, /* @__PURE__ */ React11.createElement(
-        TabsPrimitive.Trigger,
+var TabsList = React11.forwardRef(
+  ({ className, classNames, ...props }, ref) => {
+    const { orientation, variant, scrollable } = React11.useContext(TabsContext);
+    const { width } = useViewportSize();
+    if (scrollable && width < 768 && orientation === "horizontal") {
+      return /* @__PURE__ */ React11.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React11.createElement(
+        TabsPrimitive.List,
         {
+          ref,
           className: cn(
-            tabsTriggerVariant({ variant, orientation }),
-            "hawa-relative",
+            tabsListVariant({ variant, orientation }),
+            "hawa-flex-row hawa-flex-nowrap",
             className
           ),
           ...props
-        },
-        props.children,
-        chipProps && /* @__PURE__ */ React11.createElement(Chip, { ...chipProps })
-      )), /* @__PURE__ */ React11.createElement(
-        Popover.Content,
-        {
-          onClick: onPopoverClick,
-          asChild: true,
-          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",
-            "hawa-arrow-default-top hawa-mt-2"
-          )
-        },
-        /* @__PURE__ */ React11.createElement("div", { className: "hawa-p-2" }, " ", props.popoverContent)
+        }
       ));
     } else {
       return /* @__PURE__ */ React11.createElement(
-        TabsPrimitive.Trigger,
+        TabsPrimitive.List,
         {
+          ref,
           className: cn(
-            tabsTriggerVariant({ variant, orientation }),
-            "hawa-relative",
+            tabsListVariant({ variant, orientation }),
+            orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
+            "hawa-flex-wrap",
             className
           ),
           ...props
-        },
-        props.children,
-        chipProps && /* @__PURE__ */ React11.createElement(Chip, { ...chipProps })
+        }
       );
     }
   }
 );
+var TabsTrigger = React11.forwardRef(({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
+  const { orientation, variant } = React11.useContext(TabsContext);
+  if (withPopover) {
+    return /* @__PURE__ */ React11.createElement(Popover.Root, { open: props.showPopover }, /* @__PURE__ */ React11.createElement(Popover.Anchor, { asChild: true }, /* @__PURE__ */ React11.createElement(
+      TabsPrimitive.Trigger,
+      {
+        className: cn(tabsTriggerVariant({ variant, orientation }), "hawa-relative", className),
+        ...props
+      },
+      props.children,
+      chipProps && /* @__PURE__ */ React11.createElement(Chip, { ...chipProps })
+    )), /* @__PURE__ */ React11.createElement(
+      Popover.Content,
+      {
+        onClick: onPopoverClick,
+        asChild: true,
+        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",
+          "hawa-arrow-default-top hawa-mt-2"
+        )
+      },
+      /* @__PURE__ */ React11.createElement("div", { className: "hawa-p-2" }, " ", props.popoverContent)
+    ));
+  } else {
+    return /* @__PURE__ */ React11.createElement(
+      TabsPrimitive.Trigger,
+      {
+        className: cn(tabsTriggerVariant({ variant, orientation }), "hawa-relative", className),
+        ...props
+      },
+      props.children,
+      chipProps && /* @__PURE__ */ React11.createElement(Chip, { ...chipProps })
+    );
+  }
+});
 var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
   TabsPrimitive.Content,
   {
@@ -612,9 +590,7 @@ var import_class_variance_authority = require("class-variance-authority");
 
 // elements/helperText/HelperText.tsx
 var import_react22 = __toESM(require("react"));
-var HelperText = ({
-  helperText
-}) => /* @__PURE__ */ import_react22.default.createElement(
+var HelperText = ({ helperText }) => /* @__PURE__ */ import_react22.default.createElement(
   "p",
   {
     className: cn(
@@ -665,38 +641,31 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react23.default.createElement(
-    TooltipPrimitive.TooltipProvider,
+  return /* @__PURE__ */ import_react23.default.createElement(TooltipPrimitive.TooltipProvider, { delayDuration, ...providerProps }, /* @__PURE__ */ import_react23.default.createElement(
+    TooltipPrimitive.Root,
     {
-      delayDuration,
-      ...providerProps
+      open: !disabled && open,
+      defaultOpen,
+      onOpenChange,
+      ...props
     },
+    /* @__PURE__ */ import_react23.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
     /* @__PURE__ */ import_react23.default.createElement(
-      TooltipPrimitive.Root,
+      TooltipContent,
       {
-        open: !disabled && open,
-        defaultOpen,
-        onOpenChange,
-        ...props
+        size,
+        side,
+        align: "center",
+        ...contentProps,
+        style: {
+          ...contentProps == null ? void 0 : contentProps.style,
+          maxWidth: "var(--radix-tooltip-content-available-width)",
+          maxHeight: "var(--radix-tooltip-content-available-height)"
+        }
       },
-      /* @__PURE__ */ import_react23.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react23.default.createElement(
-        TooltipContent,
-        {
-          size,
-          side,
-          align: "center",
-          ...contentProps,
-          style: {
-            ...contentProps == null ? void 0 : contentProps.style,
-            maxWidth: "var(--radix-tooltip-content-available-width)",
-            maxHeight: "var(--radix-tooltip-content-available-height)"
-          }
-        },
-        content
-      )
+      content
     )
-  );
+  ));
 };
 
 // elements/label/Label.tsx
@@ -773,57 +742,42 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ import_react24.default.createElement(
+      return /* @__PURE__ */ import_react24.default.createElement("div", { className: cn("hawa-flex hawa-flex-row hawa-gap-2", classNames == null ? void 0 : classNames.container) }, /* @__PURE__ */ import_react24.default.createElement(
         "div",
         {
           className: cn(
-            "hawa-flex hawa-flex-row hawa-gap-2",
-            classNames == null ? void 0 : classNames.container
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
           )
-        },
-        /* @__PURE__ */ import_react24.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react24.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react24.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        )
-      );
+        }
+      ), /* @__PURE__ */ import_react24.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ import_react24.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ));
     case "square":
       return /* @__PURE__ */ import_react24.default.createElement(
         "svg",
         {
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          ),
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -864,11 +818,7 @@ var Loading = ({
           height: "37",
           width: "37",
           preserveAspectRatio: "xMidYMid meet",
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ import_react24.default.createElement(
           "path",
@@ -911,11 +861,7 @@ var Loading = ({
           viewBox: "0 0 40 40",
           height: "40",
           width: "40",
-          className: cn(
-            "circle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("circle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ import_react24.default.createElement(
           "circle",
@@ -1057,13 +1003,7 @@ Button.displayName = "Button";
 // elements/card/Card.tsx
 var React18 = __toESM(require("react"));
 var Card = React18.forwardRef(
-  ({
-    className,
-    variant = "default",
-    clickable = false,
-    asContainer = false,
-    ...props
-  }, ref) => {
+  ({ className, variant = "default", clickable = false, asContainer = false, ...props }, ref) => {
     let variantStyles = {
       default: cn(
         "hawa-rounded hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
@@ -1075,14 +1015,7 @@ var Card = React18.forwardRef(
         clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
       )
     };
-    return /* @__PURE__ */ React18.createElement(
-      "div",
-      {
-        ref,
-        className: cn(!asContainer && variantStyles[variant], className),
-        ...props
-      }
-    );
+    return /* @__PURE__ */ React18.createElement("div", { ref, className: cn(!asContainer && variantStyles[variant], className), ...props });
   }
 );
 var CardHeader = React18.forwardRef(
@@ -1090,30 +1023,15 @@ var CardHeader = React18.forwardRef(
     "div",
     {
       ref,
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-        className
-      ),
+      className: cn("hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6", className),
       ...props
     }
   ), props.actions && /* @__PURE__ */ React18.createElement("div", { className: "hawa-p-6" }, props.actions))
 );
-var CardTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement(
-  "h3",
-  {
-    ref,
-    className: cn("hawa-text-2xl hawa-font-semibold", className),
-    ...props
-  }
-));
-var CardDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement(
-  "p",
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
+var CardTitle = React18.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement("h3", { ref, className: cn("hawa-text-2xl hawa-font-semibold", className), ...props })
+);
+var CardDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement("p", { ref, className: cn("hawa-text-sm hawa-text-muted-foreground", className), ...props }));
 var CardContent = React18.forwardRef(
   ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React18.createElement(
     "div",
@@ -1440,10 +1358,7 @@ var LeadGenerator = ({ texts, submitHandler }) => {
 
 // blocks/misc/Announcement.tsx
 var import_react30 = __toESM(require("react"));
-var Announcement = ({
-  onActionClick,
-  ...props
-}) => {
+var Announcement = ({ onActionClick, ...props }) => {
   return /* @__PURE__ */ import_react30.default.createElement(Card, null, /* @__PURE__ */ import_react30.default.createElement(
     CardContent,
     {
@@ -1451,14 +1366,7 @@ var Announcement = ({
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
     /* @__PURE__ */ import_react30.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center" }, /* @__PURE__ */ import_react30.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react30.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
-    /* @__PURE__ */ import_react30.default.createElement(
-      Button,
-      {
-        onClick: () => onActionClick(),
-        className: "hawa-whitespace-nowrap"
-      },
-      props.actionText
-    )
+    /* @__PURE__ */ import_react30.default.createElement(Button, { onClick: () => onActionClick(), className: "hawa-whitespace-nowrap" }, props.actionText)
   ));
 };
 
@@ -1686,15 +1594,7 @@ var Textarea = React28.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React28.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React28.createElement(
-        "div",
-        {
-          className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
-        },
-        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-        "/",
-        textareaProps == null ? void 0 : textareaProps.maxLength
-      )),
+      /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React28.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React28.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength)),
       isLoading ? /* @__PURE__ */ React28.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React28.createElement(
         "textarea",
         {
@@ -1727,25 +1627,22 @@ var ContactForm = ({
 }) => {
   var _a, _b, _c, _d, _e;
   const customFieldsSchema = z.object({
-    ...customFields == null ? void 0 : customFields.reduce(
-      (acc, curr) => {
-        switch (curr.type) {
-          case "text":
-            acc[curr.name] = z.string().optional().default("");
-            break;
-          case "number":
-            acc[curr.name] = z.string().optional().default("");
-            break;
-          case "select":
-            acc[curr.name] = z.string().optional().default("");
-            break;
-          default:
-            break;
-        }
-        return acc;
-      },
-      {}
-    )
+    ...customFields == null ? void 0 : customFields.reduce((acc, curr) => {
+      switch (curr.type) {
+        case "text":
+          acc[curr.name] = z.string().optional().default("");
+          break;
+        case "number":
+          acc[curr.name] = z.string().optional().default("");
+          break;
+        case "select":
+          acc[curr.name] = z.string().optional().default("");
+          break;
+        default:
+          break;
+      }
+      return acc;
+    }, {})
   });
   const contactFormSchema = z.object({
     name: z.string({ required_error: (texts == null ? void 0 : texts.name.required) || "Name is required" }).min(1, (texts == null ? void 0 : texts.name.required) || "Name is required").default(""),
@@ -1815,13 +1712,10 @@ var ContactForm = ({
       /* @__PURE__ */ import_react34.default.createElement(
         "div",
         {
-          className: cn(
-            "hawa-flex hawa-items-start hawa-justify-start hawa-gap-2",
-            {
-              "hawa-flex-row": size === "default",
-              "hawa-flex-col": size === "sm"
-            }
-          )
+          className: cn("hawa-flex hawa-items-start hawa-justify-start hawa-gap-2", {
+            "hawa-flex-row": size === "default",
+            "hawa-flex-col": size === "sm"
+          })
         },
         /* @__PURE__ */ import_react34.default.createElement(
           import_react_hook_form2.Controller,
@@ -1919,9 +1813,7 @@ var ContactForm = ({
                   placeholder: texts == null ? void 0 : texts.message.placeholder,
                   className: "hawa-min-h-20",
                   ...field,
-                  onKeyDown: getHotkeyHandler([
-                    ["mod+enter", () => SubmitForm(getValues())]
-                  ])
+                  onKeyDown: getHotkeyHandler([["mod+enter", () => SubmitForm(getValues())]])
                 },
                 classNames: { textarea: "hawa-min-h-40 hawa-h-full" },
                 helperText: (_a2 = errors.message) == null ? void 0 : _a2.message
@@ -1930,14 +1822,7 @@ var ContactForm = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react34.default.createElement(
-        Button,
-        {
-          type: "submit",
-          className: cn("hawa-w-full", classNames == null ? void 0 : classNames.submitButton)
-        },
-        (texts == null ? void 0 : texts.submit) || "Submit"
-      )
+      /* @__PURE__ */ import_react34.default.createElement(Button, { type: "submit", className: cn("hawa-w-full", classNames == null ? void 0 : classNames.submitButton) }, (texts == null ? void 0 : texts.submit) || "Submit")
     ))
   );
 };