@sikka/hawa 0.49.11-next → 0.49.13-next

package/dist/elements/index.js

@@ -2764,7 +2764,7 @@ var Input = (0, import_react11.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"
@@ -6861,19 +6861,19 @@ var PhoneInput = ({
 var React50 = __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_react41 = 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 = (string) => string.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_react40 = 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,
@@ -6886,7 +6886,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_react40.forwardRef)(
   ({
     color = "currentColor",
@@ -6918,7 +6918,7 @@ var Icon = (0, import_react40.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_react41.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react41.createElement)(Icon, {
@@ -6932,7 +6932,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" }]
 ]);
@@ -8387,7 +8387,7 @@ var PhoneMockup = ({
 
 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.
@@ -8395,7 +8395,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.
@@ -8403,7 +8403,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.
@@ -8411,7 +8411,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.
@@ -8419,7 +8419,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.
@@ -8427,7 +8427,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/elements/index.mjs

@@ -26,7 +26,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-2IGBXSJF.mjs";
+} from "../chunk-XWNN7K63.mjs";
 import {
   useClipboard
 } from "../chunk-WQR4XZGL.mjs";

package/dist/index.d.mts

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -2839,7 +2839,7 @@ var Input = (0, import_react11.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"
@@ -7375,19 +7375,19 @@ var PhoneInput = ({
 var React50 = __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_react41 = 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_react40 = 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,
@@ -7400,7 +7400,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_react40.forwardRef)(
   ({
     color = "currentColor",
@@ -7432,7 +7432,7 @@ var Icon = (0, import_react40.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_react41.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react41.createElement)(Icon, {
@@ -7446,7 +7446,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" }]
 ]);
@@ -11285,7 +11285,11 @@ var import_react74 = __toESM(require("react"));
 var import_react_hook_form5 = require("react-hook-form");
 var import_zod5 = require("@hookform/resolvers/zod");
 var z5 = __toESM(require("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 })
@@ -11324,6 +11328,18 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
+  const otpCode = (0, import_react_hook_form5.useWatch)({ control, name: "otp_code" });
+  (0, import_react74.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_react74.default.createElement(
     Card,
     {
@@ -11331,7 +11347,15 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ import_react74.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react74.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react74.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react74.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react74.default.createElement(
+    /* @__PURE__ */ import_react74.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ import_react74.default.createElement(
+      Alert,
+      {
+        direction: props.direction || "ltr",
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react74.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react74.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react74.default.createElement(
       "form",
       {
         noValidate: true,
@@ -13071,7 +13095,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.
@@ -13079,7 +13103,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.
@@ -13087,7 +13111,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.
@@ -13095,7 +13119,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.
@@ -13103,7 +13127,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.
@@ -13111,7 +13135,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/index.mjs

@@ -2595,7 +2595,7 @@ var Input = forwardRef13(
           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"
@@ -7131,19 +7131,19 @@ var PhoneInput = ({
 import * as React50 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 forwardRef25, createElement as createElement24 } 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 = (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
 import { forwardRef as forwardRef24, createElement as createElement23 } 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,
@@ -7156,7 +7156,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 = forwardRef24(
   ({
     color = "currentColor",
@@ -7188,7 +7188,7 @@ var Icon = forwardRef24(
   }
 );
 
-// ../../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 = forwardRef25(
     ({ className, ...props }, ref) => createElement24(Icon, {
@@ -7202,7 +7202,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" }]
 ]);
@@ -11052,10 +11052,14 @@ var ResetPasswordForm = ({
 
 // blocks/auth/CodeConfirmation.tsx
 import React88, { useEffect as useEffect34, useState as useState43 } 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 })
@@ -11094,6 +11098,18 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
+  const otpCode = useWatch({ control, name: "otp_code" });
+  useEffect34(() => {
+    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__ */ React88.createElement(
     Card,
     {
@@ -11101,7 +11117,15 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ React88.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React88.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ React88.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React88.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React88.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React88.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React88.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React88.createElement(
+    /* @__PURE__ */ React88.createElement(CardContent, { headless: true, noPadding: props.cardless }, props.showError && /* @__PURE__ */ React88.createElement(
+      Alert,
+      {
+        direction: props.direction || "ltr",
+        title: props.errorTitle,
+        text: props.errorText,
+        severity: "error"
+      }
+    ), /* @__PURE__ */ React88.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ React88.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ React88.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ React88.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ React88.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ React88.createElement(
       "form",
       {
         noValidate: true,
@@ -12840,7 +12864,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.
@@ -12848,7 +12872,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.
@@ -12856,7 +12880,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.
@@ -12864,7 +12888,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.
@@ -12872,7 +12896,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.
@@ -12880,7 +12904,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/input/index.js

@@ -341,7 +341,7 @@ var Input = (0, import_react4.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"