@xosen/site-sdk 0.0.6 → 0.0.8

package/dist/index.js

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