@alikhalilll/a-tel-input 1.0.2 → 1.1.1

package/dist/zod/index.cjs

@@ -0,0 +1,211 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_usePhoneValidation = require("../_chunks/usePhoneValidation.js");
+const require_types = require("../_chunks/types.js");
+let libphonenumber_js = require("libphonenumber-js");
+let zod = require("zod");
+//#region src/zod/index.ts
+/**
+* Zod adapter for `@alikhalilll/a-tel-input`.
+*
+* Wraps the same `usePhoneValidation()` engine the component uses, so a Zod schema
+* never disagrees with the visual validation state in the field.
+*
+* Three usage shapes, all backed by libphonenumber-js:
+*
+* 1. **E.164 string** (default) — validate a full international number:
+*
+*    ```ts
+*    import { zPhone } from '@alikhalilll/a-tel-input/zod';
+*    const schema = z.object({ phone: zPhone() });
+*    schema.parse({ phone: '+201234567890' });
+*    ```
+*
+* 2. **National number for a fixed country** — when you already know the country (e.g.,
+*    a Saudi-only form) and only need to validate the digits the user typed:
+*
+*    ```ts
+*    const schema = z.object({ phone: zPhone({ country: 'SA' }) });
+*    ```
+*
+* 3. **Combined object** — matches ATelInput's two v-models out of the box:
+*
+*    ```ts
+*    import { zPhoneObject } from '@alikhalilll/a-tel-input/zod';
+*    const schema = z.object({
+*      contact: zPhoneObject(), // -> { phone: string, country: number | null }
+*    });
+*    ```
+*
+* All three honour `allowedDialCodes` and produce a `PhoneValidationReason` localised
+* through the same `DEFAULT_ERROR_MESSAGES` map as the component, so error wording is
+* consistent across UI + schema.
+*
+* `zod` is an **optional peer dependency** — install it yourself in your app.
+*/
+function messageFor(reason, overrides) {
+	return overrides?.[reason] ?? require_types.DEFAULT_ERROR_MESSAGES[reason];
+}
+function failsAllowList(dialDigits, allowed) {
+	if (!allowed || allowed.length === 0) return false;
+	return !allowed.includes(dialDigits);
+}
+/** Run the same validate() the component uses, but resolve country from an E.164 string. */
+function validateE164(value, v, locale) {
+	const trimmed = String(value ?? "").trim();
+	if (!trimmed) return {
+		ok: false,
+		reason: "invalid_phone",
+		country: null,
+		phone: {
+			raw: value,
+			digits: ""
+		},
+		full_phone: null,
+		required: null
+	};
+	const parsed = (0, libphonenumber_js.parsePhoneNumberFromString)(trimmed.startsWith("+") ? trimmed : `+${trimmed}`);
+	if (!parsed || !parsed.country) return {
+		ok: false,
+		reason: "parse_failed",
+		country: null,
+		phone: {
+			raw: value,
+			digits: ""
+		},
+		full_phone: null,
+		required: null
+	};
+	return v.validate({
+		country: { iso2: parsed.country },
+		phone: parsed.nationalNumber,
+		locale
+	});
+}
+/**
+* Zod schema for a phone string.
+*
+* @see {@link ZPhoneOptions} for behaviour modes.
+*/
+function zPhone(options = {}) {
+	let _v = null;
+	const getV = () => {
+		if (!_v) {
+			_v = require_usePhoneValidation.usePhoneValidation();
+			_v.getCountries();
+		}
+		return _v;
+	};
+	return zod.z.string().superRefine((value, ctx) => {
+		const v = getV();
+		if (!value || !String(value).trim()) {
+			if (options.requiredMessage) ctx.addIssue({
+				code: zod.z.ZodIssueCode.custom,
+				message: options.requiredMessage
+			});
+			return;
+		}
+		const result = options.country ? v.validate({
+			country: { iso2: options.country },
+			phone: value,
+			locale: options.locale
+		}) : validateE164(value, v, options.locale);
+		if (!result.ok) {
+			const reason = result.reason ?? "invalid_phone";
+			ctx.addIssue({
+				code: zod.z.ZodIssueCode.custom,
+				message: messageFor(reason, options.messages),
+				params: {
+					reason,
+					validation: result
+				}
+			});
+			return;
+		}
+		if (failsAllowList(result.country?.dial_code?.replace(/^\+/, "") ?? "", options.allowedDialCodes)) ctx.addIssue({
+			code: zod.z.ZodIssueCode.custom,
+			message: messageFor("country_not_supported", options.messages),
+			params: {
+				reason: "country_not_supported",
+				validation: result
+			}
+		});
+	});
+}
+/**
+* Zod schema for the `{ phone, country }` object shape matching `ATelInput`'s two
+* v-models. `phone` is the digits-only national number; `country` is the dial-digit
+* **number** (e.g. `20` for Egypt). NANP (`+1`) maps to `'US'` for validation purposes,
+* which is correct for `isValidPhoneNumber` (all NANP countries share the same rule set).
+*/
+function zPhoneObject(options = {}) {
+	let _v = null;
+	const getV = () => {
+		if (!_v) {
+			_v = require_usePhoneValidation.usePhoneValidation();
+			_v.getCountries();
+		}
+		return _v;
+	};
+	return zod.z.object({
+		phone: zod.z.string(),
+		country: zod.z.number().nullable()
+	}).superRefine((input, ctx) => {
+		const v = getV();
+		const phone = (input.phone ?? "").trim();
+		const country = input.country;
+		if (!phone) {
+			if (options.requiredMessage) ctx.addIssue({
+				code: zod.z.ZodIssueCode.custom,
+				path: ["phone"],
+				message: options.requiredMessage
+			});
+			return;
+		}
+		if (country == null) {
+			ctx.addIssue({
+				code: zod.z.ZodIssueCode.custom,
+				path: ["country"],
+				message: messageFor("missing_country", options.messages)
+			});
+			return;
+		}
+		const iso2 = v.getCountriesByDial(String(country))[0]?.value ?? options.country;
+		if (!iso2) {
+			ctx.addIssue({
+				code: zod.z.ZodIssueCode.custom,
+				path: ["country"],
+				message: messageFor("country_not_supported", options.messages)
+			});
+			return;
+		}
+		const result = v.validate({
+			country: { iso2 },
+			phone,
+			locale: options.locale
+		});
+		if (!result.ok) {
+			const reason = result.reason ?? "invalid_phone";
+			ctx.addIssue({
+				code: zod.z.ZodIssueCode.custom,
+				path: ["phone"],
+				message: messageFor(reason, options.messages),
+				params: {
+					reason,
+					validation: result
+				}
+			});
+			return;
+		}
+		if (failsAllowList(String(country), options.allowedDialCodes)) ctx.addIssue({
+			code: zod.z.ZodIssueCode.custom,
+			path: ["country"],
+			message: messageFor("country_not_supported", options.messages)
+		});
+	});
+}
+//#endregion
+exports.DEFAULT_ERROR_MESSAGES = require_types.DEFAULT_ERROR_MESSAGES;
+exports.zPhone = zPhone;
+exports.zPhoneObject = zPhoneObject;
+
+//# sourceMappingURL=index.cjs.map

