@sikka/hawa 0.34.8-next → 0.35.0-next

package/dist/blocks/index.mjs

@@ -25,7 +25,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-QPZ4ZR2B.mjs";
+} from "../chunk-DFWFQWWT.mjs";
 import "../chunk-OPYDG34F.mjs";
 import {
   Button,
@@ -43,7 +43,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-QVF3VLB7.mjs";
+} from "../chunk-IDKXEJET.mjs";
 import "../chunk-JU6Q4Q3T.mjs";
 
 // blocks/auth/AuthButtons.tsx
@@ -1208,7 +1208,7 @@ var CodeConfirmation = (props) => {
       },
       ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
     )),
-    /* @__PURE__ */ React8.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React8.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ React8.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    /* @__PURE__ */ React8.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React8.createElement(Button, { variant: "outline" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ React8.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
   )));
 };
 

package/dist/blocks/misc/index.js

@@ -46,7 +46,7 @@ module.exports = __toCommonJS(misc_exports);
 var import_react18 = __toESM(require("react"));
 
 // elements/scrollArea/ScrollArea.tsx
-var React = __toESM(require("react"));
+var React2 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
 
 // util/index.ts
@@ -57,19 +57,19 @@ function cn(...inputs) {
 }
 
 // elements/scrollArea/ScrollArea.tsx
-var ScrollArea = React.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
+var ScrollArea = React2.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React2.createElement(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("hawa-relative hawa-overflow-hidden", className),
     ...props
   },
-  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
-  /* @__PURE__ */ React.createElement(ScrollBar, { orientation }),
-  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null)
+  /* @__PURE__ */ React2.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React2.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React2.createElement(ScrollAreaPrimitive.Corner, null)
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
+var ScrollBar = React2.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React2.createElement(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -82,7 +82,7 @@ var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...prop
     ),
     ...props
   },
