@caspeco/casper-ui-library 10.0.4 → 10.1.0

package/dist/components/phone-input/phone-input-helpers.d.ts

@@ -0,0 +1,47 @@
+import { CountryCode } from 'libphonenumber-js';
+import { Locales } from './translations.js';
+import { PhoneValidationResult } from './types.js';
+export type ValidatePhoneNumberOptions = {
+    /** Field is required (drives the empty-value error once feedback is revealed). */
+    isRequired?: boolean;
+    /** Whether to surface error feedback (revealed on blur/validate, cleared when fixed). */
+    showValidation?: boolean;
+    /** Locale for error messages. */
+    locale?: Locales;
+};
+/**
+ * Validate a phone number for a country. `isValid` is always reported; `errorMessage` is set only
+ * when `showValidation` is true and the number fails (required+empty, or content not yet valid).
+ */
+export declare function validatePhoneNumber(value: string, country: CountryCode, options?: ValidatePhoneNumberOptions): PhoneValidationResult;
+/** Format to international format, or return the original value if it can't be parsed. */
+export declare function formatPhoneNumber(value: string, country: CountryCode): string;
+/**
+ * Convert to E.164 storage format (e.g. "+46737884410"). Falls back to a best-effort "+digits"
+ * while the number is still being typed, and "" when empty.
+ */
+export declare function toE164(value: string, country: CountryCode): string;
+/** National number (digits without the country code), or "" if there is none. */
+export declare function extractNationalNumber(value: string, country: CountryCode): string;
+/** Whether the value has a national number beyond a bare dial-code prefix ("+46" → false, "+46 73…" → true). */
+export declare function hasNationalContent(value: string, country: CountryCode): boolean;
+/** Whether the value has content but isn't yet valid (warrants an "incomplete" warning). */
+export declare function isIncompletePhoneNumber(value: string, country: CountryCode): boolean;
+/**
+ * Detect the country for an international "+" value, resolving its calling code (longest match
+ * first) to the primary region. Returns undefined for non-"+" values or unknown codes.
+ */
+export declare function detectCountryFromInput(value: string): CountryCode | undefined;
+/**
+ * The country to switch to for a "+" value, or undefined to keep `currentCountry`. Switches only on
+ * a different calling code, so countries sharing one (e.g. American Samoa & US, both +1) keep their flag.
+ */
+export declare function detectCountryChange(value: string, currentCountry: CountryCode): CountryCode | undefined;
+/**
+ * Whether a "+" value's leading digits can no longer prefix any calling code ("+999"), used to
+ * show a generic flag. A bare "+" or a viable prefix returns false to avoid flicker while typing.
+ */
+export declare function isUnknownCallingCode(value: string): boolean;
+/** Resolve the initial country: explicit prop → device locale → locale-prop region → "SE". */
+export declare function resolveInitialCountry(country: CountryCode | undefined, locale: Locales): CountryCode;
+//# sourceMappingURL=phone-input-helpers.d.ts.map

package/dist/components/phone-input/phone-input-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input-helpers.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/phone-input-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAMN,KAAK,WAAW,EAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAgB,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,0BAA0B,GAAG;IACxC,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,yFAAyF;IACzF,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,WAAW,EACpB,OAAO,GAAE,0BAA+B,GACtC,qBAAqB,CAmBvB;AAED,0FAA0F;AAC1F,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,MAAM,CAE7E;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,MAAM,CAalE;AAED,iFAAiF;AACjF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,MAAM,CAQjF;AASD,gHAAgH;AAChH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,CAE/E;AAED,4FAA4F;AAC5F,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,OAAO,CAEpF;AA+BD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CA6B7E;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,GAAG,WAAW,GAAG,SAAS,CAUvG;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAgB3D;AA+BD,8FAA8F;AAC9F,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,GAAG,SAAS,EAAE,MAAM,EAAE,OAAO,GAAG,WAAW,CAKpG"}

package/dist/components/phone-input/phone-input-helpers.js