package/dist/zod/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["DEFAULT_ERROR_MESSAGES","usePhoneValidation","z"],"sources":["../../src/zod/index.ts"],"sourcesContent":["/**\n * Zod adapter for `@alikhalilll/a-tel-input`.\n *\n * Wraps the same `usePhoneValidation()` engine the component uses, so a Zod schema\n * never disagrees with the visual validation state in the field.\n *\n * Three usage shapes, all backed by libphonenumber-js:\n *\n * 1. **E.164 string** (default) — validate a full international number:\n *\n *    ```ts\n *    import { zPhone } from '@alikhalilll/a-tel-input/zod';\n *    const schema = z.object({ phone: zPhone() });\n *    schema.parse({ phone: '+201234567890' });\n *    ```\n *\n * 2. **National number for a fixed country** — when you already know the country (e.g.,\n *    a Saudi-only form) and only need to validate the digits the user typed:\n *\n *    ```ts\n *    const schema = z.object({ phone: zPhone({ country: 'SA' }) });\n *    ```\n *\n * 3. **Combined object** — matches ATelInput's two v-models out of the box:\n *\n *    ```ts\n *    import { zPhoneObject } from '@alikhalilll/a-tel-input/zod';\n *    const schema = z.object({\n *      contact: zPhoneObject(), // -> { phone: string, country: number | null }\n *    });\n *    ```\n *\n * All three honour `allowedDialCodes` and produce a `PhoneValidationReason` localised\n * through the same `DEFAULT_ERROR_MESSAGES` map as the component, so error wording is\n * consistent across UI + schema.\n *\n * `zod` is an **optional peer dependency** — install it yourself in your app.\n */\n\nimport { z } from 'zod';\nimport { parsePhoneNumberFromString } from 'libphonenumber-js';\nimport {\n  usePhoneValidation,\n  type PhoneValidationReason,\n  type PhoneValidationResult,\n} from '../composables/usePhoneValidation';\nimport { DEFAULT_ERROR_MESSAGES } from '../types';\n\nexport interface ZPhoneOptions {\n  /**\n   * ISO 3166-1 alpha-2 country code (`'EG'`, `'SA'`, …). When set, the input is treated\n   * as a national number for that country. Leave undefined to validate a full E.164\n   * string (the country is inferred from the leading `+` dial code).\n   */\n  country?: string;\n  /**\n   * Whitelist of allowed dial-digit codes (no `+`), e.g. `['20', '966']`. Numbers from\n   * countries outside this list fail with `country_not_supported`. Matches the\n   * `allowedDialCodes` prop on `ATelInput`.\n   */\n  allowedDialCodes?: string[];\n  /**\n   * BCP-47 locale, forwarded to the validator. Doesn't change the validity outcome —\n   * only affects locale-dependent fields on the underlying validation result.\n   */\n  locale?: string;\n  /**\n   * Override the error messages used when the Zod issue is raised. Keyed by validation\n   * reason. Falls back to the same English defaults the component uses.\n   */\n  messages?: Partial<Record<PhoneValidationReason, string>>;\n  /**\n   * Custom message for the \"empty input\" case. By default the schema accepts an empty\n   * string — wrap with `z.string().min(1)` upstream if you want \"required\" semantics,\n   * or pass a non-empty `requiredMessage` to enforce it here.\n   */\n  requiredMessage?: string;\n}\n\nfunction messageFor(reason: PhoneValidationReason, overrides?: ZPhoneOptions['messages']) {\n  return overrides?.[reason] ?? DEFAULT_ERROR_MESSAGES[reason];\n}\n\nfunction failsAllowList(dialDigits: string, allowed?: string[]) {\n  if (!allowed || allowed.length === 0) return false;\n  return !allowed.includes(dialDigits);\n}\n\n/** Run the same validate() the component uses, but resolve country from an E.164 string. */\nfunction validateE164(\n  value: string,\n  v: ReturnType<typeof usePhoneValidation>,\n  locale?: string\n): PhoneValidationResult {\n  const trimmed = String(value ?? '').trim();\n  if (!trimmed) {\n    return {\n      ok: false,\n      reason: 'invalid_phone',\n      country: null,\n      phone: { raw: value, digits: '' },\n      full_phone: null,\n      required: null,\n    };\n  }\n  // libphonenumber wants a leading `+` to skip the country-hint requirement.\n  const e164 = trimmed.startsWith('+') ? trimmed : `+${trimmed}`;\n  const parsed = parsePhoneNumberFromString(e164);\n  if (!parsed || !parsed.country) {\n    return {\n      ok: false,\n      reason: 'parse_failed',\n      country: null,\n      phone: { raw: value, digits: '' },\n      full_phone: null,\n      required: null,\n    };\n  }\n  return v.validate({\n    country: { iso2: parsed.country },\n    phone: parsed.nationalNumber,\n    locale,\n  });\n}\n\n/**\n * Zod schema for a phone string.\n *\n * @see {@link ZPhoneOptions} for behaviour modes.\n */\nexport function zPhone(options: ZPhoneOptions = {}): z.ZodType<string, z.ZodTypeDef, string> {\n  // Lazy: only construct the validator on first parse, so apps that bundle this don't\n  // pay the libphonenumber metadata load until they actually validate.\n  let _v: ReturnType<typeof usePhoneValidation> | null = null;\n  const getV = () => {\n    if (!_v) {\n      _v = usePhoneValidation();\n      void _v.getCountries();\n    }\n    return _v;\n  };\n\n  return z.string().superRefine((value, ctx) => {\n    const v = getV();\n    const isEmpty = !value || !String(value).trim();\n\n    if (isEmpty) {\n      if (options.requiredMessage) {\n        ctx.addIssue({ code: z.ZodIssueCode.custom, message: options.requiredMessage });\n      }\n      return;\n    }\n\n    const result: PhoneValidationResult = options.country\n      ? v.validate({ country: { iso2: options.country }, phone: value, locale: options.locale })\n      : validateE164(value, v, options.locale);\n\n    if (!result.ok) {\n      const reason = result.reason ?? 'invalid_phone';\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        message: messageFor(reason, options.messages),\n        params: { reason, validation: result },\n      });\n      return;\n    }\n\n    const dialDigits = result.country?.dial_code?.replace(/^\\+/, '') ?? '';\n    if (failsAllowList(dialDigits, options.allowedDialCodes)) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        message: messageFor('country_not_supported', options.messages),\n        params: { reason: 'country_not_supported' as PhoneValidationReason, validation: result },\n      });\n    }\n  });\n}\n\n/**\n * Zod schema for the `{ phone, country }` object shape matching `ATelInput`'s two\n * v-models. `phone` is the digits-only national number; `country` is the dial-digit\n * **number** (e.g. `20` for Egypt). NANP (`+1`) maps to `'US'` for validation purposes,\n * which is correct for `isValidPhoneNumber` (all NANP countries share the same rule set).\n */\nexport function zPhoneObject(options: ZPhoneOptions = {}) {\n  let _v: ReturnType<typeof usePhoneValidation> | null = null;\n  const getV = () => {\n    if (!_v) {\n      _v = usePhoneValidation();\n      void _v.getCountries();\n    }\n    return _v;\n  };\n\n  return z\n    .object({\n      phone: z.string(),\n      country: z.number().nullable(),\n    })\n    .superRefine((input, ctx) => {\n      const v = getV();\n      const phone = (input.phone ?? '').trim();\n      const country = input.country;\n\n      if (!phone) {\n        if (options.requiredMessage) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['phone'],\n            message: options.requiredMessage,\n          });\n        }\n        return;\n      }\n\n      if (country == null) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['country'],\n          message: messageFor('missing_country', options.messages),\n        });\n        return;\n      }\n\n      const matches = v.getCountriesByDial(String(country));\n      const iso2 = matches[0]?.value ?? options.country;\n      if (!iso2) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['country'],\n          message: messageFor('country_not_supported', options.messages),\n        });\n        return;\n      }\n\n      const result = v.validate({ country: { iso2 }, phone, locale: options.locale });\n      if (!result.ok) {\n        const reason = result.reason ?? 'invalid_phone';\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['phone'],\n          message: messageFor(reason, options.messages),\n          params: { reason, validation: result },\n        });\n        return;\n      }\n\n      if (failsAllowList(String(country), options.allowedDialCodes)) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['country'],\n          message: messageFor('country_not_supported', options.messages),\n        });\n      }\n    });\n}\n\nexport { DEFAULT_ERROR_MESSAGES };\nexport type { PhoneValidationReason, PhoneValidationResult };\n"],"mappings":"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"}

