@wssto2/vue-core 0.4.16 → 0.4.18

package/dist/phone/index.js

@@ -1,25 +1,26 @@
-import { defineComponent as fe, useModel as me, useTemplateRef as F, ref as E, computed as g, watch as ne, nextTick as A, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as i, createVNode as M, toDisplayString as T, normalizeStyle as ge, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as xe, withDirectives as we, vModelText as _e, mergeModels as ae, inject as ke, shallowRef as Ce, onBeforeUnmount as $e, createBlock as De, mergeProps as Me, createSlots as Te, withCtx as se, createTextVNode as Se, renderSlot as Ne, mergeDefaults as Ie } from "vue";
+import { defineComponent as fe, useModel as me, useTemplateRef as F, ref as E, computed as g, watch as ne, nextTick as A, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as s, createVNode as M, toDisplayString as T, normalizeStyle as xe, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as we, withDirectives as _e, vModelText as ke, mergeModels as ae, inject as Ce, shallowRef as $e, onBeforeUnmount as De, createBlock as Me, mergeProps as Te, createSlots as Se, withCtx as ie, createTextVNode as Ne, renderSlot as Ie, mergeDefaults as Pe } from "vue";
 import { useI18n as pe } from "vue-i18n";
-import { b as Pe } from "../controlSurface-t7OEFESJ.js";
-import { a as Ve, c as Oe, _ as Re, f as Be, b as Ee } from "../control-B_Nwtmag.js";
+import { b as Ve } from "../controlSurface-t7OEFESJ.js";
+import { a as Oe, c as Re, _ as Be, f as Ee, b as ze } from "../control-B_Nwtmag.js";
 import { _ as q } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as ie } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
-import { u as ze } from "../anchored-Cj4--8dT.js";
-import { AsYouType as L, validatePhoneNumberLength as Fe, parsePhoneNumberFromString as ve, getCountries as qe, getCountryCallingCode as Ae } from "libphonenumber-js/max";
-import Le from "libphonenumber-js/max/metadata";
+import { _ as se } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
+import { u as Fe } from "../anchored-Cj4--8dT.js";
+import { i as ve } from "../intlLocale-CeRU44qJ.js";
+import { AsYouType as L, validatePhoneNumberLength as qe, parsePhoneNumberFromString as he, getCountries as Ae, getCountryCallingCode as Le } from "libphonenumber-js/max";
+import We from "libphonenumber-js/max/metadata";
 import { f as ue } from "../options-Ba_0uLWN.js";
