@sikka/hawa 0.38.0-next → 0.38.1-next

package/dist/blocks/auth/index.mjs

@@ -1,17 +1,17 @@
 "use client";
 import {
   Input
-} from "../../chunk-TMUQCNLO.mjs";
+} from "../../chunk-XFSBC5VI.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-47APBDKK.mjs";
 import {
   Select
-} from "../../chunk-IA5FLRFL.mjs";
+} from "../../chunk-RTK6REIK.mjs";
 import {
   EyeIcon,
   HiddenEyeIcon
-} from "../../chunk-E6C3LDHD.mjs";
+} from "../../chunk-IC5WYNKN.mjs";
 import {
   Button,
   Card,
@@ -24,7 +24,7 @@ import {
   Label,
   Loading,
   cn
-} from "../../chunk-V4SUYEVH.mjs";
+} from "../../chunk-UMOBOCED.mjs";
 
 // blocks/auth/AuthButtons.tsx
 import React2 from "react";
@@ -2676,7 +2676,7 @@ var LoginForm = ({
         },
         (texts == null ? void 0 : texts.loginText) || "Login"
       ),
-      props.additionalButtons,
+      props.additionalButtons && props.additionalButtons,
       props.allowRegister && /* @__PURE__ */ React5.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ React5.createElement(
         "span",
         {

package/dist/blocks/feedback/index.js

@@ -447,30 +447,54 @@ var Button = React5.forwardRef(
     children,
     labelProps,
     showHelperText = false,
+    inForm = false,
     ...props
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React5.createElement(
-      Comp,
-      {
-        className: cn(
-          buttonVariants({ variant, size, className }),
-          centered && "hawa-justify-center"
-        ),
-        ref,
-        ...props
-      },
-      isLoading ? /* @__PURE__ */ React5.createElement(
-        Loading,
+    if (inForm) {
+      return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React5.createElement(
+        Comp,
         {
-          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
-          themeMode: variant === "outline" ? "light" : "dark",
-          color: loadingColor,
-          size: size === "sm" || size === "xs" ? "xs" : "button"
-        }
-      ) : children
-    ), showHelperText && /* @__PURE__ */ React5.createElement(HelperText, { helperText: props.helperText }));
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React5.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      ), showHelperText && /* @__PURE__ */ React5.createElement(HelperText, { helperText: props.helperText }));
+    } else {
+      return /* @__PURE__ */ React5.createElement(
+        Comp,
+        {
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React5.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      );
+    }
   }
 );
 Button.displayName = "Button";

package/dist/blocks/feedback/index.mjs

@@ -1,27 +1,27 @@
 "use client";
 import {
   Textarea
-} from "../../chunk-4EZL2A64.mjs";
+} from "../../chunk-UJ5SXC3M.mjs";
 import {
   Select
-} from "../../chunk-IA5FLRFL.mjs";
+} from "../../chunk-RTK6REIK.mjs";
 import {
   Popover,
   Radio
-} from "../../chunk-Q3HJI7ZE.mjs";
+} from "../../chunk-WDCKXU54.mjs";
 import {
   BadEmoji,
   GoodEmoji,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../../chunk-E6C3LDHD.mjs";
+} from "../../chunk-IC5WYNKN.mjs";
 import {
   Button,
   Card,
   CardContent,
   Label,
   cn
-} from "../../chunk-V4SUYEVH.mjs";
+} from "../../chunk-UMOBOCED.mjs";
 
 // blocks/feedback/UserReferralSource.tsx
 import React, { useRef, useState } from "react";

package/dist/blocks/index.js

