@sikka/hawa 0.49.11-next → 0.49.13-next

package/dist/blocks/auth/index.d.mts

@@ -298,6 +298,7 @@ type TConfirmation = {
     showError?: any;
     errorTitle?: any;
     errorText?: any;
+    direction?: "ltr" | "rtl";
     identifier?: string;
     confirmLoading?: boolean;
     onConfirm?: any;
@@ -305,6 +306,7 @@ type TConfirmation = {
     onCancel?: any;
     cardless?: boolean;
     codeLength?: number;
+    autoSubmit?: boolean;
 };
 declare const CodeConfirmation: FC<TConfirmation>;
 

package/dist/blocks/auth/index.d.ts

@@ -298,6 +298,7 @@ type TConfirmation = {
     showError?: any;
     errorTitle?: any;
     errorText?: any;
+    direction?: "ltr" | "rtl";
     identifier?: string;
     confirmLoading?: boolean;
     onConfirm?: any;
@@ -305,6 +306,7 @@ type TConfirmation = {
     onCancel?: any;
     cardless?: boolean;
     codeLength?: number;
+    autoSubmit?: boolean;
 };
 declare const CodeConfirmation: FC<TConfirmation>;
 

package/dist/blocks/auth/index.js

@@ -1355,7 +1355,7 @@ var Input = (0, import_react8.forwardRef)(
           className: cn(
             defaultInputStyle,
             "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 dark:hawa-text-white",
-            props.alwaysLTR ? {
+            props.alwaysLTR && props.dir === "rtl" ? {
               "hawa-ps-9": props.endIcon,
               "hawa-pe-9": props.startIcon,
               "hawa-ps-[60px]": countPosition === "center"
@@ -5049,19 +5049,19 @@ var z5 = __toESM(require("zod"));
 var React36 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react43 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string6) => string6.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.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react42 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -5074,7 +5074,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react42.forwardRef)(
   ({
     color = "currentColor",
@@ -5106,7 +5106,7 @@ var Icon = (0, import_react42.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react43.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react43.createElement)(Icon, {
@@ -5120,7 +5120,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.438.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" }]
 ]);
@@ -5178,7 +5178,11 @@ var PinInput = ({ separatorPosition = 0, ...props }) => {
 };
 
 // blocks/auth/CodeConfirmation.tsx
-var CodeConfirmation = ({ codeLength = 6, ...props }) => {
+var CodeConfirmation = ({
+  autoSubmit = false,
+  codeLength = 6,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
     otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
@@ -5217,6 +5221,18 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
+  const otpCode = (0, import_react_hook_form5.useWatch)({ control, name: "otp_code" });
+  (0, import_react44.useEffect)(() => {
+    if (autoSubmit && (otpCode == null ? void 0 : otpCode.length) === codeLength) {
+      handleSubmit((e) => {
+        if (props.onConfirm) {
+          return props.onConfirm(e);
+        } else {
+          console.log("Form is submitted but onConfirm prop is missing");
+        }
+      })();
+    }
+  }, [otpCode, autoSubmit, codeLength]);
   return /* @__PURE__ */ import_react44.default.createElement(
     Card,
     {
@@ -5224,7 +5240,15 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react44.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react44.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react44.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react44.default.createElement(
+    /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react44.default.createElement(
+      Alert,
+      {
+        direction: props.direction || "ltr",
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react44.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react44.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react44.default.createElement(
       "form",
       {
         noValidate: true,
@@ -5298,7 +5322,7 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -5306,7 +5330,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -5314,7 +5338,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -5322,7 +5346,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -5330,7 +5354,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -5338,7 +5362,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/blocks/auth/index.mjs

@@ -5,7 +5,7 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger
-} from "../../chunk-Z6S6PTPG.mjs";
+} from "../../chunk-AQXHMINT.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-47APBDKK.mjs";
@@ -3663,7 +3663,7 @@ var ResetPasswordForm = ({
 
 // blocks/auth/CodeConfirmation.tsx
 import React13, { useEffect as useEffect3, useState as useState5 } from "react";
-import { Controller as Controller5, useForm as useForm5 } from "react-hook-form";
+import { Controller as Controller5, useForm as useForm5, useWatch } from "react-hook-form";
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import * as z5 from "zod";
 
@@ -3671,19 +3671,19 @@ import * as z5 from "zod";
 import * as React12 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef3, createElement as createElement3 } from "react";
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string6) => string6.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.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -3696,7 +3696,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = forwardRef2(
   ({
     color = "currentColor",
@@ -3728,7 +3728,7 @@ var Icon = forwardRef2(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = forwardRef3(
     ({ className, ...props }, ref) => createElement3(Icon, {
@@ -3742,7 +3742,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.438.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" }]
 ]);
@@ -3800,7 +3800,11 @@ var PinInput = ({ separatorPosition = 0, ...props }) => {
 };
 
 // blocks/auth/CodeConfirmation.tsx
-var CodeConfirmation = ({ codeLength = 6, ...props }) => {
+var CodeConfirmation = ({
+  autoSubmit = false,
+  codeLength = 6,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
     otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
@@ -3839,6 +3843,18 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
+  const otpCode = useWatch({ control, name: "otp_code" });
+  useEffect3(() => {
+    if (autoSubmit && (otpCode == null ? void 0 : otpCode.length) === codeLength) {
+      handleSubmit((e) => {
+        if (props.onConfirm) {
+          return props.onConfirm(e);
+        } else {
+          console.log("Form is submitted but onConfirm prop is missing");
+        }
+      })();
+    }
+  }, [otpCode, autoSubmit, codeLength]);
   return /* @__PURE__ */ React13.createElement(
     Card,
     {
@@ -3846,7 +3862,15 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ React13.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React13.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ React13.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React13.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React13.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React13.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React13.createElement(
+      Alert,
+      {
+        direction: props.direction || "ltr",
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ React13.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React13.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React13.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React13.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React13.createElement(
       "form",
       {
         noValidate: true,
@@ -3919,7 +3943,7 @@ export {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3927,7 +3951,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3935,7 +3959,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3943,7 +3967,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3951,7 +3975,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3959,7 +3983,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/blocks/index.d.mts

@@ -275,6 +275,7 @@ type TConfirmation = {
     showError?: any;
     errorTitle?: any;
     errorText?: any;
+    direction?: "ltr" | "rtl";
     identifier?: string;
     confirmLoading?: boolean;
     onConfirm?: any;
@@ -282,6 +283,7 @@ type TConfirmation = {
     onCancel?: any;
     cardless?: boolean;
     codeLength?: number;
+    autoSubmit?: boolean;
 };
 declare const CodeConfirmation: FC<TConfirmation>;
 

package/dist/blocks/index.d.ts

@@ -275,6 +275,7 @@ type TConfirmation = {
     showError?: any;
     errorTitle?: any;
     errorText?: any;
+    direction?: "ltr" | "rtl";
     identifier?: string;
     confirmLoading?: boolean;
     onConfirm?: any;
@@ -282,6 +283,7 @@ type TConfirmation = {
     onCancel?: any;
     cardless?: boolean;
     codeLength?: number;
+    autoSubmit?: boolean;
 };
 declare const CodeConfirmation: FC<TConfirmation>;
 

package/dist/blocks/index.js

@@ -1376,7 +1376,7 @@ var Input = (0, import_react8.forwardRef)(
           className: cn(
             defaultInputStyle,
             "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 dark:hawa-text-white",
-            props.alwaysLTR ? {
+            props.alwaysLTR && props.dir === "rtl" ? {
               "hawa-ps-9": props.endIcon,
               "hawa-pe-9": props.startIcon,
               "hawa-ps-[60px]": countPosition === "center"
@@ -5224,19 +5224,19 @@ var z5 = __toESM(require("zod"));
 var React36 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react43 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.438.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.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react42 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -5249,7 +5249,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react42.forwardRef)(
   ({
     color = "currentColor",
@@ -5281,7 +5281,7 @@ var Icon = (0, import_react42.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.438.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react43.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react43.createElement)(Icon, {
@@ -5295,7 +5295,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.436.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.438.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" }]
 ]);
@@ -5353,7 +5353,11 @@ var PinInput = ({ separatorPosition = 0, ...props }) => {
 };
 
 // blocks/auth/CodeConfirmation.tsx
-var CodeConfirmation = ({ codeLength = 6, ...props }) => {
+var CodeConfirmation = ({
+  autoSubmit = false,
+  codeLength = 6,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
     otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
@@ -5392,6 +5396,18 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
+  const otpCode = (0, import_react_hook_form5.useWatch)({ control, name: "otp_code" });
+  (0, import_react44.useEffect)(() => {
+    if (autoSubmit && (otpCode == null ? void 0 : otpCode.length) === codeLength) {
+      handleSubmit((e) => {
+        if (props.onConfirm) {
+          return props.onConfirm(e);
+        } else {
+          console.log("Form is submitted but onConfirm prop is missing");
+        }
+      })();
+    }
+  }, [otpCode, autoSubmit, codeLength]);
   return /* @__PURE__ */ import_react44.default.createElement(
     Card,
     {
@@ -5399,7 +5415,15 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react44.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react44.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react44.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react44.default.createElement(
+    /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react44.default.createElement(
+      Alert,
+      {
+        direction: props.direction || "ltr",
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react44.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react44.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react44.default.createElement(
       "form",
       {
         noValidate: true,
@@ -7687,7 +7711,7 @@ var Usage = (props) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7695,7 +7719,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7703,7 +7727,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7711,7 +7735,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7719,7 +7743,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7727,7 +7751,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.436.0 - ISC
+   * @license lucide-react v0.438.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/blocks/index.mjs

@@ -17,7 +17,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-2IGBXSJF.mjs";
+} from "../chunk-XWNN7K63.mjs";
 import {
   getHotkeyHandler
 } from "../chunk-WQR4XZGL.mjs";
@@ -1253,10 +1253,14 @@ var ResetPasswordForm = ({
 
 // blocks/auth/CodeConfirmation.tsx
 import React8, { useEffect, useState as useState3 } from "react";
-import { Controller as Controller5, useForm as useForm5 } from "react-hook-form";
+import { Controller as Controller5, useForm as useForm5, useWatch } from "react-hook-form";
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import * as z5 from "zod";
-var CodeConfirmation = ({ codeLength = 6, ...props }) => {
+var CodeConfirmation = ({
+  autoSubmit = false,
+  codeLength = 6,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
     otp_code: z5.string({ required_error: (_a = props.texts) == null ? void 0 : _a.codeRequiredText }).min(codeLength, { message: (_b = props.texts) == null ? void 0 : _b.codeTooShort })
@@ -1295,6 +1299,18 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
+  const otpCode = useWatch({ control, name: "otp_code" });
+  useEffect(() => {
+    if (autoSubmit && (otpCode == null ? void 0 : otpCode.length) === codeLength) {
+      handleSubmit((e) => {
+        if (props.onConfirm) {
+          return props.onConfirm(e);
+        } else {
+          console.log("Form is submitted but onConfirm prop is missing");
+        }
+      })();
+    }
+  }, [otpCode, autoSubmit, codeLength]);
   return /* @__PURE__ */ React8.createElement(
     Card,
     {
@@ -1302,7 +1318,15 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ React8.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React8.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ React8.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React8.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React8.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React8.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React8.createElement(
+      Alert,
+      {
+        direction: props.direction || "ltr",
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ React8.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React8.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React8.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React8.createElement(
       "form",
       {
         noValidate: true,

package/dist/blocks/misc/index.js

@@ -1280,7 +1280,7 @@ var Input = (0, import_react28.forwardRef)(
           className: cn(
             defaultInputStyle,
             "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 dark:hawa-text-white",
-            props.alwaysLTR ? {
+            props.alwaysLTR && props.dir === "rtl" ? {
               "hawa-ps-9": props.endIcon,
               "hawa-pe-9": props.startIcon,
               "hawa-ps-[60px]": countPosition === "center"

package/dist/blocks/misc/index.mjs

@@ -6,7 +6,7 @@ import {
   TabsList,
   TabsTrigger,
   getHotkeyHandler
-} from "../../chunk-Z6S6PTPG.mjs";
+} from "../../chunk-AQXHMINT.mjs";
 import {
   ScrollArea
 } from "../../chunk-B53SP2WZ.mjs";

package/dist/{chunk-Z6S6PTPG.mjs → chunk-AQXHMINT.mjs}

@@ -455,7 +455,7 @@ var Input = forwardRef2(
           className: cn(
             defaultInputStyle,
             "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 dark:hawa-text-white",
-            props.alwaysLTR ? {
+            props.alwaysLTR && props.dir === "rtl" ? {
               "hawa-ps-9": props.endIcon,
               "hawa-pe-9": props.startIcon,
               "hawa-ps-[60px]": countPosition === "center"