-const ce = ["HR", "BA", "SI", "RS"], We = 15;
-function he(t) {
-  return Le.country_calling_codes[t]?.[0];
+const ce = ["HR", "BA", "SI", "RS"], Ke = 15;
+function ye(t) {
+  return We.country_calling_codes[t]?.[0];
 }
-const W = (t) => Ae(t), de = (t) => `+${W(t)}`, te = () => qe();
-function Ke(t, a) {
+const W = (t) => Le(t), de = (t) => `+${W(t)}`, te = () => Ae();
+function Ue(t, a) {
   const o = `+${t}`;
   return new L().input(`${o}${a}`).slice(o.length).trim();
 }
 function re(t, a, o) {
-  const r = o.slice(0, Math.max(0, We - a.length));
-  return r === "" ? { country: t, e164: "", text: "" } : { country: t, e164: `+${a}${r}`, text: Ke(a, r) };
+  const r = o.slice(0, Math.max(0, Ke - a.length));
+  return r === "" ? { country: t, e164: "", text: "" } : { country: t, e164: `+${a}${r}`, text: Ue(a, r) };
 }
 function oe(t, a) {
   const o = t.trim().replace(/^00(?=\d)/, "+");
@@ -28,57 +29,57 @@ function oe(t, a) {
     l.input(o);
     const x = l.getCallingCode();
     if (!x) return { country: a, e164: "", text: o.replace(/[^\d+]/g, "") };
-    const p = l.getCountry() ?? (W(a) === x ? a : he(x) ?? a);
+    const p = l.getCountry() ?? (W(a) === x ? a : ye(x) ?? a);
     return re(p, x, l.getNumber()?.nationalNumber ?? "");
   }
   const r = new L(a);
   return r.input(o.replace(/\D/g, "")), re(a, W(a), r.getNumber()?.nationalNumber ?? "");
 }
-function Ue(t, a) {
+function je(t, a) {
   return re(a, W(a), t.text.replace(/\D/g, ""));
 }
-function je(t) {
+function He(t) {
   return t.startsWith("+") ? new L().input(t) : t;
 }
-const He = { MOBILE: "mobile", FIXED_LINE: "landline", TOLL_FREE: "toll_free", PREMIUM_RATE: "premium_rate", VOIP: "voip" };
-function Ge(t) {
-  const a = t ? ve(t) : void 0, o = a?.isValid() ? a.getType() : void 0;
-  return o ? He[o] : void 0;
-}
+const Ge = { MOBILE: "mobile", FIXED_LINE: "landline", TOLL_FREE: "toll_free", PREMIUM_RATE: "premium_rate", VOIP: "voip" };
 function Xe(t) {
+  const a = t ? he(t) : void 0, o = a?.isValid() ? a.getType() : void 0;
+  return o ? Ge[o] : void 0;
+}
+function Ye(t) {
   const a = new L();
   a.input(t);
   const o = a.getCallingCode();
-  return a.getCountry() ?? (o ? he(o) : void 0);
+  return a.getCountry() ?? (o ? ye(o) : void 0);
 }
-function ye(t) {
+function be(t) {
   if (t === "") return null;
-  const a = Xe(t), o = Fe(t);
-  return o === "TOO_SHORT" ? { kind: "too_short", country: a } : o === "TOO_LONG" ? { kind: "too_long", country: a } : o !== void 0 ? { kind: "invalid", country: a } : ve(t)?.isValid() ? null : { kind: "invalid", country: a };
+  const a = Ye(t), o = qe(t);
+  return o === "TOO_SHORT" ? { kind: "too_short", country: a } : o === "TOO_LONG" ? { kind: "too_long", country: a } : o !== void 0 ? { kind: "invalid", country: a } : he(t)?.isValid() ? null : { kind: "invalid", country: a };
 }
-const $t = (t) => ye(t) === null;
-function be(t, a) {
+const Mt = (t) => be(t) === null;
+function ge(t, a) {
   try {
-    return new Intl.DisplayNames([a], { type: "region" }).of(t) ?? t;
+    return new Intl.DisplayNames([ve(a)], { type: "region" }).of(t) ?? t;
   } catch {
     return t;
   }
 }
-function Ye(t, a, o) {
+function Je(t, a, o) {
   const r = ue(t.trim());
   if (r === "") return o;
-  const l = r.replace(/\D/g, ""), x = new Intl.DisplayNames([a], { type: "region" }), p = (h) => ue(x.of(h) ?? h), _ = r.startsWith("+") || /^\d+$/.test(r);
+  const l = r.replace(/\D/g, ""), x = new Intl.DisplayNames([ve(a)], { type: "region" }), p = (h) => ue(x.of(h) ?? h), _ = r.startsWith("+") || /^\d+$/.test(r);
   return o.filter((h) => _ ? W(h).startsWith(l) : p(h).includes(r) || h.toLowerCase() === r);
 }
-const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tabular-nums" }, Ze = ["id", "aria-label"], et = {
+const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tabular-nums" }, et = ["id", "aria-label"], tt = {
   key: 0,
   role: "presentation",
   class: "px-2 pb-1 pt-1.5 text-caption font-semibold uppercase text-content-disabled"
-}, tt = ["id", "aria-selected", "data-country", "onMouseenter", "onClick"], ot = { class: "shrink-0 tabular-nums text-content-muted" }, nt = {
+}, ot = ["id", "aria-selected", "data-country", "onMouseenter", "onClick"], nt = { class: "shrink-0 tabular-nums text-content-muted" }, at = {
   key: 0,
   class: "px-3 py-2 text-footnote text-content-muted",
   role: "status"
-}, at = { class: "border-t border-border-separator px-3 py-2" }, rt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], lt = /* @__PURE__ */ fe({
+}, rt = { class: "border-t border-border-separator px-3 py-2" }, lt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], it = /* @__PURE__ */ fe({
   __name: "CountryPicker",
   props: /* @__PURE__ */ ae({
     id: {},
@@ -93,23 +94,23 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
   setup(t, { expose: a, emit: o }) {
     const r = t, l = me(t, "modelValue"), x = o, { t: p, locale: _ } = pe(), h = F("root"), V = F("trigger"), k = F("panel"), K = F("search"), C = E(!1), v = E(""), d = E(0), O = g(() => {
       const e = /* @__PURE__ */ new Map();
-      for (const s of te()) e.set(s, be(s, _.value));
+      for (const i of te()) e.set(i, ge(i, _.value));
       return e;
     }), S = (e) => O.value.get(e) ?? e, D = g(() => {
       const e = r.common.filter((c) => O.value.has(c));
       if (v.value.trim() !== "") {
-        const c = Ye(v.value, _.value, te());
+        const c = Je(v.value, _.value, te());
         return [{ title: null, countries: [...c.filter((n) => e.includes(n)), ...c.filter((n) => !e.includes(n))] }];
       }
-      const s = te().filter((c) => !e.includes(c)).sort((c, n) => S(c).localeCompare(S(n), _.value));
-      return [{ title: p("core.form.phone.common"), countries: e }, { title: p("core.form.phone.all"), countries: s }].filter((c) => c.countries.length > 0);
-    }), y = g(() => D.value.flatMap((e) => e.countries)), z = g(() => D.value.map((e, s) => D.value.slice(0, s).reduce((c, n) => c + n.countries.length, 0))), U = (e) => `${r.id}-country-${e}`, { style: Q } = ze(k, {
+      const i = te().filter((c) => !e.includes(c)).sort((c, n) => S(c).localeCompare(S(n), _.value));
+      return [{ title: p("core.form.phone.common"), countries: e }, { title: p("core.form.phone.all"), countries: i }].filter((c) => c.countries.length > 0);
+    }), y = g(() => D.value.flatMap((e) => e.countries)), z = g(() => D.value.map((e, i) => D.value.slice(0, i).reduce((c, n) => c + n.countries.length, 0))), U = (e) => `${r.id}-country-${e}`, { style: Q } = Fe(k, {
       reference: () => V.value,
       placement: () => "bottom-start",
       offset: 4,
       padding: 8,
-      fit: (e, s) => {
-        e.style.width = "min(20rem, calc(100vw - 1rem))", e.style.maxHeight = `${Math.max(200, Math.min(380, s.height))}px`;
+      fit: (e, i) => {
+        e.style.width = "min(20rem, calc(100vw - 1rem))", e.style.maxHeight = `${Math.max(200, Math.min(380, i.height))}px`;
       }
     });
     async function j() {
@@ -132,14 +133,14 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
         e.preventDefault(), d.value = Math.min(Math.max(d.value + (e.key === "ArrowDown" ? 1 : -1), 0), y.value.length - 1);
       else if (e.key === "Enter") {
         e.preventDefault();
-        const s = y.value[d.value];
-        s && R(s);
+        const i = y.value[d.value];
+        i && R(i);
       }
     }
     function B(e) {
       (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), j());
     }
-    return a({ focus: () => V.value?.focus() }), (e, s) => (w(), $("div", {
+    return a({ focus: () => V.value?.focus() }), (e, i) => (w(), $("div", {
       ref_key: "root",
       ref: h,
       class: "shrink-0",
@@ -151,40 +152,40 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
         ref: V,
         type: "button",
         disabled: r.disabled,
-        "aria-label": i(p)("core.form.phone.country", { country: S(l.value) }),
+        "aria-label": s(p)("core.form.phone.country", { country: S(l.value) }),
         "aria-haspopup": "listbox",
         "aria-expanded": C.value,
         "data-test": "country-button",
         class: P(["flex h-full min-h-8 cursor-pointer items-center gap-1.5 whitespace-nowrap text-body font-medium text-content-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus disabled:cursor-not-allowed compact:border-r compact:border-border-separator", r.surface]),
-        onClick: s[0] || (s[0] = (c) => C.value ? N(!0) : j()),
+        onClick: i[0] || (i[0] = (c) => C.value ? N(!0) : j()),
         onKeydown: B
       }, [
-        M(ie, { country: l.value }, null, 8, ["country"]),
-        f("span", Qe, T(i(de)(l.value)), 1),
-        M(i(q), {
+        M(se, { country: l.value }, null, 8, ["country"]),
+        f("span", Ze, T(s(de)(l.value)), 1),
+        M(s(q), {
           name: "arrowDownSLine",
           size: 14,
           class: "text-content-muted"
         })
-      ], 42, Je),
+      ], 42, Qe),
       C.value ? (w(), $("div", {
         key: 0,
         ref_key: "panel",
         ref: k,
-        style: ge(i(Q)),
+        style: xe(s(Q)),
         "data-test": "country-list",
         class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float"
       }, [
         f("div", {
           id: `${r.id}-countries`,
           role: "listbox",
-          "aria-label": i(p)("core.form.phone.countries"),
+          "aria-label": s(p)("core.form.phone.countries"),
           class: "min-h-0 flex-1 overflow-y-auto p-2"
         }, [
           (w(!0), $(ee, null, le(D.value, (c, n) => (w(), $(ee, {
             key: c.title ?? "found"
           }, [
-            c.title ? (w(), $("p", et, T(c.title), 1)) : J("", !0),
+            c.title ? (w(), $("p", tt, T(c.title), 1)) : J("", !0),
             (w(!0), $(ee, null, le(c.countries, (u, b) => (w(), $("div", {
               id: U(u),
               key: u,
@@ -193,25 +194,25 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
               "data-test": "country-option",
               "data-country": u,
               class: P(["flex cursor-pointer items-center gap-2.5 rounded-control px-2 py-2 text-body", (z.value[n] ?? 0) + b === d.value ? "bg-tint-soft" : "hover:bg-fill"]),
-              onMousedown: s[1] || (s[1] = xe(() => {
+              onMousedown: i[1] || (i[1] = we(() => {
               }, ["prevent"])),
               onMouseenter: (m) => d.value = (z.value[n] ?? 0) + b,
               onClick: (m) => R(u)
             }, [
-              M(ie, { country: u }, null, 8, ["country"]),
+              M(se, { country: u }, null, 8, ["country"]),
               f("span", {
                 class: P(["min-w-0 flex-1 truncate text-content-strong", u === l.value ? "font-semibold" : ""])
               }, T(S(u)), 3),
-              f("span", ot, T(i(de)(u)), 1)
-            ], 42, tt))), 128))
+              f("span", nt, T(s(de)(u)), 1)
+            ], 42, ot))), 128))
           ], 64))), 128)),
-          y.value.length === 0 ? (w(), $("p", nt, T(i(p)("core.form.phone.no_match")), 1)) : J("", !0)
-        ], 8, Ze),
-        f("div", at, [
-          we(f("input", {
+          y.value.length === 0 ? (w(), $("p", at, T(s(p)("core.form.phone.no_match")), 1)) : J("", !0)
+        ], 8, et),
+        f("div", rt, [
+          _e(f("input", {
             ref_key: "search",
             ref: K,
-            "onUpdate:modelValue": s[2] || (s[2] = (c) => v.value = c),
+            "onUpdate:modelValue": i[2] || (i[2] = (c) => v.value = c),
             type: "text",
             role: "combobox",
             autocomplete: "off",
@@ -219,28 +220,28 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
             "aria-expanded": "true",
             "aria-controls": `${r.id}-countries`,
             "aria-activedescendant": y.value[d.value] ? U(y.value[d.value]) : void 0,
-            "aria-label": i(p)("core.form.phone.search"),
-            placeholder: i(p)("core.form.phone.search"),
+            "aria-label": s(p)("core.form.phone.search"),
+            placeholder: s(p)("core.form.phone.search"),
             "data-test": "country-search",
             class: "block w-full border-0 bg-transparent p-0 text-body text-content-strong placeholder:text-content-muted focus:outline-none focus:ring-0",
             onKeydown: G
-          }, null, 40, rt), [
-            [_e, v.value]
+          }, null, 40, lt), [
+            [ke, v.value]
           ])
         ])
       ], 4)) : J("", !0)
     ], 544));
   }
-}), st = Symbol("vue-core.phoneDefaults"), it = { class: "w-full min-w-0" }, ut = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], ct = {
+}), st = Symbol("vue-core.phoneDefaults"), ut = { class: "w-full min-w-0" }, ct = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], dt = {
   key: 0,
   class: "mt-1.5 flex items-center gap-1.5 text-footnote text-status-success-content",
   "data-test": "phone-kind"
-}, dt = ["href", "aria-label", "title"], ft = ["href", "aria-label", "title"], mt = ["aria-label", "title"], pt = {
+}, ft = ["href", "aria-label", "title"], mt = ["href", "aria-label", "title"], pt = ["aria-label", "title"], vt = {
   class: "sr-only",
   role: "status"
-}, Dt = /* @__PURE__ */ fe({
+}, Tt = /* @__PURE__ */ fe({
   __name: "PhoneField",
-  props: /* @__PURE__ */ ae(/* @__PURE__ */ Ie({
+  props: /* @__PURE__ */ ae(/* @__PURE__ */ Pe({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -255,13 +256,13 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
     commonCountries: {},
     placeholder: {},
     width: {}
-  }, { ...Ee, defaultCountry: void 0, commonCountries: void 0, placeholder: void 0, width: "lg" }), {
+  }, { ...ze, defaultCountry: void 0, commonCountries: void 0, placeholder: void 0, width: "lg" }), {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: a }) {
-    const o = t, r = me(t, "modelValue"), { t: l, locale: x } = pe(), p = ke(st, {}), _ = !!Ve(), h = Oe("text", () => o.error || R.value ? "error" : o.disabled ? "locked" : "rest"), V = g(() => _ ? Pe(o.width) : "w-full"), k = F("input"), K = g(() => o.defaultCountry ?? p.defaultCountry ?? (o.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => o.commonCountries ?? p.commonCountries ?? ce), v = Ce(K.value), d = E("");
+    const o = t, r = me(t, "modelValue"), { t: l, locale: x } = pe(), p = Ce(st, {}), _ = !!Oe(), h = Re("text", () => o.error || R.value ? "error" : o.disabled ? "locked" : "rest"), V = g(() => _ ? Ve(o.width) : "w-full"), k = F("input"), K = g(() => o.defaultCountry ?? p.defaultCountry ?? (o.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => o.commonCountries ?? p.commonCountries ?? ce), v = $e(K.value), d = E("");
     let O = null;
     function S(n) {
       v.value = n.country, d.value = n.text;
@@ -297,41 +298,41 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
       /^(\+|00)\d/.test(u) && (n.preventDefault(), D(oe(u, v.value)), A(() => k.value?.setSelectionRange(d.value.length, d.value.length)));
     }
     function j(n) {
-      D(Ue({ country: v.value, e164: r.value, text: d.value }, n)), A(() => k.value?.focus());
+      D(je({ country: v.value, e164: r.value, text: d.value }, n)), A(() => k.value?.focus());
     }
-    const N = E(!1), R = g(() => N.value && r.value !== "" ? ye(r.value) : null), H = g(() => {
+    const N = E(!1), R = g(() => N.value && r.value !== "" ? be(r.value) : null), H = g(() => {
       const n = R.value;
       if (n)
-        return n.country ? l(`core.form.phone.${n.kind}`, { country: be(n.country, x.value) }) : l("core.form.phone.invalid_any");
-    }), G = g(() => r.value !== "" && !R.value ? Ge(r.value) : void 0), B = g(() => je(r.value)), e = E(!1);
-    let s = null;
+        return n.country ? l(`core.form.phone.${n.kind}`, { country: ge(n.country, x.value) }) : l("core.form.phone.invalid_any");
+    }), G = g(() => r.value !== "" && !R.value ? Xe(r.value) : void 0), B = g(() => He(r.value)), e = E(!1);
+    let i = null;
     async function c() {
       try {
         await navigator.clipboard.writeText(B.value);
       } catch {
         return;
       }
-      e.value = !0, s && clearTimeout(s), s = setTimeout(() => e.value = !1, 1800);
+      e.value = !0, i && clearTimeout(i), i = setTimeout(() => e.value = !1, 1800);
     }
-    return $e(() => s && clearTimeout(s)), a({ focus: () => k.value?.focus() }), (n, u) => (w(), De(Re, Me({ ...i(Be)(o), error: o.error ?? H.value }, {
+    return De(() => i && clearTimeout(i)), a({ focus: () => k.value?.focus() }), (n, u) => (w(), Me(Be, Te({ ...s(Ee)(o), error: o.error ?? H.value }, {
       value: r.value === "" ? null : B.value,
       "value-style": "numeric"
-    }), Te({
-      default: se(({ id: b, describedby: m, invalid: I }) => [
-        f("div", it, [
+    }), Se({
+      default: ie(({ id: b, describedby: m, invalid: I }) => [
+        f("div", ut, [
           f("div", {
             class: P(["flex items-stretch gap-1.5", V.value])
           }, [
-            M(lt, {
+            M(it, {
               id: b,
               "model-value": v.value,
               common: C.value,
               disabled: o.disabled,
-              surface: `${i(h)} px-2.5`,
+              surface: `${s(h)} px-2.5`,
               onPicked: j
             }, null, 8, ["id", "model-value", "common", "disabled", "surface"]),
             f("div", {
-              class: P(["min-w-0 flex-1", i(h)])
+              class: P(["min-w-0 flex-1", s(h)])
             }, [
               f("input", {
                 id: b,
@@ -353,16 +354,16 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
                 onInput: U,
                 onPaste: Q,
                 onBlur: u[0] || (u[0] = (X) => N.value = !0)
-              }, null, 40, ut)
+              }, null, 40, ct)
             ], 2)
           ], 2),
-          G.value && !(o.error ?? H.value) ? (w(), $("p", ct, [
-            M(i(q), {
+          G.value && !(o.error ?? H.value) ? (w(), $("p", dt, [
+            M(s(q), {
               name: "checkCustom",
               size: 14,
               class: "shrink-0"
             }),
-            Se(" " + T(i(l)(`core.form.phone.kind_${G.value}`)), 1)
+            Ne(" " + T(s(l)(`core.form.phone.kind_${G.value}`)), 1)
           ])) : J("", !0)
         ])
       ]),
@@ -370,7 +371,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
     }, [
       r.value !== "" ? {
         name: "readonly",
-        fn: se(() => [
+        fn: ie(() => [
           f("div", {
             class: P(["flex w-full min-w-0 flex-wrap items-center gap-x-2 gap-y-1.5", _ ? "justify-end" : ""]),
             "data-test": "phone-read"
@@ -380,46 +381,46 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
             }, T(B.value), 3),
             f("a", {
               href: `tel:${r.value}`,
-              "aria-label": i(l)("core.form.phone.call"),
-              title: i(l)("core.form.phone.call"),
+              "aria-label": s(l)("core.form.phone.call"),
+              title: s(l)("core.form.phone.call"),
               "data-test": "phone-call",
               class: "flex size-9 shrink-0 items-center justify-center rounded-full bg-tint-soft text-content-link transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus"
             }, [
-              M(i(q), {
+              M(s(q), {
                 name: "phone",
                 size: 18
               })
-            ], 8, dt),
+            ], 8, ft),
             f("a", {
               href: `sms:${r.value}`,
-              "aria-label": i(l)("core.form.phone.message"),
-              title: i(l)("core.form.phone.message"),
+              "aria-label": s(l)("core.form.phone.message"),
+              title: s(l)("core.form.phone.message"),
               "data-test": "phone-message",
               class: "flex size-9 shrink-0 items-center justify-center rounded-full bg-tint-soft text-content-link transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus"
             }, [
-              M(i(q), {
+              M(s(q), {
                 name: "message",
                 size: 18
               })
-            ], 8, ft),
-            Ne(n.$slots, "actions", {
+            ], 8, mt),
+            Ie(n.$slots, "actions", {
               number: r.value,
               formatted: B.value
             }),
             f("button", {
               type: "button",
-              "aria-label": i(l)("core.form.phone.copy"),
-              title: i(l)("core.form.phone.copy"),
+              "aria-label": s(l)("core.form.phone.copy"),
+              title: s(l)("core.form.phone.copy"),
               "data-test": "phone-copy",
               class: "flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-full bg-fill text-content-strong transition-colors duration-motion-fast hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
               onClick: c
             }, [
-              M(i(q), {
+              M(s(q), {
                 name: e.value ? "checkCustom" : "copy",
                 size: 18
               }, null, 8, ["name"])
-            ], 8, mt),
-            f("span", pt, T(e.value ? i(l)("core.form.phone.copied") : ""), 1)
+            ], 8, pt),
+            f("span", vt, T(e.value ? s(l)("core.form.phone.copied") : ""), 1)
           ], 2)
         ]),
         key: "0"
@@ -429,13 +430,13 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
 });
 export {
   ce as COMMON_COUNTRIES,
-  Dt as PhoneField,
-  be as countryName,
+  Tt as PhoneField,
+  ge as countryName,
   de as dialCode,
-  je as formatInternational,
-  $t as isValidPhone,
-  Xe as phoneCountry,
+  He as formatInternational,
+  Mt as isValidPhone,
+  Ye as phoneCountry,
   st as phoneDefaultsKey,
-  Ge as phoneKind,
-  ye as phoneProblem
+  Xe as phoneKind,
+  be as phoneProblem
 };

package/dist/resource/index.js

@@ -1,5 +1,5 @@
 import { p as o, u as r, a, b as u } from "../routeResource-DlTsGTg_.js";
-import { _ as R, a as c } from "../ResourcePage.vue_vue_type_script_setup_true_lang-Da0M-hen.js";
+import { _ as R, a as c } from "../ResourcePage.vue_vue_type_script_setup_true_lang-BpLnmA6n.js";
 export {
   R as RecordPager,
   c as ResourcePage,

package/dist/{rowLayout-D1cYQghV.js → rowLayout-BFz4Kdoy.js}

@@ -6,9 +6,9 @@ import { _ as J } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as Ne } from "./Menu.vue_vue_type_script_setup_true_lang-uPmxWvds.js";
 import { _ as ze } from "./Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js";
 import { _ as he } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
-import { u as Fe } from "./format-B8mJm946.js";
+import { u as Fe } from "./format-D8X4zsx6.js";
 import { _ as Ve } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as Oe } from "./Timestamp.vue_vue_type_script_setup_true_lang-FVRUr-9y.js";
+import { _ as Oe } from "./Timestamp.vue_vue_type_script_setup_true_lang-CU2Y5oYl.js";
 import { a as je } from "./mediaQuery-CygcXmFW.js";
 function Ue(y, n) {
   const d = (n ?? "").split(/\s+/).filter((v) => v !== "");

package/dist/shell/index.js

@@ -2,7 +2,7 @@ import { defineComponent as z, provide as Q, computed as C, ref as N, useId as r
 import { useI18n as B } from "vue-i18n";
 import { _ as we } from "../Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
 import { _ as P, u as Xe, c as Ue } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as We } from "../Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { _ as We } from "../Popover.vue_vue_type_script_setup_true_lang-BTOzgIQF.js";
 import { u as xe, S as X } from "../contributions-DsfmDoRD.js";
 import { u as Ye } from "../environment-Dva-SG8D.js";
 import { _ as He } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";

package/dist/{status-DzmySsWw.js → status-B_IMA25a.js}

@@ -1,5 +1,5 @@
 import { a, r as o } from "./http-D_D9YbLH.js";
-import { i as r } from "./index-Bq96L43f.js";
+import { i as r } from "./index-sYamgVg7.js";
 const n = ["active", "locked", "inactive", "all"];
 function l(i) {
   return a({