@i18n-micro/solid 1.0.0 → 1.1.1

package/dist/index.mjs

@@ -1,313 +1,96 @@
-import { createSignal as I, createContext as E, useContext as j, createMemo as S, splitProps as V, onMount as de, onCleanup as he, createEffect as fe } from "solid-js";
-import { createStore as pe } from "solid-js/store";
-import { BaseI18n as ge } from "@i18n-micro/core";
-import { FormatService as He, defaultPlural as Fe, interpolate as Ze } from "@i18n-micro/core";
-import { createComponent as C, memo as v, Dynamic as W, mergeProps as P, template as R, spread as T, insert as x, delegateEvents as me, use as ye, setAttribute as K, effect as H, style as A, className as ve } from "solid-js/web";
-import { A as Le } from "@solidjs/router";
-class be extends ge {
-  // Реактивные примитивы Solid
-  _locale;
-  _setLocale;
-  _fallbackLocale;
-  _currentRoute;
-  _setRoute;
-  // Store для кэша.
-  // Мы используем createStore для глубокой реактивности, чтобы при подгрузке
-  // частичных переводов (mergeTranslation) интерфейс обновлялся.
-  cacheStore;
-  setCacheStore;
-  // Слушатели для DevTools (аналог subscribe в React версии)
-  listeners = /* @__PURE__ */ new Set();
-  constructor(e) {
-    const [t, o] = I(e.locale), [r] = I(e.fallbackLocale || e.locale), [d, f] = I("general"), [l, a] = pe({
-      general: {},
-      route: {}
-    }), s = {
-      // Solid Store Proxy is compatible with reading objects
-      generalLocaleCache: { value: l.general },
-      routeLocaleCache: { value: l.route },
-      dynamicTranslationsCaches: { value: [] },
-      serverTranslationCache: { value: {} }
-    };
-    if (super({
-      cache: s,
-      plural: e.plural,
-      missingWarn: e.missingWarn,
-      missingHandler: e.missingHandler
-    }), this._locale = t, this._setLocale = o, this._fallbackLocale = r, this._currentRoute = d, this._setRoute = f, this.cacheStore = l, this.setCacheStore = a, e.messages)
-      for (const [c, p] of Object.entries(e.messages))
-        this.addTranslations(c, p);
-  }
-  // --- Abstract Implementation ---
-  getLocale() {
-    return this._locale();
-  }
-  getFallbackLocale() {
-    return this._fallbackLocale();
-  }
-  getRoute() {
-    return this._currentRoute();
-  }
-  // --- Setters ---
-  set locale(e) {
-    this._setLocale(e), this.notifyListeners();
-  }
-  get locale() {
-    return this._locale();
-  }
-  // Публичный accessor для реактивности
-  get localeAccessor() {
-    return this._locale;
-  }
-  get fallbackLocale() {
-    return this._fallbackLocale();
-  }
-  get currentRoute() {
-    return this._currentRoute();
-  }
-  // Публичный accessor для реактивности
-  get routeAccessor() {
-    return this._currentRoute;
-  }
-  setRoute(e) {
-    this._setRoute(e), this.notifyListeners();
-  }
-  // --- Overrides for Reactivity ---
-  addTranslations(e, t, o = !0) {
-    o ? this.setCacheStore("general", e, (r) => ({
-      ...r || {},
-      ...t
-    })) : this.setCacheStore("general", e, t), this.notifyListeners();
-  }
-  addRouteTranslations(e, t, o, r = !0) {
-    const d = `${e}:${t}`;
-    r ? this.setCacheStore("route", d, (f) => ({
-      ...f || {},
-      ...o
-    })) : this.setCacheStore("route", d, o), this.notifyListeners();
-  }
-  clearCache() {
-    this.setCacheStore("general", {}), this.setCacheStore("route", {}), super.clearCache(), this.notifyListeners();
-  }
-  subscribe(e) {
-    return this.listeners.add(e), () => this.listeners.delete(e);
-  }
-  notifyListeners() {
-    this.listeners.forEach((e) => {
-      e();
-    });
-  }
-}
-function Ne(n) {
-  return new be(n);
-}
+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 R, insert as x, memo as v, template as C, createComponent as k, delegateEvents as ft, use as ht, setAttribute as K, effect as W, style as I, className 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 n = j(Q);
-  if (!n)
+  const r = j(Q);
+  if (!r)
     throw new Error("[i18n-micro] I18nContext not found. Make sure I18nProvider is used.");
