@sikka/hawa 0.49.8-next → 0.49.10-next

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

@@ -303,6 +303,7 @@ type TConfirmation = {
     onConfirm?: any;
     onResend?: any;
     onCancel?: any;
+    cardless?: boolean;
     codeLength?: number;
 };
 declare const CodeConfirmation: FC<TConfirmation>;

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

@@ -303,6 +303,7 @@ type TConfirmation = {
     onConfirm?: any;
     onResend?: any;
     onCancel?: any;
+    cardless?: boolean;
     codeLength?: number;
 };
 declare const CodeConfirmation: FC<TConfirmation>;

package/dist/blocks/auth/index.js

@@ -1340,7 +1340,7 @@ var Input = (0, import_react8.forwardRef)(
         "input",
         {
           required: true,
-          dir: props.dir,
+          dir: props.alwaysLTR ? "ltr" : props.dir,
           type: props.type,
           value: props.value || value,
           onChange: handleChange,
@@ -1361,6 +1361,7 @@ var Input = (0, import_react8.forwardRef)(
               "hawa-pe-[60px]": countPosition === "center"
             },
             preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
+            props.alwaysLTR && "hawa-text-end",
             inputProps == null ? void 0 : inputProps.className
           )
         }
@@ -5212,63 +5213,71 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true }, 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(
-    "form",
+  return /* @__PURE__ */ import_react44.default.createElement(
+    Card,
     {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.onConfirm) {
-          return props.onConfirm(e);
-        } else {
-          console.log("Form is submitted but onConfirm prop is missing");
-        }
-      })
+      className: cn(
+        props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
+      )
     },
-    /* @__PURE__ */ import_react44.default.createElement(
-      import_react_hook_form5.Controller,
-      {
-        control,
-        name: "otp_code",
-        render: ({ field }) => {
-          var _a2;
-          return /* @__PURE__ */ import_react44.default.createElement(
-            PinInput,
-            {
-              maxLength: codeLength,
-              helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message,
-              ...field
-            }
-          );
-        }
-      }
-    ),
-    showResendTimer ? /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react44.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react44.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react44.default.createElement(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: () => {
-          startResendTimer();
-          props.onResend();
-        }
-      },
-      ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
-    )),
-    /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react44.default.createElement(
-      Button,
+    /* @__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(
+      "form",
       {
-        type: "button",
-        onClick: () => {
-          if (props.onCancel) {
-            return props.onCancel();
+        noValidate: true,
+        onSubmit: handleSubmit((e) => {
+          if (props.onConfirm) {
+            return props.onConfirm(e);
           } else {
-            console.log("Cancel button clicked but onCancel prop is missing");
+            console.log("Form is submitted but onConfirm prop is missing");
           }
-        },
-        variant: "outline"
+        })
       },
-      ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"
-    ), /* @__PURE__ */ import_react44.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
-  )));
+      /* @__PURE__ */ import_react44.default.createElement(
+        import_react_hook_form5.Controller,
+        {
+          control,
+          name: "otp_code",
+          render: ({ field }) => {
+            var _a2;
+            return /* @__PURE__ */ import_react44.default.createElement(
+              PinInput,
+              {
+                maxLength: codeLength,
+                helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message,
+                ...field
+              }
+            );
+          }
+        }
+      ),
+      showResendTimer ? /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react44.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react44.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react44.default.createElement(
+        "span",
+        {
+          className: "clickable-link",
+          onClick: () => {
+            startResendTimer();
+            props.onResend();
+          }
+        },
+        ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
+      )),
+      /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react44.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_react44.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    ))
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/blocks/auth/index.mjs

@@ -5,7 +5,7 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger
-} from "../../chunk-JT7R3L5O.mjs";
+} from "../../chunk-LDN5RXGD.mjs";
 import {
   StopPropagationWrapper
 } from "../../chunk-47APBDKK.mjs";
