@sikka/hawa 0.43.5-next → 0.43.6-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"));

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-A6PONMZ6.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) {

package/dist/blocks/index.mjs

@@ -17,7 +17,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-3MJGVWY2.mjs";
+} from "../chunk-VVUNGE7V.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";

package/dist/blocks/pricing/index.js

@@ -63,28 +63,17 @@ var import_class_variance_authority = require("class-variance-authority");
 // elements/helperText/HelperText.tsx
 var import_react3 = __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_react3.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_react3.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 React5 = __toESM(require("react"));

package/dist/blocks/pricing/index.mjs

@@ -2,22 +2,22 @@
 import {
   Chip,
   ScrollArea
-} from "../../chunk-VWJIORNH.mjs";
+} from "../../chunk-FUYMZP4J.mjs";
 import "../../chunk-47APBDKK.mjs";
 import {
   Radio
-} from "../../chunk-QDZMNVKS.mjs";
+} from "../../chunk-A6PONMZ6.mjs";
 import {
   CheckMark,
   UncheckMark
-} from "../../chunk-P7TMXOPP.mjs";
+} from "../../chunk-JDCQLGWW.mjs";
 import {
   Button,
   Card,
   Skeleton,
   Tooltip,
   cn
-} from "../../chunk-ZPNZUWM5.mjs";
+} from "../../chunk-6LI35F6L.mjs";
 
 // blocks/pricing/PricingPlans.tsx
 import React8 from "react";

package/dist/button/index.d.mts

@@ -13,7 +13,7 @@ type LabelProps = {
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "combobox" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
-    size?: "xs" | "sm" | "lg" | "xl" | "default" | "icon" | "heightless" | "smallIcon" | null | undefined;
+    size?: "default" | "icon" | "xs" | "sm" | "lg" | "xl" | "heightless" | "smallIcon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/button/index.d.ts

@@ -13,7 +13,7 @@ type LabelProps = {
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "combobox" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
-    size?: "xs" | "sm" | "lg" | "xl" | "default" | "icon" | "heightless" | "smallIcon" | null | undefined;
+    size?: "default" | "icon" | "xs" | "sm" | "lg" | "xl" | "heightless" | "smallIcon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/button/index.js

@@ -52,28 +52,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"));