docthub-core-components 3.3.9 → 3.3.10

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

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

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

@@ -1,16 +1,16 @@
 "use client";
-const t = "+91", o = "Enter number", T = "9825910X0X", A = "+91 9825910X0X", O = "user******@gmail.com", i = "Your mobile number required to complete certain actions as well as it's associated with security of your Docthub account.", N = {
+const L = "+91", o = "Enter number", e = "9825910X0X", i = "+91 9825910X0X", O = "user******@gmail.com", T = "Your mobile number required to complete certain actions as well as it's associated with security of your Docthub account.", s = {
   action: "To continue..",
   system: "Add mobile number"
-}, e = {
+}, A = {
   action: "Add your mobile number",
   system: "Keep your account secure"
-}, I = "your accounts will be unified on login", D = "Login with Mobile", U = "6 digit OTP has been sent to your Mobile", u = "Resend code in: 00:59", r = "Resend Code", B = "Submit";
-function L(_) {
+}, N = "your accounts will be unified on login", u = "Login with Mobile", R = "6 digit OTP has been sent to your Mobile", U = "Resend code in: 00:59", D = "Resend Code", B = "Submit", P = "flex size-12 shrink-0 items-center justify-center rounded-full p-0 text-black/70 hover:bg-transparent active:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0";
+function t(_) {
   return `This number is already linked to a Docthub account (${_})`;
 }
-const c = L(O);
-function s(_) {
+const I = t(O);
+function c(_) {
   return _ ? `Login with '${_}'` : "Login";
 }
 function M(_, n) {
@@ -26,46 +26,47 @@ const C = {
     addNumber: "Save",
     existingAccount: "Save"
   }
-}, R = "Add later";
-function P(_) {
+}, r = "Add later";
+function b(_) {
   return _ === "existingAccount";
 }
-const b = e, l = t, a = c, F = i, d = O, m = A, G = T, S = o, g = N, H = I, Y = C, h = R, y = L, f = s, x = M;
+const l = A, a = L, F = I, d = T, m = O, G = i, S = e, g = o, f = s, h = N, H = C, Y = r, y = t, x = c, p = M;
 export {
-  b as ACCOUNT_CONFLICT_PROMPT_BODY_TITLE,
-  l as ACCOUNT_CONFLICT_PROMPT_DEFAULT_COUNTRY_CODE,
-  a as ACCOUNT_CONFLICT_PROMPT_DEFAULT_EXISTING_ACCOUNT_ERROR,
-  F as ACCOUNT_CONFLICT_PROMPT_DEFAULT_INFO_MESSAGE,
-  d as ACCOUNT_CONFLICT_PROMPT_DEFAULT_MASKED_EMAIL,
-  m as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_DISPLAY,
-  G as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_NUMBER,
-  S as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_PLACEHOLDER,
-  g as ACCOUNT_CONFLICT_PROMPT_HEADER_TITLE,
-  H as ACCOUNT_CONFLICT_PROMPT_LOGIN_UNIFY_HINT,
-  Y as ACCOUNT_CONFLICT_PROMPT_PRIMARY_LABEL,
-  h as ACCOUNT_CONFLICT_PROMPT_SECONDARY_LABEL,
-  e as MOBILE_NUMBER_DIALOG_BODY_TITLE,
-  t as MOBILE_NUMBER_DIALOG_DEFAULT_COUNTRY_CODE,
-  c as MOBILE_NUMBER_DIALOG_DEFAULT_EXISTING_ACCOUNT_ERROR,
-  i as MOBILE_NUMBER_DIALOG_DEFAULT_INFO_MESSAGE,
+  l as ACCOUNT_CONFLICT_PROMPT_BODY_TITLE,
+  a as ACCOUNT_CONFLICT_PROMPT_DEFAULT_COUNTRY_CODE,
+  F as ACCOUNT_CONFLICT_PROMPT_DEFAULT_EXISTING_ACCOUNT_ERROR,
+  d as ACCOUNT_CONFLICT_PROMPT_DEFAULT_INFO_MESSAGE,
+  m as ACCOUNT_CONFLICT_PROMPT_DEFAULT_MASKED_EMAIL,
+  G as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_DISPLAY,
+  S as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_NUMBER,
+  g as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_PLACEHOLDER,
+  f as ACCOUNT_CONFLICT_PROMPT_HEADER_TITLE,
+  h as ACCOUNT_CONFLICT_PROMPT_LOGIN_UNIFY_HINT,
+  H as ACCOUNT_CONFLICT_PROMPT_PRIMARY_LABEL,
+  Y as ACCOUNT_CONFLICT_PROMPT_SECONDARY_LABEL,
+  A as MOBILE_NUMBER_DIALOG_BODY_TITLE,
+  L as MOBILE_NUMBER_DIALOG_DEFAULT_COUNTRY_CODE,
+  I as MOBILE_NUMBER_DIALOG_DEFAULT_EXISTING_ACCOUNT_ERROR,
+  T as MOBILE_NUMBER_DIALOG_DEFAULT_INFO_MESSAGE,
   O as MOBILE_NUMBER_DIALOG_DEFAULT_MASKED_EMAIL,
-  A as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_DISPLAY,
-  T as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_NUMBER,
+  i as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_DISPLAY,
+  e as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_NUMBER,
   o as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_PLACEHOLDER,
-  N as MOBILE_NUMBER_DIALOG_HEADER_TITLE,
-  I as MOBILE_NUMBER_DIALOG_LOGIN_UNIFY_HINT,
-  D as MOBILE_NUMBER_DIALOG_OTP_HEADER_TITLE,
-  r as MOBILE_NUMBER_DIALOG_OTP_RESEND_BUTTON_LABEL,
-  u as MOBILE_NUMBER_DIALOG_OTP_RESEND_LABEL,
+  s as MOBILE_NUMBER_DIALOG_HEADER_TITLE,
+  P as MOBILE_NUMBER_DIALOG_ICON_BUTTON_CLASS,
+  N as MOBILE_NUMBER_DIALOG_LOGIN_UNIFY_HINT,
+  u as MOBILE_NUMBER_DIALOG_OTP_HEADER_TITLE,
+  D as MOBILE_NUMBER_DIALOG_OTP_RESEND_BUTTON_LABEL,
+  U as MOBILE_NUMBER_DIALOG_OTP_RESEND_LABEL,
   B as MOBILE_NUMBER_DIALOG_OTP_SUBMIT_LABEL,
-  U as MOBILE_NUMBER_DIALOG_OTP_TITLE,
+  R as MOBILE_NUMBER_DIALOG_OTP_TITLE,
   C as MOBILE_NUMBER_DIALOG_PRIMARY_LABEL,
-  R as MOBILE_NUMBER_DIALOG_SECONDARY_LABEL,
+  r as MOBILE_NUMBER_DIALOG_SECONDARY_LABEL,
   y as buildExistingAccountError,
-  L as buildExistingMobileNumberError,
-  s as buildLoginWithMobileNumberLabel,
-  f as buildLoginWithPhoneLabel,
+  t as buildExistingMobileNumberError,
+  c as buildLoginWithMobileNumberLabel,
+  x as buildLoginWithPhoneLabel,
   M as buildMobileNumberDisplay,
-  x as buildPhoneDisplay,
-  P as isMobileNumberDialogPrimaryDisabled
+  p as buildPhoneDisplay,
+  b as isMobileNumberDialogPrimaryDisabled
 };

package/dist/src/components/overrides/ui/mobile-number-dialog/mobile-number-dialog.d.ts

@@ -1,5 +1,5 @@
 import { MobileNumberDialogProps } from './types';
-export declare function MobileNumberDialog({ open, onOpenChange, trigger, state, headerTitle, bodyTitle, infoMessage, phoneNumber, onPhoneNumberChange, onCountryCodeChange, step, defaultStep, onStepChange, onExistingAccountLoginClick, phoneErrorMessage, onPrimaryClick, onSecondaryClick, isPrimaryLoading, maskedRecipient, otpHeaderTitle, onOtpBack, otpError, otpCanResend, onOtpResend, otpTimerText, isOtpSubmitting, otpValue, onOtpChange, otpLength, onOtpSubmit, otpTitle, otpResendLabel, otpSubmitLabel, existingAccountErrorMessage, phonePlaceholder, countryCode, icon, isMobileOverride, closeOnOutsideClick, className, }: MobileNumberDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function MobileNumberDialog({ open, onOpenChange, trigger, state, headerTitle, bodyTitle, infoMessage, phoneNumber, onPhoneNumberChange, onCountryCodeChange, countries, defaultCountry, onCountryChange, onValuesChange, step, defaultStep, onStepChange, onExistingAccountLoginClick, phoneErrorMessage, onPrimaryClick, onSecondaryClick, isPrimaryLoading, maskedRecipient, otpHeaderTitle, onOtpBack, otpError, otpCanResend, onOtpResend, otpTimerText, isOtpSubmitting, otpValue, onOtpChange, otpLength, onOtpSubmit, otpTitle, otpResendLabel, otpSubmitLabel, existingAccountErrorMessage, phonePlaceholder, countryCode, icon, isMobileOverride, closeOnOutsideClick, className, }: MobileNumberDialogProps): import("react/jsx-runtime").JSX.Element;
 export declare const DoctMobileNumberDialog: typeof MobileNumberDialog;
 /** @deprecated Use `MobileNumberDialog`. */
 export declare const DoctAccountConflictPrompt: typeof MobileNumberDialog;

package/dist/src/components/overrides/ui/mobile-number-dialog/presets.d.ts

@@ -15,6 +15,8 @@ export declare const MOBILE_NUMBER_DIALOG_OTP_TITLE = "6 digit OTP has been sent
 export declare const MOBILE_NUMBER_DIALOG_OTP_RESEND_LABEL = "Resend code in: 00:59";
 export declare const MOBILE_NUMBER_DIALOG_OTP_RESEND_BUTTON_LABEL = "Resend Code";
 export declare const MOBILE_NUMBER_DIALOG_OTP_SUBMIT_LABEL = "Submit";
+/** Close/back icon buttons — suppress default ghost hover and focus ring. */
+export declare const MOBILE_NUMBER_DIALOG_ICON_BUTTON_CLASS = "flex size-12 shrink-0 items-center justify-center rounded-full p-0 text-black/70 hover:bg-transparent active:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0";
 export declare function buildExistingMobileNumberError(maskedEmail: string): string;
 /** Default existing-account error copy for Storybook / demos. */
 export declare const MOBILE_NUMBER_DIALOG_DEFAULT_EXISTING_ACCOUNT_ERROR: string;

package/dist/src/components/overrides/ui/mobile-number-dialog/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { DoctPhoneInputProps } from '../inputs/phone-input';
 /** Body class when drawer is open; lighter scrim in `index.css` (shared with login drawer). */
 export declare const MOBILE_NUMBER_DIALOG_DRAWER_BACKDROP_CLASS = "login-drawer-backdrop";
 /**
@@ -32,6 +33,14 @@ export interface MobileNumberDialogProps {
     onPhoneNumberChange?: (phoneNumber: string) => void;
     /** Called when the user changes the selected country calling code. */
     onCountryCodeChange?: (countryCode: string) => void;
+    /** Country options supplied by the consumer app, for example from `/api/v1/country/country-code`. */
+    countries?: DoctPhoneInputProps["countries"];
+    /** Initial selected country for the phone input. */
+    defaultCountry?: DoctPhoneInputProps["defaultCountry"];
+    /** Called when the selected country object/code changes. */
+    onCountryChange?: DoctPhoneInputProps["onCountryChange"];
+    /** Called with `[countryCode, phoneNumber]` when either phone value changes. */
+    onValuesChange?: DoctPhoneInputProps["onValuesChange"];
     /** Controlled view step. Use `otp` when authentication has moved to OTP verification. */
     step?: MobileNumberDialogStep;
     /** Initial uncontrolled view step. Default `mobileNumber`. */