@@ -3839,63 +3839,71 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ React13.createElement(Card, null, /* @__PURE__ */ React13.createElement(CardContent, { headless: true }, 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(
-    "form",
+  return /* @__PURE__ */ React13.createElement(
+    Card,
     {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.onConfirm) {
-          return props.onConfirm(e);
-        } else {
-          console.log("Form is submitted but onConfirm prop is missing");
-        }
-      })
+      className: cn(
+        props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
+      )
     },
-    /* @__PURE__ */ React13.createElement(
-      Controller5,
-      {
-        control,
-        name: "otp_code",
-        render: ({ field }) => {
-          var _a2;
-          return /* @__PURE__ */ React13.createElement(
-            PinInput,
-            {
-              maxLength: codeLength,
-              helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message,
-              ...field
-            }
-          );
-        }
-      }
-    ),
-    showResendTimer ? /* @__PURE__ */ React13.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ React13.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ React13.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React13.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ React13.createElement(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: () => {
-          startResendTimer();
-          props.onResend();
-        }
-      },
-      ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
-    )),
-    /* @__PURE__ */ React13.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React13.createElement(
-      Button,
+    /* @__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(
+      "form",
       {
-        type: "button",
-        onClick: () => {
-          if (props.onCancel) {
-            return props.onCancel();
+        noValidate: true,
+        onSubmit: handleSubmit((e) => {
+          if (props.onConfirm) {
+            return props.onConfirm(e);
           } else {
-            console.log("Cancel button clicked but onCancel prop is missing");
+            console.log("Form is submitted but onConfirm prop is missing");
           }
-        },
-        variant: "outline"
+        })
       },
-      ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"
-    ), /* @__PURE__ */ React13.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
-  )));
+      /* @__PURE__ */ React13.createElement(
+        Controller5,
+        {
+          control,
+          name: "otp_code",
+          render: ({ field }) => {
+            var _a2;
+            return /* @__PURE__ */ React13.createElement(
+              PinInput,
+              {
+                maxLength: codeLength,
+                helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message,
+                ...field
+              }
+            );
+          }
+        }
+      ),
+      showResendTimer ? /* @__PURE__ */ React13.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ React13.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ React13.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React13.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ React13.createElement(
+        "span",
+        {
+          className: "clickable-link",
+          onClick: () => {
+            startResendTimer();
+            props.onResend();
+          }
+        },
+        ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
+      )),
+      /* @__PURE__ */ React13.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React13.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__ */ React13.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    ))
+  );
 };
 export {
   AppLanding,

package/dist/blocks/index.d.mts

@@ -280,6 +280,7 @@ type TConfirmation = {
     onConfirm?: any;
     onResend?: any;
     onCancel?: any;
+    cardless?: boolean;
     codeLength?: number;
 };
 declare const CodeConfirmation: FC<TConfirmation>;

package/dist/blocks/index.d.ts

@@ -280,6 +280,7 @@ type TConfirmation = {
     onConfirm?: any;
     onResend?: any;
     onCancel?: any;
+    cardless?: boolean;
     codeLength?: number;
 };
 declare const CodeConfirmation: FC<TConfirmation>;

package/dist/blocks/index.js

@@ -1361,7 +1361,7 @@ var Input = (0, import_react8.forwardRef)(
         "input",
         {
           required: true,
-          dir: props.dir,
+          dir: props.alwaysLTR ? "ltr" : props.dir,
           type: props.type,
           value: props.value || value,
           onChange: handleChange,
@@ -1382,6 +1382,7 @@ var Input = (0, import_react8.forwardRef)(
               "hawa-pe-[60px]": countPosition === "center"
             },
             preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
+            props.alwaysLTR && "hawa-text-end",
             inputProps == null ? void 0 : inputProps.className
           )
         }
@@ -5387,63 +5388,71 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true }, 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(
-    "form",
+  return /* @__PURE__ */ import_react44.default.createElement(
+    Card,
     {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.onConfirm) {
-          return props.onConfirm(e);
-        } else {
-          console.log("Form is submitted but onConfirm prop is missing");
-        }
-      })
+      className: cn(
+        props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
+      )
     },
-    /* @__PURE__ */ import_react44.default.createElement(
-      import_react_hook_form5.Controller,
-      {
-        control,
-        name: "otp_code",
-        render: ({ field }) => {
-          var _a2;
-          return /* @__PURE__ */ import_react44.default.createElement(
-            PinInput,
-            {
-              maxLength: codeLength,
-              helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message,
-              ...field
-            }
-          );
-        }
-      }
-    ),
-    showResendTimer ? /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react44.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react44.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react44.default.createElement(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: () => {
-          startResendTimer();
-          props.onResend();
-        }
-      },
-      ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
-    )),
-    /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react44.default.createElement(
-      Button,
+    /* @__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(
+      "form",
       {
-        type: "button",
-        onClick: () => {
-          if (props.onCancel) {
-            return props.onCancel();
+        noValidate: true,
+        onSubmit: handleSubmit((e) => {
+          if (props.onConfirm) {
+            return props.onConfirm(e);
           } else {
-            console.log("Cancel button clicked but onCancel prop is missing");
+            console.log("Form is submitted but onConfirm prop is missing");
           }
-        },
-        variant: "outline"
+        })
       },
-      ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"
-    ), /* @__PURE__ */ import_react44.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
-  )));
+      /* @__PURE__ */ import_react44.default.createElement(
+        import_react_hook_form5.Controller,
+        {
+          control,
+          name: "otp_code",
+          render: ({ field }) => {
+            var _a2;
+            return /* @__PURE__ */ import_react44.default.createElement(
+              PinInput,
+              {
+                maxLength: codeLength,
+                helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message,
+                ...field
+              }
+            );
+          }
+        }
+      ),
+      showResendTimer ? /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react44.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react44.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react44.default.createElement(
+        "span",
+        {
+          className: "clickable-link",
+          onClick: () => {
+            startResendTimer();
+            props.onResend();
+          }
+        },
+        ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
+      )),
+      /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react44.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_react44.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    ))
+  );
 };
 
 // blocks/feedback/UserReferralSource.tsx