package/dist/zod/index.d.cts

@@ -0,0 +1,65 @@
+import { O as PhoneValidationReason, f as DEFAULT_ERROR_MESSAGES, k as PhoneValidationResult } from "../_chunks/types.js";
+import { z } from "zod";
+
+//#region src/zod/index.d.ts
+interface ZPhoneOptions {
+  /**
+   * ISO 3166-1 alpha-2 country code (`'EG'`, `'SA'`, …). When set, the input is treated
+   * as a national number for that country. Leave undefined to validate a full E.164
+   * string (the country is inferred from the leading `+` dial code).
+   */
+  country?: string;
+  /**
+   * Whitelist of allowed dial-digit codes (no `+`), e.g. `['20', '966']`. Numbers from
+   * countries outside this list fail with `country_not_supported`. Matches the
+   * `allowedDialCodes` prop on `ATelInput`.
+   */
+  allowedDialCodes?: string[];
+  /**
+   * BCP-47 locale, forwarded to the validator. Doesn't change the validity outcome —
+   * only affects locale-dependent fields on the underlying validation result.
+   */
+  locale?: string;
+  /**
+   * Override the error messages used when the Zod issue is raised. Keyed by validation
+   * reason. Falls back to the same English defaults the component uses.
+   */
+  messages?: Partial<Record<PhoneValidationReason, string>>;
+  /**
+   * Custom message for the "empty input" case. By default the schema accepts an empty
+   * string — wrap with `z.string().min(1)` upstream if you want "required" semantics,
+   * or pass a non-empty `requiredMessage` to enforce it here.
+   */
+  requiredMessage?: string;
+}
+/**
+ * Zod schema for a phone string.
+ *
+ * @see {@link ZPhoneOptions} for behaviour modes.
+ */
+declare function zPhone(options?: ZPhoneOptions): z.ZodType<string, z.ZodTypeDef, string>;
+/**
+ * Zod schema for the `{ phone, country }` object shape matching `ATelInput`'s two
+ * v-models. `phone` is the digits-only national number; `country` is the dial-digit
+ * **number** (e.g. `20` for Egypt). NANP (`+1`) maps to `'US'` for validation purposes,
+ * which is correct for `isValidPhoneNumber` (all NANP countries share the same rule set).
+ */
+declare function zPhoneObject(options?: ZPhoneOptions): z.ZodEffects<z.ZodObject<{
+  phone: z.ZodString;
+  country: z.ZodNullable<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+  phone: string;
+  country: number | null;
+}, {
+  phone: string;
+  country: number | null;
+}>, {
+  phone: string;
+  country: number | null;
+}, {
+  phone: string;
+  country: number | null;
+}>;
+//#endregion
+export { DEFAULT_ERROR_MESSAGES, type PhoneValidationReason, type PhoneValidationResult, ZPhoneOptions, zPhone, zPhoneObject };
+//# sourceMappingURL=index.d.cts.map