-  /* @__PURE__ */ React.createElement(
+  /* @__PURE__ */ React2.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -95,7 +95,7 @@ var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...prop
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // elements/tabs/Tabs.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 
 // hooks/useIsomorphicEffect.ts
 var import_react = require("react");
@@ -107,7 +107,7 @@ var import_react2 = require("react");
 var import_react3 = require("react");
 
 // hooks/useToast.ts
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 
 // hooks/useCarousel.ts
 var import_react4 = require("react");
@@ -267,7 +267,7 @@ var Chip = import_react17.default.forwardRef(
 );
 
 // elements/floatBox/FloatBox.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var FloatBox = ({
   className,
   open,
@@ -305,7 +305,7 @@ var FloatBox = ({
     right: "hawa-arrow-default-left",
     left: "hawa-arrow-default-right"
   };
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement(
     "div",
     {
       className: cn(
@@ -316,8 +316,8 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    withArrow && /* @__PURE__ */ React12.createElement("div", { className: cn(arrowDirection[side]) }),
-    /* @__PURE__ */ React12.createElement("span", null, props.children)
+    withArrow && /* @__PURE__ */ React13.createElement("div", { className: cn(arrowDirection[side]) }),
+    /* @__PURE__ */ React13.createElement("span", null, props.children)
   );
 };
 
@@ -380,8 +380,8 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   ],
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React13.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React13.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var TabsContext = React14.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React14.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React14.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -392,11 +392,11 @@ var Tabs = React13.forwardRef(({ className, orientation, variant = "default", ..
     ),
     ...props
   },
-  /* @__PURE__ */ React13.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React14.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-var TabsList = React13.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React13.useContext(TabsContext);
-  return /* @__PURE__ */ React13.createElement(
+var TabsList = React14.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React14.useContext(TabsContext);
+  return /* @__PURE__ */ React14.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -409,11 +409,11 @@ var TabsList = React13.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-var TabsTrigger = React13.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React13.useContext(TabsContext);
-  const tabTriggerRef = React13.useRef(null);
+var TabsTrigger = React14.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React14.useContext(TabsContext);
+  const tabTriggerRef = React14.useRef(null);
   const { width } = useMeasureDirty(tabTriggerRef);
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React14.createElement(
     TabsPrimitive.Trigger,
     {
       ref: tabTriggerRef,
@@ -425,8 +425,8 @@ var TabsTrigger = React13.forwardRef(({ className, chipProps, ...props }, ref) =
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React13.createElement(Chip, { ...chipProps }),
-    /* @__PURE__ */ React13.createElement(
+    chipProps && /* @__PURE__ */ React14.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React14.createElement(
       FloatBox,
       {
         withArrow: true,
@@ -439,7 +439,7 @@ var TabsTrigger = React13.forwardRef(({ className, chipProps, ...props }, ref) =
     )
   );
 });
-var TabsContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -483,11 +483,23 @@ var LegalTexts = ({ tabs, ...props }) => {
 var import_react21 = __toESM(require("react"));
 
 // elements/button/Button.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 
+// elements/helperText/HelperText.tsx
+var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
+  "p",
+  {
+    className: cn(
+      "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+      helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+    )
+  },
+  helperText
+);
+
 // elements/label/Label.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 
 // elements/tooltip/Tooltip.tsx
 var import_react19 = __toESM(require("react"));
@@ -561,7 +573,7 @@ var Tooltip = ({
 };
 
 // elements/label/Label.tsx
-var Label = React16.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React16.createElement(
+var Label = React17.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React17.createElement(
   "label",
   {
     ref,
@@ -572,8 +584,8 @@ var Label = React16.forwardRef(({ className, hint, hintSide, required, children,
     ...props
   },
   children,
-  required && /* @__PURE__ */ React16.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React16.createElement(
+  required && /* @__PURE__ */ React17.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React17.createElement(
   Tooltip,
   {
     content: hint,
@@ -583,7 +595,7 @@ var Label = React16.forwardRef(({ className, hint, hintSide, required, children,
       onClick: (event) => event.preventDefault()
     }
   },
-  /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -595,9 +607,9 @@ var Label = React16.forwardRef(({ className, hint, hintSide, required, children,
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React16.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React16.createElement("path", { d: "M12 17h.01" })
+    /* @__PURE__ */ React17.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React17.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React17.createElement("path", { d: "M12 17h.01" })
   ))
 )));
 Label.displayName = "Label";
@@ -848,13 +860,10 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
         smallIcon: "hawa-h-7 hawa-w-7"
       }
     },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+    defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Button = React18.forwardRef(
+var Button = React19.forwardRef(
   ({
     className,
     label,
@@ -864,11 +873,13 @@ var Button = React18.forwardRef(
     centered = true,
     isLoading,
     children,
+    labelProps,
+    showHelperText = 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: "flex flex-col" }, label && /* @__PURE__ */ React18.createElement(Label, { className: "hawa-mb-2" }, label), /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React19.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React19.createElement(
       Comp,
       {
         className: cn(
@@ -878,7 +889,7 @@ var Button = React18.forwardRef(
         ref,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React18.createElement(
+      isLoading ? /* @__PURE__ */ React19.createElement(
         Loading,
         {
           design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -887,14 +898,14 @@ var Button = React18.forwardRef(
           size: size === "sm" || size === "xs" ? "xs" : "button"
         }
       ) : children
-    ));
+    ), showHelperText && /* @__PURE__ */ React19.createElement(HelperText, { helperText: props.helperText }));
   }
 );
 Button.displayName = "Button";
 
 // elements/card/Card.tsx
-var React19 = __toESM(require("react"));
-var Card = React19.forwardRef(
+var React20 = __toESM(require("react"));
+var Card = React20.forwardRef(
   ({
     className,
     variant = "default",
@@ -913,7 +924,7 @@ var Card = React19.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__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(
       "div",
       {
         ref,
@@ -923,7 +934,7 @@ var Card = React19.forwardRef(
     );
   }
 );
-var CardHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+var CardHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
   "div",
   {
     ref,
@@ -934,7 +945,7 @@ var CardHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+var CardTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
   "h3",
   {
     ref,
@@ -942,7 +953,7 @@ var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ...props
   }
 ));
-var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+var CardDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
   "p",
   {
     ref,
@@ -950,8 +961,8 @@ var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-var CardContent = React19.forwardRef(
-  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+var CardContent = React20.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
     "div",
     {
       ref,
@@ -964,7 +975,7 @@ var CardContent = React19.forwardRef(
     }
   )
 );
-var CardFooter = React19.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+var CardFooter = React20.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React20.createElement(
   "div",
   {
     ref,
@@ -1125,7 +1136,7 @@ var Input = (0, import_react24.forwardRef)(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react24.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react24.default.createElement(
+      ), props.isLoading ? /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react24.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react24.default.createElement(
         "div",
         {
           className: cn(
@@ -1486,8 +1497,8 @@ var Select = ({
 };
 
 // elements/textarea/Textarea.tsx
-var React29 = __toESM(require("react"));
-var Textarea = React29.forwardRef(
+var React30 = __toESM(require("react"));
+var Textarea = React30.forwardRef(
   ({
     className,
     classNames,
@@ -1499,7 +1510,7 @@ var Textarea = React29.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React30.createElement(
       "div",
       {
         className: cn(
@@ -1508,7 +1519,7 @@ var Textarea = React29.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React29.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React30.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React30.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React30.createElement(
         "div",
         {
           className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
@@ -1517,7 +1528,7 @@ var Textarea = React29.forwardRef(
         "/",
         textareaProps == null ? void 0 : textareaProps.maxLength
       )),
-      isLoading ? /* @__PURE__ */ React29.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React29.createElement(
+      isLoading ? /* @__PURE__ */ React30.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React30.createElement(
         "textarea",
         {
           ...textareaProps,
@@ -1528,7 +1539,7 @@ var Textarea = React29.forwardRef(
           ref
         }
       ),
-      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React30.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React30.createElement(
         "p",
         {
           className: cn(
@@ -1537,7 +1548,7 @@ var Textarea = React29.forwardRef(
           )
         },
         props.helperText
-      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React29.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
+      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React30.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
     );
   }
 );

package/dist/blocks/misc/index.mjs

@@ -1,17 +1,17 @@
 "use client";
 import {
   Input
-} from "../../chunk-GEB3LM5A.mjs";
+} from "../../chunk-A376BKNX.mjs";
 import {
   Chip,
   ScrollArea
-} from "../../chunk-J7BT4XJR.mjs";
+} from "../../chunk-YOT2GVXO.mjs";
 import {
   Textarea
-} from "../../chunk-AW5FW5TY.mjs";
+} from "../../chunk-L56XQRQI.mjs";
 import {
   Select
-} from "../../chunk-UBNCETCU.mjs";
+} from "../../chunk-GVZWOUGN.mjs";
 import {
   Button,
   Card,
@@ -21,7 +21,7 @@ import {
   CardHeader,
   CardTitle,
   cn
-} from "../../chunk-OS2UOK5C.mjs";
+} from "../../chunk-DABX3SU6.mjs";
 
 // blocks/misc/LegalTexts.tsx
 import React12 from "react";