@caspeco/casper-ui-library 10.3.1 → 10.5.0

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

@@ -1,38 +1,33 @@
-import { getCountries as m } from "../../node_modules/libphonenumber-js/min/exports/getCountries.js";
-import { getCountryCallingCode as r } from "../../node_modules/libphonenumber-js/min/exports/getCountryCallingCode.js";
-function l(e) {
-  return e.normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
+import { getCountries as e } from "../../node_modules/libphonenumber-js/min/exports/getCountries.js";
+import { getCountryCallingCode as t } from "../../node_modules/libphonenumber-js/min/exports/getCountryCallingCode.js";
+//#region lib/components/phone-input/country-data.ts
+function n(e) {
+	return e.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase();
 }
-const s = m().map((e) => {
-  const n = new Intl.Locale(`und-${e}`).maximize().language, t = new Intl.DisplayNames([n], {
-    type: "region"
-  }).of(e) ?? e;
-  return {
-    code: e,
-    callingCode: r(e),
-    nativeName: t
-  };
-}), o = /* @__PURE__ */ new Map();
-function C(e) {
-  let n = o.get(e);
-  if (!n) {
-    const t = new Intl.DisplayNames([e], {
-      type: "region"
-    });
-    n = s.map((a) => {
-      const i = t.of(a.code) ?? a.code;
-      return {
-        code: a.code,
-        name: i,
-        nativeName: a.nativeName,
-        callingCode: a.callingCode,
-        searchText: l(`${i} ${a.nativeName} ${a.code} ${a.callingCode}`)
-      };
-    }).sort((a, i) => a.name.localeCompare(i.name, e)), o.set(e, n);
-  }
-  return n;
+var r = e().map((e) => {
+	let n = new Intl.Locale(`und-${e}`).maximize().language, r = new Intl.DisplayNames([n], { type: "region" }).of(e) ?? e;
+	return {
+		code: e,
+		callingCode: t(e),
+		nativeName: r
+	};
+}), i = /* @__PURE__ */ new Map();
+function a(e) {
+	let t = i.get(e);
+	if (!t) {
+		let a = new Intl.DisplayNames([e], { type: "region" });
+		t = r.map((e) => {
+			let t = a.of(e.code) ?? e.code;
+			return {
+				code: e.code,
+				name: t,
+				nativeName: e.nativeName,
+				callingCode: e.callingCode,
+				searchText: n(`${t} ${e.nativeName} ${e.code} ${e.callingCode}`)
+			};
+		}).sort((t, n) => t.name.localeCompare(n.name, e)), i.set(e, t);
+	}
+	return t;
 }
-export {
-  C as getLocalizedCountries,
-  l as normalizeForSearch
-};
+//#endregion
+export { a as getLocalizedCountries, n as normalizeForSearch };

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

@@ -1,27 +1,47 @@
-import { jsx as t } from "react/jsx-runtime";
+import { CheckIcon as e } from "../icon/icons/check-icon.js";
+import { MenuItem as t } from "../menu/menu-item.js";
+import { useVirtualizer as n } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import { useRef as r } from "react";
 import { Box as i } from "@chakra-ui/react";
-import { useVirtualizer as a } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
-import { useRef as u } from "react";
-import { MenuItem as d } from "../menu/menu-item.js";
-import { CheckIcon as f } from "../icon/icons/check-icon.js";
-const h = 40, p = 250, I = 300;
-function _({
-  items: n,
-  renderItem: s,
-  isReadOnly: c = !1,
-  selectedCode: m
-}) {
-  const l = u(null), o = a({
-    count: n.length,
-    getScrollElement: () => l.current,
-    estimateSize: () => h,
-    overscan: 8
-  });
-  return /* @__PURE__ */ t(i, { ref: l, maxHeight: p, minWidth: I, overflowY: "auto", children: /* @__PURE__ */ t(i, { height: o.getTotalSize(), position: "relative", width: "100%", children: o.getVirtualItems().map((r) => {
-    const e = n[r.index];
-    return e ? /* @__PURE__ */ t(i, { "data-index": r.index, ref: o.measureElement, position: "absolute", top: 0, left: 0, width: "100%", transform: `translateY(${r.start}px)`, children: /* @__PURE__ */ t(d, { value: e.code, isDisabled: c, rightIcon: e.code === m ? f : void 0, children: s(e) }) }, e.code) : null;
-  }) }) });
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/components/phone-input/country-list.tsx
+var o = 40, s = 250, c = 300;
+function l({ items: l, renderItem: u, isReadOnly: d = !1, selectedCode: f }) {
+	let p = r(null), m = n({
+		count: l.length,
+		getScrollElement: () => p.current,
+		estimateSize: () => o,
+		overscan: 8
+	});
+	return /* @__PURE__ */ a(i, {
+		ref: p,
+		maxHeight: s,
+		minWidth: c,
+		overflowY: "auto",
+		children: /* @__PURE__ */ a(i, {
+			height: m.getTotalSize(),
+			position: "relative",
+			width: "100%",
+			children: m.getVirtualItems().map((n) => {
+				let r = l[n.index];
+				return r ? /* @__PURE__ */ a(i, {
+					"data-index": n.index,
+					ref: m.measureElement,
+					position: "absolute",
+					top: 0,
+					left: 0,
+					width: "100%",
+					transform: `translateY(${n.start}px)`,
+					children: /* @__PURE__ */ a(t, {
+						value: r.code,
+						isDisabled: d,
+						rightIcon: r.code === f ? e : void 0,
+						children: u(r)
+					})
+				}, r.code) : null;
+			})
+		})
+	});
 }
-export {
-  _ as CountryList
-};
+//#endregion
+export { l as CountryList };

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

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