@@ -0,0 +1,134 @@
+import { translations as I } from "./translations.js";
+import { parsePhoneNumber as u } from "../../node_modules/libphonenumber-js/min/exports/parsePhoneNumber.js";
+import { getCountries as g } from "../../node_modules/libphonenumber-js/min/exports/getCountries.js";
+import { getCountryCallingCode as o } from "../../node_modules/libphonenumber-js/min/exports/getCountryCallingCode.js";
+import { isValidPhoneNumber as d } from "../../node_modules/libphonenumber-js/min/exports/isValidPhoneNumber.js";
+import { isSupportedCountry as b } from "../../node_modules/libphonenumber-js/min/exports/isSupportedCountry.js";
+function V(t, n, r = {}) {
+  const {
+    isRequired: e = !1,
+    showValidation: i = !1,
+    locale: s = "en-US"
+  } = r, a = I[s], f = h(t, n);
+  return f && d(t, n) ? {
+    isValid: !0
+  } : i ? f ? {
+    isValid: !1,
+    errorMessage: a.numberLooksIncomplete
+  } : {
+    isValid: !1,
+    errorMessage: e ? a.requiredFieldEmpty : void 0
+  } : {
+    isValid: !1,
+    errorMessage: void 0
+  };
+}
+function F(t, n) {
+  return u(t, n)?.formatInternational() ?? t;
+}
+function L(t, n) {
+  const r = u(t, n);
+  if (r)
+    return r.format("E.164");
+  const e = t.trim().startsWith("+"), i = t.replace(/\D/g, "");
+  return i ? e ? `+${i}` : i : "";
+}
+function M(t, n) {
+  const r = u(t, n);
+  return r ? r.nationalNumber?.toString() ?? "" : m(t, n);
+}
+function m(t, n) {
+  const r = o(n), e = t.replace(/\D/g, "");
+  return e.startsWith(r) ? e.slice(r.length) : e;
+}
+function h(t, n) {
+  return m(t, n).length > 0;
+}
+function U(t, n) {
+  return h(t, n) && !d(t, n);
+}
+const l = {
+  1: "US",
+  7: "RU",
+  39: "IT",
+  44: "GB",
+  47: "NO",
+  61: "AU",
+  212: "MA",
+  262: "RE",
+  290: "SH",
+  358: "FI",
+  590: "GP",
+  599: "CW"
+};
+let c = null;
+function p() {
+  return c || (c = new Set(g().map((t) => o(t).toString()))), c;
+}
+function C(t, n) {
+  return t.replace(/^\+/, "").replace(/\D/g, "").slice(0, n);
+}
+function S(t) {
+  if (!t.trim().startsWith("+"))
+    return;
+  const n = p(), r = C(t, 3);
+  for (let e = 3; e >= 1; e--) {
+    const i = r.slice(0, e);
+    if (i.length !== e || !n.has(i))
+      continue;
+    if (l[i])
+      return l[i];
+    const s = u(t);
+    return s?.country && o(s.country) === i ? s.country : g().find((a) => o(a) === i);
+  }
+}
+function w(t, n) {
+  const r = S(t);
+  if (r && r !== n && o(r) !== o(n))
+    return r;
+}
+function A(t) {
+  if (!t.trim().startsWith("+"))
+    return !1;
+  const n = C(t, 3);
+  if (!n)
+    return !1;
+  for (const r of p())
+    if (r.startsWith(n) || n.startsWith(r))
+      return !1;
+  return !0;
+}
+function N(t) {
+  if (t)
+    try {
+      const n = new Intl.Locale(t), r = n.region ?? n.maximize().region;
+      return r && b(r) ? r : void 0;
+    } catch {
+      return;
+    }
+}
+function v() {
+  if (typeof navigator > "u")
+    return;
+  const t = navigator.languages?.length ? navigator.languages : [navigator.language];
+  for (const n of t) {
+    const r = N(n);
+    if (r)
+      return r;
+  }
+}
+function G(t, n) {
+  return t || (v() ?? N(n) ?? "SE");
+}
+export {
+  w as detectCountryChange,
+  S as detectCountryFromInput,
+  M as extractNationalNumber,
+  F as formatPhoneNumber,
+  h as hasNationalContent,
+  U as isIncompletePhoneNumber,
+  A as isUnknownCallingCode,
+  G as resolveInitialCountry,
+  L as toE164,
+  V as validatePhoneNumber
+};

package/dist/components/phone-input/phone-input-helpers.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=phone-input-helpers.spec.d.ts.map

package/dist/components/phone-input/phone-input-helpers.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input-helpers.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/phone-input-helpers.spec.ts"],"names":[],"mappings":""}

