@sikka/hawa 0.38.14-next → 0.40.0-next

package/dist/blocks/auth/index.mjs

@@ -1,17 +1,17 @@
 "use client";
 import {
   Input
-} from "../../chunk-XFSBC5VI.mjs";
+} from "../../chunk-DYPGZ2IP.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-47APBDKK.mjs";
 import {
   Select
-} from "../../chunk-RTK6REIK.mjs";
+} from "../../chunk-QZIENYTE.mjs";
 import {
   EyeIcon,
   HiddenEyeIcon
-} from "../../chunk-IC5WYNKN.mjs";
+} from "../../chunk-AJTYKC5R.mjs";
 import {
   Button,
   Card,
@@ -24,7 +24,7 @@ import {
   Label,
   Loading,
   cn
-} from "../../chunk-UMOBOCED.mjs";
+} from "../../chunk-CTNKKP2O.mjs";
 
 // blocks/auth/AuthButtons.tsx
 import React2 from "react";
@@ -252,6 +252,13 @@ var Logos = {
       d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
     }
   )),
+  x: (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("title", null, "X"), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
+    }
+  )),
   instagram: (props) => /* @__PURE__ */ React.createElement(
     "svg",
     {
@@ -340,6 +347,23 @@ var Logos = {
       d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
     }
   )),
+  googleplay: (props) => /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("title", null, "Google Play"),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M22.018 13.298l-3.919 2.218-3.515-3.493 3.543-3.521 3.891 2.202a1.49 1.49 0 0 1 0 2.594zM1.337.924a1.486 1.486 0 0 0-.112.568v21.017c0 .217.045.419.124.6l11.155-11.087L1.337.924zm12.207 10.065l3.258-3.238L3.45.195a1.466 1.466 0 0 0-.946-.179l11.04 10.973zm0 2.067l-11 10.933c.298.036.612-.016.906-.183l13.324-7.54-3.23-3.21z"
+      }
+    )
+  ),
   apple: (props) => /* @__PURE__ */ React.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement(
     "path",
     {
@@ -347,6 +371,23 @@ var Logos = {
       fill: "currentColor"
     }
   )),
+  applestore: (props) => /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("title", null, "App Store"),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M8.8086 14.9194l6.1107-11.0368c.0837-.1513.1682-.302.2437-.4584.0685-.142.1267-.2854.1646-.4403.0803-.3259.0588-.6656-.066-.9767-.1238-.3095-.3417-.5678-.6201-.7355a1.4175 1.4175 0 0 0-.921-.1924c-.3207.043-.6135.1935-.8443.4288-.1094.1118-.1996.2361-.2832.369-.092.1463-.175.2979-.259.4492l-.3864.6979-.3865-.6979c-.0837-.1515-.1667-.303-.2587-.4492-.0837-.1329-.1739-.2572-.2835-.369-.2305-.2353-.5233-.3857-.844-.429a1.4181 1.4181 0 0 0-.921.1926c-.2784.1677-.4964.426-.6203.7355-.1246.311-.1461.6508-.066.9767.038.155.0962.2984.1648.4403.0753.1564.1598.307.2437.4584l1.248 2.2543-4.8625 8.7825H2.0295c-.1676 0-.3351-.0007-.5026.0092-.1522.009-.3004.0284-.448.0714-.3108.0906-.5822.2798-.7783.548-.195.2665-.3006.5929-.3006.9279 0 .3352.1057.6612.3006.9277.196.2683.4675.4575.7782.548.1477.043.296.0623.4481.0715.1675.01.335.009.5026.009h13.0974c.0171-.0357.059-.1294.1-.2697.415-1.4151-.6156-2.843-2.0347-2.843zM3.113 18.5418l-.7922 1.5008c-.0818.1553-.1644.31-.2384.4705-.067.1458-.124.293-.1611.452-.0785.3346-.0576.6834.0645 1.0029.1212.3175.3346.583.607.7549.2727.172.5891.2416.9013.1975.3139-.044.6005-.1986.8263-.4402.1072-.1148.1954-.2424.2772-.3787.0902-.1503.1714-.3059.2535-.4612L6 19.4636c-.0896-.149-.9473-1.4704-2.887-.9218m20.5861-3.0056a1.4707 1.4707 0 0 0-.779-.5407c-.1476-.0425-.2961-.0616-.4483-.0705-.1678-.0099-.3352-.0091-.503-.0091H18.648l-4.3891-7.817c-.6655.7005-.9632 1.485-1.0773 2.1976-.1655 1.0333.0367 2.0934.546 3.0004l5.2741 9.3933c.084.1494.167.299.2591.4435.0837.131.1739.2537.2836.364.231.2323.5238.3809.8449.4232.3192.0424.643-.0244.9217-.1899.2784-.1653.4968-.4204.621-.7257.1246-.3072.146-.6425.0658-.9641-.0381-.1529-.0962-.2945-.165-.4346-.0753-.1543-.1598-.303-.2438-.4524l-1.216-2.1662h1.596c.1677 0 .3351.0009.5029-.009.1522-.009.3007-.028.4483-.0705a1.4707 1.4707 0 0 0 .779-.5407A1.5386 1.5386 0 0 0 24 16.452a1.539 1.539 0 0 0-.3009-.9158Z"
+      }
+    )
+  ),
   paypal: (props) => /* @__PURE__ */ React.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement(
     "path",
     {
@@ -379,6 +420,40 @@ var Logos = {
       ...props
     },
     /* @__PURE__ */ React.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
+  ),
+  visa: (props) => /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("title", null, "Visa"),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z"
+      }
+    )
+  ),
+  mastercard: (props) => /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement("title", null, "MasterCard"),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z"
+      }
+    )
   )
 };
 

