docthub-core-components 3.3.6 → 3.3.8

package/dist/components/overrides/ui/mobile-number-dialog/mobile-number-dialog.js

@@ -1,22 +1,22 @@
 "use client";
 import { jsx as o, jsxs as A, Fragment as pt } from "react/jsx-runtime";
-import { c as D } from "react-compiler-runtime";
+import { c as M } from "react-compiler-runtime";
 import { Smartphone as ht, X as bt } from "lucide-react";
 import * as G from "react";
 import { CircularProgress as lt } from "../circular-progress.js";
 import { DoctButton as ae } from "../../../ui/button.js";
 import { DialogHeader as gt, DialogTitle as _t, DialogContent as Lt, Dialog as Nt } from "../../../ui/dialog.js";
-import { DrawerHeader as vt, DrawerTitle as Et, DrawerContent as xt, Drawer as Dt } from "../../../ui/drawer.js";
+import { DrawerHeader as vt, DrawerTitle as Et, DrawerContent as Dt, Drawer as Mt } from "../../../ui/drawer.js";
 import { DoctTypography as ce } from "../../../ui/typography.js";
-import { useIsMobile as Mt } from "../../../../hooks/use-mobile.js";
+import { useIsMobile as xt } from "../../../../hooks/use-mobile.js";
 import { cn as qe } from "../../../../lib/utils.js";
 import { DoctPhoneInput as yt } from "../inputs/phone-input.js";
 import { MobileNumberDialogOtpSurface as it } from "./otp-dialog.js";