package/dist/components/phone-input/phone-input.composition.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Default appearance: input with the country flag + prefilled dial code, and a label.
+ */
+export declare const Default: () => import("react").JSX.Element;
+/**
+ * The four sizes stacked, to catch height + flag/icon scaling regressions.
+ */
+export declare const Sizes: () => import("react").JSX.Element;
+/**
+ * Outline (default) vs ghost variants.
+ */
+export declare const Variants: () => import("react").JSX.Element;
+/**
+ * Invalid state: red border + the built-in error message rendered into the FormControl.
+ */
+export declare const Invalid: () => import("react").JSX.Element;
+/**
+ * Disabled input + country selector.
+ */
+export declare const Disabled: () => import("react").JSX.Element;
+/**
+ * Country selector open — the searchable dropdown with flags and calling codes.
+ * The visual test opens it via `beforeScreenshot`.
+ */
+export declare const MenuOpen: () => import("react").JSX.Element;
+//# sourceMappingURL=phone-input.composition.d.ts.map

package/dist/components/phone-input/phone-input.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/phone-input.composition.tsx"],"names":[],"mappings":"AAiBA;;GAEG;AACH,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,mCAOjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,mCAKpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,mCAQpB,CAAC"}

package/dist/components/phone-input/phone-input.d.ts

@@ -0,0 +1,22 @@
+import { PhoneInputProps } from './types.js';
+/**
+ * Phone number input with integrated country selection, formatting and validation.
+ *
+ * Presentational — always driven by {@link usePhoneInput}. Spread `inputProps` onto it and
+ * wrap it in a `<FormControl>` you own (spread `formControlProps`); the component renders its
+ * own error message into that FormControl's context.
+ *
+ * @example
+ * ```tsx
+ * const phone = usePhoneInput({ defaultCountry: "SE", isRequired: true });
+ *
+ * <FormControl {...phone.formControlProps}>
+ *   <FormLabel>Phone number</FormLabel>
+ *   <PhoneInput {...phone.inputProps} placeholder="Enter phone number" />
+ * </FormControl>
+ * ```
+ *
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/phone-input
+ */
+export declare function PhoneInput({ ref, value, onChange, onBlur, country, onCountryChange, unknownPrefix, errorMessage, locale, size, variant, placeholder, isDisabled: isDisabledProp, isReadOnly: isReadOnlyProp, ...rest }: PhoneInputProps): import("react").JSX.Element;
+//# sourceMappingURL=phone-input.d.ts.map

package/dist/components/phone-input/phone-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/phone-input.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,eAAe,EACf,aAAa,EACb,YAAY,EACZ,MAAgB,EAChB,IAAW,EACX,OAAmB,EACnB,WAAW,EACX,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,GAAG,IAAI,EACP,EAAE,eAAe,+BAsCjB"}

package/dist/components/phone-input/phone-input.js

@@ -0,0 +1,43 @@
+import { jsx as E, jsxs as j, Fragment as z } from "react/jsx-runtime";
+import { c as B } from "../../_virtual/compiler-runtime.js";
+import { useFieldContext as I } from "@chakra-ui/react";
+import { CountrySelector as S } from "./country-selector.js";
+import { translations as N } from "./translations.js";
+import { Input as U } from "../input/input.js";
+import { FormErrorMessage as $ } from "../form-control/form-error-message.js";
+function Q(R) {
+  const e = B.c(40);
+  let b, t, v, x, l, o, n, C, r, s, u, h, y, P, i;
+  e[0] !== R ? ({
+    ref: r,
+    value: i,
+    onChange: o,
+    onBlur: l,
+    country: b,
+    onCountryChange: n,
+    unknownPrefix: P,
+    errorMessage: t,
+    locale: u,
+    size: h,
+    variant: y,
+    placeholder: C,
+    isDisabled: v,
+    isReadOnly: x,
+    ...s
+  } = R, e[0] = R, e[1] = b, e[2] = t, e[3] = v, e[4] = x, e[5] = l, e[6] = o, e[7] = n, e[8] = C, e[9] = r, e[10] = s, e[11] = u, e[12] = h, e[13] = y, e[14] = P, e[15] = i) : (b = e[1], t = e[2], v = e[3], x = e[4], l = e[5], o = e[6], n = e[7], C = e[8], r = e[9], s = e[10], u = e[11], h = e[12], y = e[13], P = e[14], i = e[15]);
+  const g = u === void 0 ? "en-US" : u, a = h === void 0 ? "md" : h, D = y === void 0 ? "outline" : y, M = N[g], F = I(), d = v ?? F?.disabled ?? !1, c = x ?? F?.readOnly ?? !1, k = C ?? M.enterPhoneNumberPlaceholder, w = P ? void 0 : b;
+  let m;
+  e[16] !== d || e[17] !== g || e[18] !== n || e[19] !== c || e[20] !== a || e[21] !== w ? (m = /* @__PURE__ */ E(S, { value: w, onChange: n, size: a, menuPlacement: "bottom-start", locale: g, isDisabled: d, isReadOnly: c }), e[16] = d, e[17] = g, e[18] = n, e[19] = c, e[20] = a, e[21] = w, e[22] = m) : m = e[22];
+  let f;
+  e[23] !== d || e[24] !== l || e[25] !== o || e[26] !== c || e[27] !== r || e[28] !== s || e[29] !== a || e[30] !== k || e[31] !== m || e[32] !== i || e[33] !== D ? (f = /* @__PURE__ */ E(U, { ref: r, type: "tel", inputMode: "tel", placeholder: k, value: i, size: a, variant: D, isDisabled: d, isReadOnly: c, onChange: o, onBlur: l, leftElement: m, ...s }), e[23] = d, e[24] = l, e[25] = o, e[26] = c, e[27] = r, e[28] = s, e[29] = a, e[30] = k, e[31] = m, e[32] = i, e[33] = D, e[34] = f) : f = e[34];
+  let p;
+  e[35] !== t ? (p = t && /* @__PURE__ */ E($, { wordBreak: "break-word", children: t }), e[35] = t, e[36] = p) : p = e[36];
+  let O;
+  return e[37] !== f || e[38] !== p ? (O = /* @__PURE__ */ j(z, { children: [
+    f,
+    p
+  ] }), e[37] = f, e[38] = p, e[39] = O) : O = e[39], O;
+}
+export {
+  Q as PhoneInput
+};

