@caspeco/casper-ui-library 10.0.3 → 10.1.0

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"}

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

@@ -0,0 +1,138 @@
+import { c as ce } from "../../_virtual/compiler-runtime.js";
+import { useState as g } from "react";
+import { toE164 as ne, isUnknownCallingCode as ue, detectCountryFromInput as fe, resolveInitialCountry as de, validatePhoneNumber as me, detectCountryChange as le, isIncompletePhoneNumber as Ce, formatPhoneNumber as ie, extractNationalNumber as Ve } from "./phone-input-helpers.js";
+import { getCountryCallingCode as re } from "../../node_modules/libphonenumber-js/min/exports/getCountryCallingCode.js";
+const he = /[^\d+\s\-().]/g;
+function Ne(p) {
+  const e = ce.c(71);
+  let v;
+  e[0] !== p ? (v = p === void 0 ? {} : p, e[0] = p, e[1] = v) : v = e[1];
+  const ae = v, {
+    defaultCountry: z,
+    defaultValue: c,
+    isRequired: oe,
+    customValidator: y,
+    locale: se
+  } = ae, f = oe === void 0 ? !1 : oe, i = se === void 0 ? "en-US" : se;
+  let N;
+  e[2] !== z || e[3] !== c || e[4] !== i ? (N = () => {
+    if (c?.trim().startsWith("+")) {
+      const s = fe(c);
+      if (s)
+        return s;
+    }
+    return de(z, i);
+  }, e[2] = z, e[3] = c, e[4] = i, e[5] = N) : N = e[5];
+  const [u] = g(N);
+  let P;
+  e[6] !== c || e[7] !== u ? (P = () => c ?? `+${re(u)}`, e[6] = c, e[7] = u, e[8] = P) : P = e[8];
+  const [R] = g(P), [o, V] = g(R), [t, E] = g(u), [G, L] = g(!1);
+  let I;
+  e[9] !== t || e[10] !== o ? (I = ne(o, t), e[9] = t, e[10] = o, e[11] = I) : I = e[11];
+  const O = I;
+  let b;
+  e[12] !== o ? (b = ue(o), e[12] = o, e[13] = b) : b = e[13];
+  const W = b;
+  let M;
+  e[14] !== y || e[15] !== f || e[16] !== i ? (M = (s, n, l) => {
+    const a = me(s, n, {
+      isRequired: f,
+      showValidation: l,
+      locale: i
+    });
+    if (a.isValid && y) {
+      const H = y(ne(s, n));
+      if (H)
+        return {
+          isValid: !1,
+          errorMessage: l ? H : void 0
+        };
+    }
+    return a;
+  }, e[14] = y, e[15] = f, e[16] = i, e[17] = M) : M = e[17];
+  const d = M;
+  let _;
+  e[18] !== t || e[19] !== d || e[20] !== G || e[21] !== o ? (_ = d(o, t, G), e[18] = t, e[19] = d, e[20] = G, e[21] = o, e[22] = _) : _ = e[22];
+  const h = _;
+  let S;
+  e[23] !== d ? (S = (s, n) => {
+    const l = d(s, n, !0);
+    return L(l.errorMessage !== void 0), l;
+  }, e[23] = d, e[24] = S) : S = e[24];
+  const r = S;
+  let w;
+  e[25] !== t ? (w = (s) => {
+    const n = s.target.value.replace(he, "");
+    V(n);
+    let l = t;
+    const a = le(n, t);
+    a && (E(a), l = a), L((H) => H && Ce(n, l));
+  }, e[25] = t, e[26] = w) : w = e[26];
+  const X = w;
+  let x;
+  e[27] !== t || e[28] !== r || e[29] !== o ? (x = () => {
+    const s = ie(o, t);
+    r(s, t), s !== o && V(s);
+  }, e[27] = t, e[28] = r, e[29] = o, e[30] = x) : x = e[30];
+  const j = x;
+  let B;
+  e[31] !== t || e[32] !== r || e[33] !== o ? (B = (s, n) => {
+    const l = Ve(o, t), a = l ? ie(l, s) : `+${re(s)}`;
+    E(s), V(a), n && l && r(a, s);
+  }, e[31] = t, e[32] = r, e[33] = o, e[34] = B) : B = e[34];
+  const m = B;
+  let U;
+  e[35] !== m ? (U = (s) => m(s, !0), e[35] = m, e[36] = U) : U = e[36];
+  const J = U;
+  let $;
+  e[37] !== t || e[38] !== r || e[39] !== o ? ($ = () => r(o, t), e[37] = t, e[38] = r, e[39] = o, e[40] = $) : $ = e[40];
+  const K = $;
+  let k;
+  e[41] !== u || e[42] !== R ? (k = () => {
+    V(R), E(u), L(!1);
+  }, e[41] = u, e[42] = R, e[43] = k) : k = e[43];
+  const Q = k;
+  let q;
+  e[44] !== t ? (q = (s) => {
+    V(s);
+    const n = le(s, t);
+    n && E(n);
+  }, e[44] = t, e[45] = q) : q = e[45];
+  const T = q, Y = h.errorMessage !== void 0, Z = h.errorMessage;
+  let A;
+  e[46] !== t || e[47] !== Z || e[48] !== j || e[49] !== X || e[50] !== J || e[51] !== i || e[52] !== W || e[53] !== o ? (A = {
+    value: o,
+    onChange: X,
+    onBlur: j,
+    country: t,
+    onCountryChange: J,
+    unknownPrefix: W,
+    errorMessage: Z,
+    locale: i
+  }, e[46] = t, e[47] = Z, e[48] = j, e[49] = X, e[50] = J, e[51] = i, e[52] = W, e[53] = o, e[54] = A) : A = e[54];
+  const ee = A;
+  let D;
+  e[55] !== Y || e[56] !== f ? (D = {
+    isRequired: f,
+    isInvalid: Y
+  }, e[55] = Y, e[56] = f, e[57] = D) : D = e[57];
+  const te = D;
+  let C;
+  e[58] !== m ? (C = (s) => m(s, !1), e[58] = m, e[59] = C) : C = e[59];
+  let F;
+  return e[60] !== t || e[61] !== O || e[62] !== te || e[63] !== ee || e[64] !== Q || e[65] !== T || e[66] !== C || e[67] !== K || e[68] !== h.isValid || e[69] !== o ? (F = {
+    inputProps: ee,
+    formControlProps: te,
+    value: o,
+    e164: O,
+    country: t,
+    isValid: h.isValid,
+    setCountry: C,
+    setValue: T,
+    validate: K,
+    reset: Q
+  }, e[60] = t, e[61] = O, e[62] = te, e[63] = ee, e[64] = Q, e[65] = T, e[66] = C, e[67] = K, e[68] = h.isValid, e[69] = o, e[70] = F) : F = e[70], F;
+}
+export {
+  Ne as usePhoneInput
+};

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

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

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

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