package/dist/zod/index.d.ts

@@ -0,0 +1,65 @@
+import { O as PhoneValidationReason, f as DEFAULT_ERROR_MESSAGES, k as PhoneValidationResult } from "../_chunks/types.js";
+import { z } from "zod";
+
+//#region src/zod/index.d.ts
+interface ZPhoneOptions {
+  /**
+   * ISO 3166-1 alpha-2 country code (`'EG'`, `'SA'`, …). When set, the input is treated
+   * as a national number for that country. Leave undefined to validate a full E.164
+   * string (the country is inferred from the leading `+` dial code).
+   */
+  country?: string;
+  /**
+   * Whitelist of allowed dial-digit codes (no `+`), e.g. `['20', '966']`. Numbers from
+   * countries outside this list fail with `country_not_supported`. Matches the
+   * `allowedDialCodes` prop on `ATelInput`.
+   */
+  allowedDialCodes?: string[];
+  /**
+   * BCP-47 locale, forwarded to the validator. Doesn't change the validity outcome —
+   * only affects locale-dependent fields on the underlying validation result.
+   */
+  locale?: string;
+  /**
+   * Override the error messages used when the Zod issue is raised. Keyed by validation
+   * reason. Falls back to the same English defaults the component uses.
+   */
+  messages?: Partial<Record<PhoneValidationReason, string>>;
+  /**
+   * Custom message for the "empty input" case. By default the schema accepts an empty
+   * string — wrap with `z.string().min(1)` upstream if you want "required" semantics,
+   * or pass a non-empty `requiredMessage` to enforce it here.
+   */
+  requiredMessage?: string;
+}
+/**
+ * Zod schema for a phone string.
+ *
+ * @see {@link ZPhoneOptions} for behaviour modes.
+ */
+declare function zPhone(options?: ZPhoneOptions): z.ZodType<string, z.ZodTypeDef, string>;
+/**
+ * Zod schema for the `{ phone, country }` object shape matching `ATelInput`'s two
+ * v-models. `phone` is the digits-only national number; `country` is the dial-digit
+ * **number** (e.g. `20` for Egypt). NANP (`+1`) maps to `'US'` for validation purposes,
+ * which is correct for `isValidPhoneNumber` (all NANP countries share the same rule set).
+ */
+declare function zPhoneObject(options?: ZPhoneOptions): z.ZodEffects<z.ZodObject<{
+  phone: z.ZodString;
+  country: z.ZodNullable<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+  phone: string;
+  country: number | null;
+}, {
+  phone: string;
+  country: number | null;
+}>, {
+  phone: string;
+  country: number | null;
+}, {
+  phone: string;
+  country: number | null;
+}>;
+//#endregion
+export { DEFAULT_ERROR_MESSAGES, type PhoneValidationReason, type PhoneValidationResult, ZPhoneOptions, zPhone, zPhoneObject };
+//# sourceMappingURL=index.d.ts.map