package/dist/components/phone-input/phone-input.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=phone-input.spec.d.ts.map

package/dist/components/phone-input/phone-input.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/phone-input.spec.tsx"],"names":[],"mappings":""}

package/dist/components/phone-input/phone-input.visual.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=phone-input.visual.test.d.ts.map

package/dist/components/phone-input/phone-input.visual.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.visual.test.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/phone-input.visual.test.tsx"],"names":[],"mappings":""}

package/dist/components/phone-input/translations.d.ts

@@ -0,0 +1,60 @@
+export type Locales = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB" | "fr-FR" | "nl-BE";
+export declare const translations: {
+    "sv-SE": {
+        searchCountryPlaceholder: string;
+        noCountriesFound: string;
+        enterPhoneNumberPlaceholder: string;
+        numberLooksIncomplete: string;
+        requiredFieldEmpty: string;
+        openCountrySelector: string;
+    };
+    "en-US": {
+        searchCountryPlaceholder: string;
+        noCountriesFound: string;
+        enterPhoneNumberPlaceholder: string;
+        numberLooksIncomplete: string;
+        requiredFieldEmpty: string;
+        openCountrySelector: string;
+    };
+    "en-GB": {
+        searchCountryPlaceholder: string;
+        noCountriesFound: string;
+        enterPhoneNumberPlaceholder: string;
+        numberLooksIncomplete: string;
+        requiredFieldEmpty: string;
+        openCountrySelector: string;
+    };
+    "nb-NO": {
+        searchCountryPlaceholder: string;
+        noCountriesFound: string;
+        enterPhoneNumberPlaceholder: string;
+        numberLooksIncomplete: string;
+        requiredFieldEmpty: string;
+        openCountrySelector: string;
+    };
+    "da-DK": {
+        searchCountryPlaceholder: string;
+        noCountriesFound: string;
+        enterPhoneNumberPlaceholder: string;
+        numberLooksIncomplete: string;
+        requiredFieldEmpty: string;
+        openCountrySelector: string;
+    };
+    "fr-FR": {
+        searchCountryPlaceholder: string;
+        noCountriesFound: string;
+        enterPhoneNumberPlaceholder: string;
+        numberLooksIncomplete: string;
+        requiredFieldEmpty: string;
+        openCountrySelector: string;
+    };
+    "nl-BE": {
+        searchCountryPlaceholder: string;
+        noCountriesFound: string;
+        enterPhoneNumberPlaceholder: string;
+        numberLooksIncomplete: string;
+        requiredFieldEmpty: string;
+        openCountrySelector: string;
+    };
+};
+//# sourceMappingURL=translations.d.ts.map

package/dist/components/phone-input/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAW1F,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CxB,CAAC"}

package/dist/components/phone-input/translations.js