package/dist/blocks/feedback/index.js

@@ -447,12 +447,12 @@ var Button = React5.forwardRef(
     children,
     labelProps,
     showHelperText = false,
-    inForm = false,
+    asInput = false,
     ...props
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    if (inForm) {
+    if (asInput) {
       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,
         {
@@ -672,6 +672,7 @@ var Radio = (0, import_react4.forwardRef)(
     tabsContainerClassName,
     forceHideHelperText = false,
     onChange,
+    containerClassNames,
     ...props
   }, ref) => {
     var _a, _b, _c;
@@ -727,161 +728,203 @@ var Radio = (0, import_react4.forwardRef)(
     ];
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react4.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react4.default.createElement(
-          "ul",
+        return /* @__PURE__ */ import_react4.default.createElement(
+          "div",
           {
-            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" : "",
-              "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium hawa-h-[40px]",
-              orientationStyle[orientation],
-              widthStyle[width],
-              tabsContainerClassName
+              "hawa-gap-2 hawa-flex hawa-flex-col",
+              containerClassNames == null ? void 0 : containerClassNames.tabs
             )
           },
-          (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-            return opt.tooltip ? /* @__PURE__ */ import_react4.default.createElement(
-              PopoverRoot,
-              {
-                key: o,
-                open: o === openTooltip,
-                onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
-              },
-              /* @__PURE__ */ import_react4.default.createElement(
-                PopoverTrigger,
+          props.label && /* @__PURE__ */ import_react4.default.createElement(Label, { ...labelProps }, props.label),
+          /* @__PURE__ */ import_react4.default.createElement(
+            "ul",
+            {
+              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" : "",
+                "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium hawa-h-[40px]",
+                orientationStyle[orientation],
+                widthStyle[width],
+                tabsContainerClassName
+              )
+            },
+            (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
+              return opt.tooltip ? /* @__PURE__ */ import_react4.default.createElement(
+                PopoverRoot,
                 {
-                  onMouseEnter: () => setOpenTooltip(o),
-                  onMouseLeave: () => setOpenTooltip(null),
-                  asChild: true
+                  key: o,
+                  open: o === openTooltip,
+                  onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
                 },
                 /* @__PURE__ */ import_react4.default.createElement(
-                  "li",
+                  PopoverTrigger,
                   {
-                    "aria-current": "page",
-                    onClick: () => {
-                      if (props.disabled || opt.disabled)
-                        return;
-                      handleChange(opt);
+                    onMouseEnter: () => setOpenTooltip(o),
+                    onMouseLeave: () => setOpenTooltip(null),
+                    asChild: true
+                  },
+                  /* @__PURE__ */ import_react4.default.createElement(
+                    "li",
+                    {
+                      "aria-current": "page",
+                      onClick: () => {
+                        if (props.disabled || opt.disabled)
+                          return;
+                        handleChange(opt);
+                      },
+                      className: cn(
+                        ...radio_option_tabs_styling,
+                        selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                      )
                     },
-                    className: cn(
-                      ...radio_option_tabs_styling,
-                      selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                    )
+                    opt.icon && opt.icon,
+                    opt.label
+                  )
+                ),
+                /* @__PURE__ */ import_react4.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+              ) : /* @__PURE__ */ import_react4.default.createElement(
+                "li",
+                {
+                  key: o,
+                  "aria-current": "page",
+                  onClick: () => {
+                    if (props.disabled || opt.disabled)
+                      return;
+                    handleChange(opt);
                   },
-                  opt.icon && opt.icon,
-                  opt.label
-                )
+                  className: cn(
+                    ...radio_option_tabs_styling,
+                    selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                  )
+                },
+                opt.icon && opt.icon,
+                opt.label
+              );
+            })
+          ),
+          !forceHideHelperText && /* @__PURE__ */ import_react4.default.createElement(HelperText, { helperText: props.helperText })
+        );
+      case "bordered":
+        return /* @__PURE__ */ import_react4.default.createElement(
+          "div",
+          {
+            className: cn(
+              orientationStyle[orientation],
+              "hawa-gap-4",
+              containerClassNames == null ? void 0 : containerClassNames.bordered
+            )
+          },
+          props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react4.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react4.default.createElement(
+            "div",
+            {
+              className: cn(
+                "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+                props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
               ),
-              /* @__PURE__ */ import_react4.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-            ) : /* @__PURE__ */ import_react4.default.createElement(
-              "li",
+              key: i + 1
+            },
+            /* @__PURE__ */ import_react4.default.createElement(
+              "input",
               {
-                key: o,
-                "aria-current": "page",
-                onClick: () => {
-                  if (props.disabled || opt.disabled)
-                    return;
-                  handleChange(opt);
-                },
+                disabled: opt.disabled,
+                id: opt.value.toString(),
+                type: "radio",
+                value: opt.value,
+                name,
+                onChange: () => handleChange(opt)
+              }
+            ),
+            /* @__PURE__ */ import_react4.default.createElement(
+              "label",
+              {
+                htmlFor: opt.value.toString(),
                 className: cn(
-                  ...radio_option_tabs_styling,
-                  selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                  "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
+                  opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
                 )
               },
-              opt.icon && opt.icon,
               opt.label
-            );
-          })
-        ), !forceHideHelperText && /* @__PURE__ */ import_react4.default.createElement(HelperText, { helperText: props.helperText }));
-      case "bordered":
-        return /* @__PURE__ */ import_react4.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react4.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react4.default.createElement(
-          "div",
+            )
+          )))
+        );
+      case "cards":
+        return /* @__PURE__ */ import_react4.default.createElement(
+          "ul",
           {
             className: cn(
-              "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
-              props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
-            ),
-            key: i + 1
+              orientationStyle[orientation],
+              "hawa-gap-4",
+              containerClassNames == null ? void 0 : containerClassNames.cards
+            )
           },