package/dist/zod/index.js

@@ -0,0 +1,208 @@
+import { n as usePhoneValidation } from "../_chunks/usePhoneValidation.js";
+import { t as DEFAULT_ERROR_MESSAGES } from "../_chunks/types.js";
+import { parsePhoneNumberFromString } from "libphonenumber-js";
+import { z } from "zod";
+//#region src/zod/index.ts
+/**
+* Zod adapter for `@alikhalilll/a-tel-input`.
+*
+* Wraps the same `usePhoneValidation()` engine the component uses, so a Zod schema
+* never disagrees with the visual validation state in the field.
+*
+* Three usage shapes, all backed by libphonenumber-js:
+*
+* 1. **E.164 string** (default) — validate a full international number:
+*
+*    ```ts
+*    import { zPhone } from '@alikhalilll/a-tel-input/zod';
+*    const schema = z.object({ phone: zPhone() });
+*    schema.parse({ phone: '+201234567890' });
+*    ```
+*
+* 2. **National number for a fixed country** — when you already know the country (e.g.,
+*    a Saudi-only form) and only need to validate the digits the user typed:
+*
+*    ```ts
+*    const schema = z.object({ phone: zPhone({ country: 'SA' }) });
+*    ```
+*
+* 3. **Combined object** — matches ATelInput's two v-models out of the box:
+*
+*    ```ts
+*    import { zPhoneObject } from '@alikhalilll/a-tel-input/zod';
+*    const schema = z.object({
+*      contact: zPhoneObject(), // -> { phone: string, country: number | null }
+*    });
+*    ```
+*
+* All three honour `allowedDialCodes` and produce a `PhoneValidationReason` localised
+* through the same `DEFAULT_ERROR_MESSAGES` map as the component, so error wording is
+* consistent across UI + schema.
+*
+* `zod` is an **optional peer dependency** — install it yourself in your app.
+*/
+function messageFor(reason, overrides) {
+	return overrides?.[reason] ?? DEFAULT_ERROR_MESSAGES[reason];
+}
+function failsAllowList(dialDigits, allowed) {
+	if (!allowed || allowed.length === 0) return false;
+	return !allowed.includes(dialDigits);
+}
+/** Run the same validate() the component uses, but resolve country from an E.164 string. */
+function validateE164(value, v, locale) {
+	const trimmed = String(value ?? "").trim();
+	if (!trimmed) return {
+		ok: false,
+		reason: "invalid_phone",
+		country: null,
+		phone: {
+			raw: value,
+			digits: ""
+		},
+		full_phone: null,
+		required: null
+	};
+	const parsed = parsePhoneNumberFromString(trimmed.startsWith("+") ? trimmed : `+${trimmed}`);
+	if (!parsed || !parsed.country) return {
+		ok: false,
+		reason: "parse_failed",
+		country: null,
+		phone: {
+			raw: value,
+			digits: ""
+		},
+		full_phone: null,
+		required: null
+	};
+	return v.validate({
+		country: { iso2: parsed.country },
+		phone: parsed.nationalNumber,
+		locale
+	});
+}
+/**
+* Zod schema for a phone string.
+*
+* @see {@link ZPhoneOptions} for behaviour modes.
+*/
+function zPhone(options = {}) {
+	let _v = null;
+	const getV = () => {
+		if (!_v) {
+			_v = usePhoneValidation();
+			_v.getCountries();
+		}
+		return _v;
+	};
+	return z.string().superRefine((value, ctx) => {
+		const v = getV();
+		if (!value || !String(value).trim()) {
+			if (options.requiredMessage) ctx.addIssue({
+				code: z.ZodIssueCode.custom,
+				message: options.requiredMessage
+			});
+			return;
+		}
+		const result = options.country ? v.validate({
+			country: { iso2: options.country },
+			phone: value,
+			locale: options.locale
+		}) : validateE164(value, v, options.locale);
+		if (!result.ok) {
+			const reason = result.reason ?? "invalid_phone";
+			ctx.addIssue({
+				code: z.ZodIssueCode.custom,
+				message: messageFor(reason, options.messages),
+				params: {
+					reason,
+					validation: result
+				}
+			});
+			return;
+		}
+		if (failsAllowList(result.country?.dial_code?.replace(/^\+/, "") ?? "", options.allowedDialCodes)) ctx.addIssue({
+			code: z.ZodIssueCode.custom,
+			message: messageFor("country_not_supported", options.messages),
+			params: {
+				reason: "country_not_supported",
+				validation: result
+			}
+		});
+	});
+}
+/**
+* Zod schema for the `{ phone, country }` object shape matching `ATelInput`'s two
+* v-models. `phone` is the digits-only national number; `country` is the dial-digit
+* **number** (e.g. `20` for Egypt). NANP (`+1`) maps to `'US'` for validation purposes,
+* which is correct for `isValidPhoneNumber` (all NANP countries share the same rule set).
+*/
+function zPhoneObject(options = {}) {
+	let _v = null;
+	const getV = () => {
+		if (!_v) {
+			_v = usePhoneValidation();
+			_v.getCountries();
+		}
+		return _v;
+	};
+	return z.object({
+		phone: z.string(),
+		country: z.number().nullable()
+	}).superRefine((input, ctx) => {
+		const v = getV();
+		const phone = (input.phone ?? "").trim();
+		const country = input.country;
+		if (!phone) {
+			if (options.requiredMessage) ctx.addIssue({
+				code: z.ZodIssueCode.custom,
+				path: ["phone"],
+				message: options.requiredMessage
+			});
+			return;
+		}
+		if (country == null) {
+			ctx.addIssue({
+				code: z.ZodIssueCode.custom,
+				path: ["country"],
+				message: messageFor("missing_country", options.messages)
+			});
+			return;
+		}
+		const iso2 = v.getCountriesByDial(String(country))[0]?.value ?? options.country;
+		if (!iso2) {
+			ctx.addIssue({
+				code: z.ZodIssueCode.custom,
+				path: ["country"],
+				message: messageFor("country_not_supported", options.messages)
+			});
+			return;
+		}
+		const result = v.validate({
+			country: { iso2 },
+			phone,
+			locale: options.locale
+		});
+		if (!result.ok) {
+			const reason = result.reason ?? "invalid_phone";
+			ctx.addIssue({
+				code: z.ZodIssueCode.custom,
+				path: ["phone"],
+				message: messageFor(reason, options.messages),
+				params: {
+					reason,
+					validation: result
+				}
+			});
+			return;
+		}
+		if (failsAllowList(String(country), options.allowedDialCodes)) ctx.addIssue({
+			code: z.ZodIssueCode.custom,
+			path: ["country"],
+			message: messageFor("country_not_supported", options.messages)
+		});
+	});
+}
+//#endregion
+export { DEFAULT_ERROR_MESSAGES, zPhone, zPhoneObject };
+
+//# sourceMappingURL=index.js.map