package/dist/hooks/use-measured-width.d.ts

@@ -0,0 +1,23 @@
+import { RefObject } from 'react';
+/**
+ * Return value of {@link useMeasuredWidth}: the ref to attach to the element, and its
+ * current width in px (`null` until measured, or while inactive).
+ */
+export type MeasuredWidth<T extends HTMLElement = HTMLElement> = readonly [
+    ref: RefObject<T | null>,
+    width: number | null
+];
+/**
+ * Tracks the rendered width (in px) of an element.
+ *
+ * Measuring inside a layout effect commits the width *before* the browser paints, and a
+ * ResizeObserver keeps it in sync as the element later resizes — so consumers get a correct
+ * value on the first frame with no visible flash.
+ *
+ * @param active - Whether to measure. Pass `false` to skip work while the element is absent;
+ *   the width resets to `null`.
+ * @returns A tuple of the ref to attach to the element and its current width (`null` until
+ *   measured, or while inactive).
+ */
+export declare function useMeasuredWidth<T extends HTMLElement = HTMLElement>(active?: boolean): MeasuredWidth<T>;
+//# sourceMappingURL=use-measured-width.d.ts.map

package/dist/hooks/use-measured-width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-measured-width.d.ts","sourceRoot":"","sources":["../../lib/hooks/use-measured-width.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E;;;GAGG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,SAAS;IACzE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI;CACpB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,MAAM,UAAO,GAAG,aAAa,CAAC,CAAC,CAAC,CAkBrG"}