@sikka/hawa 0.43.6-next → 0.45.0-next

package/dist/index.js

@@ -216,10 +216,10 @@ __export(components_exports, {
   TableHead: () => TableHead,
   TableHeader: () => TableHeader,
   TableRow: () => TableRow,
-  Tabs: () => Tabs,
+  Tabs: () => Tabs2,
   TabsContent: () => TabsContent,
-  TabsList: () => TabsList,
-  TabsTrigger: () => TabsTrigger,
+  TabsList: () => TabsList2,
+  TabsTrigger: () => TabsTrigger2,
   Testimonial: () => Testimonial,
   Textarea: () => Textarea,
   Toast: () => Toast,
@@ -3913,6 +3913,7 @@ var BackToTop = ({ ...props }) => {
 
 // elements/radio/Radio.tsx
 var import_react13 = __toESM(require("react"));
+var import_react_tabs = require("@radix-ui/react-tabs");
 
 // elements/popover/Popover.tsx
 var React26 = __toESM(require("react"));
@@ -4057,9 +4058,10 @@ var Radio = (0, import_react13.forwardRef)(
             )
           },
           props.label && /* @__PURE__ */ import_react13.default.createElement(Label2, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react13.default.createElement(
-            "ul",
+          /* @__PURE__ */ import_react13.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react13.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" : "",
@@ -4085,9 +4087,12 @@ var Radio = (0, import_react13.forwardRef)(
                     asChild: true
                   },
                   /* @__PURE__ */ import_react13.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);
@@ -4103,10 +4108,12 @@ var Radio = (0, import_react13.forwardRef)(
                 ),
                 /* @__PURE__ */ import_react13.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
               ) : /* @__PURE__ */ import_react13.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);
@@ -4114,13 +4121,14 @@ var Radio = (0, import_react13.forwardRef)(
                   className: cn(
                     ...radio_option_tabs_styling,
                     selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  )
+                  ),
+                  value: opt.value
                 },
                 opt.icon && opt.icon,
                 opt.label
               );
             })
-          ),
+          )),
           !forceHideHelperText && /* @__PURE__ */ import_react13.default.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":
@@ -5649,7 +5657,7 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
 var TabsContext = React42.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