package/dist/zod/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/zod/index.ts"],"sourcesContent":["/**\n * Zod adapter for `@alikhalilll/a-tel-input`.\n *\n * Wraps the same `usePhoneValidation()` engine the component uses, so a Zod schema\n * never disagrees with the visual validation state in the field.\n *\n * Three usage shapes, all backed by libphonenumber-js:\n *\n * 1. **E.164 string** (default) — validate a full international number:\n *\n *    ```ts\n *    import { zPhone } from '@alikhalilll/a-tel-input/zod';\n *    const schema = z.object({ phone: zPhone() });\n *    schema.parse({ phone: '+201234567890' });\n *    ```\n *\n * 2. **National number for a fixed country** — when you already know the country (e.g.,\n *    a Saudi-only form) and only need to validate the digits the user typed:\n *\n *    ```ts\n *    const schema = z.object({ phone: zPhone({ country: 'SA' }) });\n *    ```\n *\n * 3. **Combined object** — matches ATelInput's two v-models out of the box:\n *\n *    ```ts\n *    import { zPhoneObject } from '@alikhalilll/a-tel-input/zod';\n *    const schema = z.object({\n *      contact: zPhoneObject(), // -> { phone: string, country: number | null }\n *    });\n *    ```\n *\n * All three honour `allowedDialCodes` and produce a `PhoneValidationReason` localised\n * through the same `DEFAULT_ERROR_MESSAGES` map as the component, so error wording is\n * consistent across UI + schema.\n *\n * `zod` is an **optional peer dependency** — install it yourself in your app.\n */\n\nimport { z } from 'zod';\nimport { parsePhoneNumberFromString } from 'libphonenumber-js';\nimport {\n  usePhoneValidation,\n  type PhoneValidationReason,\n  type PhoneValidationResult,\n} from '../composables/usePhoneValidation';\nimport { DEFAULT_ERROR_MESSAGES } from '../types';\n\nexport interface ZPhoneOptions {\n  /**\n   * ISO 3166-1 alpha-2 country code (`'EG'`, `'SA'`, …). When set, the input is treated\n   * as a national number for that country. Leave undefined to validate a full E.164\n   * string (the country is inferred from the leading `+` dial code).\n   */\n  country?: string;\n  /**\n   * Whitelist of allowed dial-digit codes (no `+`), e.g. `['20', '966']`. Numbers from\n   * countries outside this list fail with `country_not_supported`. Matches the\n   * `allowedDialCodes` prop on `ATelInput`.\n   */\n  allowedDialCodes?: string[];\n  /**\n   * BCP-47 locale, forwarded to the validator. Doesn't change the validity outcome —\n   * only affects locale-dependent fields on the underlying validation result.\n   */\n  locale?: string;\n  /**\n   * Override the error messages used when the Zod issue is raised. Keyed by validation\n   * reason. Falls back to the same English defaults the component uses.\n   */\n  messages?: Partial<Record<PhoneValidationReason, string>>;\n  /**\n   * Custom message for the \"empty input\" case. By default the schema accepts an empty\n   * string — wrap with `z.string().min(1)` upstream if you want \"required\" semantics,\n   * or pass a non-empty `requiredMessage` to enforce it here.\n   */\n  requiredMessage?: string;\n}\n\nfunction messageFor(reason: PhoneValidationReason, overrides?: ZPhoneOptions['messages']) {\n  return overrides?.[reason] ?? DEFAULT_ERROR_MESSAGES[reason];\n}\n\nfunction failsAllowList(dialDigits: string, allowed?: string[]) {\n  if (!allowed || allowed.length === 0) return false;\n  return !allowed.includes(dialDigits);\n}\n\n/** Run the same validate() the component uses, but resolve country from an E.164 string. */\nfunction validateE164(\n  value: string,\n  v: ReturnType<typeof usePhoneValidation>,\n  locale?: string\n): PhoneValidationResult {\n  const trimmed = String(value ?? '').trim();\n  if (!trimmed) {\n    return {\n      ok: false,\n      reason: 'invalid_phone',\n      country: null,\n      phone: { raw: value, digits: '' },\n      full_phone: null,\n      required: null,\n    };\n  }\n  // libphonenumber wants a leading `+` to skip the country-hint requirement.\n  const e164 = trimmed.startsWith('+') ? trimmed : `+${trimmed}`;\n  const parsed = parsePhoneNumberFromString(e164);\n  if (!parsed || !parsed.country) {\n    return {\n      ok: false,\n      reason: 'parse_failed',\n      country: null,\n      phone: { raw: value, digits: '' },\n      full_phone: null,\n      required: null,\n    };\n  }\n  return v.validate({\n    country: { iso2: parsed.country },\n    phone: parsed.nationalNumber,\n    locale,\n  });\n}\n\n/**\n * Zod schema for a phone string.\n *\n * @see {@link ZPhoneOptions} for behaviour modes.\n */\nexport function zPhone(options: ZPhoneOptions = {}): z.ZodType<string, z.ZodTypeDef, string> {\n  // Lazy: only construct the validator on first parse, so apps that bundle this don't\n  // pay the libphonenumber metadata load until they actually validate.\n  let _v: ReturnType<typeof usePhoneValidation> | null = null;\n  const getV = () => {\n    if (!_v) {\n      _v = usePhoneValidation();\n      void _v.getCountries();\n    }\n    return _v;\n  };\n\n  return z.string().superRefine((value, ctx) => {\n    const v = getV();\n    const isEmpty = !value || !String(value).trim();\n\n    if (isEmpty) {\n      if (options.requiredMessage) {\n        ctx.addIssue({ code: z.ZodIssueCode.custom, message: options.requiredMessage });\n      }\n      return;\n    }\n\n    const result: PhoneValidationResult = options.country\n      ? v.validate({ country: { iso2: options.country }, phone: value, locale: options.locale })\n      : validateE164(value, v, options.locale);\n\n    if (!result.ok) {\n      const reason = result.reason ?? 'invalid_phone';\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        message: messageFor(reason, options.messages),\n        params: { reason, validation: result },\n      });\n      return;\n    }\n\n    const dialDigits = result.country?.dial_code?.replace(/^\\+/, '') ?? '';\n    if (failsAllowList(dialDigits, options.allowedDialCodes)) {\n      ctx.addIssue({\n        code: z.ZodIssueCode.custom,\n        message: messageFor('country_not_supported', options.messages),\n        params: { reason: 'country_not_supported' as PhoneValidationReason, validation: result },\n      });\n    }\n  });\n}\n\n/**\n * Zod schema for the `{ phone, country }` object shape matching `ATelInput`'s two\n * v-models. `phone` is the digits-only national number; `country` is the dial-digit\n * **number** (e.g. `20` for Egypt). NANP (`+1`) maps to `'US'` for validation purposes,\n * which is correct for `isValidPhoneNumber` (all NANP countries share the same rule set).\n */\nexport function zPhoneObject(options: ZPhoneOptions = {}) {\n  let _v: ReturnType<typeof usePhoneValidation> | null = null;\n  const getV = () => {\n    if (!_v) {\n      _v = usePhoneValidation();\n      void _v.getCountries();\n    }\n    return _v;\n  };\n\n  return z\n    .object({\n      phone: z.string(),\n      country: z.number().nullable(),\n    })\n    .superRefine((input, ctx) => {\n      const v = getV();\n      const phone = (input.phone ?? '').trim();\n      const country = input.country;\n\n      if (!phone) {\n        if (options.requiredMessage) {\n          ctx.addIssue({\n            code: z.ZodIssueCode.custom,\n            path: ['phone'],\n            message: options.requiredMessage,\n          });\n        }\n        return;\n      }\n\n      if (country == null) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['country'],\n          message: messageFor('missing_country', options.messages),\n        });\n        return;\n      }\n\n      const matches = v.getCountriesByDial(String(country));\n      const iso2 = matches[0]?.value ?? options.country;\n      if (!iso2) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['country'],\n          message: messageFor('country_not_supported', options.messages),\n        });\n        return;\n      }\n\n      const result = v.validate({ country: { iso2 }, phone, locale: options.locale });\n      if (!result.ok) {\n        const reason = result.reason ?? 'invalid_phone';\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['phone'],\n          message: messageFor(reason, options.messages),\n          params: { reason, validation: result },\n        });\n        return;\n      }\n\n      if (failsAllowList(String(country), options.allowedDialCodes)) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          path: ['country'],\n          message: messageFor('country_not_supported', options.messages),\n        });\n      }\n    });\n}\n\nexport { DEFAULT_ERROR_MESSAGES };\nexport type { PhoneValidationReason, PhoneValidationResult };\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alikhalilll/a-tel-input",
-  "version": "1.0.2",
+  "version": "1.1.1",
   "description": "Headless, shadcn-vue style Vue 3 international telephone input with country detection, validation, and a responsive country picker. Part of the @alikhalilll/a-* toolkit.",
   "license": "MIT",
   "author": "alikhalilll",
@@ -9,7 +9,7 @@
     "url": "git+https://github.com/alikhalilll/ali-nuxt-toolkit.git",
     "directory": "packages/ui-components/ATelInput"
   },