@@ -0,0 +1,54 @@
+const e = {
+  searchCountryPlaceholder: "Search country...",
+  noCountriesFound: "No countries found",
+  enterPhoneNumberPlaceholder: "Enter your phone number",
+  numberLooksIncomplete: "Please enter a valid phone number",
+  requiredFieldEmpty: "Phone number is required",
+  openCountrySelector: "Open country selector"
+}, n = {
+  "sv-SE": {
+    searchCountryPlaceholder: "Sök land...",
+    noCountriesFound: "Inga länder hittades",
+    enterPhoneNumberPlaceholder: "Ange ditt telefonnummer",
+    numberLooksIncomplete: "Ange ett giltigt telefonnummer",
+    requiredFieldEmpty: "Telefonnummer krävs",
+    openCountrySelector: "Öppna landsväljaren"
+  },
+  "en-US": e,
+  "en-GB": e,
+  "nb-NO": {
+    searchCountryPlaceholder: "Søk land...",
+    noCountriesFound: "Ingen land funnet",
+    enterPhoneNumberPlaceholder: "Skriv inn telefonnummeret ditt",
+    numberLooksIncomplete: "Skriv inn et gyldig telefonnummer",
+    requiredFieldEmpty: "Telefonnummer er påkrevd",
+    openCountrySelector: "Åpne landvelgeren"
+  },
+  "da-DK": {
+    searchCountryPlaceholder: "Søg land...",
+    noCountriesFound: "Ingen lande fundet",
+    enterPhoneNumberPlaceholder: "Indtast dit telefonnummer",
+    numberLooksIncomplete: "Indtast et gyldigt telefonnummer",
+    requiredFieldEmpty: "Telefonnummer er påkrævet",
+    openCountrySelector: "Åbn landevælgeren"
+  },
+  "fr-FR": {
+    searchCountryPlaceholder: "Rechercher un pays...",
+    noCountriesFound: "Aucun pays trouvé",
+    enterPhoneNumberPlaceholder: "Entrez votre numéro de téléphone",
+    numberLooksIncomplete: "Veuillez saisir un numéro de téléphone valide",
+    requiredFieldEmpty: "Le numéro de téléphone est obligatoire",
+    openCountrySelector: "Ouvrir le sélecteur de pays"
+  },
+  "nl-BE": {
+    searchCountryPlaceholder: "Zoek land...",
+    noCountriesFound: "Geen landen gevonden",
+    enterPhoneNumberPlaceholder: "Voer uw telefoonnummer in",
+    numberLooksIncomplete: "Voer een geldig telefoonnummer in",
+    requiredFieldEmpty: "Telefoonnummer is verplicht",
+    openCountrySelector: "Landselector openen"
+  }
+};
+export {
+  n as translations
+};

package/dist/components/phone-input/types.d.ts

