@xosen/site-sdk 0.0.5 → 0.0.7

package/dist/index.js

@@ -1,1069 +1,131 @@
-import { onMounted as C, computed as f, defineComponent as y, openBlock as n, createElementBlock as a, Fragment as h, renderList as v, normalizeClass as k, toDisplayString as _, ref as w, onUnmounted as E, resolveComponent as A, createElementVNode as d, createVNode as P, withCtx as B, createBlock as T, createTextVNode as L, createCommentVNode as u, renderSlot as z, normalizeStyle as U, resolveDynamicComponent as R, watch as I, mergeProps as G } from "vue";
-import { useI18n as M } from "vue-i18n";
-function J(r) {
-  function o(e) {
-    const t = document.documentElement;
-    if (e.colors)
-      for (const [c, i] of Object.entries(e.colors))
-        i && t.style.setProperty(`--x-color-${V(c)}`, i);
-    e.typography?.fontFamily && t.style.setProperty("--x-font-family", e.typography.fontFamily), e.typography?.headingFont && t.style.setProperty("--x-font-heading", e.typography.headingFont), e.typography?.baseFontSize && t.style.setProperty("--x-font-size", e.typography.baseFontSize), e.shape?.borderRadius && t.style.setProperty("--x-border-radius", e.shape.borderRadius), e.shape?.maxWidth && t.style.setProperty("--x-max-width", e.shape.maxWidth);
-  }
-  C(() => {
-    if (r) {
-      o(r);
-      return;
+import { ref as y, onMounted as T, watch as E, computed as u, onUnmounted as b } from "vue";
+import { useI18n as x } from "vue-i18n";
+function P(o, n) {
+  const t = y(null), { locale: e } = x(), a = window.__SITE_DATA__, s = a?.locale;
+  function c() {
+    return a && a[o] && e.value === s ? (t.value = a[o], !0) : !1;
+  }
+  async function h() {
+    try {
+      const r = await fetch(`/api/content/${n}:${e.value}`);
+      r.ok && (t.value = await r.json());
+    } catch {
     }
-    const t = window.__SITE_DATA__?.skin;
-    t && (t.colors || t.typography || t.shape) && o({
-      colors: t.colors || {},
-      typography: t.typography || {},
-      shape: t.shape || {}
-    });
-  });
-}
-function V(r) {
-  return r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+  }
+  return T(() => {
+    c() || h();
+  }), E(e, () => {
+    h();
+  }), t;
 }
-function F() {
-  const r = window.__SITE_DATA__, o = f(() => r?.config || null), e = f(() => o.value?.navigation || []), t = f(() => o.value?.locales || []), c = f(() => o.value?.defaultLocale || "en"), i = f(() => o.value?.branding || {}), s = f(() => o.value?.footer || {}), l = f(() => o.value?.features || {});
+function O() {
+  const o = window.__SITE_DATA__, n = u(() => o?.config || null), t = u(() => o?.components || {}), e = u(() => n.value?.navigation || []), a = u(() => n.value?.locales || []), s = u(() => n.value?.defaultLocale || "en"), c = u(() => n.value?.branding || {}), h = u(() => n.value?.footer || {}), r = u(() => n.value?.features || {});
   function p(g) {
-    const b = l.value[g];
-    return typeof b == "boolean" ? b : typeof b == "object";
+    const f = r.value[g];
+    return typeof f == "boolean" ? f : typeof f == "object";
   }
   return {
-    config: o,
+    config: n,
+    components: t,
     navigation: e,
-    locales: t,
-    defaultLocale: c,
-    branding: i,
-    footer: s,
-    features: l,
+    locales: a,
+    defaultLocale: s,
+    branding: c,
+    footer: h,
+    features: r,
     hasFeature: p
   };
 }
-const W = /* @__PURE__ */ y({
-  __name: "XLocaleSwitcher",
-  props: {
-    locales: { type: Array, required: !0 }
-  },
-  setup(r, { expose: o }) {
-    o();
-    const { locale: e } = M();
-    function t(i) {
-      e.value = i, localStorage.setItem("site-locale", i);
-    }
-    const c = { locale: e, switchLocale: t };
-    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
-  }
-}), x = (r, o) => {
-  const e = r.__vccOpts || r;
-  for (const [t, c] of o)
-    e[t] = c;
-  return e;
-}, K = { class: "x-locale-switcher" }, Y = ["onClick"];
-function Z(r, o, e, t, c, i) {
-  return n(), a("div", K, [
-    (n(!0), a(
-      h,
-      null,
-      v(e.locales, (s) => (n(), a("button", {
-        key: s,
-        class: k(["x-locale-switcher__btn", { "x-locale-switcher__btn--active": t.locale === s }]),
-        onClick: (l) => t.switchLocale(s)
-      }, _(s.toUpperCase()), 11, Y))),
-      128
-      /* KEYED_FRAGMENT */
-    ))
-  ]);
-}
-const Q = /* @__PURE__ */ x(W, [["render", Z], ["__scopeId", "data-v-675f0bbd"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/common/XLocaleSwitcher.vue"]]), ee = /* @__PURE__ */ y({
-  __name: "XSiteNav",
-  setup(r, { expose: o }) {
-    o();
-    const { navigation: e, branding: t, locales: c } = F(), i = w(!1), s = w(!1);
-    function l() {
-      i.value = window.scrollY > 20;
-    }
-    C(() => window.addEventListener("scroll", l)), E(() => window.removeEventListener("scroll", l));
-    const p = { navigation: e, branding: t, locales: c, scrolled: i, menuOpen: s, onScroll: l, XLocaleSwitcher: Q };
-    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
-  }
-}), te = { class: "x-nav__container" }, se = ["src", "alt"], oe = {
-  key: 1,
-  class: "x-nav__logo-text"
-}, ne = ["href"];
-function ae(r, o, e, t, c, i) {
-  const s = A("router-link");
-  return n(), a(
-    "nav",
-    {
-      class: k(["x-nav", { "x-nav--scrolled": t.scrolled }])
-    },
-    [
-      d("div", te, [
-        P(s, {
-          to: "/",
-          class: "x-nav__logo"
-        }, {
-          default: B(() => [
-            t.branding.logo ? (n(), a("img", {
-              key: 0,
-              src: t.branding.logo,
-              alt: t.branding.siteName || "",
-              class: "x-nav__logo-img"
-            }, null, 8, se)) : (n(), a(
-              "span",
-              oe,
-              _(t.branding.siteName || ""),
-              1
-              /* TEXT */
-            ))
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        d(
-          "div",
-          {
-            class: k(["x-nav__links", { "x-nav__links--open": t.menuOpen }])
-          },
-          [
-            (n(!0), a(
-              h,
-              null,
-              v(t.navigation, (l) => (n(), a(
-                h,
-                {
-                  key: l.url
-                },
-                [
-                  l.external ? (n(), a("a", {
-                    key: 0,
-                    href: l.url,
-                    class: "x-nav__link",
-                    target: "_blank",
-                    onClick: o[0] || (o[0] = (p) => t.menuOpen = !1)
-                  }, _(l.text), 9, ne)) : (n(), T(s, {
-                    key: 1,
-                    to: l.url,
-                    class: "x-nav__link",
-                    onClick: o[1] || (o[1] = (p) => t.menuOpen = !1)
-                  }, {
-                    default: B(() => [
-                      L(
-                        _(l.text),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["to"]))
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              ))),
-              128
-              /* KEYED_FRAGMENT */
-            )),
-            t.locales.length > 1 ? (n(), T(t.XLocaleSwitcher, {
-              key: 0,
-              locales: t.locales
-            }, null, 8, ["locales"])) : u("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        ),
-        d("button", {
-          class: "x-nav__hamburger",
-          onClick: o[2] || (o[2] = (l) => t.menuOpen = !t.menuOpen)
-        }, [...o[3] || (o[3] = [
-          d(
-            "span",
-            null,
-            null,
-            -1
-            /* CACHED */
-          ),
-          d(
-            "span",
-            null,
-            null,
-            -1
-            /* CACHED */
-          ),
-          d(
-            "span",
-            null,
-            null,
-            -1
-            /* CACHED */
-          )
-        ])])
-      ])
-    ],
-    2
-    /* CLASS */
-  );
-}
-const re = /* @__PURE__ */ x(ee, [["render", ae], ["__scopeId", "data-v-07c4b748"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteNav.vue"]]), ce = /* @__PURE__ */ y({
-  __name: "XSiteFooter",
-  setup(r, { expose: o }) {
-    o();
-    const { footer: e, branding: t } = F(), c = f(() => e.value.copyright ? e.value.copyright : `© ${(/* @__PURE__ */ new Date()).getFullYear()} ${t.value.siteName || ""}`), i = { footerConfig: e, branding: t, copyright: c };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
-  }
-}), ie = { class: "x-footer" }, le = { class: "x-footer__container" }, _e = {
-  key: 0,
-  class: "x-footer__links"
-}, ue = {
-  key: 1,
-  class: "x-footer__copyright"
-};
-function de(r, o, e, t, c, i) {
-  const s = A("router-link");
-  return n(), a("footer", ie, [
-    d("div", le, [
-      t.footerConfig.links?.length ? (n(), a("div", _e, [
-        (n(!0), a(
-          h,
-          null,
-          v(t.footerConfig.links, (l) => (n(), T(s, {
-            key: l.url,
-            to: l.url,
-            class: "x-footer__link"
-          }, {
-            default: B(() => [
-              L(
-                _(l.text),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1032, ["to"]))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ])) : u("v-if", !0),
-      t.copyright ? (n(), a(
-        "p",
-        ue,
-        _(t.copyright),
-        1
-        /* TEXT */
-      )) : u("v-if", !0)
-    ])
-  ]);
-}
-const pe = /* @__PURE__ */ x(ce, [["render", de], ["__scopeId", "data-v-f9b38381"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteFooter.vue"]]), fe = /* @__PURE__ */ y({
-  __name: "XSiteLayout",
-  setup(r, { expose: o }) {
-    o(), J();
-    const e = { XSiteNav: re, XSiteFooter: pe };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-}), me = { class: "x-site-layout" }, he = { class: "x-site-layout__main" };
-function ve(r, o, e, t, c, i) {
-  return n(), a("div", me, [
-    P(t.XSiteNav),
-    d("main", he, [
-      z(r.$slots, "default", {}, void 0, !0)
-    ]),
-    P(t.XSiteFooter)
-  ]);
-}
-const ss = /* @__PURE__ */ x(fe, [["render", ve], ["__scopeId", "data-v-41b0f2a9"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/layout/XSiteLayout.vue"]]), ye = /* @__PURE__ */ y({
-  __name: "XHeroBlock",
-  props: {
-    data: { type: Object, required: !0 },
-    variant: { type: String, required: !1, default: "fullscreen" }
-  },
-  setup(r, { expose: o }) {
-    o();
-    const e = r, t = f(() => e.data.image ? { backgroundImage: `url(${e.data.image})` } : {}), c = { props: e, bgStyle: t };
-    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
-  }
-}), xe = {
-  key: 0,
-  class: "x-hero__overlay"
-}, ge = { class: "x-hero__content" }, ke = {
-  key: 0,
-  class: "x-hero__title"
-}, be = {
-  key: 1,
-  class: "x-hero__subtitle"
-}, $e = {
-  key: 2,
-  class: "x-hero__buttons"
-}, Se = ["href"], we = {
-  key: 3,
-  class: "x-hero__stats"
-}, je = { class: "x-hero__stat-value" }, Te = { class: "x-hero__stat-label" };
-function Ce(r, o, e, t, c, i) {
-  return n(), a(
-    "section",
-    {
-      class: k(["x-hero", { "x-hero--fullscreen": e.variant === "fullscreen" }]),
-      style: U(t.bgStyle)
-    },
-    [
-      e.data.image && e.data.overlay !== !1 ? (n(), a("div", xe)) : u("v-if", !0),
-      d("div", ge, [
-        e.data.title ? (n(), a(
-          "h1",
-          ke,
-          _(e.data.title),
-          1
-          /* TEXT */
-        )) : u("v-if", !0),
-        e.data.subtitle ? (n(), a(
-          "p",
-          be,
-          _(e.data.subtitle),
-          1
-          /* TEXT */
-        )) : u("v-if", !0),
-        e.data.buttons?.length ? (n(), a("div", $e, [
-          (n(!0), a(
-            h,
-            null,
-            v(e.data.buttons, (s, l) => (n(), a("a", {
-              key: l,
-              href: s.url,
-              class: k(["x-btn", `x-btn--${s.variant || "primary"}`])
-            }, _(s.text), 11, Se))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ])) : u("v-if", !0),
-        e.data.stats?.length ? (n(), a("div", we, [
-          (n(!0), a(
-            h,
-            null,
-            v(e.data.stats, (s, l) => (n(), a("div", {
-              key: l,
-              class: "x-hero__stat"
-            }, [
-              d(
-                "span",
-                je,
-                _(s.value),
-                1
-                /* TEXT */
-              ),
-              d(
-                "span",
-                Te,
-                _(s.label),
-                1
-                /* TEXT */
-              )
-            ]))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ])) : u("v-if", !0)
-      ])
-    ],
-    6
-    /* CLASS, STYLE */
-  );
-}
-const Xe = /* @__PURE__ */ x(ye, [["render", Ce], ["__scopeId", "data-v-d8cfe56f"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XHeroBlock.vue"]]), Be = /* @__PURE__ */ y({
-  __name: "XHtmlBlock",
-  props: {
-    data: { type: Object, required: !0 }
-  },
-  setup(r, { expose: o }) {
-    o();
-    const e = {};
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-}), Oe = { class: "x-html-block" }, Pe = ["innerHTML"];
-function Ie(r, o, e, t, c, i) {
-  return n(), a("section", Oe, [
-    d("div", {
-      class: "x-html-block__content",
-      innerHTML: e.data.content
-    }, null, 8, Pe)
-  ]);
-}
-const Le = /* @__PURE__ */ x(Be, [["render", Ie], ["__scopeId", "data-v-abfd69e8"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XHtmlBlock.vue"]]), Ne = /* @__PURE__ */ y({
-  __name: "XCardsBlock",
-  props: {
-    data: { type: Object, required: !0 },
-    variant: { type: String, required: !1, default: "default" },
-    columns: { type: Number, required: !1, default: void 0 }
-  },
-  setup(r, { expose: o }) {
-    o();
-    const e = r, t = f(() => ({ "--columns": e.columns || Math.min(e.data.cards.length, 4) })), c = { color: "var(--x-color-primary, #1e73be)" }, i = {
-      "mdi-lightbulb": "💡",
-      "mdi-code-braces": "⚙️",
-      "mdi-headset": "🎧",
-      "mdi-check-circle": "✅",
-      "mdi-shield": "🛡️",
-      "mdi-chart-line": "📈",
-      "mdi-rocket": "🚀",
-      "mdi-heart": "❤️",
-      "mdi-star": "⭐",
-      "mdi-cog": "⚙️",
-      "mdi-email": "📧",
-      "mdi-phone": "📞",
-      "mdi-map-marker": "📍",
-      "mdi-clock": "🕐",
-      "mdi-account": "👤",
-      "mdi-team": "👥"
-    };
-    function s(p) {
-      return i[p] || p;
+function j(o) {
+  function n(t) {
+    const e = document.documentElement;
+    if (t.colors)
+      for (const [a, s] of Object.entries(t.colors))
+        s && e.style.setProperty(`--x-color-${A(a)}`, s);
+    t.typography?.fontFamily && e.style.setProperty("--x-font-family", t.typography.fontFamily), t.typography?.headingFont && e.style.setProperty("--x-font-heading", t.typography.headingFont), t.typography?.baseFontSize && e.style.setProperty("--x-font-size", t.typography.baseFontSize), t.shape?.borderRadius && e.style.setProperty("--x-border-radius", t.shape.borderRadius), t.shape?.maxWidth && e.style.setProperty("--x-max-width", t.shape.maxWidth);
+  }
+  T(() => {
+    if (o) {
+      n(o);
+      return;
     }
-    const l = { props: e, gridStyle: t, iconStyle: c, iconMap: i, iconDisplay: s };
-    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
-  }
-}), Ee = { class: "x-cards-block__container" }, Ae = {
-  key: 0,
-  class: "x-cards-block__title"
-}, Ue = {
-  key: 1,
-  class: "x-cards-block__subtitle"
-}, Re = ["src", "alt"], Me = { class: "x-card__title" }, Fe = { class: "x-card__desc" };
-function qe(r, o, e, t, c, i) {
-  return n(), a(
-    "section",
-    {
-      class: k(["x-cards-block", `x-cards-block--${e.variant}`])
-    },
-    [
-      d("div", Ee, [
-        e.data.title ? (n(), a(
-          "h2",
-          Ae,
-          _(e.data.title),
-          1
-          /* TEXT */
-        )) : u("v-if", !0),
-        e.data.subtitle ? (n(), a(
-          "p",
-          Ue,
-          _(e.data.subtitle),
-          1
-          /* TEXT */
-        )) : u("v-if", !0),
-        d(
-          "div",
-          {
-            class: "x-cards-block__grid",
-            style: U(t.gridStyle)
-          },
-          [
-            (n(!0), a(
-              h,
-              null,
-              v(e.data.cards, (s, l) => (n(), T(R(s.link ? "a" : "div"), {
-                key: l,
-                class: "x-card",
-                href: s.link
-              }, {
-                default: B(() => [
-                  s.image && e.variant === "image-cards" ? (n(), a("img", {
-                    key: 0,
-                    src: s.image,
-                    alt: s.title,
-                    class: "x-card__image"
-                  }, null, 8, Re)) : u("v-if", !0),
-                  s.icon && e.variant !== "image-cards" ? (n(), a(
-                    "div",
-                    {
-                      key: 1,
-                      class: "x-card__icon",
-                      style: t.iconStyle
-                    },
-                    _(t.iconDisplay(s.icon)),
-                    1
-                    /* TEXT */
-                  )) : u("v-if", !0),
-                  d(
-                    "h3",
-                    Me,
-                    _(s.title),
-                    1
-                    /* TEXT */
-                  ),
-                  d(
-                    "p",
-                    Fe,
-                    _(s.desc),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["href"]))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ],
-          4
-          /* STYLE */
-        )
-      ])
-    ],
-    2
-    /* CLASS */
-  );
+    const e = window.__SITE_DATA__?.skin;
+    e && (e.colors || e.typography || e.shape) && n({
+      colors: e.colors || {},
+      typography: e.typography || {},
+      shape: e.shape || {}
+    });
+  });
 }
-const De = /* @__PURE__ */ x(Ne, [["render", qe], ["__scopeId", "data-v-a1505674"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XCardsBlock.vue"]]), He = /* @__PURE__ */ y({
-  __name: "XImageTextBlock",
-  props: {
-    data: { type: Object, required: !0 },
-    reverse: { type: Boolean, required: !1, default: !1 }
-  },
-  setup(r, { expose: o }) {
-    o();
-    const e = {};
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-}), ze = { class: "x-image-text__container" }, Ge = { class: "x-image-text__text" }, Je = {
-  key: 0,
-  class: "x-image-text__title"
-}, Ve = ["innerHTML"], We = {
-  key: 2,
-  class: "x-image-text__checklist"
-}, Ke = { class: "x-image-text__check-icon" }, Ye = {
-  key: 0,
-  class: "x-image-text__image-wrap"
-}, Ze = ["src", "alt"];
-function Qe(r, o, e, t, c, i) {
-  return n(), a(
-    "section",
-    {
-      class: k(["x-image-text", { "x-image-text--reverse": e.reverse }])
-    },
-    [
-      d("div", ze, [
-        d("div", Ge, [
-          e.data.title ? (n(), a(
-            "h2",
-            Je,
-            _(e.data.title),
-            1
-            /* TEXT */
-          )) : u("v-if", !0),
-          e.data.content ? (n(), a("div", {
-            key: 1,
-            class: "x-image-text__content",
-            innerHTML: e.data.content
-          }, null, 8, Ve)) : u("v-if", !0),
-          e.data.items?.length ? (n(), a("ul", We, [
-            (n(!0), a(
-              h,
-              null,
-              v(e.data.items, (s, l) => (n(), a("li", { key: l }, [
-                d(
-                  "span",
-                  Ke,
-                  _(s.icon || "✓"),
-                  1
-                  /* TEXT */
-                ),
-                L(
-                  " " + _(s.text),
-                  1
-                  /* TEXT */
-                )
-              ]))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ])) : u("v-if", !0)
-        ]),
-        e.data.image ? (n(), a("div", Ye, [
-          d("img", {
-            src: e.data.image,
-            alt: e.data.title || "",
-            class: "x-image-text__image"
-          }, null, 8, Ze)
-        ])) : u("v-if", !0)
-      ])
-    ],
-    2
-    /* CLASS */
-  );
+function A(o) {
+  return o.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-const et = /* @__PURE__ */ x(He, [["render", Qe], ["__scopeId", "data-v-5ca1e218"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XImageTextBlock.vue"]]);
-function q(r, o) {
-  const e = w(null), { locale: t } = M(), c = window.__SITE_DATA__, i = c?.locale;
-  function s() {
-    return c && c[r] && t.value === i ? (e.value = c[r], !0) : !1;
-  }
-  async function l() {
-    try {
-      const p = await fetch(`/api/content/${o}:${t.value}`);
-      p.ok && (e.value = await p.json());
-    } catch {
-    }
-  }
-  return C(() => {
-    s() || l();
-  }), I(t, () => {
-    l();
-  }), e;
-}
-function tt() {
-  const o = window.__SITE_DATA__?.apiBase || "";
-  async function e(i) {
-    const s = await fetch(`${o}${i}`);
-    if (!s.ok)
-      throw new Error(`API error: ${s.status}`);
-    return s.json();
+function F() {
+  const n = window.__SITE_DATA__?.apiBase || "";
+  async function t(s) {
+    const c = await fetch(`${n}${s}`);
+    if (!c.ok)
+      throw new Error(`API error: ${c.status}`);
+    return c.json();
   }
-  async function t() {
-    return e("/v1/billing/tariffs");
+  async function e() {
+    return t("/v1/billing/tariffs");
   }
-  async function c() {
-    return e("/v1/billing/services");
+  async function a() {
+    return t("/v1/billing/services");
   }
   return {
-    get: e,
-    getTariffs: t,
-    getProducts: c
+    get: t,
+    getTariffs: e,
+    getProducts: a
   };
 }
-const st = /* @__PURE__ */ y({
-  __name: "XPricingBlock",
-  props: {
-    data: { type: Object, required: !1 },
-    source: { type: String, required: !1, default: "kv" },
-    featuredIndex: { type: Number, required: !1, default: 1 }
-  },
-  setup(r, { expose: o }) {
-    o();
-    const e = r, t = f(() => e.data?.title), c = f(() => e.data?.subtitle), i = w([]), s = w(""), l = q("tariffs", "tariffs"), p = tt();
-    C(async () => {
-      if (e.source === "api")
-        try {
-          i.value = await p.getTariffs();
-        } catch {
-        }
-    }), I(
-      l,
-      (m) => {
-        m && e.source === "kv" && (i.value = m);
-      },
-      { immediate: !0 }
-    );
-    const g = f(() => {
-      const m = new Set(i.value.map((j) => j.tariffGroupName).filter(Boolean));
-      return Array.from(m);
-    });
-    I(
-      g,
-      (m) => {
-        m.length > 0 && !s.value && (s.value = m[0]);
-      },
-      { immediate: !0 }
-    );
-    const b = f(() => !s.value || g.value.length <= 1 ? i.value : i.value.filter((m) => m.tariffGroupName === s.value)), X = { props: e, title: t, subtitle: c, plans: i, activeGroup: s, kvTariffs: l, api: p, groups: g, activePlans: b };
-    return Object.defineProperty(X, "__isScriptSetup", { enumerable: !1, value: !0 }), X;
-  }
-}), ot = { class: "x-pricing" }, nt = { class: "x-pricing__container" }, at = {
-  key: 0,
-  class: "x-pricing__title"
-}, rt = {
-  key: 1,
-  class: "x-pricing__subtitle"
-}, ct = {
-  key: 2,
-  class: "x-pricing__tabs"
-}, it = ["onClick"], lt = { class: "x-pricing__grid" }, _t = { class: "x-pricing-card__name" }, ut = {
-  key: 0,
-  class: "x-pricing-card__desc"
-}, dt = { class: "x-pricing-card__price" }, pt = { class: "x-pricing-card__amount" }, ft = {
-  key: 0,
-  class: "x-pricing-card__period"
-}, mt = {
-  key: 1,
-  class: "x-pricing-card__features"
-}, ht = ["href"];
-function vt(r, o, e, t, c, i) {
-  return n(), a("section", ot, [
-    d("div", nt, [
-      t.title ? (n(), a(
-        "h2",
-        at,
-        _(t.title),
-        1
-        /* TEXT */
-      )) : u("v-if", !0),
-      t.subtitle ? (n(), a(
-        "p",
-        rt,
-        _(t.subtitle),
-        1
-        /* TEXT */
-      )) : u("v-if", !0),
-      u(" Tabs for tariff groups "),
-      t.groups.length > 1 ? (n(), a("div", ct, [
-        (n(!0), a(
-          h,
-          null,
-          v(t.groups, (s) => (n(), a("button", {
-            key: s,
-            class: k(["x-pricing__tab", { "x-pricing__tab--active": t.activeGroup === s }]),
-            onClick: (l) => t.activeGroup = s
-          }, _(s), 11, it))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ])) : u("v-if", !0),
-      d("div", lt, [
-        (n(!0), a(
-          h,
-          null,
-          v(t.activePlans, (s, l) => (n(), a(
-            "div",
-            {
-              key: s.id || l,
-              class: k(["x-pricing-card", { "x-pricing-card--featured": l === e.featuredIndex }])
-            },
-            [
-              d(
-                "h3",
-                _t,
-                _(s.name),
-                1
-                /* TEXT */
-              ),
-              s.description ? (n(), a(
-                "p",
-                ut,
-                _(s.description),
-                1
-                /* TEXT */
-              )) : u("v-if", !0),
-              d("div", dt, [
-                d(
-                  "span",
-                  pt,
-                  _(s.price),
-                  1
-                  /* TEXT */
-                ),
-                s.period ? (n(), a(
-                  "span",
-                  ft,
-                  "/" + _(s.period),
-                  1
-                  /* TEXT */
-                )) : u("v-if", !0)
-              ]),
-              s.features?.length ? (n(), a("ul", mt, [
-                (n(!0), a(
-                  h,
-                  null,
-                  v(s.features, (p, g) => (n(), a(
-                    "li",
-                    { key: g },
-                    _(p),
-                    1
-                    /* TEXT */
-                  ))),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ])) : u("v-if", !0),
-              s.actionUrl ? (n(), a("a", {
-                key: 2,
-                href: s.actionUrl,
-                class: "x-btn x-btn--primary x-pricing-card__action"
-              }, _(s.actionText || "Choose"), 9, ht)) : u("v-if", !0)
-            ],
-            2
-            /* CLASS */
-          ))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ])
-    ])
-  ]);
-}
-const yt = /* @__PURE__ */ x(st, [["render", vt], ["__scopeId", "data-v-bd1e5d79"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XPricingBlock.vue"]]), xt = /* @__PURE__ */ y({
-  __name: "XContactsBlock",
-  props: {
-    data: { type: Object, required: !1 }
-  },
-  setup(r, { expose: o }) {
-    o();
-    const e = q("contacts:offices", "contacts:offices"), t = f(() => e.value || []), c = { kvOffices: e, offices: t };
-    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
-  }
-}), gt = { class: "x-contacts" }, kt = { class: "x-contacts__container" }, bt = {
-  key: 0,
-  class: "x-contacts__title"
-}, $t = {
-  key: 1,
-  class: "x-contacts__grid"
-}, St = { class: "x-contacts__name" }, wt = {
-  key: 0,
-  class: "x-contacts__info"
-}, jt = {
-  key: 1,
-  class: "x-contacts__info"
-}, Tt = ["href"], Ct = {
-  key: 2,
-  class: "x-contacts__info"
-}, Xt = ["href"], Bt = {
-  key: 3,
-  class: "x-contacts__hours"
-};
-function Ot(r, o, e, t, c, i) {
-  return n(), a("section", gt, [
-    d("div", kt, [
-      e.data?.title ? (n(), a(
-        "h2",
-        bt,
-        _(e.data.title),
-        1
-        /* TEXT */
-      )) : u("v-if", !0),
-      t.offices ? (n(), a("div", $t, [
-        (n(!0), a(
-          h,
-          null,
-          v(t.offices, (s, l) => (n(), a(
-            "div",
-            {
-              key: l,
-              class: k(["x-contacts__card", { "x-contacts__card--main": s.isMain }])
-            },
-            [
-              d(
-                "h3",
-                St,
-                _(s.name),
-                1
-                /* TEXT */
-              ),
-              s.address ? (n(), a(
-                "p",
-                wt,
-                _(s.address),
-                1
-                /* TEXT */
-              )) : u("v-if", !0),
-              s.phone ? (n(), a("p", jt, [
-                d("a", {
-                  href: `tel:${s.phone}`
-                }, _(s.phone), 9, Tt)
-              ])) : u("v-if", !0),
-              s.email ? (n(), a("p", Ct, [
-                d("a", {
-                  href: `mailto:${s.email}`
-                }, _(s.email), 9, Xt)
-              ])) : u("v-if", !0),
-              s.hours ? (n(), a(
-                "p",
-                Bt,
-                _(s.hours),
-                1
-                /* TEXT */
-              )) : u("v-if", !0)
-            ],
-            2
-            /* CLASS */
-          ))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ])) : u("v-if", !0)
-    ])
-  ]);
-}
-const Pt = /* @__PURE__ */ x(xt, [["render", Ot], ["__scopeId", "data-v-e873ba26"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XContactsBlock.vue"]]), It = /* @__PURE__ */ y({
-  __name: "XGalleryBlock",
-  props: {
-    data: { type: Object, required: !0 }
-  },
-  setup(r, { expose: o }) {
-    o();
-    const e = {};
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-}), Lt = { class: "x-gallery-block" }, Nt = {
-  key: 0,
-  class: "x-gallery-block__title"
-}, Et = { class: "x-gallery-block__grid" }, At = ["src", "alt"], Ut = { key: 0 };
-function Rt(r, o, e, t, c, i) {
-  return n(), a("section", Lt, [
-    e.data.title ? (n(), a(
-      "h2",
-      Nt,
-      _(e.data.title),
-      1
-      /* TEXT */
-    )) : u("v-if", !0),
-    d("div", Et, [
-      (n(!0), a(
-        h,
-        null,
-        v(e.data.images, (s, l) => (n(), a("figure", {
-          key: l,
-          class: "x-gallery-block__item"
-        }, [
-          d("img", {
-            src: s.src,
-            alt: s.alt || "",
-            loading: "lazy"
-          }, null, 8, At),
-          s.caption ? (n(), a(
-            "figcaption",
-            Ut,
-            _(s.caption),
-            1
-            /* TEXT */
-          )) : u("v-if", !0)
-        ]))),
-        128
-        /* KEYED_FRAGMENT */
-      ))
-    ])
-  ]);
-}
-const Mt = /* @__PURE__ */ x(It, [["render", Rt], ["__scopeId", "data-v-b99bb987"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XGalleryBlock.vue"]]), Ft = /* @__PURE__ */ y({
-  __name: "XMapBlock",
-  props: {
-    data: { type: Object, required: !0 }
-  },
-  setup(r, { expose: o }) {
-    o();
-    const e = r, t = f(() => {
-      const { lat: i, lng: s } = e.data.center || { lat: 0, lng: 0 };
-      return e.data.zoom, `https://www.openstreetmap.org/export/embed.html?bbox=${s - 0.01},${i - 0.01},${s + 0.01},${i + 0.01}&layer=mapnik&marker=${i},${s}`;
-    }), c = { props: e, mapUrl: t };
-    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
-  }
-}), qt = { class: "x-map-block" }, Dt = {
-  key: 0,
-  class: "x-map-block__title"
-}, Ht = { class: "x-map-block__container" }, zt = ["src"];
-function Gt(r, o, e, t, c, i) {
-  return n(), a("section", qt, [
-    e.data.title ? (n(), a(
-      "h2",
-      Dt,
-      _(e.data.title),
-      1
-      /* TEXT */
-    )) : u("v-if", !0),
-    d("div", Ht, [
-      d("iframe", {
-        src: t.mapUrl,
-        width: "100%",
-        height: "400",
-        style: { border: "0" },
-        allowfullscreen: "",
-        loading: "lazy",
-        referrerpolicy: "no-referrer-when-downgrade"
-      }, null, 8, zt)
-    ])
-  ]);
-}
-const Jt = /* @__PURE__ */ x(Ft, [["render", Gt], ["__scopeId", "data-v-583f4762"], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XMapBlock.vue"]]), Vt = /* @__PURE__ */ y({
-  __name: "XBlockRenderer",
-  props: {
-    blocks: { type: Array, required: !0 }
-  },
-  setup(r, { expose: o }) {
-    o();
-    const e = r, t = {
-      hero: Xe,
-      html: Le,
-      cards: De,
-      "image-text": et,
-      pricing: yt,
-      contacts: Pt,
-      gallery: Mt,
-      map: Jt
-    };
-    function c(l) {
-      return t[l];
-    }
-    const i = f(() => e.blocks.filter((l) => l.settings?.visible !== !1)), s = { props: e, blockRegistry: t, getBlockComponent: c, visibleBlocks: i };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
-  }
-}), Wt = { class: "x-block-renderer" };
-function Kt(r, o, e, t, c, i) {
-  return n(), a("div", Wt, [
-    (n(!0), a(
-      h,
-      null,
-      v(t.visibleBlocks, (s, l) => (n(), a(
-        h,
-        { key: l },
-        [
-          t.getBlockComponent(s.type) ? (n(), T(R(t.getBlockComponent(s.type)), G({
-            key: 0,
-            data: s.data || s.props
-          }, { ref_for: !0 }, s.settings, {
-            class: s.settings?.className
-          }), null, 16, ["data", "class"])) : u("v-if", !0)
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      ))),
-      128
-      /* KEYED_FRAGMENT */
-    ))
-  ]);
-}
-const os = /* @__PURE__ */ x(Vt, [["render", Kt], ["__file", "/Users/yariksav/projects/xosen/xosen-monorepo/packages/site-sdk/src/components/blocks/XBlockRenderer.vue"]]);
-function D() {
+function S() {
   try {
     return window.self !== window.top;
   } catch {
     return !0;
   }
 }
-function ns(r) {
-  D() && r.beforeEach((o, e) => !e.name);
+function D(o) {
+  S() && o.beforeEach((n, t) => !t.name);
 }
-function as() {
-  const r = w(null), o = w(D());
-  function e(t) {
-    const c = t.data;
-    c?.type === "xosen-preview-update" && c.page && (r.value = c.page, o.value = !0);
+function U() {
+  const o = y(null), n = y(S());
+  function t(e) {
+    const a = e.data;
+    a?.type === "xosen-preview-update" && a.page && (o.value = a.page, n.value = !0);
   }
-  return C(() => {
-    window.addEventListener("message", e), o.value && window.parent.postMessage({ type: "xosen-preview-ready" }, "*");
-  }), E(() => {
-    window.removeEventListener("message", e);
+  return T(() => {
+    window.addEventListener("message", t);
+  }), b(() => {
+    window.removeEventListener("message", t);
   }), {
-    previewPage: r,
-    isPreviewMode: o
+    previewPage: o,
+    isPreviewMode: n
   };
 }
-const Yt = /\.(js|css|png|jpg|jpeg|gif|svg|ico|woff2?|ttf|eot|webp|avif|map|json|txt|xml|webmanifest)$/;
-function Zt(r, o) {
-  const t = new URL(r.url).searchParams.get("lang");
-  if (t && o.supportedLocales?.includes(t)) return t;
-  if (o.supportedLocales?.length) {
-    const c = r.headers.get("Accept-Language") || "";
-    for (const i of o.supportedLocales)
-      if (c.includes(i)) return i;
+const C = /\.(js|css|png|jpg|jpeg|gif|svg|ico|woff2?|ttf|eot|webp|avif|map|json|txt|xml|webmanifest)$/;
+function N(o, n) {
+  const e = new URL(o.url).searchParams.get("lang");
+  if (e && n.supportedLocales?.includes(e)) return e;
+  if (n.supportedLocales?.length) {
+    const a = o.headers.get("Accept-Language") || "";
+    for (const s of n.supportedLocales)
+      if (a.includes(s)) return s;
   }
-  return o.defaultLocale;
+  return n.defaultLocale;
 }
-function Qt(r, o) {
-  if (!r.pathname.startsWith("/api/content/")) return null;
-  const e = decodeURIComponent(r.pathname.replace("/api/content/", ""));
+function I(o, n, t) {
+  if (!o.pathname.startsWith("/api/content/")) return null;
+  const e = decodeURIComponent(o.pathname.replace("/api/content/", ""));
   return e ? (async () => {
-    const t = await o.SITE_CONTENT.get(e);
-    return t ? new Response(t, {
+    let a = await n.SITE_CONTENT.get(e);
+    if (!a) {
+      const s = e.lastIndexOf(":");
+      s > 0 && e.slice(s + 1) !== t && (a = await n.SITE_CONTENT.get(e.slice(0, s + 1) + t));
+    }
+    return a ? new Response(a, {
       headers: {
         "Content-Type": "application/json",
         "Cache-Control": "public, max-age=60",
@@ -1072,48 +134,54 @@ function Qt(r, o) {
     }) : Response.json({ error: "Not found" }, { status: 404 });
   })() : Promise.resolve(Response.json({ error: "Key is required" }, { status: 400 }));
 }
-function N(r, o, e) {
-  let t = r;
-  if (o.title) {
-    const c = e ? ` — ${e}` : "";
-    t = t.replace(/<title>[^<]*<\/title>/, `<title>${o.title}${c}</title>`);
+function _(o, n, t) {
+  let e = o;
+  if (n.title) {
+    const a = t ? ` — ${t}` : "";
+    e = e.replace(/<title>[^<]*<\/title>/, `<title>${n.title}${a}</title>`);
   }
-  return o.meta?.description && (t = t.replace(/(<meta\s+name="description"\s+content=")[^"]*(")/, `$1${o.meta.description}$2`)), o.meta?.ogTitle && (t = t.replace(/(<meta\s+property="og:title"\s+content=")[^"]*(")/, `$1${o.meta.ogTitle}$2`)), o.html && (t = t.replace('<div id="app"></div>', `<div id="app">${o.html}</div>`)), t;
+  return n.meta?.description && (e = e.replace(/(<meta\s+name="description"\s+content=")[^"]*(")/, `$1${n.meta.description}$2`)), n.meta?.ogTitle && (e = e.replace(/(<meta\s+property="og:title"\s+content=")[^"]*(")/, `$1${n.meta.ogTitle}$2`)), n.html && (e = e.replace('<div id="app"></div>', `<div id="app">${n.html}</div>`)), e;
 }
-function rs(r) {
+function J(o) {
   return {
-    async fetch(o, e) {
-      const t = new URL(o.url), c = Qt(t, e);
-      if (c) return c;
-      if (Yt.test(t.pathname))
-        return e.ASSETS.fetch(o);
-      const i = Zt(o, r), s = new URL("/index.html", o.url);
-      let p = await (await e.ASSETS.fetch(new Request(s))).text();
-      const [g, b] = await Promise.all([
-        e.SITE_CONTENT.get("config"),
-        e.SITE_CONTENT.get(`content:${i}`)
-      ]), X = g ? JSON.parse(g) : {}, m = b ? JSON.parse(b) : {}, j = t.pathname.match(/^\/p\/(.+)$/);
-      if (j) {
-        const $ = j[1];
-        if (!m[$]) {
-          const S = await e.SITE_CONTENT.get(`page:${$}:${i}`);
-          S && (m[$] = JSON.parse(S));
+    async fetch(n, t) {
+      const e = new URL(n.url), a = I(e, t, o.defaultLocale);
+      if (a) return a;
+      if (C.test(e.pathname))
+        return t.ASSETS.fetch(n);
+      const s = N(n, o), c = new URL("/index.html", n.url);
+      let r = await (await t.ASSETS.fetch(new Request(c))).text();
+      const p = o.defaultLocale, [g, f] = await Promise.all([
+        t.SITE_CONTENT.get("config"),
+        t.SITE_CONTENT.get(`content:${s}`)
+      ]), v = g ? JSON.parse(g) : {};
+      let d = f ? JSON.parse(f) : {};
+      if (!f && s !== p) {
+        const i = await t.SITE_CONTENT.get(`content:${p}`);
+        i && (d = JSON.parse(i));
+      }
+      const m = e.pathname.match(/^\/p\/(.+)$/);
+      if (m) {
+        const i = m[1];
+        if (!d[i]) {
+          let l = await t.SITE_CONTENT.get(`page:${i}:${s}`);
+          !l && s !== p && (l = await t.SITE_CONTENT.get(`page:${i}:${p}`)), l && (d[i] = JSON.parse(l));
         }
       }
-      const O = {
-        locale: i,
-        config: X
+      const w = {
+        locale: s,
+        config: v
       };
-      for (const [$, S] of Object.entries(m))
-        O[`page:${$}`] = S;
-      if (j) {
-        const $ = j[1], S = O[`page:${$}`];
-        S && (p = N(p, S, r.siteName));
+      for (const [i, l] of Object.entries(d))
+        w[`page:${i}`] = l;
+      if (m) {
+        const i = m[1], l = w[`page:${i}`];
+        l && (r = _(r, l, o.siteName));
       }
-      t.pathname === "/" && m.home && (p = N(p, m.home, r.siteName));
-      const H = `<script>window.__SITE_DATA__ = ${JSON.stringify(O)};<\/script>`;
-      return p = p.replace("</head>", `${H}
-</head>`), new Response(p, {
+      e.pathname === "/" && d.home && (r = _(r, d.home, o.siteName));
+      const $ = `<script>window.__SITE_DATA__ = ${JSON.stringify(w)};<\/script>`;
+      return r = r.replace("</head>", `${$}
+</head>`), new Response(r, {
         headers: {
           "Content-Type": "text/html;charset=utf-8",
           "Cache-Control": "public, max-age=60"
@@ -1123,25 +191,12 @@ function rs(r) {
   };
 }
 export {
-  os as XBlockRenderer,
-  De as XCardsBlock,
-  Pt as XContactsBlock,
-  Mt as XGalleryBlock,
-  Xe as XHeroBlock,
-  Le as XHtmlBlock,
-  et as XImageTextBlock,
-  Q as XLocaleSwitcher,
-  Jt as XMapBlock,
-  yt as XPricingBlock,
-  pe as XSiteFooter,
-  ss as XSiteLayout,
-  re as XSiteNav,
-  rs as createSiteWorker,
-  D as isInPreview,
-  ns as setupPreviewRouter,
-  as as useLivePreview,
-  tt as useSiteApi,
-  F as useSiteConfig,
-  q as useSiteData,
-  J as useSkin
+  J as createSiteWorker,
+  S as isInPreview,
+  D as setupPreviewRouter,
+  U as useLivePreview,
+  F as useSiteApi,
+  O as useSiteConfig,
+  P as useSiteData,
+  j as useSkin
 };