-  "homepage": "https://alikhalilll.github.io/ali-nuxt-toolkit/ui",
+  "homepage": "https://alikhalilll.github.io/ali-nuxt-toolkit/ui/tel-input/#install",
   "bugs": {
     "url": "https://github.com/alikhalilll/ali-nuxt-toolkit/issues"
   },
@@ -61,6 +61,26 @@
         "default": "./dist/resolver/index.cjs"
       }
     },
+    "./vee-validate": {
+      "import": {
+        "types": "./dist/vee-validate/index.d.ts",
+        "default": "./dist/vee-validate/index.js"
+      },
+      "require": {
+        "types": "./dist/vee-validate/index.d.cts",
+        "default": "./dist/vee-validate/index.cjs"
+      }
+    },
+    "./zod": {
+      "import": {
+        "types": "./dist/zod/index.d.ts",
+        "default": "./dist/zod/index.js"
+      },
+      "require": {
+        "types": "./dist/zod/index.d.cts",
+        "default": "./dist/zod/index.cjs"
+      }
+    },
     "./styles.css": "./dist/styles.css",
     "./package.json": "./package.json"
   },
@@ -74,6 +94,7 @@
   "files": [
     "dist",
     "src",
+    ".media",
     "web-types.json",
     "README.md",
     "LICENSE"
@@ -85,7 +106,9 @@
     "@nuxt/kit": "^3.0.0 || ^4.0.0",
     "@vueuse/core": "^14.0.0",
     "unplugin-vue-components": "^28.0.0 || ^29.0.0 || ^30.0.0 || ^31.0.0 || ^32.0.0",
-    "vue": "^3.5.0"
+    "vee-validate": "^4.13.0",
+    "vue": "^3.5.0",
+    "zod": "^3.23.0 || ^4.0.0"
   },
   "peerDependenciesMeta": {
     "@nuxt/kit": {
@@ -93,6 +116,12 @@
     },
     "unplugin-vue-components": {
       "optional": true
+    },
+    "vee-validate": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -114,6 +143,8 @@
     "unplugin-vue-components": "^32.1.0",
     "vue": "^3.5.0",
     "vue-tsc": "^3.2.4",
+    "vee-validate": "^4.13.0",
+    "zod": "^3.23.8",
     "@alikhalilll/a-ui-base": "1.0.0",
     "@alikhalilll/a-responsive-popover": "1.0.1"
   },