package/dist/blocks/index.mjs

@@ -17,7 +17,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-5CD5WZIQ.mjs";
+} from "../chunk-HKHXE2VO.mjs";
 import {
   getHotkeyHandler
 } from "../chunk-WQR4XZGL.mjs";
@@ -1295,63 +1295,71 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ React8.createElement(Card, null, /* @__PURE__ */ React8.createElement(CardContent, { headless: true }, 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(
-    "form",
+  return /* @__PURE__ */ React8.createElement(
+    Card,
     {
-      noValidate: true,
-      onSubmit: handleSubmit((e) => {
-        if (props.onConfirm) {
-          return props.onConfirm(e);
-        } else {
-          console.log("Form is submitted but onConfirm prop is missing");
-        }
-      })
+      className: cn(
+        props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
+      )
     },
-    /* @__PURE__ */ React8.createElement(
-      Controller5,
-      {
-        control,
-        name: "otp_code",
-        render: ({ field }) => {
-          var _a2;
-          return /* @__PURE__ */ React8.createElement(
-            PinInput,
-            {
-              maxLength: codeLength,
-              helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message,
-              ...field
-            }
-          );
-        }
-      }
-    ),
-    showResendTimer ? /* @__PURE__ */ React8.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ React8.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ React8.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React8.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ React8.createElement(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: () => {
-          startResendTimer();
-          props.onResend();
-        }
-      },
-      ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
-    )),
-    /* @__PURE__ */ React8.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React8.createElement(
-      Button,
+    /* @__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(
+      "form",
       {
-        type: "button",
-        onClick: () => {
-          if (props.onCancel) {
-            return props.onCancel();
+        noValidate: true,
+        onSubmit: handleSubmit((e) => {
+          if (props.onConfirm) {
+            return props.onConfirm(e);
           } else {
-            console.log("Cancel button clicked but onCancel prop is missing");
+            console.log("Form is submitted but onConfirm prop is missing");
           }
-        },
-        variant: "outline"
+        })
       },
-      ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"
-    ), /* @__PURE__ */ React8.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
-  )));
+      /* @__PURE__ */ React8.createElement(
+        Controller5,
+        {
+          control,
+          name: "otp_code",
+          render: ({ field }) => {
+            var _a2;
+            return /* @__PURE__ */ React8.createElement(
+              PinInput,
+              {
+                maxLength: codeLength,
+                helperText: (_a2 = formState.errors.otp_code) == null ? void 0 : _a2.message,
+                ...field
+              }
+            );
+          }
+        }
+      ),
+      showResendTimer ? /* @__PURE__ */ React8.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ React8.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ React8.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ React8.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ React8.createElement(
+        "span",
+        {
+          className: "clickable-link",
+          onClick: () => {
+            startResendTimer();
+            props.onResend();
+          }
+        },
+        ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
+      )),
+      /* @__PURE__ */ React8.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ React8.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__ */ React8.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    ))
+  );
 };
 
 // blocks/feedback/UserReferralSource.tsx

package/dist/blocks/misc/index.js

@@ -1265,7 +1265,7 @@ var Input = (0, import_react28.forwardRef)(
         "input",
         {
           required: true,
-          dir: props.dir,
+          dir: props.alwaysLTR ? "ltr" : props.dir,
           type: props.type,
           value: props.value || value,
           onChange: handleChange,
@@ -1286,6 +1286,7 @@ var Input = (0, import_react28.forwardRef)(
               "hawa-pe-[60px]": countPosition === "center"
             },
             preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
+            props.alwaysLTR && "hawa-text-end",
             inputProps == null ? void 0 : inputProps.className
           )
         }

package/dist/blocks/misc/index.mjs

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

package/dist/{chunk-5CD5WZIQ.mjs → chunk-HKHXE2VO.mjs}

@@ -276,7 +276,7 @@ var Input = forwardRef(
         "input",
         {
           required: true,
-          dir: props.dir,
+          dir: props.alwaysLTR ? "ltr" : props.dir,
           type: props.type,
           value: props.value || value,
           onChange: handleChange,
@@ -297,6 +297,7 @@ var Input = forwardRef(
               "hawa-pe-[60px]": countPosition === "center"
             },
             preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
+            props.alwaysLTR && "hawa-text-end",
             inputProps == null ? void 0 : inputProps.className
           )
         }