@@ -0,0 +1,45 @@
+import { InputProps } from '../input/index.js';
+import { CountryCode } from 'libphonenumber-js';
+import { ChangeEvent, FocusEvent, Ref } from 'react';
+import { Locales } from './translations.js';
+export type { CountryCode };
+/**
+ * Phone number validation result. `isValid` is the bare fact (reveal-independent, drives e.g. a
+ * submit button); `errorMessage` is the localized reason, present only when a failure is revealed.
+ */
+export type PhoneValidationResult = {
+    isValid: boolean;
+    errorMessage?: string;
+};
+/**
+ * Props produced by `usePhoneInput().inputProps` and spread onto `<PhoneInput>`.
+ * `PhoneInput` is presentational — it is always driven by these.
+ */
+export type PhoneInputControlProps = {
+    /** Current display value (the user's spacing preserved while typing). */
+    value: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onBlur: (e: FocusEvent<HTMLInputElement>) => void;
+    /** Currently selected country. */
+    country: CountryCode;
+    onCountryChange: (country: CountryCode) => void;
+    /** Whether the typed "+" prefix matches no known calling code (show the generic icon). */
+    unknownPrefix: boolean;
+    /** Localized message for the current invalid state, rendered in the error message slot. */
+    errorMessage?: string;
+    /** Locale for translations. */
+    locale: Locales;
+};
+/**
+ * Phone input component props. Spread `usePhoneInput().inputProps` and add presentational props.
+ */
+export type PhoneInputProps = PhoneInputControlProps & Pick<InputProps, "variant" | "placeholder" | "name" | "autoComplete" | "autoFocus"> & {
+    /** Size of the input and country selector. Defaults to "md". */
+    size?: "sm" | "md" | "lg" | "xl";
+    /** Disable the input + country selector. Falls back to the surrounding FormControl. */
+    isDisabled?: boolean;
+    /** Make the input read-only. Falls back to the surrounding FormControl. */
+    isReadOnly?: boolean;
+    ref?: Ref<HTMLInputElement>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/phone-input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACpC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACrD,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClD,kCAAkC;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChD,0FAA0F;IAC1F,aAAa,EAAE,OAAO,CAAC;IACvB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,MAAM,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,sBAAsB,GACnD,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,GAAG,cAAc,GAAG,WAAW,CAAC,GAAG;IACrF,gEAAgE;IAChE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC5B,CAAC"}

package/dist/components/phone-input/use-phone-input.d.ts

@@ -0,0 +1,49 @@
+import { CountryCode } from 'libphonenumber-js';
+import { Locales } from './translations.js';
+import { PhoneInputControlProps, PhoneValidationResult } from './types.js';
+export type UsePhoneInputOptions = {
+    /** Initial country. Defaults to device locale, then the locale-prop region. */
+    defaultCountry?: CountryCode;
+    /** Initial display value. Defaults to the bare dial-code prefix. */
+    defaultValue?: string;
+    /** Whether the field is required. */
+    isRequired?: boolean;
+    /** Extra rule on the E.164 value once it's otherwise valid; return an error message to fail. Surfaces on blur/validate(). */
+    customValidator?: (e164: string) => string | undefined;
+    /** Locale for translations and messages. Defaults to "en-US". */
+    locale?: Locales;
+};
+export type UsePhoneInputReturn = {
+    /** Spread onto `<PhoneInput>`. */
+    inputProps: PhoneInputControlProps;
+    /** Spread onto the surrounding `<FormControl>`. */
+    formControlProps: {
+        isRequired: boolean;
+        isInvalid: boolean;
+    };
+    /** Current display value (the user's spacing preserved while typing, formatted on blur). */
+    value: string;
+    /** Canonical E.164 value for storage/submission (e.g. "+46737884410"); "" when empty. */
+    e164: string;
+    /** Current country. */
+    country: CountryCode;
+    /** Whether the current e164 is a valid number (independent of whether an error is shown). */
+    isValid: boolean;
+    /** Change the selected country, reformatting the current number into it. Does not reveal errors. */
+    setCountry: (country: CountryCode) => void;
+    /** Set the display value programmatically (prefill an existing number / clear). Like typing, this will update the country if a "+"-prefixed value is provided. */
+    setValue: (value: string) => void;
+    /** Reveal validation and return a fresh result. Call from `onSubmit` to gate submission. */
+    validate: () => PhoneValidationResult;
+    /** Reset to the initial value. */
+    reset: () => void;
+};
+/**
+ * Headless hook owning phone-input value + validation state. The display string is the single
+ * source of truth; `e164` is derived. `<PhoneInput>` is presentational — spread `inputProps` onto
+ * it and `formControlProps` onto the surrounding `<FormControl>`.
+ *
+ * @see Docs https://caspeco.github.io/casper-ui-library/components/phone-input
+ */
+export declare function usePhoneInput(options?: UsePhoneInputOptions): UsePhoneInputReturn;
+//# sourceMappingURL=use-phone-input.d.ts.map

package/dist/components/phone-input/use-phone-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-phone-input.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/use-phone-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAa5E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAK7E,MAAM,MAAM,oBAAoB,GAAG;IAClC,+EAA+E;IAC/E,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,6HAA6H;IAC7H,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAEvD,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IACjC,kCAAkC;IAClC,UAAU,EAAE,sBAAsB,CAAC;IAEnC,mDAAmD;IACnD,gBAAgB,EAAE;QAAE,UAAU,EAAE,OAAO,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC;IAE9D,4FAA4F;IAC5F,KAAK,EAAE,MAAM,CAAC;IAEd,yFAAyF;IACzF,IAAI,EAAE,MAAM,CAAC;IAEb,uBAAuB;IACvB,OAAO,EAAE,WAAW,CAAC;IAErB,6FAA6F;IAC7F,OAAO,EAAE,OAAO,CAAC;IAEjB,oGAAoG;IACpG,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAE3C,kKAAkK;IAClK,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,4FAA4F;IAC5F,QAAQ,EAAE,MAAM,qBAAqB,CAAC;IAEtC,kCAAkC;IAClC,KAAK,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,mBAAmB,CA2HrF"}