-var Tabs = React42.forwardRef(
+var Tabs2 = React42.forwardRef(
   ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React42.createElement(
     TabsPrimitive.Root,
     {
@@ -5664,7 +5672,7 @@ var Tabs = React42.forwardRef(
     /* @__PURE__ */ React42.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
   )
 );
-var TabsList = React42.forwardRef(({ className, classNames, ...props }, ref) => {
+var TabsList2 = React42.forwardRef(({ className, classNames, ...props }, ref) => {
   const { orientation, variant, scrollable } = React42.useContext(TabsContext);
   const { width } = useViewportSize();
   if (scrollable && width < 768 && orientation === "horizontal") {
@@ -5696,7 +5704,7 @@ var TabsList = React42.forwardRef(({ className, classNames, ...props }, ref) =>
     );
   }
 });
-var TabsTrigger = React42.forwardRef(
+var TabsTrigger2 = React42.forwardRef(
   ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
     const { orientation, variant } = React42.useContext(TabsContext);
     if (withPopover) {
@@ -5752,9 +5760,9 @@ var TabsContent = React42.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;
 
 // elements/select/Select.tsx
@@ -5784,13 +5792,21 @@ var Select = ({
       children
     );
   };
-  const Option = ({ children, innerProps, innerRef }) => {
+  const Option = ({
+    children,
+    innerProps,
+    innerRef,
+    isFocused,
+    isSelected
+  }) => {
     return /* @__PURE__ */ import_react35.default.createElement(
       "div",
       {
         ref: innerRef,
         className: cn(
-          "hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hawa-transition-all hover:hawa-bg-primary hover:hawa-text-primary-foreground"
+          "hawa-flex hawa-cursor-pointer hawa-select-none hawa-flex-row hawa-items-center hawa-justify-between hawa-rounded-inner hawa-p-1 hawa-px-2 hawa-transition-all",
+          isFocused ? "hawa-bg-accent hawa-text-bg-accent-foreground" : "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+          isSelected && "hawa-bg-primary hawa-text-primary-foreground"
         ),
         ...innerProps
       },
@@ -5847,15 +5863,20 @@ var Select = ({
             container: () => cn(
               selectContainerStyles,
               props.phoneCode && phoneCodeStyles,
-              props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer",
               props.isMulti && "hawa-ps-0 "
             ),
-            placeholder: () => selectPlaceholderStyles,
+            placeholder: () => cn(
+              selectPlaceholderStyles,
+              props.disabled && "hawa-text-muted-foreground"
+            ),
             valueContainer: () => "hawa-text-foreground hawa-px-1 ",
-            singleValue: () => "hawa-text-foreground",
+            singleValue: () => cn(
+              props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
+            ),
             indicatorsContainer: () => cn(
               selectIndicatorContainerStyles,
-              props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
+              props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
+              props.disabled && "hawa-opacity-30"
             )
           },
           unstyled: true,
@@ -5863,12 +5884,6 @@ var Select = ({
           components: props.hideIndicator ? { Option, Menu: Menu2, IndicatorsContainer: () => null } : {
             Option,
             Menu: Menu2,
-            // Control: (e) => (
-            //   <div
-            //     className={cn(e.className, "hawa-flex hawa-flex-row")}
-            //     {...e}
-            //   />
-            // ),
             ValueContainer: (e) => /* @__PURE__ */ import_react35.default.createElement(
               "div",
               {
@@ -7940,19 +7955,19 @@ var PhoneInput = ({
 var React50 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.417.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react41 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.417.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string9) => string9.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.417.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react40 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.417.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -7965,7 +7980,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.417.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react40.forwardRef)(
   ({
     color = "currentColor",
@@ -7997,7 +8012,7 @@ var Icon = (0, import_react40.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.417.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react41.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react41.createElement)(Icon, {
@@ -8011,7 +8026,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.417.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -8068,12 +8083,19 @@ var PinInput = ({
   const clampedSeparatorPosition = Math.min(separatorPosition, maxLength);
   const firstGroupLength = clampedSeparatorPosition > 0 ? clampedSeparatorPosition : 0;
   const secondGroupLength = maxLength - firstGroupLength;
-  return /* @__PURE__ */ React50.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React50.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React50.createElement(PinInputGroup, { className: "hawa-w-full" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React50.createElement(PinInputSlot, { key: index, index, className: "hawa-w-full" }))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React50.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React50.createElement(PinInputGroup, { className: "hawa-w-full" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React50.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React50.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React50.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React50.createElement(
+    PinInputSlot,
+    {
+      key: index,
+      index,
+      className: "hawa-w-full hawa-border"
+    }
+  ))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React50.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React50.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React50.createElement(
     PinInputSlot,
     {
       key: index + firstGroupLength,
       index: index + firstGroupLength,
-      className: "hawa-w-full"
+      className: "hawa-w-full hawa-border"
     }
   )))), /* @__PURE__ */ React50.createElement(HelperText, { helperText: props.helperText }));
 };
@@ -12011,12 +12033,10 @@ var CodeConfirmation = ({
     {
       noValidate: true,
       onSubmit: handleSubmit((e) => {
-        if (props.handleConfirm) {
-          return props.handleConfirm(e);
+        if (props.onConfirm) {
+          return props.onConfirm(e);
         } else {
-          console.log(
-            "Form is submitted but handleConfirm prop is missing"
-          );
+          console.log("Form is submitted but onConfirm prop is missing");
         }
       })
     },
@@ -12044,12 +12064,28 @@ var CodeConfirmation = ({
         className: "clickable-link",
         onClick: () => {
           startResendTimer();
-          props.handleResend();
+          props.onResend();
         }
       },
       ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
     )),
-    /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react74.default.createElement(Button, { variant: "outline" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ import_react74.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react74.default.createElement(
+      Button,
+      {
+        type: "button",
+        onClick: () => {
+          if (props.onCancel) {
+            return props.onCancel();
+          } else {
+            console.log(
+              "Cancel button clicked but onCancel prop is missing"
+            );
+          }
+        },
+        variant: "outline"
+      },
+      ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"
+    ), /* @__PURE__ */ import_react74.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
   )));
 };
 
@@ -12535,14 +12571,14 @@ var FeedbackForm = (props) => {
 var import_react79 = __toESM(require("react"));
 var LegalTexts = ({ tabs, ...props }) => {
   return /* @__PURE__ */ import_react79.default.createElement(
-    Tabs,
+    Tabs2,
     {
       value: props.activeTab,
       onValueChange: props.handleTabChange,
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ import_react79.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react79.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    /* @__PURE__ */ import_react79.default.createElement(TabsList2, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react79.default.createElement(TabsTrigger2, { key: index, value: tab.value }, tab.title))),
     tabs.map((tab, index) => /* @__PURE__ */ import_react79.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react79.default.createElement(
       ScrollArea,
       {
@@ -12692,6 +12728,7 @@ var ContactForm = ({
   onSubmit,
   customFields,
   classNames,
+  clearOnSubmit = true,
   ...props
 }) => {
   var _a, _b, _c, _d, _e;
@@ -12735,8 +12772,11 @@ var ContactForm = ({
     control,
     handleSubmit,
     formState: { errors },
-    reset
+    reset,
+    getValues,
+    trigger
   } = (0, import_react_hook_form9.useForm)({
+    mode: "all",
     resolver: (0, import_zod8.zodResolver)(MainSchema),
     defaultValues: {
       name: "",
@@ -12745,10 +12785,16 @@ var ContactForm = ({
       ...customFieldsDefaultValues
     }
   });
-  const handleFormSubmit = (data) => {
+  const SubmitForm = async (data) => {
+    const isValid = await trigger();
+    if (!isValid) {
+      return;
+    }
     if (onSubmit) {
       onSubmit(data);
-      reset();
+      if (clearOnSubmit) {
+        reset();
+      }
     } else {
       console.log("Form is submitted but onSubmit prop is missing");
     }
@@ -12758,7 +12804,8 @@ var ContactForm = ({
     {
       className: cn(
         "hawa-w-full",
-        cardless && "hawa-border-none hawa-bg-transparent hawa-shadow-none hawa-drop-shadow-none"
+        cardless && "hawa-border-none hawa-bg-transparent hawa-shadow-none hawa-drop-shadow-none",
+        classNames == null ? void 0 : classNames.container
       ),
       style: cardless ? { boxShadow: "none" } : void 0
     },
@@ -12766,7 +12813,7 @@ var ContactForm = ({
       "form",
       {
         noValidate: true,
-        onSubmit: handleSubmit(handleFormSubmit),
+        onSubmit: handleSubmit(SubmitForm),
         className: "hawa-space-y-2",
         id: formId,
         autoComplete: formAutoComplete
@@ -12877,7 +12924,10 @@ var ContactForm = ({
                 textareaProps: {
                   placeholder: texts == null ? void 0 : texts.message.placeholder,
                   className: "hawa-min-h-20",
-                  ...field
+                  ...field,
+                  onKeyDown: getHotkeyHandler([
+                    ["mod+enter", () => SubmitForm(getValues())]
+                  ])
                 },
                 classNames: { textarea: "hawa-min-h-40 hawa-h-full" },
                 helperText: (_a2 = errors.message) == null ? void 0 : _a2.message
@@ -13843,7 +13893,7 @@ var Usage = (props) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.417.0 - ISC
+   * @license lucide-react v0.424.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13851,7 +13901,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.417.0 - ISC
+   * @license lucide-react v0.424.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13859,7 +13909,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.417.0 - ISC
+   * @license lucide-react v0.424.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13867,7 +13917,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.417.0 - ISC
+   * @license lucide-react v0.424.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13875,7 +13925,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.417.0 - ISC
+   * @license lucide-react v0.424.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13883,7 +13933,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.417.0 - ISC
+   * @license lucide-react v0.424.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.