-          /* @__PURE__ */ import_react4.default.createElement(
+          (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react4.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react4.default.createElement(
             "input",
             {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
               type: "radio",
-              value: opt.value,
+              id: opt.value.toString(),
               name,
-              onChange: () => handleChange(opt)
+              value: opt.value.toString(),
+              className: "hawa-peer hawa-hidden",
+              required: true,
+              disabled: opt.disabled
             }
-          ),
-          /* @__PURE__ */ import_react4.default.createElement(
+          ), /* @__PURE__ */ import_react4.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
-                opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+                "hawa-inline-flex hawa-h-full hawa-w-full hawa-transition-all  hawa-items-center hawa-justify-between hawa-rounded-lg hawa-border hawa-border-foreground/10 hawa-bg-background hawa-p-5 hawa-text-gray-500  peer-checked:hawa-border-primary peer-checked:hawa-text-primary dark:hawa-border-foreground/10 dark:hawa-bg-foreground/5 dark:hawa-text-gray-400  dark:peer-checked:hawa-text-primary",
+                opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
               )
             },
-            opt.label
-          )
-        ))));
-      case "cards":
-        return /* @__PURE__ */ import_react4.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react4.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react4.default.createElement(
-          "input",
-          {
-            type: "radio",
-            id: opt.value.toString(),
-            name,
-            value: opt.value.toString(),
-            className: "hawa-peer hawa-hidden",
-            required: true,
-            disabled: opt.disabled
-          }
-        ), /* @__PURE__ */ import_react4.default.createElement(
-          "label",
-          {
-            htmlFor: opt.value.toString(),
-            className: cn(
-              "hawa-inline-flex hawa-h-full hawa-w-full hawa-transition-all  hawa-items-center hawa-justify-between hawa-rounded-lg hawa-border hawa-border-foreground/10 hawa-bg-background hawa-p-5 hawa-text-gray-500  peer-checked:hawa-border-primary peer-checked:hawa-text-primary dark:hawa-border-foreground/10 dark:hawa-bg-foreground/5 dark:hawa-text-gray-400  dark:peer-checked:hawa-text-primary",
-              opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
-            )
-          },
-          /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
-        ))));
+            /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+          )))
+        );
       default:
-        return /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react4.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react4.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react4.default.createElement(
+        return /* @__PURE__ */ import_react4.default.createElement(
           "div",
           {
             className: cn(
-              "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
-              props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
-            ),
-            key: i + 1
+              "hawa-flex hawa-flex-col hawa-gap-2",
+              containerClassNames == null ? void 0 : containerClassNames.default
+            )
           },
-          /* @__PURE__ */ import_react4.default.createElement(
-            "input",
+          props.label && /* @__PURE__ */ import_react4.default.createElement(Label, { ...labelProps }, props.label),
+          /* @__PURE__ */ import_react4.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react4.default.createElement(
+            "div",
             {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name,
-              onChange: () => handleChange(opt)
-            }
-          ),
-          /* @__PURE__ */ import_react4.default.createElement(
-            "label",
-            {
-              htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-text-sm hawa-font-medium  dark:hawa-text-white",
-                opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
-              )
+                "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
+                props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
+              ),
+              key: i + 1
             },
-            opt.label
-          )
-        ))), /* @__PURE__ */ import_react4.default.createElement(HelperText, { helperText: props.helperText }));
+            /* @__PURE__ */ import_react4.default.createElement(
+              "input",
+              {
+                disabled: opt.disabled,
+                id: opt.value.toString(),
+                type: "radio",
+                value: opt.value,
+                name,
+                onChange: () => handleChange(opt)
+              }
+            ),
+            /* @__PURE__ */ import_react4.default.createElement(
+              "label",
+              {
+                htmlFor: opt.value.toString(),
+                className: cn(
+                  "hawa-text-sm hawa-font-medium  dark:hawa-text-white",
+                  opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
+                )
+              },
+              opt.label
+            )
+          ))),
+          /* @__PURE__ */ import_react4.default.createElement(HelperText, { helperText: props.helperText })
+        );
     }
   }
 );

package/dist/blocks/feedback/index.mjs

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

package/dist/blocks/index.d.mts

@@ -1,8 +1,8 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { ThirdPartyAuthTextsTypes, LoginFormTextsTypes, RegisterFormTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.mjs';
-import { P as PhoneInputProps, S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-uQ7DtzcI.mjs';
+import { P as PhoneInputProps, S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-Dyvlywnk.mjs';
 import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-C-g8nFFC.mjs';
-import { M as MenuItemType } from '../DropdownMenu-B3cTLPDi.mjs';
+import { M as MenuItemType } from '../DropdownMenu-FVVDS2rX.mjs';
 import '@radix-ui/react-popover';
 import '@radix-ui/react-dropdown-menu';
 
@@ -414,6 +414,9 @@ type ContactFormProps = {
     onSubmit: (e: ContactFormData) => void;
     customFields?: CustomField[];
     showSuccess?: boolean;
+    classNames?: {
+        submitButton?: string;
+    };
     texts?: {
         submit: string;
         name: TextInputType;

package/dist/blocks/index.d.ts

@@ -1,8 +1,8 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { ThirdPartyAuthTextsTypes, LoginFormTextsTypes, RegisterFormTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.js';
-import { P as PhoneInputProps, S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-lgoClQrv.js';
+import { P as PhoneInputProps, S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-DlPwVCG4.js';
 import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-C-g8nFFC.js';
-import { M as MenuItemType } from '../DropdownMenu-BO1TNMm5.js';
+import { M as MenuItemType } from '../DropdownMenu-SFJtRGAw.js';
 import '@radix-ui/react-popover';
 import '@radix-ui/react-dropdown-menu';
 
@@ -414,6 +414,9 @@ type ContactFormProps = {
     onSubmit: (e: ContactFormData) => void;
     customFields?: CustomField[];
     showSuccess?: boolean;
+    classNames?: {
+        submitButton?: string;
+    };
     texts?: {
         submit: string;
         name: TextInputType;