@sikka/hawa 0.43.5-next → 0.44.0-next

package/dist/blocks/auth/index.mjs

@@ -1,17 +1,17 @@
 "use client";
 import {
   Input
-} from "../../chunk-QBPDB7E2.mjs";
+} from "../../chunk-JKZQWCAQ.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-47APBDKK.mjs";
 import {
   Select
-} from "../../chunk-PORTGNAK.mjs";
+} from "../../chunk-DYYINLRJ.mjs";
 import {
   EyeIcon,
   HiddenEyeIcon
-} from "../../chunk-P7TMXOPP.mjs";
+} from "../../chunk-JDCQLGWW.mjs";
 import {
   Button,
   Card,
@@ -24,7 +24,7 @@ import {
   Label,
   Loading,
   cn
-} from "../../chunk-ZPNZUWM5.mjs";
+} from "../../chunk-6LI35F6L.mjs";
 
 // blocks/auth/AuthButtons.tsx
 import React2 from "react";
@@ -663,7 +663,7 @@ var Alert = ({
   severity = "none",
   duration,
   icon,
-  className,
+  classNames,
   ...props
 }) => {
   const alertRef = useRef(null);
@@ -714,21 +714,25 @@ var Alert = ({
         "hawa-relative hawa-mb-4 hawa-flex hawa-flex-col hawa-rounded hawa-p-4 hawa-text-sm hawa-transition-all",
         styleVariant[severity],
         closed ? "hawa-opacity-0" : "hawa-opacity-100",
-        className
+        classNames == null ? void 0 : classNames.root
       )
     },
     /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ React3.createElement(
       "div",
       {
-        className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
+        className: cn(
+          direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1",
+          classNames == null ? void 0 : classNames.icon
+        )
       },
       icon
-    ), /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React3.createElement(
+    ), /* @__PURE__ */ React3.createElement("div", { className: cn("hawa-flex hawa-flex-col", classNames == null ? void 0 : classNames.content) }, /* @__PURE__ */ React3.createElement(
       "span",
       {
         className: cn(
           "hawa-font-bold",
-          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
+          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
+          classNames == null ? void 0 : classNames.title
         )
       },
       props.title
@@ -737,19 +741,29 @@ var Alert = ({
       {
         className: cn(
           direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
-          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
+          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]",
+          classNames == null ? void 0 : classNames.text
         )
       },
       props.text
-    ), props.actions && /* @__PURE__ */ React3.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ React3.createElement(
-      Button,
+    ), props.actions && /* @__PURE__ */ React3.createElement(
+      "div",
       {
-        key: index,
-        variant: act.variant,
-        onClick: act.onClick()
+        className: cn(
+          "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2",
+          classNames == null ? void 0 : classNames.actions
+        )
       },
-      act.label
-    ))))),
+      props.actions.map((act, index) => /* @__PURE__ */ React3.createElement(
+        Button,
+        {
+          key: index,
+          variant: act.variant,
+          onClick: act.onClick()
+        },
+        act.label
+      ))
+    ))),
     !props.persistent && /* @__PURE__ */ React3.createElement(
       "button",
       {
@@ -759,7 +773,8 @@ var Alert = ({
         className: cn(
           "hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all hover:hawa-text-gray-900",
           closeButtonStyle[severity],
-          direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
+          direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
+          classNames == null ? void 0 : classNames.closeButton
         ),
         onClick: () => {
           if (props.onAlertClosed) {

package/dist/blocks/feedback/index.js

@@ -60,28 +60,17 @@ var import_class_variance_authority = require("class-variance-authority");
 // elements/helperText/HelperText.tsx
 var import_react = __toESM(require("react"));
 var HelperText = ({
-  helperText,
-  size = "xs"
-}) => {
-  let sizes = {
-    xs: "hawa-text-xs hawa-h-4",
-    sm: "hawa-text-sm",
-    md: "hawa-text-md",
-    lg: "hawa-text-lg",
-    xl: "hawa-text-xl"
-  };
-  return /* @__PURE__ */ import_react.default.createElement(
-    "p",
-    {
-      className: cn(
-        "hawa-my-0 hawa-text-start hawa-text-helper-color hawa-transition-all",
-        helperText ? "hawa-opacity-100" : "hawa-h-0 hawa-opacity-0",
-        sizes[size]
-      )
-    },
-    helperText
-  );
-};
+  helperText
+}) => /* @__PURE__ */ import_react.default.createElement(
+  "p",
+  {
+    className: cn(
+      "hawa-my-0 hawa-text-start hawa-text-helper-color hawa-transition-all hawa-text-xs",
+      helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-h-0 hawa-opacity-0"
+    )
+  },
+  helperText
+);
 
 // elements/label/Label.tsx
 var React3 = __toESM(require("react"));
@@ -607,6 +596,7 @@ Card.displayName = "Card";
 
 // elements/radio/Radio.tsx
 var import_react4 = __toESM(require("react"));
+var import_react_tabs = require("@radix-ui/react-tabs");
 
 // elements/popover/Popover.tsx
 var React7 = __toESM(require("react"));
@@ -750,9 +740,10 @@ var Radio = (0, import_react4.forwardRef)(
             )
           },
           props.label && /* @__PURE__ */ import_react4.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react4.default.createElement(
-            "ul",
+          /* @__PURE__ */ import_react4.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react4.default.createElement(
+            import_react_tabs.TabsList,
             {
+              role: "tablist",
               ref: parentRef,
               className: cn(
                 props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
@@ -778,9 +769,12 @@ var Radio = (0, import_react4.forwardRef)(
                     asChild: true
                   },
                   /* @__PURE__ */ import_react4.default.createElement(
-                    "li",
+                    import_react_tabs.TabsTrigger,
                     {
-                      "aria-current": "page",
+                      "aria-current": selectedOption === opt.value ? "page" : void 0,
+                      value: opt.value,
+                      role: "tab",
+                      tabIndex: 0,
                       onClick: () => {
                         if (props.disabled || opt.disabled) return;
                         handleChange(opt);
@@ -796,10 +790,12 @@ var Radio = (0, import_react4.forwardRef)(
                 ),
                 /* @__PURE__ */ import_react4.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
               ) : /* @__PURE__ */ import_react4.default.createElement(
-                "li",
+                import_react_tabs.TabsTrigger,
                 {
                   key: o,
-                  "aria-current": "page",
+                  role: "tab",
+                  tabIndex: 0,
+                  "aria-current": selectedOption === opt.value ? "page" : void 0,
                   onClick: () => {
                     if (props.disabled || opt.disabled) return;
                     handleChange(opt);
@@ -807,13 +803,14 @@ var Radio = (0, import_react4.forwardRef)(
                   className: cn(
                     ...radio_option_tabs_styling,
                     selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  )
+                  ),
+                  value: opt.value
                 },
                 opt.icon && opt.icon,
                 opt.label
               );
             })
-          ),
+          )),
           !forceHideHelperText && /* @__PURE__ */ import_react4.default.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":

package/dist/blocks/feedback/index.mjs

@@ -1,26 +1,26 @@
 "use client";
 import {
   Textarea
-} from "../../chunk-WJ6XCEUI.mjs";
+} from "../../chunk-FIUKVRL5.mjs";
 import {
   Select
-} from "../../chunk-PORTGNAK.mjs";
+} from "../../chunk-DYYINLRJ.mjs";
 import {
   Popover,
   Radio
-} from "../../chunk-QDZMNVKS.mjs";
+} from "../../chunk-OE6XZ6LW.mjs";
 import {
   BadEmoji,
   GoodEmoji,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../../chunk-P7TMXOPP.mjs";
+} from "../../chunk-JDCQLGWW.mjs";
 import {
   Button,
   Card,
   CardContent,
   cn
-} from "../../chunk-ZPNZUWM5.mjs";
+} from "../../chunk-6LI35F6L.mjs";
 
 // blocks/feedback/UserReferralSource.tsx
 import React, { useRef, useState } from "react";

package/dist/blocks/index.js

@@ -82,28 +82,17 @@ var import_class_variance_authority = require("class-variance-authority");
 // elements/helperText/HelperText.tsx
 var import_react = __toESM(require("react"));
 var HelperText = ({
-  helperText,
-  size = "xs"
-}) => {
-  let sizes = {
-    xs: "hawa-text-xs hawa-h-4",
-    sm: "hawa-text-sm",
-    md: "hawa-text-md",
-    lg: "hawa-text-lg",
-    xl: "hawa-text-xl"
-  };
-  return /* @__PURE__ */ import_react.default.createElement(
-    "p",
-    {
-      className: cn(
-        "hawa-my-0 hawa-text-start hawa-text-helper-color hawa-transition-all",
-        helperText ? "hawa-opacity-100" : "hawa-h-0 hawa-opacity-0",
-        sizes[size]
-      )
-    },
-    helperText
-  );
-};
+  helperText
+}) => /* @__PURE__ */ import_react.default.createElement(
+  "p",
+  {
+    className: cn(
+      "hawa-my-0 hawa-text-start hawa-text-helper-color hawa-transition-all hawa-text-xs",
+      helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-h-0 hawa-opacity-0"
+    )
+  },
+  helperText
+);
 
 // elements/label/Label.tsx
 var React3 = __toESM(require("react"));