-  return n;
-}, ee = () => {
-  const n = j(U);
-  if (!n)
+  return r;
+}, tt = () => {
+  const r = j(U);
+  if (!r)
     throw new Error("[i18n-micro] I18nLocalesContext not found. Make sure I18nLocalesContext is provided.");
-  return n;
-}, Se = () => {
-  const n = j(X);
-  if (!n)
+  return r;
+}, Lt = () => {
+  const r = j(X);
+  if (!r)
     throw new Error("[i18n-micro] I18nDefaultLocaleContext not found. Make sure I18nDefaultLocaleContext is provided.");
-  return n;
-}, F = () => j(Y), Te = (n) => {
-  const e = n.children;
-  return (
-    // @ts-expect-error - Provider components type conflict with Vue JSX
-    C(Q.Provider, {
-      get value() {
-        return n.i18n;
-      },
-      get children() {
-        return [v(() => v(() => !!n.locales)() && // @ts-expect-error - Provider components type conflict with Vue JSX
-        C(U.Provider, {
-          get value() {
-            return n.locales;
-          },
-          get children() {
-            return [v(() => v(() => !!n.defaultLocale)() && // @ts-expect-error - Provider components type conflict with Vue JSX
-            C(X.Provider, {
-              get value() {
-                return n.defaultLocale;
-              },
-              get children() {
-                return [v(() => v(() => !!n.routingStrategy)() && // @ts-expect-error - Provider components type conflict with Vue JSX
-                C(Y.Provider, {
-                  get value() {
-                    return n.routingStrategy;
-                  },
-                  children: e
-                })), v(() => !n.routingStrategy && e)];
-              }
-            })), v(() => !n.defaultLocale && e)];
-          }
-        })), v(() => !n.locales && e)];
-      }
-    })
-  );
-};
-function Ee(n) {
-  const e = D(), t = F(), o = ee(), r = Se(), d = n?.locales || o, f = n?.defaultLocale || r, l = (a, s) => t?.resolvePath ? t.resolvePath(a, s || e.getLocale()) : a;
-  return {
-    // Direct access to instance
-    instance: e,
-    // Locale (reactive) - используем accessor для отслеживания изменений
-    locale: S(() => e.localeAccessor()),
-    // Locale helpers
-    getLocales: () => d,
-    defaultLocale: () => f,
-    getLocaleName: () => d.find((s) => s.code === e.localeAccessor())?.displayName || null,
-    // Routing helpers
-    localeRoute: l,
-    localePath: (a, s) => {
-      const c = l(a, s);
-      return typeof c == "string" ? c : c.path || "/";
-    },
-    switchLocale: (a) => {
-      if (e.locale = a, t) {
-        const s = t.getCurrentPath(), c = l(s, a);
-        t.push(typeof c == "string" ? { path: c } : { path: c.path || "/" });
-      }
-    },
-    // Translation methods (delegate to instance)
-    t: e.t.bind(e),
-    ts: e.ts.bind(e),
-    tc: e.tc.bind(e),
-    tn: e.tn.bind(e),
-    td: e.td.bind(e),
-    tdr: e.tdr.bind(e),
-    has: e.has.bind(e),
-    // Route management
-    setRoute: e.setRoute.bind(e),
-    getRoute: e.getRoute.bind(e),
-    getLocale: () => e.getLocale(),
-    // Translation management
-    addTranslations: e.addTranslations.bind(e),
-    addRouteTranslations: e.addRouteTranslations.bind(e),
-    clearCache: e.clearCache.bind(e)
+  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);
   };
