@i18n-micro/solid 1.2.1 → 1.2.4

package/dist/index.mjs

@@ -1,96 +1,96 @@
-import { BaseI18n as dt } from "@i18n-micro/core";
-import { FormatService as Ot, defaultPlural as Wt, interpolate as Ht } from "@i18n-micro/core";
-import { spread as T, mergeProps as x, insert as S, memo as v, template as C, createComponent as k, use as ft, setAttribute as K, effect as W, style as I, className as ht, delegateEvents as pt, Dynamic as H } from "solid-js/web";
-import { createContext as E, useContext as j, splitProps as V, createMemo as P, createSignal as A, onMount as gt, onCleanup as mt, createEffect as yt } from "solid-js";
-import { A as vt } from "@solidjs/router";
-const Q = E(), U = E(), X = E(), Y = E(), D = () => {
-  const r = j(Q);
-  if (!r)
+import { BaseI18n as ht, createReactiveI18nStore as gt } from "@i18n-micro/core";
+import { FormatService as Ht, defaultPlural as Zt, interpolate as qt } from "@i18n-micro/core";
+import { spread as E, mergeProps as P, insert as C, memo as v, template as R, createComponent as k, use as pt, setAttribute as K, effect as W, style as $, className as mt, delegateEvents as yt, Dynamic as F } from "solid-js/web";
+import { createContext as j, useContext as V, splitProps as M, createMemo as L, createSignal as A, onMount as vt, onCleanup as Lt, createEffect as bt } from "solid-js";
+import { A as St } from "@solidjs/router";
+const Q = j(), U = j(), X = j(), Y = j(), D = () => {
+  const n = V(Q);
+  if (!n)
     throw new Error("[i18n-micro] I18nContext not found. Make sure I18nProvider is used.");
-  return r;
+  return n;
 }, tt = () => {
-  const r = j(U);
-  if (!r)
+  const n = V(U);
+  if (!n)
     throw new Error("[i18n-micro] I18nLocalesContext not found. Make sure I18nLocalesContext is provided.");
-  return r;
-}, Lt = () => {
-  const r = j(X);
-  if (!r)
+  return n;
+}, kt = () => {
+  const n = V(X);
+  if (!n)
     throw new Error("[i18n-micro] I18nDefaultLocaleContext not found. Make sure I18nDefaultLocaleContext is provided.");
-  return r;
-}, F = () => j(Y);
-var bt = /* @__PURE__ */ C("<div>");
-const At = (r) => {
-  const t = D(), [e, o] = V(r, ["prefix", "groupClass"]), n = (f, h) => {
-    const c = t.t(`${e.prefix}.${f}`, h, void 0, t.getRoute());
-    return typeof c == "string" ? c : String(c);
+  return n;
+}, H = () => V(Y);
+var Pt = /* @__PURE__ */ R("<div>");
+const Nt = (n) => {
+  const t = D(), [e, o] = M(n, ["prefix", "groupClass"]), r = (f, h) => {
+    const i = t.t(`${e.prefix}.${f}`, h, void 0, t.getRoute());
+    return typeof i == "string" ? i : String(i);
   };
   return (
     // @ts-expect-error - Type conflict with Vue JSX in monorepo
     (() => {
-      var f = bt();
-      return T(f, x({
+      var f = Pt();
+      return E(f, P({
         get class() {
           return ["i18n-group", e.groupClass].filter(Boolean).join(" ");
         }
-      }, o), !1, !0), S(f, (() => {
-        var h = v(() => typeof r.children == "function");
-        return () => h() ? r.children({
+      }, o), !1, !0), C(f, (() => {
+        var h = v(() => typeof n.children == "function");
+        return () => h() ? n.children({
           prefix: e.prefix,
-          t: n
-        }) : r.children;
+          t: r
+        }) : n.children;
       })()), f;
     })()
   );
 };
-var Pt = /* @__PURE__ */ C('<a target=_blank rel="noopener noreferrer">'), kt = /* @__PURE__ */ C("<a>");
-const Dt = (r) => {
-  const t = F(), e = D(), [o, n] = V(r, ["to", "localeRoute", "activeStyle", "style", "children"]), h = t?.getCurrentPathAccessor, c = P(() => {
-    const i = e.localeAccessor();
+var xt = /* @__PURE__ */ R('<a target=_blank rel="noopener noreferrer">'), Ct = /* @__PURE__ */ R("<a>");
+const Et = (n) => {
+  const t = H(), e = D(), [o, r] = M(n, ["to", "localeRoute", "activeStyle", "style", "children"]), h = t?.getCurrentPathAccessor, i = L(() => {
+    const u = e.localeAccessor();
     let p;
     if (o.localeRoute) {
-      const y = o.localeRoute(o.to, i);
+      const y = o.localeRoute(o.to, u);
       p = typeof y == "string" ? y : y?.path || "/";
     } else if (t?.resolvePath) {
-      const y = t.resolvePath(o.to, i);
+      const y = t.resolvePath(o.to, u);
       p = typeof y == "string" ? y : y?.path || "/";
     } else typeof o.to == "string" ? p = o.to : p = o.to?.path || "/";
     return p;
-  }), a = P(() => typeof o.to == "string" ? /^(?:https?:\/\/|\/\/|[a-zA-Z0-9-]+\.[a-zA-Z]{2,})|tel:|mailto:/.test(o.to) : !1), s = P(() => {
-    if (a())
+  }), s = L(() => typeof o.to == "string" ? /^(?:https?:\/\/|\/\/|[a-zA-Z0-9-]+\.[a-zA-Z]{2,})|tel:|mailto:/.test(o.to) : !1), a = L(() => {
+    if (s())
       return !1;
-    const i = h ? h() : t ? t.getCurrentPath() : typeof window < "u" ? window.location.pathname : "/", p = c(), y = i === "/" ? "/" : i.replace(/\/$/, ""), M = p === "/" ? "/" : p.replace(/\/$/, "");
-    return y === M;
-  }), l = P(() => {
-    const i = o.style || {}, y = s() ? o.activeStyle || {} : {};
+    const u = h ? h() : t ? t.getCurrentPath() : typeof window < "u" ? window.location.pathname : "/", p = i(), y = u === "/" ? "/" : u.replace(/\/$/, ""), T = p === "/" ? "/" : p.replace(/\/$/, "");
+    return y === T;
+  }), l = L(() => {
+    const u = o.style || {}, y = a() ? o.activeStyle || {} : {};
     return {
-      ...typeof i == "object" ? i : {},
+      ...typeof u == "object" ? u : {},
       ...typeof y == "object" ? y : {}
     };
   }), g = t?.linkComponent;
-  return a() ? (
+  return s() ? (
     // @ts-expect-error - Type conflict with Vue JSX
     (() => {
-      var i = Pt();
-      return T(i, x({
+      var u = xt();
+      return E(u, P({
         get href() {
           return v(() => typeof o.to == "string")() ? o.to : "";
         },
         get style() {
           return l();
         }
-      }, n), !1, !0), S(i, () => o.children), i;
+      }, r), !1, !0), C(u, () => o.children), u;
     })()
   ) : g ? (
     // @ts-expect-error - Type conflict with router component types
-    k(g, x({
+    k(g, P({
       get href() {
-        return c();
+        return i();
       },
       get style() {
         return l();
       }
-    }, n, {
+    }, r, {
       get children() {
         return o.children;
       }
@@ -98,55 +98,55 @@ const Dt = (r) => {
   ) : (
     // @ts-expect-error - Type conflict with Vue JSX
     (() => {
-      var i = kt();
-      return T(i, x({
+      var u = Ct();
+      return E(u, P({
         get href() {
-          return c();
+          return i();
         },
         get style() {
           return l();
         }
-      }, n, {
+      }, r, {
         onClick: (p) => {
-          t && !a() && (p.preventDefault(), t.push({
-            path: c()
+          t && !s() && (p.preventDefault(), t.push({
+            path: i()
           }));
         }
-      }), !1, !0), S(i, () => o.children), i;
+      }), !1, !0), C(u, () => o.children), u;
     })()
   );
 };
-var xt = /* @__PURE__ */ C("<div class=i18n-switcher-wrapper><button type=button class=i18n-switcher-button aria-haspopup=true><span></span><span>▼"), Rt = /* @__PURE__ */ C("<ul class=i18n-switcher-dropdown>"), St = /* @__PURE__ */ C("<li><a>");
-const Nt = (r) => {
-  const t = D(), e = F(), o = tt(), [n, f] = V(r, ["locales", "currentLocale", "getLocaleName", "switchLocale", "localeRoute", "customLabels", "customWrapperStyle", "customButtonStyle", "customDropdownStyle", "customItemStyle", "customLinkStyle", "customActiveLinkStyle", "customDisabledLinkStyle", "customIconStyle"]), [h, c] = A(!1);
-  let a;
-  const s = P(() => n.locales || o || []), l = P(() => n.currentLocale !== void 0 ? typeof n.currentLocale == "function" ? n.currentLocale() : n.currentLocale : t.localeAccessor()), g = P(() => n.getLocaleName ? n.getLocaleName() || null : s().find((m) => m.code === t.localeAccessor())?.displayName || null), i = (u) => {
-    u && (u.stopPropagation(), u.preventDefault()), c(!h());
-  }, p = (u) => n.customLabels?.[u.code] || u.displayName || u.code, y = P(() => {
-    const u = s().find((m) => m.code === l());
-    return u ? p(u) : g() || l();
-  }), M = async (u) => {
-    if (c(!1), n.switchLocale) {
-      n.switchLocale(u);
+var Rt = /* @__PURE__ */ R("<div class=i18n-switcher-wrapper><button type=button class=i18n-switcher-button aria-haspopup=true><span></span><span>▼"), wt = /* @__PURE__ */ R("<ul class=i18n-switcher-dropdown>"), _t = /* @__PURE__ */ R("<li><a>");
+const jt = (n) => {
+  const t = D(), e = H(), o = tt(), [r, f] = M(n, ["locales", "currentLocale", "getLocaleName", "switchLocale", "localeRoute", "customLabels", "customWrapperStyle", "customButtonStyle", "customDropdownStyle", "customItemStyle", "customLinkStyle", "customActiveLinkStyle", "customDisabledLinkStyle", "customIconStyle"]), [h, i] = A(!1);
+  let s;
+  const a = L(() => r.locales || o || []), l = L(() => a().filter((c) => !c.disabled)), g = L(() => r.currentLocale !== void 0 ? typeof r.currentLocale == "function" ? r.currentLocale() : r.currentLocale : t.localeAccessor()), u = L(() => a().some((c) => c.code === g() && c.disabled)), p = L(() => r.getLocaleName ? r.getLocaleName() || null : l().find((m) => m.code === t.localeAccessor())?.displayName || null), y = (c) => {
+    c && (c.stopPropagation(), c.preventDefault()), i(!h());
+  }, T = (c) => r.customLabels?.[c.code] || c.displayName || c.code, et = L(() => {
+    const c = l().find((m) => m.code === g());
+    return c ? T(c) : p() || g();
+  }), rt = async (c) => {
+    if (i(!1), r.switchLocale) {
+      r.switchLocale(c);
       return;
     }
-    if (t.locale = u, !e)
+    if (t.locale = c, !e)
       return;
-    const m = e, R = m.getCurrentPathAccessor ? m.getCurrentPathAccessor() : e.getCurrentPath(), w = n.localeRoute ? (() => {
-      const d = n.localeRoute(R, u);
+    const m = e, x = m.getCurrentPathAccessor ? m.getCurrentPathAccessor() : e.getCurrentPath(), w = r.localeRoute ? (() => {
+      const d = r.localeRoute(x, c);
       return typeof d == "string" ? d : d.path || "/";
     })() : e?.resolvePath ? (() => {
-      const d = e.resolvePath(R, u);
+      const d = e.resolvePath(x, c);
       return typeof d == "string" ? d : d.path || "/";
-    })() : R;
+    })() : x;
     e.push({
       path: w
     });
-  }, et = {
+  }, nt = {
     position: "relative",
     display: "inline-block",
     "vertical-align": "middle"
-  }, rt = {
+  }, ot = {
     padding: "4px 12px",
     "font-size": "16px",
     cursor: "pointer",
@@ -156,7 +156,7 @@ const Nt = (r) => {
     display: "flex",
     "align-items": "center",
     "justify-content": "space-between"
-  }, nt = {
+  }, st = {
     position: "absolute",
     top: "100%",
     left: "0",
@@ -168,148 +168,152 @@ const Nt = (r) => {
     margin: "4px 0 0 0",
     "min-width": "150px",
     "box-shadow": "0 2px 8px rgba(0,0,0,0.15)"
-  }, ot = {
+  }, at = {
     margin: "0",
     padding: "0"
-  }, at = {
+  }, lt = {
     display: "block",
     padding: "8px 12px",
     color: "#333",
     "text-decoration": "none",
     transition: "background-color 0.3s ease",
     cursor: "pointer"
-  }, st = {
+  }, ct = {
     "font-weight": "bold",
-    color: "#007bff"
-  }, lt = {
+    color: "#007bff",
+    cursor: "not-allowed"
+  }, it = {
     "margin-left": "8px",
     display: "inline-block",
     transition: "transform 0.3s ease"
-  }, ct = {
+  }, ut = {
     transform: "rotate(180deg)"
-  }, Z = (u) => {
+  }, Z = (c) => {
     if (!h()) return;
-    const m = u.target;
-    if (!m || !a) return;
-    const R = a.contains(m), w = m.closest(".i18n-switcher-button") !== null;
-    !R && !w && c(!1);
+    const m = c.target;
+    if (!m || !s) return;
+    const x = s.contains(m), w = m.closest(".i18n-switcher-button") !== null;
+    !x && !w && i(!1);
   };
-  return gt(() => {
+  return vt(() => {
     document.addEventListener("click", Z);
-  }), mt(() => {
+  }), Lt(() => {
     document.removeEventListener("click", Z);
   }), (() => {
-    var u = xt(), m = u.firstChild, R = m.firstChild, w = R.nextSibling;
-    return ft((d) => {
-      a = d;
-    }, u), T(u, x({
+    var c = Rt(), m = c.firstChild, x = m.firstChild, w = x.nextSibling;
+    return pt((d) => {
+      s = d;
+    }, c), E(c, P({
       get style() {
         return {
-          ...et,
-          ...n.customWrapperStyle
+          ...nt,
+          ...r.customWrapperStyle
         };
       }
     }, f), !1, !0), m.$$click = (d) => {
-      d.preventDefault(), d.stopPropagation(), i(d);
-    }, S(R, y), S(u, (() => {
+      d.preventDefault(), d.stopPropagation(), y(d);
+    }, C(x, et), C(c, (() => {
       var d = v(() => !!h());
       return () => d() && (() => {
-        var _ = Rt();
-        return S(_, () => s().map((L) => {
-          const N = L.code === l(), q = e, B = q?.getCurrentPathAccessor ? q.getCurrentPathAccessor() : e?.getCurrentPath() || (typeof window < "u" ? window.location.pathname : "/"), z = n.localeRoute ? n.localeRoute(B, L.code) : e?.resolvePath ? e.resolvePath(B, L.code) : B, G = typeof z == "string" ? z : z?.path || "#";
+        var _ = wt();
+        return C(_, () => l().map((b) => {
+          const N = b.code === g(), q = e, B = q?.getCurrentPathAccessor ? q.getCurrentPathAccessor() : e?.getCurrentPath() || (typeof window < "u" ? window.location.pathname : "/"), z = r.localeRoute ? r.localeRoute(B, b.code) : e?.resolvePath ? e.resolvePath(B, b.code) : B, G = typeof z == "string" ? z : z?.path || "#";
           return (() => {
-            var O = St(), $ = O.firstChild;
-            return $.$$click = (b) => {
-              b.preventDefault(), b.stopPropagation(), M(L.code);
-            }, K($, "href", typeof G == "string" ? G : "#"), S($, () => p(L)), W((b) => {
-              var it = {
-                ...ot,
-                ...n.customItemStyle
-              }, J = `switcher-locale-${L.code}`, ut = {
+            var O = _t(), I = O.firstChild;
+            return I.$$click = (S) => {
+              S.preventDefault(), S.stopPropagation(), rt(b.code);
+            }, K(I, "href", typeof G == "string" ? G : "#"), C(I, () => T(b)), W((S) => {
+              var dt = {
                 ...at,
-                ...N ? st : {},
-                ...n.customLinkStyle,
-                ...N ? n.customActiveLinkStyle : {}
+                ...r.customItemStyle
+              }, J = `switcher-locale-${b.code}`, ft = {
+                ...lt,
+                ...N ? ct : {},
+                ...r.customLinkStyle,
+                // active-specific customization wins over the generic link style
+                // (matches the React/Preact/Vue switchers)
+                ...N ? r.customActiveLinkStyle : {}
               };
-              return b.e = I(O, it, b.e), J !== b.t && ht($, b.t = J), b.a = I($, ut, b.a), b;
+              return S.e = $(O, dt, S.e), J !== S.t && mt(I, S.t = J), S.a = $(I, ft, S.a), S;
             }, {
               e: void 0,
               t: void 0,
               a: void 0
             }), O;
           })();
-        })), W((L) => I(_, {
-          ...nt,
-          ...n.customDropdownStyle
-        }, L)), _;
+        })), W((b) => $(_, {
+          ...st,
+          ...r.customDropdownStyle
+        }, b)), _;
       })();
     })(), null), W((d) => {
       var _ = {
-        ...rt,
-        ...n.customButtonStyle
-      }, L = h(), N = {
-        ...lt,
-        ...h() ? ct : {},
-        ...n.customIconStyle
+        ...ot,
+        ...r.customButtonStyle,
+        ...u() ? r.customDisabledLinkStyle : {}
+      }, b = h(), N = {
+        ...it,
+        ...h() ? ut : {},
+        ...r.customIconStyle
       };
-      return d.e = I(m, _, d.e), L !== d.t && K(m, "aria-expanded", d.t = L), d.a = I(w, N, d.a), d;
+      return d.e = $(m, _, d.e), b !== d.t && K(m, "aria-expanded", d.t = b), d.a = $(w, N, d.a), d;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), u;
+    }), c;
   })();
 };
-pt(["click"]);
-const Tt = (r) => {
-  const t = D(), [e, o] = V(r, ["keypath", "params", "tag", "plural", "defaultValue", "html", "hideIfEmpty", "customPluralRule", "number", "date", "relativeDate"]), n = P(() => {
-    const h = t.localeAccessor(), c = t.routeAccessor();
+yt(["click"]);
+const Vt = (n) => {
+  const t = D(), [e, o] = M(n, ["keypath", "params", "tag", "plural", "defaultValue", "html", "hideIfEmpty", "customPluralRule", "number", "date", "relativeDate"]), r = L(() => {
+    const h = t.localeAccessor(), i = t.routeAccessor();
     if (e.number !== void 0) {
-      const s = Number(e.number), l = t.tn(s), g = t.t(e.keypath, {
+      const a = Number(e.number), l = t.tn(a), g = t.t(e.keypath, {
         number: l,
         ...e.params || {}
-      }, void 0, c);
+      }, void 0, i);
       return typeof g == "string" ? g : String(g);
     }
     if (e.date !== void 0) {
-      const s = t.td(e.date), l = t.t(e.keypath, {
-        date: s,
+      const a = t.td(e.date), l = t.t(e.keypath, {
+        date: a,
         ...e.params || {}
-      }, void 0, c);
+      }, void 0, i);
       return typeof l == "string" ? l : String(l);
     }
     if (e.relativeDate !== void 0) {
-      const s = t.tdr(e.relativeDate), l = t.t(e.keypath, {
-        relativeDate: s,
+      const a = t.tdr(e.relativeDate), l = t.t(e.keypath, {
+        relativeDate: a,
         ...e.params || {}
-      }, void 0, c);
+      }, void 0, i);
       return typeof l == "string" ? l : String(l);
     }
     if (e.plural !== void 0) {
-      const s = Number.parseInt(e.plural.toString(), 10);
-      return e.customPluralRule ? e.customPluralRule(e.keypath, s, e.params || {}, h, (g, i, p) => t.t(g, i, p, c)) || "" : t.tc(e.keypath, {
-        count: s,
+      const a = Number.parseInt(e.plural.toString(), 10);
+      return e.customPluralRule ? e.customPluralRule(e.keypath, a, e.params || {}, h, (g, u, p) => t.t(g, u, p, i)) || "" : t.tc(e.keypath, {
+        count: a,
         ...e.params || {}
       }, e.defaultValue);
     }
-    const a = (t.t(e.keypath, e.params, e.defaultValue, c) ?? "").toString();
-    return e.hideIfEmpty && !a.trim() ? e.defaultValue || "" : a;
+    const s = (t.t(e.keypath, e.params, e.defaultValue, i) ?? "").toString();
+    return e.hideIfEmpty && !s.trim() ? e.defaultValue || "" : s;
   });
   if (e.html)
     return (
       // @ts-expect-error - Dynamic component type conflict with Vue JSX
-      k(H, x({
+      k(F, P({
         get component() {
           return e.tag || "span";
         }
       }, o, {
         get innerHTML() {
-          return n();
+          return r();
         }
       }))
     );
-  const f = n();
-  return e.hideIfEmpty && !f.trim() ? e.defaultValue ? k(H, x({
+  const f = r();
+  return e.hideIfEmpty && !f.trim() ? e.defaultValue ? k(F, P({
     get component() {
       return e.tag || "span";
     }
@@ -319,7 +323,7 @@ const Tt = (r) => {
     }
   })) : null : (
     // @ts-expect-error - Dynamic component type conflict with Vue JSX
-    k(H, x({
+    k(F, P({
       get component() {
         return e.tag || "span";
       }
@@ -327,50 +331,50 @@ const Tt = (r) => {
       children: f
     }))
   );
-}, Et = (r) => {
-  const t = r.children;
+}, Mt = (n) => {
+  const t = n.children;
   return (
     // @ts-expect-error - Provider components type conflict with Vue JSX
     k(Q.Provider, {
       get value() {
-        return r.i18n;
+        return n.i18n;
       },
       get children() {
-        return [v(() => v(() => !!r.locales)() && // @ts-expect-error - Provider components type conflict with Vue JSX
+        return [v(() => v(() => !!n.locales)() && // @ts-expect-error - Provider components type conflict with Vue JSX
         k(U.Provider, {
           get value() {
-            return r.locales;
+            return n.locales;
           },
           get children() {
-            return [v(() => v(() => !!r.defaultLocale)() && // @ts-expect-error - Provider components type conflict with Vue JSX
+            return [v(() => v(() => !!n.defaultLocale)() && // @ts-expect-error - Provider components type conflict with Vue JSX
             k(X.Provider, {
               get value() {
-                return r.defaultLocale;
+                return n.defaultLocale;
               },
               get children() {
-                return [v(() => v(() => !!r.routingStrategy)() && // @ts-expect-error - Provider components type conflict with Vue JSX
+                return [v(() => v(() => !!n.routingStrategy)() && // @ts-expect-error - Provider components type conflict with Vue JSX
                 k(Y.Provider, {
                   get value() {
-                    return r.routingStrategy;
+                    return n.routingStrategy;
                   },
                   children: t
-                })), v(() => !r.routingStrategy && t)];
+                })), v(() => !n.routingStrategy && t)];
               }
-            })), v(() => !r.defaultLocale && t)];
+            })), v(() => !n.defaultLocale && t)];
           }
-        })), v(() => !r.locales && t)];
+        })), v(() => !n.locales && t)];
       }
     })
   );
 };
-class Ct extends dt {
-  _locale;
-  _setLocale;
-  _fallbackLocale;
-  _currentRoute;
-  _setRoute;
+class It extends ht {
+  store;
+  _localeSignal;
+  _setLocaleSignal;
+  _routeSignal;
+  _setRouteSignal;
+  _fallbackSignal;
   storage;
-  listeners = /* @__PURE__ */ new Set();
   constructor(t) {
     const e = {
       translations: /* @__PURE__ */ new Map()
@@ -380,129 +384,141 @@ class Ct extends dt {
       plural: t.plural,
       missingWarn: t.missingWarn,
       missingHandler: t.missingHandler
-    }), this.storage = e;
-    const [o, n] = A(t.locale), [f] = A(t.fallbackLocale || t.locale), [h, c] = A("index");
-    if (this._locale = o, this._setLocale = n, this._fallbackLocale = f, this._currentRoute = h, this._setRoute = c, t.messages)
-      for (const [a, s] of Object.entries(t.messages))
-        this.addTranslations(a, s);
+    }), this.storage = e, this.store = gt({
+      locale: t.locale,
+      fallbackLocale: t.fallbackLocale || t.locale
+    });
+    const [o, r] = A(t.locale), [f] = A(t.fallbackLocale || t.locale), [h, i] = A("index");
+    if (this._localeSignal = o, this._setLocaleSignal = r, this._fallbackSignal = f, this._routeSignal = h, this._setRouteSignal = i, this.store.subscribe(() => {
+      r(this.store.getLocale()), i(this.store.getRoute());
+    }), t.messages)
+      for (const [s, a] of Object.entries(t.messages))
+        this.addTranslations(s, a);
   }
   getLocale() {
-    return this._locale();
+    return this.store.getLocale();
   }
   getFallbackLocale() {
-    return this._fallbackLocale();
+    return this.store.getFallbackLocale();
   }
   getRoute() {
-    return this._currentRoute();
+    return this.store.getRoute();
   }
   set locale(t) {
-    this._setLocale(t), this.notifyListeners();
+    this.store.setLocale(t), this._setLocaleSignal(t), this.notifyListeners();
   }
   get locale() {
-    return this._locale();
+    return this._localeSignal();
   }
   get localeAccessor() {
-    return this._locale;
+    return this._localeSignal;
   }
   get fallbackLocale() {
-    return this._fallbackLocale();
+    return this._fallbackSignal();
   }
   get currentRoute() {
-    return this._currentRoute();
+    return this._routeSignal();
   }
   get routeAccessor() {
-    return this._currentRoute;
+    return this._routeSignal;
   }
   setRoute(t) {
-    this._setRoute(t), this.notifyListeners();
+    this.store.setRoute(t), this._setRouteSignal(t), this.notifyListeners();
   }
   addTranslations(t, e, o = !0) {
-    super.loadTranslationsCore(t, e, o), this.notifyListeners();
+    super.loadTranslationsCore(t, e, o), this.store.notify(), this.notifyListeners();
   }
-  addRouteTranslations(t, e, o, n = !0) {
-    super.loadRouteTranslationsCore(t, e, o, n), this.notifyListeners();
+  addRouteTranslations(t, e, o, r = !0) {
+    super.loadRouteTranslationsCore(t, e, o, r), this.store.notify(), this.notifyListeners();
   }
   clearCache() {
-    super.clearCache(), this.notifyListeners();
+    super.clearCache(), this.store.notify(), this.notifyListeners();
+  }
+  onTranslationsChanged() {
+    this.store.notify(), this.notifyListeners();
   }
+  listeners = /* @__PURE__ */ new Set();
   subscribe(t) {
     return this.listeners.add(t), () => this.listeners.delete(t);
   }
+  getSnapshot() {
+    return this.store.getSnapshot();
+  }
   notifyListeners() {
     this.listeners.forEach((t) => t());
   }
 }
-function jt(r) {
-  return new Ct(r);
+function Bt(n) {
+  return new It(n);
 }
-function Vt(r, t, e, o) {
-  const n = r.map((a) => a.code), [f, h] = A(o.pathname);
-  yt(() => {
+function zt(n, t, e, o) {
+  const r = n.map((s) => s.code), [f, h] = A(o.pathname);
+  bt(() => {
     h(o.pathname);
   });
-  const c = (a, s) => {
-    const g = (typeof a == "string" ? a : a.path || "/").split("/").filter(Boolean);
-    g.length > 0 && n.includes(g[0]) && g.shift();
-    const i = `/${g.join("/")}`;
-    return s === t ? i : `/${s}${i === "/" ? "" : i}`;
+  const i = (s, a) => {
+    const g = (typeof s == "string" ? s : s.path || "/").split("/").filter(Boolean);
+    g.length > 0 && r.includes(g[0]) && g.shift();
+    const u = `/${g.join("/")}`;
+    return a === t ? u : `/${a}${u === "/" ? "" : u}`;
   };
   return {
     getCurrentPath: () => f(),
     // Returns current value for compatibility
     getCurrentPathAccessor: f,
     // Returns accessor for reactivity
-    push: (a) => {
-      e(a.path);
+    push: (s) => {
+      e(s.path);
     },
-    replace: (a) => {
-      e(a.path, {
+    replace: (s) => {
+      e(s.path, {
         replace: !0
       });
     },
-    resolvePath: (a, s) => c(a, s),
+    resolvePath: (s, a) => i(s, a),
     getRoute: () => ({
       fullPath: f(),
       query: {}
     }),
     // Use A component from @solidjs/router
-    linkComponent: ((a) => {
+    linkComponent: ((s) => {
       const {
-        href: s,
+        href: a,
         children: l,
         class: g,
-        style: i,
+        style: u,
         ...p
-      } = a;
-      return k(vt, x({
-        href: s,
+      } = s;
+      return k(St, P({
+        href: a,
         class: g,
-        style: i
+        style: u
       }, p, {
         children: l
       }));
     })
   };
 }
-function Mt(r) {
-  const t = D(), e = F(), o = tt(), n = Lt(), f = r?.locales || o, h = r?.defaultLocale || n, c = (a, s) => e?.resolvePath ? e.resolvePath(a, s || t.getLocale()) : a;
+function Ot(n) {
+  const t = D(), e = H(), o = tt(), r = kt(), f = n?.locales || o, h = n?.defaultLocale || r, i = (s, a) => e?.resolvePath ? e.resolvePath(s, a || t.getLocale()) : s;
   return {
     // Direct access to instance
     instance: t,
     // Locale (reactive) - use accessor to track changes
-    locale: P(() => t.localeAccessor()),
+    locale: L(() => t.localeAccessor()),
     // Locale helpers
     getLocales: () => f,
     defaultLocale: () => h,
-    getLocaleName: () => f.find((s) => s.code === t.localeAccessor())?.displayName || null,
+    getLocaleName: () => f.find((a) => a.code === t.localeAccessor())?.displayName || null,
     // Routing helpers
-    localeRoute: c,
-    localePath: (a, s) => {
-      const l = c(a, s);
+    localeRoute: i,
+    localePath: (s, a) => {
+      const l = i(s, a);
       return typeof l == "string" ? l : l.path || "/";
     },
-    switchLocale: (a) => {
-      if (t.locale = a, e) {
-        const s = e.getCurrentPath(), l = c(s, a);
+    switchLocale: (s) => {
+      if (t.locale = s, e) {
+        const a = e.getCurrentPath(), l = i(a, s);
         e.push(typeof l == "string" ? { path: l } : { path: l.path || "/" });
       }
     },
@@ -521,29 +537,31 @@ function Mt(r) {
     // Translation management
     addTranslations: t.addTranslations.bind(t),
     addRouteTranslations: t.addRouteTranslations.bind(t),
+    resolveTranslations: t.resolveTranslations.bind(t),
+    setTranslation: t.setTranslation.bind(t),
     clearCache: t.clearCache.bind(t)
   };
 }
 export {
-  Ot as FormatService,
+  Ht as FormatService,
   Q as I18nContext,
   X as I18nDefaultLocaleContext,
-  At as I18nGroup,
-  Dt as I18nLink,
+  Nt as I18nGroup,
+  Et as I18nLink,
   U as I18nLocalesContext,
-  Et as I18nProvider,
+  Mt as I18nProvider,
   Y as I18nRouterContext,
-  Nt as I18nSwitcher,
-  Tt as I18nT,
-  Ct as SolidI18n,
-  jt as createI18n,
-  Vt as createSolidRouterAdapter,
-  Wt as defaultPlural,
-  Ht as interpolate,
-  Mt as useI18n,
+  jt as I18nSwitcher,
+  Vt as I18nT,
+  It as SolidI18n,
+  Bt as createI18n,
+  zt as createSolidRouterAdapter,
+  Zt as defaultPlural,
+  qt as interpolate,
+  Ot as useI18n,
   D as useI18nContext,
-  Lt as useI18nDefaultLocale,
+  kt as useI18nDefaultLocale,
   tt as useI18nLocales,
-  F as useI18nRouter
+  H as useI18nRouter
 };
 //# sourceMappingURL=index.mjs.map