@@ -1163,7 +1152,7 @@ var Alert = ({
   severity = "none",
   duration,
   icon,
-  className,
+  classNames,
   ...props
 }) => {
   const alertRef = (0, import_react6.useRef)(null);
@@ -1214,21 +1203,25 @@ var Alert = ({
         "hawa-relative hawa-mb-4 hawa-flex hawa-flex-col hawa-rounded hawa-p-4 hawa-text-sm hawa-transition-all",
         styleVariant[severity],
         closed ? "hawa-opacity-0" : "hawa-opacity-100",
-        className
+        classNames == null ? void 0 : classNames.root
       )
     },
     /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react6.default.createElement(
       "div",
       {
-        className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
+        className: cn(
+          direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1",
+          classNames == null ? void 0 : classNames.icon
+        )
       },
       icon
-    ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react6.default.createElement(
+    ), /* @__PURE__ */ import_react6.default.createElement("div", { className: cn("hawa-flex hawa-flex-col", classNames == null ? void 0 : classNames.content) }, /* @__PURE__ */ import_react6.default.createElement(
       "span",
       {
         className: cn(
           "hawa-font-bold",
-          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
+          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
+          classNames == null ? void 0 : classNames.title
         )
       },
       props.title
@@ -1237,19 +1230,29 @@ var Alert = ({
       {
         className: cn(
           direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
-          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
+          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]",
+          classNames == null ? void 0 : classNames.text
         )
       },
       props.text
-    ), props.actions && /* @__PURE__ */ import_react6.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react6.default.createElement(
-      Button,
+    ), props.actions && /* @__PURE__ */ import_react6.default.createElement(
+      "div",
       {
-        key: index,
-        variant: act.variant,
-        onClick: act.onClick()
+        className: cn(
+          "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2",
+          classNames == null ? void 0 : classNames.actions
+        )
       },
-      act.label
-    ))))),
+      props.actions.map((act, index) => /* @__PURE__ */ import_react6.default.createElement(
+        Button,
+        {
+          key: index,
+          variant: act.variant,
+          onClick: act.onClick()
+        },
+        act.label
+      ))
+    ))),
     !props.persistent && /* @__PURE__ */ import_react6.default.createElement(
       "button",
       {
@@ -1259,7 +1262,8 @@ var Alert = ({
         className: cn(
           "hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all hover:hawa-text-gray-900",
           closeButtonStyle[severity],
-          direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
+          direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
+          classNames == null ? void 0 : classNames.closeButton
         ),
         onClick: () => {
           if (props.onAlertClosed) {
@@ -5062,6 +5066,7 @@ var z6 = __toESM(require("zod"));
 
 // elements/radio/Radio.tsx
 var import_react25 = __toESM(require("react"));
+var import_react_tabs = require("@radix-ui/react-tabs");
 
 // elements/popover/Popover.tsx
 var React27 = __toESM(require("react"));
@@ -5205,9 +5210,10 @@ var Radio = (0, import_react25.forwardRef)(
             )
           },
           props.label && /* @__PURE__ */ import_react25.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react25.default.createElement(
-            "ul",
+          /* @__PURE__ */ import_react25.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react25.default.createElement(
+            import_react_tabs.TabsList,
             {
+              role: "tablist",
               ref: parentRef,
               className: cn(
                 props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
@@ -5233,9 +5239,12 @@ var Radio = (0, import_react25.forwardRef)(
                     asChild: true
                   },
                   /* @__PURE__ */ import_react25.default.createElement(
-                    "li",
+                    import_react_tabs.TabsTrigger,
                     {
-                      "aria-current": "page",
+                      "aria-current": selectedOption === opt.value ? "page" : void 0,
+                      value: opt.value,
+                      role: "tab",
+                      tabIndex: 0,
                       onClick: () => {
                         if (props.disabled || opt.disabled) return;
                         handleChange(opt);
@@ -5251,10 +5260,12 @@ var Radio = (0, import_react25.forwardRef)(
                 ),
                 /* @__PURE__ */ import_react25.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
               ) : /* @__PURE__ */ import_react25.default.createElement(
-                "li",
+                import_react_tabs.TabsTrigger,
                 {
                   key: o,
-                  "aria-current": "page",
+                  role: "tab",
+                  tabIndex: 0,
+                  "aria-current": selectedOption === opt.value ? "page" : void 0,
                   onClick: () => {
                     if (props.disabled || opt.disabled) return;
                     handleChange(opt);
@@ -5262,13 +5273,14 @@ var Radio = (0, import_react25.forwardRef)(
                   className: cn(
                     ...radio_option_tabs_styling,
                     selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  )
+                  ),
+                  value: opt.value
                 },
                 opt.icon && opt.icon,
                 opt.label
               );
             })
-          ),
+          )),
           !forceHideHelperText && /* @__PURE__ */ import_react25.default.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":
@@ -6282,7 +6294,7 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
 var TabsContext = React44.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
-var Tabs = React44.forwardRef(
+var Tabs2 = React44.forwardRef(
   ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React44.createElement(
     TabsPrimitive.Root,
     {
@@ -6297,7 +6309,7 @@ var Tabs = React44.forwardRef(
     /* @__PURE__ */ React44.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
   )
 );
-var TabsList = React44.forwardRef(({ className, classNames, ...props }, ref) => {
+var TabsList2 = React44.forwardRef(({ className, classNames, ...props }, ref) => {
   const { orientation, variant, scrollable } = React44.useContext(TabsContext);
   const { width } = useViewportSize();
   if (scrollable && width < 768 && orientation === "horizontal") {
@@ -6329,7 +6341,7 @@ var TabsList = React44.forwardRef(({ className, classNames, ...props }, ref) =>
     );
   }
 });
-var TabsTrigger = React44.forwardRef(
+var TabsTrigger2 = React44.forwardRef(
   ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
     const { orientation, variant } = React44.useContext(TabsContext);
     if (withPopover) {
@@ -6385,22 +6397,22 @@ var TabsContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-Tabs.displayName = TabsPrimitive.Root.displayName;
-TabsList.displayName = TabsPrimitive.List.displayName;
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+Tabs2.displayName = TabsPrimitive.Root.displayName;
+TabsList2.displayName = TabsPrimitive.List.displayName;
+TabsTrigger2.displayName = TabsPrimitive.Trigger.displayName;
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // blocks/misc/LegalTexts.tsx
 var LegalTexts = ({ tabs, ...props }) => {
   return /* @__PURE__ */ import_react50.default.createElement(
-    Tabs,
+    Tabs2,
     {
       value: props.activeTab,
       onValueChange: props.handleTabChange,
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ import_react50.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react50.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    /* @__PURE__ */ import_react50.default.createElement(TabsList2, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react50.default.createElement(TabsTrigger2, { key: index, value: tab.value }, tab.title))),
     tabs.map((tab, index) => /* @__PURE__ */ import_react50.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react50.default.createElement(
       ScrollArea,
       {

package/dist/blocks/index.mjs

@@ -17,7 +17,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-3MJGVWY2.mjs";
+} from "../chunk-MEXJAHQV.mjs";
 import "../chunk-WL7C2A5D.mjs";
 import {
   BadEmoji,
@@ -42,7 +42,7 @@ import {
   VeryBadEmoji,
   VeryGoodEmoji,
   cn
-} from "../chunk-RPJYSE6Y.mjs";
+} from "../chunk-3B7UZCET.mjs";
 import "../chunk-2LUXOXAL.mjs";
 
 // blocks/auth/AuthButtons.tsx

package/dist/blocks/misc/index.js

@@ -555,28 +555,17 @@ var import_class_variance_authority = require("class-variance-authority");
 // elements/helperText/HelperText.tsx
 var import_react22 = __toESM(require("react"));
 var HelperText = ({
-  helperText,
-  size = "xs"
-}) => {
-  let sizes = {
-    xs: "hawa-text-xs hawa-h-4",
-    sm: "hawa-text-sm",
-    md: "hawa-text-md",
-    lg: "hawa-text-lg",
-    xl: "hawa-text-xl"
-  };
-  return /* @__PURE__ */ import_react22.default.createElement(
-    "p",
-    {
-      className: cn(
-        "hawa-my-0 hawa-text-start hawa-text-helper-color hawa-transition-all",
-        helperText ? "hawa-opacity-100" : "hawa-h-0 hawa-opacity-0",
-        sizes[size]
-      )
-    },
-    helperText
-  );
-};
+  helperText
+}) => /* @__PURE__ */ import_react22.default.createElement(
+  "p",
+  {
+    className: cn(
+      "hawa-my-0 hawa-text-start hawa-text-helper-color hawa-transition-all hawa-text-xs",
+      helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-h-0 hawa-opacity-0"
+    )
+  },
+  helperText
+);
 
 // elements/label/Label.tsx
 var React15 = __toESM(require("react"));

package/dist/blocks/misc/index.mjs

@@ -1,17 +1,17 @@
 "use client";
 import {
   Input
-} from "../../chunk-QBPDB7E2.mjs";
+} from "../../chunk-JKZQWCAQ.mjs";
 import {
   Chip,
   ScrollArea
-} from "../../chunk-VWJIORNH.mjs";
+} from "../../chunk-FUYMZP4J.mjs";
 import {
   Textarea
-} from "../../chunk-WJ6XCEUI.mjs";
+} from "../../chunk-FIUKVRL5.mjs";
 import {
   Select
-} from "../../chunk-PORTGNAK.mjs";
+} from "../../chunk-DYYINLRJ.mjs";
 import {
   Button,
   Card,
@@ -21,7 +21,7 @@ import {
   CardHeader,
   CardTitle,
   cn
-} from "../../chunk-ZPNZUWM5.mjs";
+} from "../../chunk-6LI35F6L.mjs";
 
 // blocks/misc/LegalTexts.tsx
 import React10 from "react";