-import { MOBILE_NUMBER_DIALOG_DEFAULT_COUNTRY_CODE as Ct, buildMobileNumberDisplay as Ot, MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_PLACEHOLDER as wt, MOBILE_NUMBER_DIALOG_BODY_TITLE as It, MOBILE_NUMBER_DIALOG_HEADER_TITLE as At, MOBILE_NUMBER_DIALOG_DEFAULT_INFO_MESSAGE as st, MOBILE_NUMBER_DIALOG_OTP_HEADER_TITLE as Bt, MOBILE_NUMBER_DIALOG_OTP_SUBMIT_LABEL as Tt, MOBILE_NUMBER_DIALOG_OTP_TITLE as St, MOBILE_NUMBER_DIALOG_OTP_RESEND_LABEL as Rt, MOBILE_NUMBER_DIALOG_PRIMARY_LABEL as kt, buildLoginWithMobileNumberLabel as Pt, MOBILE_NUMBER_DIALOG_LOGIN_UNIFY_HINT as Ut, isMobileNumberDialogPrimaryDisabled as Gt, MOBILE_NUMBER_DIALOG_SECONDARY_LABEL as Ft } from "./presets.js";
+import { MOBILE_NUMBER_DIALOG_DEFAULT_COUNTRY_CODE as Ct, buildMobileNumberDisplay as Ot, MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_PLACEHOLDER as It, MOBILE_NUMBER_DIALOG_BODY_TITLE as wt, MOBILE_NUMBER_DIALOG_HEADER_TITLE as At, MOBILE_NUMBER_DIALOG_DEFAULT_INFO_MESSAGE as st, MOBILE_NUMBER_DIALOG_OTP_HEADER_TITLE as Bt, MOBILE_NUMBER_DIALOG_OTP_SUBMIT_LABEL as Tt, MOBILE_NUMBER_DIALOG_OTP_TITLE as St, MOBILE_NUMBER_DIALOG_OTP_RESEND_LABEL as Rt, MOBILE_NUMBER_DIALOG_PRIMARY_LABEL as kt, buildLoginWithMobileNumberLabel as Pt, MOBILE_NUMBER_DIALOG_LOGIN_UNIFY_HINT as Ut, isMobileNumberDialogPrimaryDisabled as Gt, MOBILE_NUMBER_DIALOG_SECONDARY_LABEL as Ft } from "./presets.js";
 import { MOBILE_NUMBER_DIALOG_DRAWER_BACKDROP_CLASS as Xe } from "./types.js";
 const Ht = "[&>div:first-child]:pointer-events-none [&>div:first-child]:sr-only [&>div:first-child]:m-0 [&>div:first-child]:h-0 [&>div:first-child]:w-0 [&>div:first-child]:overflow-hidden", zt = "flex w-full flex-col overflow-hidden border border-black/[0.12] bg-white";
 function $t(a) {
-  const e = D(3), {
+  const e = M(3), {
     onClose: i
   } = a;
   let t;
@@ -25,7 +25,7 @@ function $t(a) {
   return e[1] !== i ? (l = /* @__PURE__ */ o(ae, { type: "button", variant: "ghost", onClick: i, className: "flex size-12 shrink-0 items-center justify-center rounded-full p-0 text-black/70", "aria-label": "Close", icon: t }), e[1] = i, e[2] = l) : l = e[2], l;
 }
 function Wt(a) {
-  const e = D(7), {
+  const e = M(7), {
     title: i,
     onClose: t
   } = a;
@@ -40,7 +40,7 @@ function Wt(a) {
   ] }), e[4] = l, e[5] = s, e[6] = n) : n = e[6], n;
 }
 function jt(a) {
-  const e = D(4), {
+  const e = M(4), {
     icon: i
   } = a;
   let t;
@@ -49,12 +49,12 @@ function jt(a) {
   return e[2] !== t ? (l = /* @__PURE__ */ o("div", { className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-[#00A0C0] px-3", children: t }), e[2] = t, e[3] = l) : l = e[3], l;
 }
 function Yt() {
-  const a = D(1);
+  const a = M(1);
   let e;
   return a[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ o(ce, { as: "p", variant: "textLabel3", weight: "medium", align: "left", className: "w-full !text-[#4389FF]", children: st }), a[0] = e) : e = a[0], e;
 }
 function Kt(a) {
-  const e = D(3), {
+  const e = M(3), {
     message: i,
     isDefaultMessage: t
   } = a;
@@ -62,7 +62,7 @@ function Kt(a) {
   return e[0] !== t || e[1] !== i ? (l = /* @__PURE__ */ o("div", { className: "w-full self-stretch rounded-xl bg-[rgba(67,137,255,0.12)] p-[14px]", children: t ? /* @__PURE__ */ o(Yt, {}) : /* @__PURE__ */ o(ce, { as: "p", variant: "textLabel3", weight: "medium", align: "left", className: "w-full !text-[#4389FF]", children: i }) }), e[0] = t, e[1] = i, e[2] = l) : l = e[2], l;
 }
 function ot(a) {
-  const e = D(14), {
+  const e = M(14), {
     countryCode: i,
     placeholder: t,
     value: l,
@@ -82,7 +82,7 @@ function ot(a) {
   return e[6] !== c || e[7] !== u || e[8] !== s || e[9] !== t || e[10] !== d || e[11] !== r || e[12] !== l ? (f = /* @__PURE__ */ o(yt, { countryCode: u, placeholder: t, value: l, onPhoneChange: s, onCountryCodeChange: d, error: c, "aria-label": "Mobile number", className: r }), e[6] = c, e[7] = u, e[8] = s, e[9] = t, e[10] = d, e[11] = r, e[12] = l, e[13] = f) : f = e[13], f;
 }
 function Vt(a) {
-  const e = D(8), {
+  const e = M(8), {
     phoneDisplay: i,
     onLogin: t
   } = a;
@@ -99,7 +99,7 @@ function Vt(a) {
   ] }), e[6] = s, e[7] = c) : c = e[7], c;
 }
 function Xt(a) {
-  const e = D(24), {
+  const e = M(24), {
     trigger: i,
     state: t,
     onPrimaryClick: l,
@@ -130,7 +130,7 @@ function Xt(a) {
   ] }), e[21] = d, e[22] = f, e[23] = h) : h = e[23], h;
 }
 function nt(a) {
-  const e = D(40), {
+  const e = M(40), {
     trigger: i,
     state: t,
     headerTitle: l,
@@ -161,30 +161,30 @@ function nt(a) {
   e[3] !== l || e[4] !== F ? (E = /* @__PURE__ */ o(Wt, { title: l, onClose: F }), e[3] = l, e[4] = F, e[5] = E) : E = e[5];
   let v;
   e[6] !== S ? (v = /* @__PURE__ */ o(jt, { icon: S }), e[6] = S, e[7] = v) : v = e[7];
-  let M;
-  e[8] !== s ? (M = /* @__PURE__ */ o(ce, { as: "h2", variant: "textLabel1", weight: "semiBold", align: "center", className: "shrink-0 whitespace-nowrap !text-black/80", children: s }), e[8] = s, e[9] = M) : M = e[9];
   let x;
-  e[10] !== n || e[11] !== c ? (x = /* @__PURE__ */ o(Kt, { message: n, isDefaultMessage: c }), e[10] = n, e[11] = c, e[12] = x) : x = e[12];
+  e[8] !== s ? (x = /* @__PURE__ */ o(ce, { as: "h2", variant: "textLabel1", weight: "semiBold", align: "center", className: "shrink-0 whitespace-nowrap !text-black/80", children: s }), e[8] = s, e[9] = x) : x = e[9];
+  let D;
+  e[10] !== n || e[11] !== c ? (D = /* @__PURE__ */ o(Kt, { message: n, isDefaultMessage: c }), e[10] = n, e[11] = c, e[12] = D) : D = e[12];
   let y;
   e[13] !== h || e[14] !== d || e[15] !== k || e[16] !== _ || e[17] !== L || e[18] !== u || e[19] !== r || e[20] !== p || e[21] !== m || e[22] !== f ? (y = /* @__PURE__ */ o("div", { className: "flex w-full flex-col items-start gap-4", children: k ? /* @__PURE__ */ A(pt, { children: [
     /* @__PURE__ */ o("div", { className: "flex w-full flex-col items-start gap-1.5", children: /* @__PURE__ */ o(ot, { countryCode: h, placeholder: f, value: m, onChange: u, onCountryCodeChange: _, error: d }) }),
     /* @__PURE__ */ o(Vt, { phoneDisplay: r, onLogin: L })
   ] }) : /* @__PURE__ */ o(ot, { countryCode: h, placeholder: f, value: m, onChange: u, onCountryCodeChange: _, error: p }) }), e[13] = h, e[14] = d, e[15] = k, e[16] = _, e[17] = L, e[18] = u, e[19] = r, e[20] = p, e[21] = m, e[22] = f, e[23] = y) : y = e[23];
   let C;
-  e[24] !== v || e[25] !== M || e[26] !== x || e[27] !== y ? (C = /* @__PURE__ */ A("div", { className: "flex w-full flex-col items-center gap-4 px-4 pb-5 pt-4", children: [
+  e[24] !== v || e[25] !== x || e[26] !== D || e[27] !== y ? (C = /* @__PURE__ */ A("div", { className: "flex w-full flex-col items-center gap-4 px-4 pb-5 pt-4", children: [
     v,
-    M,
     x,
+    D,
     y
-  ] }), e[24] = v, e[25] = M, e[26] = x, e[27] = y, e[28] = C) : C = e[28];
+  ] }), e[24] = v, e[25] = x, e[26] = D, e[27] = y, e[28] = C) : C = e[28];
   let O;
   e[29] !== T || e[30] !== N || e[31] !== B || e[32] !== t || e[33] !== i ? (O = /* @__PURE__ */ o("div", { className: "flex w-full flex-col items-start border-t border-black/10 bg-[#FAFAFA] p-4", children: /* @__PURE__ */ o(Xt, { trigger: i, state: t, onPrimaryClick: N, onSecondaryClick: B, isPrimaryLoading: T }) }), e[29] = T, e[30] = N, e[31] = B, e[32] = t, e[33] = i, e[34] = O) : O = e[34];
-  let I;
-  return e[35] !== U || e[36] !== E || e[37] !== C || e[38] !== O ? (I = /* @__PURE__ */ A("div", { className: U, children: [
+  let w;
+  return e[35] !== U || e[36] !== E || e[37] !== C || e[38] !== O ? (w = /* @__PURE__ */ A("div", { className: U, children: [
     E,
     C,
     O
-  ] }), e[35] = U, e[36] = E, e[37] = C, e[38] = O, e[39] = I) : I = e[39], I;
+  ] }), e[35] = U, e[36] = E, e[37] = C, e[38] = O, e[39] = w) : w = e[39], w;
 }
 function Ae(a) {
   return Array.from({
@@ -192,7 +192,7 @@ function Ae(a) {
   }, () => "");
 }
 function rt(a) {
-  const e = D(106), {
+  const e = M(106), {
     open: i,
     onOpenChange: t,
     trigger: l,
@@ -221,19 +221,19 @@ function rt(a) {
     isOtpSubmitting: U,
     otpValue: E,
     onOtpChange: v,
-    otpLength: M,
-    onOtpSubmit: x,
+    otpLength: x,
+    onOtpSubmit: D,
     otpTitle: y,
     otpResendLabel: C,
     otpSubmitLabel: O,
-    existingAccountErrorMessage: I,
+    existingAccountErrorMessage: w,
     phonePlaceholder: Je,
     countryCode: Qe,
     icon: Be,
     isMobileOverride: at,
     closeOnOutsideClick: Ze,
     className: z
-  } = a, oe = l === void 0 ? "action" : l, de = s === void 0 ? "addNumber" : s, $ = u === void 0 ? "" : u, ne = f === void 0 ? "mobileNumber" : f, Te = F === void 0 ? Bt : F, b = M === void 0 ? 6 : M, Se = y === void 0 ? St : y, ct = C === void 0 ? Rt : C, Re = O === void 0 ? Tt : O, ke = Je === void 0 ? wt : Je, se = Qe === void 0 ? Ct : Qe, Pe = Ze === void 0 ? !0 : Ze, dt = Mt(), re = at ?? dt, w = n ?? At[oe], Ue = c ?? It[oe], Ge = m ?? st, Fe = m == null, [W, et] = G.useState(se), [ut, tt] = G.useState(ne);
+  } = a, oe = l === void 0 ? "action" : l, de = s === void 0 ? "addNumber" : s, $ = u === void 0 ? "" : u, ne = f === void 0 ? "mobileNumber" : f, Te = F === void 0 ? Bt : F, b = x === void 0 ? 6 : x, Se = y === void 0 ? St : y, ct = C === void 0 ? Rt : C, Re = O === void 0 ? Tt : O, ke = Je === void 0 ? It : Je, se = Qe === void 0 ? Ct : Qe, Pe = Ze === void 0 ? !0 : Ze, dt = xt(), re = at ?? dt, I = n ?? At[oe], Ue = c ?? wt[oe], Ge = m ?? st, Fe = m == null, [W, et] = G.useState(se), [ut, tt] = G.useState(ne);
   let ue;
   e[0] !== b ? (ue = () => Ae(b), e[0] = b, e[1] = ue) : ue = e[1];
   const [ft, He] = G.useState(ue), mt = r ?? ut, ze = E ?? ft;
@@ -276,26 +276,26 @@ function rt(a) {
   e[25] !== ne || e[26] !== i || e[27] !== b || e[28] !== r ? (ve = () => {
     i || (r == null && tt(ne), He(Ae(b)));
   }, Ee = [ne, i, b, r], e[25] = ne, e[26] = i, e[27] = b, e[28] = r, e[29] = ve, e[30] = Ee) : (ve = e[29], Ee = e[30]), G.useEffect(ve, Ee);
-  let xe, De;
-  e[31] !== b ? (xe = () => {
+  let De, Me;
+  e[31] !== b ? (De = () => {
     He((g) => g.length === b ? g : Ae(b));
-  }, De = [b], e[31] = b, e[32] = xe, e[33] = De) : (xe = e[32], De = e[33]), G.useEffect(xe, De);
-  let Me, ye;
-  e[34] !== re || e[35] !== i ? (Me = () => {
+  }, Me = [b], e[31] = b, e[32] = De, e[33] = Me) : (De = e[32], Me = e[33]), G.useEffect(De, Me);
+  let xe, ye;
+  e[34] !== re || e[35] !== i ? (xe = () => {
     if (re)
       return i ? document.body.classList.add(Xe) : document.body.classList.remove(Xe), qt;
-  }, ye = [re, i], e[34] = re, e[35] = i, e[36] = Me, e[37] = ye) : (Me = e[36], ye = e[37]), G.useEffect(Me, ye);
+  }, ye = [re, i], e[34] = re, e[35] = i, e[36] = xe, e[37] = ye) : (xe = e[36], ye = e[37]), G.useEffect(xe, ye);
   let Ce;
-  e[38] !== W || e[39] !== z || e[40] !== I || e[41] !== We || e[42] !== je || e[43] !== Ke || e[44] !== Be || e[45] !== Fe || e[46] !== T || e[47] !== d || e[48] !== N || e[49] !== B || e[50] !== L || e[51] !== $ || e[52] !== ke || e[53] !== Ue || e[54] !== w || e[55] !== Ge || e[56] !== j || e[57] !== de || e[58] !== oe ? (Ce = {
+  e[38] !== W || e[39] !== z || e[40] !== w || e[41] !== We || e[42] !== je || e[43] !== Ke || e[44] !== Be || e[45] !== Fe || e[46] !== T || e[47] !== d || e[48] !== N || e[49] !== B || e[50] !== L || e[51] !== $ || e[52] !== ke || e[53] !== Ue || e[54] !== I || e[55] !== Ge || e[56] !== j || e[57] !== de || e[58] !== oe ? (Ce = {
     trigger: oe,
     state: de,
-    headerTitle: w,
+    headerTitle: I,
     bodyTitle: Ue,
     infoMessage: Ge,
     isDefaultInfoMessage: Fe,
     phoneNumber: $,
     onPhoneNumberChange: d,
-    existingAccountErrorMessage: I,
+    existingAccountErrorMessage: w,
     phoneErrorMessage: L,
     phoneDisplay: j,
     phonePlaceholder: ke,
@@ -308,19 +308,19 @@ function rt(a) {
     icon: Be,
     onClose: We,
     className: z
-  }, e[38] = W, e[39] = z, e[40] = I, e[41] = We, e[42] = je, e[43] = Ke, e[44] = Be, e[45] = Fe, e[46] = T, e[47] = d, e[48] = N, e[49] = B, e[50] = L, e[51] = $, e[52] = ke, e[53] = Ue, e[54] = w, e[55] = Ge, e[56] = j, e[57] = de, e[58] = oe, e[59] = Ce) : Ce = e[59];
+  }, e[38] = W, e[39] = z, e[40] = w, e[41] = We, e[42] = je, e[43] = Ke, e[44] = Be, e[45] = Fe, e[46] = T, e[47] = d, e[48] = N, e[49] = B, e[50] = L, e[51] = $, e[52] = ke, e[53] = Ue, e[54] = I, e[55] = Ge, e[56] = j, e[57] = de, e[58] = oe, e[59] = Ce) : Ce = e[59];
   const K = Ce;
   let V;
   e[60] !== Y || e[61] !== R ? (V = R ?? (() => Y("mobileNumber")), e[60] = Y, e[61] = R, e[62] = V) : V = e[62];
   const Ve = H ?? ct;
   let Oe;
-  e[63] !== z || e[64] !== Ye || e[65] !== U || e[66] !== P || e[67] !== x || e[68] !== $e || e[69] !== k || e[70] !== ie || e[71] !== Te || e[72] !== Re || e[73] !== Se || e[74] !== j || e[75] !== V || e[76] !== Ve ? (Oe = {
+  e[63] !== z || e[64] !== Ye || e[65] !== U || e[66] !== P || e[67] !== D || e[68] !== $e || e[69] !== k || e[70] !== ie || e[71] !== Te || e[72] !== Re || e[73] !== Se || e[74] !== j || e[75] !== V || e[76] !== Ve ? (Oe = {
     headerTitle: Te,
     title: Se,
     phoneDisplay: j,
     otp: $e,
     onOtpChange: Ye,
-    onOtpSubmit: x,
+    onOtpSubmit: D,
     onBack: V,
     otpError: ie,
     canResend: k,
@@ -329,25 +329,25 @@ function rt(a) {
     submitLabel: Re,
     isSubmitting: U,
     className: z
-  }, e[63] = z, e[64] = Ye, e[65] = U, e[66] = P, e[67] = x, e[68] = $e, e[69] = k, e[70] = ie, e[71] = Te, e[72] = Re, e[73] = Se, e[74] = j, e[75] = V, e[76] = Ve, e[77] = Oe) : Oe = e[77];
+  }, e[63] = z, e[64] = Ye, e[65] = U, e[66] = P, e[67] = D, e[68] = $e, e[69] = k, e[70] = ie, e[71] = Te, e[72] = Re, e[73] = Se, e[74] = j, e[75] = V, e[76] = Ve, e[77] = Oe) : Oe = e[77];
   const X = Oe, q = mt === "otp" && de === "existingAccount";
   if (re) {
     let g;
-    e[78] === Symbol.for("react.memo_cache_sentinel") ? (g = qe(Ht, "mx-auto flex h-auto max-h-[90vh] w-full max-w-[384px] flex-col overflow-hidden rounded-t-[16px] border-0 p-0"), e[78] = g) : g = e[78];
+    e[78] === Symbol.for("react.memo_cache_sentinel") ? (g = qe(Ht, "flex h-auto max-h-[90vh] w-full flex-col overflow-hidden rounded-t-[16px] border-0 p-0"), e[78] = g) : g = e[78];
     let ee;
-    e[79] !== w ? (ee = /* @__PURE__ */ o(vt, { className: "sr-only", children: /* @__PURE__ */ o(Et, { children: w }) }), e[79] = w, e[80] = ee) : ee = e[80];
+    e[79] !== I ? (ee = /* @__PURE__ */ o(vt, { className: "sr-only", children: /* @__PURE__ */ o(Et, { children: I }) }), e[79] = I, e[80] = ee) : ee = e[80];
     let te;
     e[81] !== X || e[82] !== q || e[83] !== K ? (te = q ? /* @__PURE__ */ o(it, { ...X, surface: "drawer" }) : /* @__PURE__ */ o(nt, { ...K, surface: "drawer" }), e[81] = X, e[82] = q, e[83] = K, e[84] = te) : te = e[84];
     let le;
-    e[85] !== ee || e[86] !== te ? (le = /* @__PURE__ */ A(xt, { "aria-describedby": void 0, className: g, "data-mobile-number-dialog-drawer-content": !0, children: [
+    e[85] !== ee || e[86] !== te ? (le = /* @__PURE__ */ A(Dt, { "aria-describedby": void 0, className: g, "data-mobile-number-dialog-drawer-content": !0, children: [
       ee,
       te
     ] }), e[85] = ee, e[86] = te, e[87] = le) : le = e[87];
-    let Ie;
-    return e[88] !== t || e[89] !== i || e[90] !== le ? (Ie = /* @__PURE__ */ o(Dt, { dismissible: !0, open: i, onOpenChange: t, children: le }), e[88] = t, e[89] = i, e[90] = le, e[91] = Ie) : Ie = e[91], Ie;
+    let we;
+    return e[88] !== t || e[89] !== i || e[90] !== le ? (we = /* @__PURE__ */ o(Mt, { dismissible: !0, open: i, onOpenChange: t, children: le }), e[88] = t, e[89] = i, e[90] = le, e[91] = we) : we = e[91], we;
   }
   let J;
-  e[92] !== w ? (J = /* @__PURE__ */ o(gt, { className: "sr-only", children: /* @__PURE__ */ o(_t, { children: w }) }), e[92] = w, e[93] = J) : J = e[93];
+  e[92] !== I ? (J = /* @__PURE__ */ o(gt, { className: "sr-only", children: /* @__PURE__ */ o(_t, { children: I }) }), e[92] = I, e[93] = J) : J = e[93];
   let Q;
   e[94] !== X || e[95] !== q || e[96] !== K ? (Q = q ? /* @__PURE__ */ o(it, { ...X, surface: "dialog" }) : /* @__PURE__ */ o(nt, { ...K, surface: "dialog" }), e[94] = X, e[95] = q, e[96] = K, e[97] = Q) : Q = e[97];
   let Z;
@@ -355,8 +355,8 @@ function rt(a) {
     J,
     Q
   ] }), e[98] = Pe, e[99] = J, e[100] = Q, e[101] = Z) : Z = e[101];
-  let we;
-  return e[102] !== t || e[103] !== i || e[104] !== Z ? (we = /* @__PURE__ */ o(Nt, { open: i, onOpenChange: t, modal: !0, children: Z }), e[102] = t, e[103] = i, e[104] = Z, e[105] = we) : we = e[105], we;
+  let Ie;
+  return e[102] !== t || e[103] !== i || e[104] !== Z ? (Ie = /* @__PURE__ */ o(Nt, { open: i, onOpenChange: t, modal: !0, children: Z }), e[102] = t, e[103] = i, e[104] = Z, e[105] = Ie) : Ie = e[105], Ie;
 }
 function qt() {
   return document.body.classList.remove(Xe);

package/dist/components/overrides/ui/mobile-number-dialog/otp-dialog.js

@@ -1,98 +1,95 @@
 "use client";
-import { jsx as t, jsxs as k } from "react/jsx-runtime";
-import { c as I } from "react-compiler-runtime";
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { c as j } from "react-compiler-runtime";
 import { ArrowLeft as U } from "lucide-react";
 import { CircularProgress as H } from "../circular-progress.js";
-import { DoctButton as M } from "../../../ui/button.js";
+import { DoctButton as T } from "../../../ui/button.js";
 import { DoctTypography as L } from "../../../ui/typography.js";
 import { cn as P } from "../../../../lib/utils.js";
 import { OtpInput as W } from "../inputs/otp-input.js";
 import { MOBILE_NUMBER_DIALOG_OTP_RESEND_BUTTON_LABEL as $ } from "./presets.js";
 const V = "flex w-full flex-col overflow-hidden border border-black/[0.12] bg-white";
-function q(B) {
-  const e = I(9), {
-    title: n,
-    onBack: o
-  } = B;
+function q(y) {
+  const e = j(8), {
+    title: s,
+    onBack: n
+  } = y;
   let r;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ t(U, { className: "size-6", "aria-hidden": !0 }), e[0] = r) : r = e[0];
   let l;
-  e[1] !== o ? (l = /* @__PURE__ */ t(M, { type: "button", variant: "ghost", onClick: o, className: "flex size-12 shrink-0 items-center justify-center rounded-full p-0 text-black/70", "aria-label": "Go back", icon: r }), e[1] = o, e[2] = l) : l = e[2];
+  e[1] !== n ? (l = /* @__PURE__ */ t(T, { type: "button", variant: "ghost", onClick: n, className: "flex size-12 shrink-0 items-center justify-center rounded-full p-0 text-black/70", "aria-label": "Go back", icon: r }), e[1] = n, e[2] = l) : l = e[2];
   let i;
-  e[3] !== n ? (i = /* @__PURE__ */ t("div", { className: "flex min-h-12 min-w-0 flex-1 items-center justify-center py-[18px]", children: /* @__PURE__ */ t(L, { as: "p", variant: "textLabel1", weight: "semiBold", align: "left", className: "min-w-0 !text-black/80", children: n }) }), e[3] = n, e[4] = i) : i = e[4];
+  e[3] !== s ? (i = /* @__PURE__ */ t("div", { className: "flex min-h-12 min-w-0 flex-1 items-center py-[18px] pr-4", children: /* @__PURE__ */ t(L, { as: "p", variant: "textLabel1", weight: "semiBold", align: "left", className: "min-w-0 !text-black/80", children: s }) }), e[3] = s, e[4] = i) : i = e[4];
   let a;
-  e[5] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ t("div", { className: "size-12 shrink-0", "aria-hidden": !0 }), e[5] = a) : a = e[5];
-  let s;
-  return e[6] !== l || e[7] !== i ? (s = /* @__PURE__ */ k("div", { className: "flex w-full shrink-0 items-start justify-between overflow-hidden border-b border-black/10", children: [
+  return e[5] !== l || e[6] !== i ? (a = /* @__PURE__ */ w("div", { className: "flex w-full shrink-0 items-center overflow-hidden border-b border-black/10", children: [
     l,
-    i,
-    a
-  ] }), e[6] = l, e[7] = i, e[8] = s) : s = e[8], s;
+    i
+  ] }), e[5] = l, e[6] = i, e[7] = a) : a = e[7], a;
 }
-function ie(B) {
-  const e = I(44), {
-    headerTitle: n,
-    title: o,
+function ie(y) {
+  const e = j(44), {
+    headerTitle: s,
+    title: n,
     phoneDisplay: r,
     otp: l,
     onOtpChange: i,
     onOtpSubmit: a,
-    onBack: s,
+    onBack: B,
     otpError: D,
-    canResend: R,
+    canResend: z,
     onResend: E,
     timerText: O,
-    submitLabel: S,
-    isSubmitting: T,
-    className: A,
+    submitLabel: A,
+    isSubmitting: I,
+    className: C,
     surface: F
-  } = B, C = R === void 0 ? !1 : R, c = T === void 0 ? !1 : T, j = F === "drawer" ? "h-auto max-w-none rounded-t-[16px]" : "!max-w-[384px] rounded-[16px] shadow-[0_8px_24px_rgba(0,0,0,0.12)]";
-  let _;
-  e[0] !== A || e[1] !== j ? (_ = P(V, j, A), e[0] = A, e[1] = j, e[2] = _) : _ = e[2];
-  const z = _;
+  } = y, S = z === void 0 ? !1 : z, o = I === void 0 ? !1 : I, M = F === "drawer" ? "h-auto max-w-none rounded-t-[16px]" : "!max-w-[384px] rounded-[16px] shadow-[0_8px_24px_rgba(0,0,0,0.12)]";
+  let k;
+  e[0] !== C || e[1] !== M ? (k = P(V, M, C), e[0] = C, e[1] = M, e[2] = k) : k = e[2];
+  const R = k;
+  let c;
+  e[3] !== s || e[4] !== B ? (c = /* @__PURE__ */ t(q, { title: s, onBack: B }), e[3] = s, e[4] = B, e[5] = c) : c = e[5];
   let f;
-  e[3] !== n || e[4] !== s ? (f = /* @__PURE__ */ t(q, { title: n, onBack: s }), e[3] = n, e[4] = s, e[5] = f) : f = e[5];
-  let m;
-  e[6] !== a || e[7] !== l ? (m = (G) => {
+  e[6] !== a || e[7] !== l ? (f = (G) => {
     G.preventDefault(), a == null || a(l.join(""));
-  }, e[6] = a, e[7] = l, e[8] = m) : m = e[8];
+  }, e[6] = a, e[7] = l, e[8] = f) : f = e[8];
+  let m;
+  e[9] !== n ? (m = /* @__PURE__ */ t(L, { variant: "h6", weight: "extraBold", align: "left", className: "text-neutral-black", children: n }), e[9] = n, e[10] = m) : m = e[10];
   let d;
-  e[9] !== o ? (d = /* @__PURE__ */ t(L, { variant: "h6", weight: "extraBold", align: "left", className: "text-neutral-black", children: o }), e[9] = o, e[10] = d) : d = e[10];
+  e[11] !== r ? (d = /* @__PURE__ */ t(L, { variant: "title2", align: "left", className: "text-neutral-black", children: r }), e[11] = r, e[12] = d) : d = e[12];
   let u;
-  e[11] !== r ? (u = /* @__PURE__ */ t(L, { variant: "title2", align: "left", className: "text-neutral-black", children: r }), e[11] = r, e[12] = u) : u = e[12];
-  let h;
-  e[13] !== d || e[14] !== u ? (h = /* @__PURE__ */ k("div", { className: "flex w-full flex-col gap-6", children: [
-    d,
-    u
-  ] }), e[13] = d, e[14] = u, e[15] = h) : h = e[15];
+  e[13] !== m || e[14] !== d ? (u = /* @__PURE__ */ w("div", { className: "flex w-full flex-col gap-6", children: [
+    m,
+    d
+  ] }), e[13] = m, e[14] = d, e[15] = u) : u = e[15];
   let p;
   e[16] !== i || e[17] !== l || e[18] !== D ? (p = /* @__PURE__ */ t(W, { autoFocus: !0, length: l.length, value: l, onChange: i, error: D, inputClassName: "!h-[44px] !w-[44px]" }), e[16] = i, e[17] = l, e[18] = D, e[19] = p) : p = e[19];
+  let h;
+  e[20] !== S || e[21] !== E || e[22] !== O ? (h = /* @__PURE__ */ t("div", { className: "flex min-h-7 items-center font-medium", children: S ? /* @__PURE__ */ t(T, { type: "button", variant: "outline", size: "small", onClick: E, className: "!h-[28px]", children: $ }) : /* @__PURE__ */ t(L, { variant: "textLabel3", align: "left", className: "text-neutral-black", children: O }) }), e[20] = S, e[21] = E, e[22] = O, e[23] = h) : h = e[23];
   let x;
-  e[20] !== C || e[21] !== E || e[22] !== O ? (x = /* @__PURE__ */ t("div", { className: "flex min-h-7 items-center font-medium", children: C ? /* @__PURE__ */ t(M, { type: "button", variant: "outline", size: "small", onClick: E, className: "!h-[28px]", children: $ }) : /* @__PURE__ */ t(L, { variant: "textLabel3", align: "left", className: "text-neutral-black", children: O }) }), e[20] = C, e[21] = E, e[22] = O, e[23] = x) : x = e[23];
-  let b;
-  e[24] !== p || e[25] !== x ? (b = /* @__PURE__ */ k("div", { className: "flex w-full flex-col gap-5", children: [
+  e[24] !== p || e[25] !== h ? (x = /* @__PURE__ */ w("div", { className: "flex w-full flex-col gap-5", children: [
     p,
+    h
+  ] }), e[24] = p, e[25] = h, e[26] = x) : x = e[26];
+  let b;
+  e[27] !== x || e[28] !== u ? (b = /* @__PURE__ */ w("div", { className: "flex w-full flex-col items-center gap-7 px-4 py-5", children: [
+    u,
     x
-  ] }), e[24] = p, e[25] = x, e[26] = b) : b = e[26];
+  ] }), e[27] = x, e[28] = u, e[29] = b) : b = e[29];
   let N;
-  e[27] !== b || e[28] !== h ? (N = /* @__PURE__ */ k("div", { className: "flex w-full flex-col items-center gap-7 px-4 py-5", children: [
-    h,
-    b
-  ] }), e[27] = b, e[28] = h, e[29] = N) : N = e[29];
+  e[30] !== o || e[31] !== A ? (N = o ? /* @__PURE__ */ t(H, { size: 32, strokeWidth: 2 }) : A, e[30] = o, e[31] = A, e[32] = N) : N = e[32];
   let g;
-  e[30] !== c || e[31] !== S ? (g = c ? /* @__PURE__ */ t(H, { size: 32, strokeWidth: 2 }) : S, e[30] = c, e[31] = S, e[32] = g) : g = e[32];
+  e[33] !== o || e[34] !== N ? (g = /* @__PURE__ */ t("div", { className: "flex w-full flex-col items-start border-t border-black/10 bg-[#FAFAFA] p-4", children: /* @__PURE__ */ t(T, { type: "submit", variant: "primary", size: "large", fullWidth: !0, disabled: o, children: N }) }), e[33] = o, e[34] = N, e[35] = g) : g = e[35];
   let v;
-  e[33] !== c || e[34] !== g ? (v = /* @__PURE__ */ t("div", { className: "flex w-full flex-col items-start border-t border-black/10 bg-[#FAFAFA] p-4", children: /* @__PURE__ */ t(M, { type: "submit", variant: "primary", size: "large", fullWidth: !0, disabled: c, children: g }) }), e[33] = c, e[34] = g, e[35] = v) : v = e[35];
-  let w;
-  e[36] !== N || e[37] !== v || e[38] !== m ? (w = /* @__PURE__ */ k("form", { className: "flex w-full flex-col", noValidate: !0, onSubmit: m, children: [
-    N,
+  e[36] !== b || e[37] !== g || e[38] !== f ? (v = /* @__PURE__ */ w("form", { className: "flex w-full flex-col", noValidate: !0, onSubmit: f, children: [
+    b,
+    g
+  ] }), e[36] = b, e[37] = g, e[38] = f, e[39] = v) : v = e[39];
+  let _;
+  return e[40] !== R || e[41] !== v || e[42] !== c ? (_ = /* @__PURE__ */ w("div", { className: R, children: [
+    c,
     v
-  ] }), e[36] = N, e[37] = v, e[38] = m, e[39] = w) : w = e[39];
-  let y;
-  return e[40] !== z || e[41] !== w || e[42] !== f ? (y = /* @__PURE__ */ k("div", { className: z, children: [
-    f,
-    w
-  ] }), e[40] = z, e[41] = w, e[42] = f, e[43] = y) : y = e[43], y;
+  ] }), e[40] = R, e[41] = v, e[42] = c, e[43] = _) : _ = e[43], _;
 }
 export {
   ie as MobileNumberDialogOtpSurface