@@ -469,30 +469,54 @@ var Button = React5.forwardRef(
     children,
     labelProps,
     showHelperText = false,
+    inForm = false,
     ...props
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React5.createElement(
-      Comp,
-      {
-        className: cn(
-          buttonVariants({ variant, size, className }),
-          centered && "hawa-justify-center"
-        ),
-        ref,
-        ...props
-      },
-      isLoading ? /* @__PURE__ */ React5.createElement(
-        Loading,
+    if (inForm) {
+      return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React5.createElement(
+        Comp,
         {
-          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
-          themeMode: variant === "outline" ? "light" : "dark",
-          color: loadingColor,
-          size: size === "sm" || size === "xs" ? "xs" : "button"
-        }
-      ) : children
-    ), showHelperText && /* @__PURE__ */ React5.createElement(HelperText, { helperText: props.helperText }));
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React5.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      ), showHelperText && /* @__PURE__ */ React5.createElement(HelperText, { helperText: props.helperText }));
+    } else {
+      return /* @__PURE__ */ React5.createElement(
+        Comp,
+        {
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React5.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      );
+    }
   }
 );
 Button.displayName = "Button";
@@ -3782,7 +3806,7 @@ var LoginForm = ({
         },
         (texts == null ? void 0 : texts.loginText) || "Login"
       ),
-      props.additionalButtons,
+      props.additionalButtons && props.additionalButtons,
       props.allowRegister && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react14.default.createElement(
         "span",
         {

package/dist/blocks/index.mjs

@@ -17,7 +17,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-MHSSZ6XE.mjs";
+} from "../chunk-UDJFVH2I.mjs";
 import "../chunk-ZBUBNKF6.mjs";
 import {
   BadEmoji,
@@ -43,7 +43,7 @@ import {
   VeryBadEmoji,
   VeryGoodEmoji,
   cn
-} from "../chunk-LDJD5ITW.mjs";
+} from "../chunk-V7O5MQZQ.mjs";
 import "../chunk-SYGWSBJL.mjs";
 
 // blocks/auth/AuthButtons.tsx
@@ -443,7 +443,7 @@ var LoginForm = ({
         },
         (texts == null ? void 0 : texts.loginText) || "Login"
       ),
-      props.additionalButtons,
+      props.additionalButtons && props.additionalButtons,
       props.allowRegister && /* @__PURE__ */ React2.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ React2.createElement(
         "span",
         {

package/dist/blocks/misc/index.js

@@ -995,30 +995,54 @@ var Button = React18.forwardRef(
     children,
     labelProps,
     showHelperText = false,
+    inForm = false,
     ...props
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React18.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React18.createElement(
-      Comp,
-      {
-        className: cn(
-          buttonVariants({ variant, size, className }),
-          centered && "hawa-justify-center"
-        ),
-        ref,
-        ...props
-      },
-      isLoading ? /* @__PURE__ */ React18.createElement(
-        Loading,
+    if (inForm) {
+      return /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React18.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React18.createElement(
+        Comp,
         {
-          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
-          themeMode: variant === "outline" ? "light" : "dark",
-          color: loadingColor,
-          size: size === "sm" || size === "xs" ? "xs" : "button"
-        }
-      ) : children
-    ), showHelperText && /* @__PURE__ */ React18.createElement(HelperText, { helperText: props.helperText }));
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React18.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      ), showHelperText && /* @__PURE__ */ React18.createElement(HelperText, { helperText: props.helperText }));
+    } else {
+      return /* @__PURE__ */ React18.createElement(
+        Comp,
+        {
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React18.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      );
+    }
   }
 );
 Button.displayName = "Button";

package/dist/blocks/misc/index.mjs

@@ -1,17 +1,17 @@
 "use client";
 import {
   Input
-} from "../../chunk-TMUQCNLO.mjs";
+} from "../../chunk-XFSBC5VI.mjs";
 import {
   Chip,
   ScrollArea
-} from "../../chunk-JJMRBD3S.mjs";
+} from "../../chunk-EZBHA2IL.mjs";
 import {
   Textarea
-} from "../../chunk-4EZL2A64.mjs";
+} from "../../chunk-UJ5SXC3M.mjs";
 import {
   Select
-} from "../../chunk-IA5FLRFL.mjs";
+} from "../../chunk-RTK6REIK.mjs";
 import {
   Button,
   Card,
@@ -21,7 +21,7 @@ import {
   CardHeader,
   CardTitle,
   cn
-} from "../../chunk-V4SUYEVH.mjs";
+} from "../../chunk-UMOBOCED.mjs";
 
 // blocks/misc/LegalTexts.tsx
 import React11 from "react";

