@caspeco/casper-ui-library 11.3.0 → 12.0.0

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

@@ -1,42 +1,44 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ThemeColorVariable as t, ThemeFontSizeVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { useLocale as t } from "../../theme/theme-locale.js";
+import { ThemeColorVariable as n, ThemeFontSizeVariable as r, ThemeSpaceVariable as i } from "../../theme/theme-types.js";
 import { ModuleWebIcon as ee } from "../icon/icons/module-web-icon.js";
-import { SearchIcon as i } from "../icon/icons/search-icon.js";
-import { SelectIcon as a } from "../icon/icons/select-icon.js";
-import { Text as o } from "../text/text.js";
-import { Box as s } from "../box/box.js";
+import { SearchIcon as a } from "../icon/icons/search-icon.js";
+import { SelectIcon as o } from "../icon/icons/select-icon.js";
+import { Text as s } from "../text/text.js";
+import { Box as c } from "../box/box.js";
 import { Menu as te } from "../menu/menu.js";
 import { MenuBoxButton as ne } from "../menu/menu-box-button.js";
 import { Flex as re } from "../flex/flex.js";
-import { MenuIconButton as c } from "../menu/menu-icon-button.js";
-import { MenuList as ie } from "../menu/menu-list.js";
-import { Divider as ae } from "../divider/divider.js";
-import { FormControl as oe } from "../form-control/form-control.js";
-import { Input as se } from "../input/input.js";
+import { MenuIconButton as ie } from "../menu/menu-icon-button.js";
+import { MenuList as ae } from "../menu/menu-list.js";
+import { useComponentTranslations as oe } from "../../theme/translations.js";
+import { Divider as se } from "../divider/divider.js";
+import { FormControl as ce } from "../form-control/form-control.js";
+import { Input as le } from "../input/input.js";
 import l from "../../node_modules/country-flag-icons/modules/hasFlag.js";
 import { _3x2_exports as u } from "../../node_modules/country-flag-icons/react/3x2/index.js";