-}
-const je = (n) => {
-  const e = D(), [t, o] = V(n, ["keypath", "params", "tag", "plural", "defaultValue", "html", "hideIfEmpty", "customPluralRule", "number", "date", "relativeDate"]), r = S(() => {
-    const f = e.localeAccessor(), l = e.routeAccessor();
-    if (t.number !== void 0) {
-      const s = Number(t.number), c = e.tn(s), p = e.t(t.keypath, {
-        number: c,
-        ...t.params || {}
-      }, void 0, l);
-      return typeof p == "string" ? p : String(p);
-    }
-    if (t.date !== void 0) {
-      const s = e.td(t.date), c = e.t(t.keypath, {
-        date: s,
-        ...t.params || {}
-      }, void 0, l);
-      return typeof c == "string" ? c : String(c);
-    }
-    if (t.relativeDate !== void 0) {
-      const s = e.tdr(t.relativeDate), c = e.t(t.keypath, {
-        relativeDate: s,
-        ...t.params || {}
-      }, void 0, l);
-      return typeof c == "string" ? c : String(c);
-    }
-    if (t.plural !== void 0) {
-      const s = Number.parseInt(t.plural.toString());
-      return t.customPluralRule ? t.customPluralRule(t.keypath, s, t.params || {}, f, (p, i, g) => e.t(p, i, g, l)) || "" : e.tc(t.keypath, {
-        count: s,
-        ...t.params || {}
-      }, t.defaultValue);
-    }
-    const a = (e.t(t.keypath, t.params, t.defaultValue, l) ?? "").toString();
-    return t.hideIfEmpty && !a.trim() ? t.defaultValue || "" : a;
-  });
-  if (t.html)
-    return (
-      // @ts-expect-error - Dynamic component type conflict with Vue JSX
-      C(W, P({
-        get component() {
-          return t.tag || "span";
-        }
-      }, o, {
-        get innerHTML() {
-          return r();
+  return (
+    // @ts-expect-error - Type conflict with Vue JSX in monorepo
+    (() => {
+      var f = bt();
+      return T(f, R({
+        get class() {
+          return ["i18n-group", e.groupClass].filter(Boolean).join(" ");
         }
-      }))
-    );
-  const d = r();
-  return t.hideIfEmpty && !d.trim() ? t.defaultValue ? C(W, P({
-    get component() {
-      return t.tag || "span";
-    }
-  }, o, {
-    get children() {
-      return t.defaultValue;
-    }
-  })) : null : (
-    // @ts-expect-error - Dynamic component type conflict with Vue JSX
-    C(W, P({
-      get component() {
-        return t.tag || "span";
-      }
-    }, o, {
-      children: d
-    }))
+      }, o), !1, !0), x(f, (() => {
+        var h = v(() => typeof r.children == "function");
+        return () => h() ? r.children({
+          prefix: e.prefix,
+          t: n
+        }) : r.children;
+      })()), f;
+    })()
   );
 };
-var Ce = /* @__PURE__ */ R('<a target=_blank rel="noopener noreferrer">'), Pe = /* @__PURE__ */ R("<a>");
-const Ve = (n) => {
-  const e = F(), t = D(), [o, r] = V(n, ["to", "localeRoute", "activeStyle", "style", "children"]), f = e?.getCurrentPathAccessor, l = S(() => {
-    const i = t.localeAccessor();
-    let g;
+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();
+    let p;
     if (o.localeRoute) {
       const y = o.localeRoute(o.to, i);
-      g = typeof y == "string" ? y : y?.path || "/";
-    } else if (e?.resolvePath) {
-      const y = e.resolvePath(o.to, i);
-      g = typeof y == "string" ? y : y?.path || "/";
-    } else typeof o.to == "string" ? g = o.to : g = o.to?.path || "/";
-    return g;
-  }), a = S(() => typeof o.to == "string" ? /^(?:https?:\/\/|\/\/|[a-zA-Z0-9-]+\.[a-zA-Z]{2,})|tel:|mailto:/.test(o.to) : !1), s = S(() => {
+      p = typeof y == "string" ? y : y?.path || "/";
+    } else if (t?.resolvePath) {
+      const y = t.resolvePath(o.to, i);
+      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())
       return !1;
-    const i = f ? f() : e ? e.getCurrentPath() : typeof window < "u" ? window.location.pathname : "/", g = l(), y = i === "/" ? "/" : i.replace(/\/$/, ""), B = g === "/" ? "/" : g.replace(/\/$/, "");
-    return y === B;
-  }), c = S(() => {
+    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 || {} : {};
     return {
       ...typeof i == "object" ? i : {},
       ...typeof y == "object" ? y : {}
     };
-  }), p = e?.linkComponent;
+  }), g = t?.linkComponent;
   return a() ? (
     // @ts-expect-error - Type conflict with Vue JSX
     (() => {
-      var i = Ce();
-      return T(i, P({
+      var i = Pt();
+      return T(i, R({
         get href() {
           return v(() => typeof o.to == "string")() ? o.to : "";
         },
         get style() {
-          return c();
+          return l();
         }
-      }, r), !1, !0), x(i, () => o.children), i;
+      }, n), !1, !0), x(i, () => o.children), i;
     })()
-  ) : p ? (
+  ) : g ? (
     // @ts-expect-error - Type conflict with router component types
-    C(p, P({
+    k(g, R({
       get href() {
-        return l();
+        return c();
       },
       get style() {
-        return c();
+        return l();
       }
-    }, r, {
+    }, n, {
       get children() {
         return o.children;
       }
@@ -315,55 +98,55 @@ const Ve = (n) => {
   ) : (
     // @ts-expect-error - Type conflict with Vue JSX
     (() => {
-      var i = Pe();
-      return T(i, P({
+      var i = kt();
+      return T(i, R({
         get href() {
-          return l();
+          return c();
         },
         get style() {
-          return c();
+          return l();
         }
-      }, r, {
-        onClick: (g) => {
-          e && !a() && (g.preventDefault(), e.push({
-            path: l()
+      }, n, {
+        onClick: (p) => {
+          t && !a() && (p.preventDefault(), t.push({
+            path: c()
           }));
         }
       }), !1, !0), x(i, () => o.children), i;
     })()
   );
 };
-var ke = /* @__PURE__ */ R("<div class=i18n-switcher-wrapper><button type=button class=i18n-switcher-button aria-haspopup=true><span></span><span>▼"), xe = /* @__PURE__ */ R("<ul class=i18n-switcher-dropdown>"), Re = /* @__PURE__ */ R("<li><a>");
-const Be = (n) => {
-  const e = D(), t = F(), o = ee(), [r, d] = V(n, ["locales", "currentLocale", "getLocaleName", "switchLocale", "localeRoute", "customLabels", "customWrapperStyle", "customButtonStyle", "customDropdownStyle", "customItemStyle", "customLinkStyle", "customActiveLinkStyle", "customDisabledLinkStyle", "customIconStyle"]), [f, l] = I(!1);
+var Rt = /* @__PURE__ */ C("<div class=i18n-switcher-wrapper><button type=button class=i18n-switcher-button aria-haspopup=true><span></span><span>▼"), St = /* @__PURE__ */ C("<ul class=i18n-switcher-dropdown>"), xt = /* @__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 = S(() => r.locales || o || []), c = S(() => r.currentLocale !== void 0 ? typeof r.currentLocale == "function" ? r.currentLocale() : r.currentLocale : e.localeAccessor()), p = S(() => r.getLocaleName ? r.getLocaleName() || null : s().find((m) => m.code === e.localeAccessor())?.displayName || null), i = (u) => {
-    u && (u.stopPropagation(), u.preventDefault()), l(!f());
-  }, g = (u) => r.customLabels?.[u.code] || u.displayName || u.code, y = S(() => {
-    const u = s().find((m) => m.code === c());
-    return u ? g(u) : p() || c();
-  }), B = async (u) => {
-    if (l(!1), r.switchLocale) {
-      r.switchLocale(u);
+  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);
       return;
     }
-    if (e.locale = u, !t)
+    if (t.locale = u, !e)
       return;
-    const m = t, k = m.getCurrentPathAccessor ? m.getCurrentPathAccessor() : t.getCurrentPath(), w = r.localeRoute ? (() => {
-      const h = r.localeRoute(k, u);
-      return typeof h == "string" ? h : h.path || "/";
-    })() : t?.resolvePath ? (() => {
-      const h = t.resolvePath(k, u);
-      return typeof h == "string" ? h : h.path || "/";
-    })() : k;
-    t.push({
+    const m = e, S = m.getCurrentPathAccessor ? m.getCurrentPathAccessor() : e.getCurrentPath(), w = n.localeRoute ? (() => {
+      const d = n.localeRoute(S, u);
+      return typeof d == "string" ? d : d.path || "/";
+    })() : e?.resolvePath ? (() => {
+      const d = e.resolvePath(S, u);
+      return typeof d == "string" ? d : d.path || "/";
+    })() : S;
+    e.push({
       path: w
     });
-  }, te = {
+  }, et = {
     position: "relative",
     display: "inline-block",
     "vertical-align": "middle"
-  }, re = {
+  }, rt = {
     padding: "4px 12px",
     "font-size": "16px",
     cursor: "pointer",
@@ -373,7 +156,7 @@ const Be = (n) => {
     display: "flex",
     "align-items": "center",
     "justify-content": "space-between"
-  }, ne = {
+  }, nt = {
     position: "absolute",
     top: "100%",
     left: "0",
@@ -385,91 +168,91 @@ const Be = (n) => {
     margin: "4px 0 0 0",
     "min-width": "150px",
     "box-shadow": "0 2px 8px rgba(0,0,0,0.15)"
-  }, oe = {
+  }, ot = {
     margin: "0",
     padding: "0"
-  }, ae = {
+  }, at = {
     display: "block",
     padding: "8px 12px",
     color: "#333",
     "text-decoration": "none",
     transition: "background-color 0.3s ease",
     cursor: "pointer"
-  }, se = {
+  }, st = {
     "font-weight": "bold",
     color: "#007bff"
-  }, ce = {
+  }, lt = {
     "margin-left": "8px",
     display: "inline-block",
     transition: "transform 0.3s ease"
-  }, le = {
+  }, ct = {
     transform: "rotate(180deg)"
   }, Z = (u) => {
-    if (!f()) return;
+    if (!h()) return;
     const m = u.target;
     if (!m || !a) return;
-    const k = a.contains(m), w = m.closest(".i18n-switcher-button") !== null;
-    !k && !w && l(!1);
+    const S = a.contains(m), w = m.closest(".i18n-switcher-button") !== null;
+    !S && !w && c(!1);
   };
-  return de(() => {
+  return gt(() => {
     document.addEventListener("click", Z);
-  }), he(() => {
+  }), mt(() => {
     document.removeEventListener("click", Z);
   }), (() => {
-    var u = ke(), m = u.firstChild, k = m.firstChild, w = k.nextSibling;
-    return ye((h) => {
-      a = h;
-    }, u), T(u, P({
+    var u = Rt(), m = u.firstChild, S = m.firstChild, w = S.nextSibling;
+    return ht((d) => {
+      a = d;
+    }, u), T(u, R({
       get style() {
         return {
-          ...te,
-          ...r.customWrapperStyle
+          ...et,
+          ...n.customWrapperStyle
         };
       }
-    }, d), !1, !0), m.$$click = (h) => {
-      h.preventDefault(), h.stopPropagation(), i(h);
-    }, x(k, y), x(u, (() => {
-      var h = v(() => !!f());
-      return () => h() && (() => {
-        var _ = xe();
+    }, f), !1, !0), m.$$click = (d) => {
+      d.preventDefault(), d.stopPropagation(), i(d);
+    }, x(S, y), x(u, (() => {
+      var d = v(() => !!h());
+      return () => d() && (() => {
+        var _ = St();
         return x(_, () => s().map((L) => {
-          const N = L.code === c(), q = t, M = q?.getCurrentPathAccessor ? q.getCurrentPathAccessor() : t?.getCurrentPath() || (typeof window < "u" ? window.location.pathname : "/"), z = r.localeRoute ? r.localeRoute(M, L.code) : t?.resolvePath ? t.resolvePath(M, L.code) : M, G = typeof z == "string" ? z : z?.path || "#";
+          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 || "#";
           return (() => {
-            var O = Re(), $ = O.firstChild;
+            var O = xt(), $ = O.firstChild;
             return $.$$click = (b) => {
-              b.preventDefault(), b.stopPropagation(), B(L.code);
-            }, K($, "href", typeof G == "string" ? G : "#"), x($, () => g(L)), H((b) => {
-              var ie = {
-                ...oe,
-                ...r.customItemStyle
-              }, J = `switcher-locale-${L.code}`, ue = {
-                ...ae,
-                ...N ? se : {},
-                ...r.customLinkStyle,
-                ...N ? r.customActiveLinkStyle : {}
+              b.preventDefault(), b.stopPropagation(), M(L.code);
+            }, K($, "href", typeof G == "string" ? G : "#"), x($, () => p(L)), W((b) => {
+              var it = {
+                ...ot,
+                ...n.customItemStyle
+              }, J = `switcher-locale-${L.code}`, ut = {
+                ...at,
+                ...N ? st : {},
+                ...n.customLinkStyle,
+                ...N ? n.customActiveLinkStyle : {}
               };
-              return b.e = A(O, ie, b.e), J !== b.t && ve($, b.t = J), b.a = A($, ue, b.a), b;
+              return b.e = I(O, it, b.e), J !== b.t && pt($, b.t = J), b.a = I($, ut, b.a), b;
             }, {
               e: void 0,
               t: void 0,
               a: void 0
             }), O;
           })();
-        })), H((L) => A(_, {
-          ...ne,
-          ...r.customDropdownStyle
+        })), W((L) => I(_, {
+          ...nt,
+          ...n.customDropdownStyle
         }, L)), _;
       })();
-    })(), null), H((h) => {
+    })(), null), W((d) => {
       var _ = {
-        ...re,
-        ...r.customButtonStyle
-      }, L = f(), N = {
-        ...ce,
-        ...f() ? le : {},
-        ...r.customIconStyle
+        ...rt,
+        ...n.customButtonStyle
+      }, L = h(), N = {
+        ...lt,
+        ...h() ? ct : {},
+        ...n.customIconStyle
       };
-      return h.e = A(m, _, h.e), L !== h.t && K(m, "aria-expanded", h.t = L), h.a = A(w, N, h.a), h;
+      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;
     }, {
       e: void 0,
       t: void 0,
@@ -477,99 +260,290 @@ const Be = (n) => {
     }), u;
   })();
 };
-me(["click"]);
-var we = /* @__PURE__ */ R("<div>");
-const Me = (n) => {
-  const e = D(), [t, o] = V(n, ["prefix", "groupClass"]), r = (d, f) => {
-    const l = e.t(`${t.prefix}.${d}`, f, void 0, e.getRoute());
-    return typeof l == "string" ? l : String(l);
-  };
-  return (
-    // @ts-expect-error - Type conflict with Vue JSX in monorepo
-    (() => {
-      var d = we();
-      return T(d, P({
-        get class() {
-          return ["i18n-group", t.groupClass].filter(Boolean).join(" ");
+ft(["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();
+    if (e.number !== void 0) {
+      const s = Number(e.number), l = t.tn(s), g = t.t(e.keypath, {
+        number: l,
+        ...e.params || {}
+      }, void 0, c);
+      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,
+        ...e.params || {}
+      }, void 0, c);
+      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,
+        ...e.params || {}
+      }, void 0, c);
+      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,
+        ...e.params || {}
+      }, e.defaultValue);
+    }
+    const a = (t.t(e.keypath, e.params, e.defaultValue, c) ?? "").toString();
+    return e.hideIfEmpty && !a.trim() ? e.defaultValue || "" : a;
+  });
+  if (e.html)
+    return (
+      // @ts-expect-error - Dynamic component type conflict with Vue JSX
+      k(H, R({
+        get component() {
+          return e.tag || "span";
         }
-      }, o), !1, !0), x(d, (() => {
-        var f = v(() => typeof n.children == "function");
-        return () => f() ? n.children({
-          prefix: t.prefix,
-          t: r
-        }) : n.children;
-      })()), d;
-    })()
+      }, o, {
+        get innerHTML() {
+          return n();
+        }
+      }))
+    );
+  const f = n();
+  return e.hideIfEmpty && !f.trim() ? e.defaultValue ? k(H, R({
+    get component() {
+      return e.tag || "span";
+    }
+  }, o, {
+    get children() {
+      return e.defaultValue;
+    }
+  })) : null : (
+    // @ts-expect-error - Dynamic component type conflict with Vue JSX
+    k(H, R({
+      get component() {
+        return e.tag || "span";
+      }
+    }, o, {
+      children: f
+    }))
+  );
+}, Et = (r) => {
+  const t = r.children;
+  return (
+    // @ts-expect-error - Provider components type conflict with Vue JSX
+    k(Q.Provider, {
+      get value() {
+        return r.i18n;
+      },
+      get children() {
+        return [v(() => v(() => !!r.locales)() && // @ts-expect-error - Provider components type conflict with Vue JSX
+        k(U.Provider, {
+          get value() {
+            return r.locales;
+          },
+          get children() {
+            return [v(() => v(() => !!r.defaultLocale)() && // @ts-expect-error - Provider components type conflict with Vue JSX
+            k(X.Provider, {
+              get value() {
+                return r.defaultLocale;
+              },
+              get children() {
+                return [v(() => v(() => !!r.routingStrategy)() && // @ts-expect-error - Provider components type conflict with Vue JSX
+                k(Y.Provider, {
+                  get value() {
+                    return r.routingStrategy;
+                  },
+                  children: t
+                })), v(() => !r.routingStrategy && t)];
+              }
+            })), v(() => !r.defaultLocale && t)];
+          }
+        })), v(() => !r.locales && t)];
+      }
+    })
   );
 };
-function ze(n, e, t, o) {
-  const r = n.map((a) => a.code), [d, f] = I(o.pathname);
-  fe(() => {
-    f(o.pathname);
+class Ct extends dt {
+  _locale;
+  _setLocale;
+  _fallbackLocale;
+  _currentRoute;
+  _setRoute;
+  storage;
+  listeners = /* @__PURE__ */ new Set();
+  constructor(t) {
+    const e = {
+      translations: /* @__PURE__ */ new Map()
+    };
+    super({
+      storage: e,
+      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("general");
+    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);
+  }
+  getLocale() {
+    return this._locale();
+  }
+  getFallbackLocale() {
+    return this._fallbackLocale();
+  }
+  getRoute() {
+    return this._currentRoute();
+  }
+  set locale(t) {
+    this._setLocale(t), this.notifyListeners();
+  }
+  get locale() {
+    return this._locale();
+  }
+  get localeAccessor() {
+    return this._locale;
+  }
+  get fallbackLocale() {
+    return this._fallbackLocale();
+  }
+  get currentRoute() {
+    return this._currentRoute();
+  }
+  get routeAccessor() {
+    return this._currentRoute;
+  }
+  setRoute(t) {
+    this._setRoute(t), this.notifyListeners();
+  }
+  addTranslations(t, e, o = !0) {
+    super.loadTranslationsCore(t, e, o), this.notifyListeners();
+  }
+  addRouteTranslations(t, e, o, n = !0) {
+    super.loadRouteTranslationsCore(t, e, o, n), this.notifyListeners();
+  }
+  clearCache() {
+    super.clearCache(), this.notifyListeners();
+  }
+  subscribe(t) {
+    return this.listeners.add(t), () => this.listeners.delete(t);
+  }
+  notifyListeners() {
+    this.listeners.forEach((t) => t());
+  }
+}
+function jt(r) {
+  return new Ct(r);
+}
+function Vt(r, t, e, o) {
+  const n = r.map((a) => a.code), [f, h] = A(o.pathname);
+  yt(() => {
+    h(o.pathname);
   });
-  const l = (a, s) => {
-    const p = (typeof a == "string" ? a : a.path || "/").split("/").filter(Boolean);
-    p.length > 0 && r.includes(p[0]) && p.shift();
-    const i = "/" + p.join("/");
-    return s === e ? i : `/${s}${i === "/" ? "" : i}`;
+  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}`;
   };
   return {
-    getCurrentPath: () => d(),
+    getCurrentPath: () => f(),
     // Returns current value for compatibility
-    getCurrentPathAccessor: d,
+    getCurrentPathAccessor: f,
     // Returns accessor for reactivity
     push: (a) => {
-      t(a.path);
+      e(a.path);
     },
     replace: (a) => {
-      t(a.path, {
+      e(a.path, {
         replace: !0
       });
     },
-    resolvePath: (a, s) => l(a, s),
+    resolvePath: (a, s) => c(a, s),
     getRoute: () => ({
-      fullPath: d(),
+      fullPath: f(),
       query: {}
     }),
     // Use A component from @solidjs/router
     linkComponent: ((a) => {
       const {
         href: s,
-        children: c,
-        class: p,
+        children: l,
+        class: g,
         style: i,
-        ...g
+        ...p
       } = a;
-      return C(Le, P({
+      return k(vt, R({
         href: s,
-        class: p,
+        class: g,
         style: i
-      }, g, {
-        children: c
+      }, 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;
+  return {
+    // Direct access to instance
+    instance: t,
+    // Locale (reactive) - используем accessor для отслеживания изменений
+    locale: P(() => t.localeAccessor()),
+    // Locale helpers
+    getLocales: () => f,
+    defaultLocale: () => h,
+    getLocaleName: () => f.find((s) => s.code === t.localeAccessor())?.displayName || null,
+    // Routing helpers
+    localeRoute: c,
+    localePath: (a, s) => {
+      const l = c(a, s);
+      return typeof l == "string" ? l : l.path || "/";
+    },
+    switchLocale: (a) => {
+      if (t.locale = a, e) {
+        const s = e.getCurrentPath(), l = c(s, a);
+        e.push(typeof l == "string" ? { path: l } : { path: l.path || "/" });
+      }
+    },
+    // Translation methods (delegate to instance)
+    t: t.t.bind(t),
+    ts: t.ts.bind(t),
+    tc: t.tc.bind(t),
+    tn: t.tn.bind(t),
+    td: t.td.bind(t),
+    tdr: t.tdr.bind(t),
+    has: t.has.bind(t),
+    // Route management
+    setRoute: t.setRoute.bind(t),
+    getRoute: t.getRoute.bind(t),
+    getLocale: () => t.getLocale(),
+    // Translation management
+    addTranslations: t.addTranslations.bind(t),
+    addRouteTranslations: t.addRouteTranslations.bind(t),
+    clearCache: t.clearCache.bind(t)
+  };
+}
 export {
-  He as FormatService,
+  Ot as FormatService,
   Q as I18nContext,
   X as I18nDefaultLocaleContext,
-  Me as I18nGroup,
-  Ve as I18nLink,
+  At as I18nGroup,
+  Dt as I18nLink,
   U as I18nLocalesContext,
-  Te as I18nProvider,
+  Et as I18nProvider,
   Y as I18nRouterContext,
-  Be as I18nSwitcher,
-  je as I18nT,
-  be as SolidI18n,
-  Ne as createI18n,
-  ze as createSolidRouterAdapter,
-  Fe as defaultPlural,
-  Ze as interpolate,
-  Ee as useI18n,
+  Nt as I18nSwitcher,
+  Tt as I18nT,
+  Ct as SolidI18n,
+  jt as createI18n,
+  Vt as createSolidRouterAdapter,
+  Wt as defaultPlural,
+  Ht as interpolate,
+  Mt as useI18n,
   D as useI18nContext,
-  Se as useI18nDefaultLocale,
-  ee as useI18nLocales,
+  Lt as useI18nDefaultLocale,
+  tt as useI18nLocales,
   F as useI18nRouter
 };
 //# sourceMappingURL=index.mjs.map