package/dist/blocks/pricing/index.js

@@ -450,30 +450,54 @@ var Button = React7.forwardRef(
     children,
     labelProps,
     showHelperText = false,
+    inForm = false,
     ...props
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React7.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React7.createElement(
-      Comp,
-      {
-        className: cn(
-          buttonVariants({ variant, size, className }),
-          centered && "hawa-justify-center"
-        ),
-        ref,
-        ...props
-      },
-      isLoading ? /* @__PURE__ */ React7.createElement(
-        Loading,
+    if (inForm) {
+      return /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React7.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React7.createElement(
+        Comp,
         {
-          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
-          themeMode: variant === "outline" ? "light" : "dark",
-          color: loadingColor,
-          size: size === "sm" || size === "xs" ? "xs" : "button"
-        }
-      ) : children
-    ), showHelperText && /* @__PURE__ */ React7.createElement(HelperText, { helperText: props.helperText }));
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React7.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      ), showHelperText && /* @__PURE__ */ React7.createElement(HelperText, { helperText: props.helperText }));
+    } else {
+      return /* @__PURE__ */ React7.createElement(
+        Comp,
+        {
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React7.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      );
+    }
   }
 );
 Button.displayName = "Button";

package/dist/blocks/pricing/index.mjs

@@ -2,22 +2,22 @@
 import {
   Chip,
   ScrollArea
-} from "../../chunk-JJMRBD3S.mjs";
+} from "../../chunk-EZBHA2IL.mjs";
 import "../../chunk-47APBDKK.mjs";
 import {
   Radio
-} from "../../chunk-Q3HJI7ZE.mjs";
+} from "../../chunk-WDCKXU54.mjs";
 import {
   CheckMark,
   UncheckMark
-} from "../../chunk-E6C3LDHD.mjs";
+} from "../../chunk-IC5WYNKN.mjs";
 import {
   Button,
   Card,
   Skeleton,
   Tooltip,
   cn
-} from "../../chunk-V4SUYEVH.mjs";
+} from "../../chunk-UMOBOCED.mjs";
 
 // blocks/pricing/PricingPlans.tsx
 import React8 from "react";

package/dist/button/index.d.mts

@@ -24,6 +24,10 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
     /** The small red text under the input field to show validation.   */
     helperText?: any;
     showHelperText?: boolean;
+    /**
+     * If true, the button will include a label and helper text. This is useful for forms where the button is part of the form.
+     */
+    inForm?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 

package/dist/button/index.d.ts

@@ -24,6 +24,10 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
     /** The small red text under the input field to show validation.   */
     helperText?: any;
     showHelperText?: boolean;
+    /**
+     * If true, the button will include a label and helper text. This is useful for forms where the button is part of the form.
+     */
+    inForm?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 

package/dist/button/index.js

@@ -439,30 +439,54 @@ var Button = React5.forwardRef(
     children,
     labelProps,
     showHelperText = false,
+    inForm = false,
     ...props
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React5.createElement(
-      Comp,
-      {
-        className: cn(
-          buttonVariants({ variant, size, className }),
-          centered && "hawa-justify-center"
-        ),
-        ref,
-        ...props
-      },
-      isLoading ? /* @__PURE__ */ React5.createElement(
-        Loading,
+    if (inForm) {
+      return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React5.createElement(
+        Comp,
         {
-          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
-          themeMode: variant === "outline" ? "light" : "dark",
-          color: loadingColor,
-          size: size === "sm" || size === "xs" ? "xs" : "button"
-        }
-      ) : children
-    ), showHelperText && /* @__PURE__ */ React5.createElement(HelperText, { helperText: props.helperText }));
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React5.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      ), showHelperText && /* @__PURE__ */ React5.createElement(HelperText, { helperText: props.helperText }));
+    } else {
+      return /* @__PURE__ */ React5.createElement(
+        Comp,
+        {
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React5.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      );
+    }
   }
 );
 Button.displayName = "Button";