-import { getLocalizedCountries as ce, normalizeForSearch as le } from "./country-data.js";
-import { CountryList as ue } from "./country-list.js";
-import { translations as de } from "./translations.js";
-import { useId as fe, useState as pe } from "react";
+import { getLocalizedCountries as ue, normalizeForSearch as de } from "./country-data.js";
+import { CountryList as fe } from "./country-list.js";
+import { phoneInputTranslations as pe } from "./phone-input.translations.js";
+import { useId as me, useState as he } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region lib/components/phone-input/country-selector.tsx
-var me = e();
-function he(e) {
-	let n = e.code;
-	if (!l(n)) return null;
-	let r = u[n];
+var ge = e();
+function _e(e) {
+	let t = e.code;
+	if (!l(t)) return null;
+	let r = u[t];
 	return r ? /* @__PURE__ */ d(r, {
 		"aria-label": e.name,
 		height: 16,
 		width: 24,
 		style: {
 			flexShrink: 0,
-			boxShadow: `0 0 0 1px ${t.OnSurfaceBorder}`
+			boxShadow: `0 0 0 1px ${n.OnSurfaceBorder}`
 		}
 	}) : null;
 }
-var ge = {
+var ve = {
 	xs: 12,
 	sm: 12,
 	md: 16,
@@ -44,88 +46,88 @@ var ge = {
 	xl: 24
 };
 function p(e) {
-	let l = (0, me.c)(87), { value: u, onChange: p, placeholder: ye, isReadOnly: be, size: xe, menuPlacement: m, locale: Se, isDisabled: Ce } = e, we = be !== void 0 && be, Te = xe === void 0 ? "md" : xe, h = Se === void 0 ? "en-US" : Se, g = Ce !== void 0 && Ce, [_, Ee] = pe(""), v = fe(), y = de[h], De = Te === "sm" ? "xs" : "sm", b = ge[Te], x, S, C, w, T, E, D, O, k, A, j, M, N, P, F, I, L, R, z, B, V, H, U;
-	if (l[0] !== g || l[1] !== h || l[2] !== b || l[3] !== m || l[4] !== p || l[5] !== _ || l[6] !== u) {
-		let e = ce(h), t = le(_.trim());
+	let l = (0, ge.c)(87), { value: u, onChange: p, placeholder: xe, isReadOnly: Se, size: Ce, menuPlacement: m, isDisabled: we } = e, Te = Se !== void 0 && Se, Ee = Ce === void 0 ? "md" : Ce, h = we !== void 0 && we, [g, De] = he(""), _ = me(), v = t(), y = oe(pe), Oe = Ee === "sm" ? "xs" : "sm", b = ve[Ee], x, S, C, w, T, E, D, O, k, A, j, M, N, P, F, I, L, R, z, B, V, H, U;
+	if (l[0] !== h || l[1] !== v || l[2] !== b || l[3] !== m || l[4] !== p || l[5] !== g || l[6] !== u) {
+		let e = ue(v), t = de(g.trim());
 		E = t ? e.filter((e) => e.searchText.includes(t)) : e;
 		let n = u ? E.find((e) => e.code === u) : void 0;
 		T = n ? [n, ...E.filter((e) => e.code !== u)] : E;
-		let i;
-		l[30] === u ? i = l[31] : (i = (e) => e.code === u, l[30] = u, l[31] = i);
-		let a = e.find(i), o;
+		let r;
+		l[30] === u ? r = l[31] : (r = (e) => e.code === u, l[30] = u, l[31] = r);
+		let a = e.find(r), o;
 		l[32] === p ? o = l[33] : (o = (e) => {
-			p(e), Ee("");
+			p(e), De("");
 		}, l[32] = p, l[33] = o);
 		let s = o, c;
 		l[34] === Symbol.for("react.memo_cache_sentinel") ? (c = (e) => {
-			Ee(e.target.value);
-		}, l[34] = c) : c = l[34], D = c, w = ve, C = te, l[35] === s ? N = l[36] : (N = (e) => {
+			De(e.target.value);
+		}, l[34] = c) : c = l[34], D = c, w = be, C = te, l[35] === s ? M = l[36] : (M = (e) => {
 			s(e.value);
-		}, l[35] = s, l[36] = N), P = !0, F = m, I = !0, L = "unmount", l[37] === b ? R = l[38] : (R = [-8, b], l[37] = b, l[38] = R), S = re, A = "center", j = r.XSmall, M = "center", x = ne, z = "flex", B = g, V = g ? "disabled" : "pointer", H = -1, U = !0, l[39] === Symbol.for("react.memo_cache_sentinel") ? (O = { outline: "none" }, l[39] = O) : O = l[39], k = a ? he(a) : /* @__PURE__ */ d(ee, {}), l[0] = g, l[1] = h, l[2] = b, l[3] = m, l[4] = p, l[5] = _, l[6] = u, l[7] = x, l[8] = S, l[9] = C, l[10] = w, l[11] = T, l[12] = E, l[13] = D, l[14] = O, l[15] = k, l[16] = A, l[17] = j, l[18] = M, l[19] = N, l[20] = P, l[21] = F, l[22] = I, l[23] = L, l[24] = R, l[25] = z, l[26] = B, l[27] = V, l[28] = H, l[29] = U;
+		}, l[35] = s, l[36] = M), N = !0, P = m, F = !0, I = "unmount", l[37] === b ? L = l[38] : (L = [-8, b], l[37] = b, l[38] = L), S = re, k = "center", A = i.XSmall, j = "center", x = ne, R = "flex", z = h, B = h ? "disabled" : "pointer", V = -1, H = !0, l[39] === Symbol.for("react.memo_cache_sentinel") ? (U = { outline: "none" }, l[39] = U) : U = l[39], O = a ? _e(a) : /* @__PURE__ */ d(ee, {}), l[0] = h, l[1] = v, l[2] = b, l[3] = m, l[4] = p, l[5] = g, l[6] = u, l[7] = x, l[8] = S, l[9] = C, l[10] = w, l[11] = T, l[12] = E, l[13] = D, l[14] = O, l[15] = k, l[16] = A, l[17] = j, l[18] = M, l[19] = N, l[20] = P, l[21] = F, l[22] = I, l[23] = L, l[24] = R, l[25] = z, l[26] = B, l[27] = V, l[28] = H, l[29] = U;
 	} else x = l[7], S = l[8], C = l[9], w = l[10], T = l[11], E = l[12], D = l[13], O = l[14], k = l[15], A = l[16], j = l[17], M = l[18], N = l[19], P = l[20], F = l[21], I = l[22], L = l[23], R = l[24], z = l[25], B = l[26], V = l[27], H = l[28], U = l[29];
 	let W;
-	l[40] !== x || l[41] !== O || l[42] !== k || l[43] !== z || l[44] !== B || l[45] !== V || l[46] !== H || l[47] !== U ? (W = /* @__PURE__ */ d(x, {
-		display: z,
-		isDisabled: B,
-		cursor: V,
-		tabIndex: H,
-		"aria-hidden": U,
-		_focus: O,
-		children: k
-	}), l[40] = x, l[41] = O, l[42] = k, l[43] = z, l[44] = B, l[45] = V, l[46] = H, l[47] = U, l[48] = W) : W = l[48];
+	l[40] !== x || l[41] !== O || l[42] !== R || l[43] !== z || l[44] !== B || l[45] !== V || l[46] !== H || l[47] !== U ? (W = /* @__PURE__ */ d(x, {
+		display: R,
+		isDisabled: z,
+		cursor: B,
+		tabIndex: V,
+		"aria-hidden": H,
+		_focus: U,
+		children: O
+	}), l[40] = x, l[41] = O, l[42] = R, l[43] = z, l[44] = B, l[45] = V, l[46] = H, l[47] = U, l[48] = W) : W = l[48];
 	let G;
-	l[49] !== De || l[50] !== g || l[51] !== y.openCountrySelector ? (G = /* @__PURE__ */ d(c, {
-		size: De,
+	l[49] !== Oe || l[50] !== h || l[51] !== y.openCountrySelector ? (G = /* @__PURE__ */ d(ie, {
+		size: Oe,
 		variant: "ghost",
-		icon: a,
-		isDisabled: g,
+		icon: o,
+		isDisabled: h,
 		"aria-label": y.openCountrySelector
-	}), l[49] = De, l[50] = g, l[51] = y.openCountrySelector, l[52] = G) : G = l[52];
+	}), l[49] = Oe, l[50] = h, l[51] = y.openCountrySelector, l[52] = G) : G = l[52];
 	let K;
-	l[53] !== S || l[54] !== A || l[55] !== j || l[56] !== M || l[57] !== W || l[58] !== G ? (K = /* @__PURE__ */ f(S, {
-		align: A,
-		gap: j,
-		justify: M,
+	l[53] !== S || l[54] !== k || l[55] !== A || l[56] !== j || l[57] !== W || l[58] !== G ? (K = /* @__PURE__ */ f(S, {
+		align: k,
+		gap: A,
+		justify: j,
 		children: [W, G]
-	}), l[53] = S, l[54] = A, l[55] = j, l[56] = M, l[57] = W, l[58] = G, l[59] = K) : K = l[59];
-	let q = ye ?? y.searchCountryPlaceholder, J;
-	l[60] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ d(i, {}), l[60] = J) : J = l[60];
+	}), l[53] = S, l[54] = k, l[55] = A, l[56] = j, l[57] = W, l[58] = G, l[59] = K) : K = l[59];
+	let q = xe ?? y.searchCountryPlaceholder, J;
+	l[60] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ d(a, {}), l[60] = J) : J = l[60];
 	let Y;
-	l[61] !== D || l[62] !== v || l[63] !== _ || l[64] !== q ? (Y = /* @__PURE__ */ d(s, {
-		onClick: _e,
-		children: /* @__PURE__ */ d(oe, {
+	l[61] !== D || l[62] !== _ || l[63] !== g || l[64] !== q ? (Y = /* @__PURE__ */ d(c, {
+		onClick: ye,
+		children: /* @__PURE__ */ d(ce, {
 			isInvalid: !1,
-			children: /* @__PURE__ */ d(se, {
-				id: v,
+			children: /* @__PURE__ */ d(le, {
+				id: _,
 				placeholder: q,
 				size: "md",
-				value: _,
+				value: g,
 				onChange: D,
 				variant: "ghost",
 				leftElement: J
 			})
 		})
-	}), l[61] = D, l[62] = v, l[63] = _, l[64] = q, l[65] = Y) : Y = l[65];
+	}), l[61] = D, l[62] = _, l[63] = g, l[64] = q, l[65] = Y) : Y = l[65];
 	let X;
-	l[66] === Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ d(ae, { mb: "3px" }), l[66] = X) : X = l[66];
+	l[66] === Symbol.for("react.memo_cache_sentinel") ? (X = /* @__PURE__ */ d(se, { mb: "3px" }), l[66] = X) : X = l[66];
 	let Z;
-	l[67] !== w || l[68] !== T || l[69] !== E.length || l[70] !== we || l[71] !== y.noCountriesFound || l[72] !== u ? (Z = E.length > 0 ? /* @__PURE__ */ d(ue, {
+	l[67] !== w || l[68] !== T || l[69] !== E.length || l[70] !== Te || l[71] !== y.noCountriesFound || l[72] !== u ? (Z = E.length > 0 ? /* @__PURE__ */ d(fe, {
 		items: T,
 		renderItem: w,
-		isReadOnly: we,
+		isReadOnly: Te,
 		selectedCode: u
-	}) : /* @__PURE__ */ d(o, {
-		padding: r.Medium,
-		paddingBottom: r.X2Large,
-		fontSize: n.Large,
-		color: t.OnBackgroundHeader,
+	}) : /* @__PURE__ */ d(s, {
+		padding: i.Medium,
+		paddingBottom: i.X2Large,
+		fontSize: r.Large,
+		color: n.OnBackgroundHeader,
 		fontWeight: "500",
 		textAlign: "center",
 		width: "300px",
 		children: y.noCountriesFound
-	}), l[67] = w, l[68] = T, l[69] = E.length, l[70] = we, l[71] = y.noCountriesFound, l[72] = u, l[73] = Z) : Z = l[73];
+	}), l[67] = w, l[68] = T, l[69] = E.length, l[70] = Te, l[71] = y.noCountriesFound, l[72] = u, l[73] = Z) : Z = l[73];
 	let Q;
-	l[74] !== Y || l[75] !== Z ? (Q = /* @__PURE__ */ f(ie, {
+	l[74] !== Y || l[75] !== Z ? (Q = /* @__PURE__ */ f(ae, {
 		overflow: "unset",
 		overflowY: "unset",
 		paddingTop: 0,
@@ -136,33 +138,33 @@ function p(e) {
 		]
 	}), l[74] = Y, l[75] = Z, l[76] = Q) : Q = l[76];
 	let $;
-	return l[77] !== C || l[78] !== N || l[79] !== P || l[80] !== F || l[81] !== I || l[82] !== L || l[83] !== R || l[84] !== K || l[85] !== Q ? ($ = /* @__PURE__ */ f(C, {
-		onSelect: N,
-		closeOnSelect: P,
-		placement: F,
-		isLazy: I,
-		lazyBehavior: L,
-		offset: R,
+	return l[77] !== C || l[78] !== M || l[79] !== N || l[80] !== P || l[81] !== F || l[82] !== I || l[83] !== L || l[84] !== K || l[85] !== Q ? ($ = /* @__PURE__ */ f(C, {
+		onSelect: M,
+		closeOnSelect: N,
+		placement: P,
+		isLazy: F,
+		lazyBehavior: I,
+		offset: L,
 		children: [K, Q]
-	}), l[77] = C, l[78] = N, l[79] = P, l[80] = F, l[81] = I, l[82] = L, l[83] = R, l[84] = K, l[85] = Q, l[86] = $) : $ = l[86], $;
+	}), l[77] = C, l[78] = M, l[79] = N, l[80] = P, l[81] = F, l[82] = I, l[83] = L, l[84] = K, l[85] = Q, l[86] = $) : $ = l[86], $;
 }
-function _e(e) {
+function ye(e) {
 	return e.stopPropagation();
 }
-function ve(e) {
+function be(e) {
 	return /* @__PURE__ */ f(re, {
 		direction: "row",
-		gap: r.Small,
+		gap: i.Small,
 		alignItems: "center",
-		children: [he(e), /* @__PURE__ */ f(s, { children: [
-			/* @__PURE__ */ d(o, {
+		children: [_e(e), /* @__PURE__ */ f(c, { children: [
+			/* @__PURE__ */ d(s, {
 				display: "inline",
 				children: e.name
 			}),
 			" ",
-			/* @__PURE__ */ d(o, {
+			/* @__PURE__ */ d(s, {
 				display: "inline",
-				color: t.OnSurfaceSubdued,
+				color: n.OnSurfaceSubdued,
 				children: `(+${e.callingCode})`
 			})
 		] })]

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

@@ -1,19 +1,18 @@
 import { CountryCode } from 'libphonenumber-js/mobile/es6';
-import { Locales } from './translations.js';
+import { AppLocale } from '../../theme/index.js';
+import { PhoneInputTranslation } from './phone-input.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;
+export declare function validatePhoneNumber(value: string, country: CountryCode, translation: PhoneInputTranslation, 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;
 /**
@@ -43,5 +42,5 @@ export declare function detectCountryChange(value: string, currentCountry: Count
  */
 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;
+export declare function resolveInitialCountry(country: CountryCode | undefined, locale: AppLocale): CountryCode;
 //# sourceMappingURL=phone-input-helpers.d.ts.map

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

@@ -1 +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,8BAA8B,CAAC;AACtC,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"}
+{"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,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,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;CACzB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,qBAAqB,EAClC,OAAO,GAAE,0BAA+B,GACtC,qBAAqB,CAkBvB;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,SAAS,GAAG,WAAW,CAKtG"}

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

@@ -3,45 +3,44 @@ import { isValidPhoneNumber as t } from "../../node_modules/libphonenumber-js/mo
 import { isSupportedCountry as n } from "../../node_modules/libphonenumber-js/mobile/es6/exports/isSupportedCountry.js";
 import { getCountries as r } from "../../node_modules/libphonenumber-js/mobile/es6/exports/getCountries.js";
 import { getCountryCallingCode as i } from "../../node_modules/libphonenumber-js/mobile/es6/exports/getCountryCallingCode.js";
-import { translations as a } from "./translations.js";
 //#region lib/components/phone-input/phone-input-helpers.ts
-function o(e, n, r = {}) {
-	let { isRequired: i = !1, showValidation: o = !1, locale: s = "en-US" } = r, c = a[s], l = d(e, n);
-	return l && t(e, n) ? { isValid: !0 } : o ? l ? {
+function a(e, n, r, i = {}) {
+	let { isRequired: a = !1, showValidation: o = !1 } = i, s = u(e, n);
+	return s && t(e, n) ? { isValid: !0 } : o ? s ? {
 		isValid: !1,
-		errorMessage: c.numberLooksIncomplete
+		errorMessage: r.numberLooksIncomplete
 	} : {
 		isValid: !1,
-		errorMessage: i ? c.requiredFieldEmpty : void 0
+		errorMessage: a ? r.requiredFieldEmpty : void 0
 	} : {
 		isValid: !1,
 		errorMessage: void 0
 	};
 }
-function s(t, n) {
+function o(t, n) {
 	return e(t, n)?.formatInternational() ?? t;
 }
-function c(t, n) {
+function s(t, n) {
 	let r = e(t, n);
 	if (r) return r.format("E.164");
 	let i = t.trim().startsWith("+"), a = t.replace(/\D/g, "");
 	return a ? i ? `+${a}` : a : "";
 }
-function l(t, n) {
+function c(t, n) {
 	let r = e(t, n);
-	return r ? r.nationalNumber?.toString() ?? "" : u(t, n);
+	return r ? r.nationalNumber?.toString() ?? "" : l(t, n);
 }
-function u(e, t) {
+function l(e, t) {
 	let n = i(t), r = e.replace(/\D/g, "");
 	return r.startsWith(n) ? r.slice(n.length) : r;
 }
-function d(e, t) {
-	return u(e, t).length > 0;
+function u(e, t) {
+	return l(e, t).length > 0;
 }
-function f(e, n) {
-	return d(e, n) && !t(e, n);
+function d(e, n) {
+	return u(e, n) && !t(e, n);
 }
-var p = {
+var f = {
 	1: "US",
 	7: "RU",
 	39: "IT",
@@ -54,36 +53,36 @@ var p = {
 	358: "FI",
 	590: "GP",
 	599: "CW"
-}, m = null;
-function h() {
-	return m ||= new Set(r().map((e) => i(e).toString())), m;
+}, p = null;
+function m() {
+	return p ||= new Set(r().map((e) => i(e).toString())), p;
 }
-function g(e, t) {
+function h(e, t) {
 	return e.replace(/^\+/, "").replace(/\D/g, "").slice(0, t);
 }
-function _(t) {
+function g(t) {
 	if (!t.trim().startsWith("+")) return;
-	let n = h(), a = g(t, 3);
+	let n = m(), a = h(t, 3);
 	for (let o = 3; o >= 1; o--) {
 		let s = a.slice(0, o);
 		if (s.length !== o || !n.has(s)) continue;
-		if (p[s]) return p[s];
+		if (f[s]) return f[s];
 		let c = e(t);
 		return c?.country && i(c.country) === s ? c.country : r().find((e) => i(e) === s);
 	}
 }
-function v(e, t) {
-	let n = _(e);
+function _(e, t) {
+	let n = g(e);
 	if (n && n !== t && i(n) !== i(t)) return n;
 }
-function y(e) {
+function v(e) {
 	if (!e.trim().startsWith("+")) return !1;
-	let t = g(e, 3);
+	let t = h(e, 3);
 	if (!t) return !1;
-	for (let e of h()) if (e.startsWith(t) || t.startsWith(e)) return !1;
+	for (let e of m()) if (e.startsWith(t) || t.startsWith(e)) return !1;
 	return !0;
 }
-function b(e) {
+function y(e) {
 	if (e) try {
 		let t = new Intl.Locale(e), r = t.region ?? t.maximize().region;
 		return r && n(r) ? r : void 0;
@@ -91,16 +90,16 @@ function b(e) {
 		return;
 	}
 }
-function x() {
+function b() {
 	if (typeof navigator > "u") return;
 	let e = navigator.languages?.length ? navigator.languages : [navigator.language];
 	for (let t of e) {
-		let e = b(t);
+		let e = y(t);
 		if (e) return e;
 	}
 }
-function S(e, t) {
-	return e || (x() ?? b(t) ?? "SE");
+function x(e, t) {
+	return e || (b() ?? y(t) ?? "SE");
 }
 //#endregion
-export { v as detectCountryChange, _ as detectCountryFromInput, l as extractNationalNumber, s as formatPhoneNumber, d as hasNationalContent, f as isIncompletePhoneNumber, y as isUnknownCallingCode, S as resolveInitialCountry, c as toE164, o as validatePhoneNumber };
+export { _ as detectCountryChange, g as detectCountryFromInput, c as extractNationalNumber, o as formatPhoneNumber, u as hasNationalContent, d as isIncompletePhoneNumber, v as isUnknownCallingCode, x as resolveInitialCountry, s as toE164, a as validatePhoneNumber };

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

@@ -18,5 +18,5 @@ import { PhoneInputProps } from './types.js';
  *
  * @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;
+export declare function PhoneInput({ ref, value, onChange, onBlur, country, onCountryChange, unknownPrefix, errorMessage, 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

@@ -1 +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"}
+{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/phone-input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,eAAe,EACf,aAAa,EACb,YAAY,EACZ,IAAW,EACX,OAAmB,EACnB,WAAW,EACX,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,GAAG,IAAI,EACP,EAAE,eAAe,+BAqCjB"}

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

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

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

@@ -0,0 +1,10 @@
+export type PhoneInputTranslation = {
+    searchCountryPlaceholder: string;
+    noCountriesFound: string;
+    enterPhoneNumberPlaceholder: string;
+    numberLooksIncomplete: string;
+    requiredFieldEmpty: string;
+    openCountrySelector: string;
+};
+export declare const phoneInputTranslations: import('../../theme/translations.js').ComponentTranslations<PhoneInputTranslation>;
+//# sourceMappingURL=phone-input.translations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.translations.d.ts","sourceRoot":"","sources":["../../../lib/components/phone-input/phone-input.translations.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG;IACnC,wBAAwB,EAAE,MAAM,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,2BAA2B,EAAE,MAAM,CAAC;IACpC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,6EAiGjC,CAAC"}