@storyblok/astro 6.1.1 → 6.2.0

package/dist/storyblok-astro.es.js

@@ -1,4 +1,4 @@
-const Q = `<svg width="45px" height="53px" viewBox="0 0 45 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+const te = `<svg width="45px" height="53px" viewBox="0 0 45 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="storyblok-logo-kit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="storyblok-partner-logo" transform="translate(-59.000000, -169.000000)" fill-rule="nonzero">
             <g id="storyblok-symbol" transform="translate(59.000000, 169.000000)">
@@ -7,30 +7,30 @@ const Q = `<svg width="45px" height="53px" viewBox="0 0 45 53" version="1.1" xml
             </g>
         </g>
     </g>
-</svg>`, ee = /[\p{Lu}]/u, te = /[\p{Ll}]/u, O = /^[\p{Lu}](?![\p{Lu}])/gu, H = /([\p{Alpha}\p{N}_]|$)/u, j = /[_.\- ]+/, re = new RegExp("^" + j.source), _ = new RegExp(j.source + H.source, "gu"), M = new RegExp("\\d+" + H.source, "gu"), oe = (r, e, t, o) => {
-  let n = !1, s = !1, l = !1, d = !1;
-  for (let i = 0; i < r.length; i++) {
-    const p = r[i];
-    d = i > 2 ? r[i - 3] === "-" : !0, n && ee.test(p) ? (r = r.slice(0, i) + "-" + r.slice(i), n = !1, l = s, s = !0, i++) : s && l && te.test(p) && (!d || o) ? (r = r.slice(0, i - 1) + "-" + r.slice(i - 1), l = s, s = !1, n = !0) : (n = e(p) === p && t(p) !== p, l = s, s = t(p) === p && e(p) !== p);
+</svg>`, re = /[\p{Lu}]/u, oe = /[\p{Ll}]/u, M = /^[\p{Lu}](?![\p{Lu}])/gu, q = /([\p{Alpha}\p{N}_]|$)/u, j = /[_.\- ]+/, se = new RegExp("^" + j.source), N = new RegExp(j.source + q.source, "gu"), P = new RegExp("\\d+" + q.source, "gu"), ne = (t, e, r, o) => {
+  let n = !1, s = !1, l = !1, p = !1;
+  for (let c = 0; c < t.length; c++) {
+    const u = t[c];
+    p = c > 2 ? t[c - 3] === "-" : !0, n && re.test(u) ? (t = t.slice(0, c) + "-" + t.slice(c), n = !1, l = s, s = !0, c++) : s && l && oe.test(u) && (!p || o) ? (t = t.slice(0, c - 1) + "-" + t.slice(c - 1), l = s, s = !1, n = !0) : (n = e(u) === u && r(u) !== u, l = s, s = r(u) === u && e(u) !== u);
   }
-  return r;
-}, se = (r, e) => (O.lastIndex = 0, r.replaceAll(O, (t) => e(t))), ne = (r, e) => (_.lastIndex = 0, M.lastIndex = 0, r.replaceAll(M, (t, o, n) => ["_", "-"].includes(r.charAt(n + t.length)) ? t : e(t)).replaceAll(_, (t, o) => e(o)));
-function ae(r, e) {
-  if (!(typeof r == "string" || Array.isArray(r)))
+  return t;
+}, ae = (t, e) => (M.lastIndex = 0, t.replaceAll(M, (r) => e(r))), le = (t, e) => (N.lastIndex = 0, P.lastIndex = 0, t.replaceAll(P, (r, o, n) => ["_", "-"].includes(t.charAt(n + r.length)) ? r : e(r)).replaceAll(N, (r, o) => e(o)));
+function ie(t, e) {
+  if (!(typeof t == "string" || Array.isArray(t)))
     throw new TypeError("Expected the input to be `string | string[]`");
   if (e = {
     pascalCase: !1,
     preserveConsecutiveUppercase: !1,
     ...e
-  }, Array.isArray(r) ? r = r.map((s) => s.trim()).filter((s) => s.length).join("-") : r = r.trim(), r.length === 0)
+  }, Array.isArray(t) ? t = t.map((s) => s.trim()).filter((s) => s.length).join("-") : t = t.trim(), t.length === 0)
     return "";
-  const t = e.locale === !1 ? (s) => s.toLowerCase() : (s) => s.toLocaleLowerCase(e.locale), o = e.locale === !1 ? (s) => s.toUpperCase() : (s) => s.toLocaleUpperCase(e.locale);
-  return r.length === 1 ? j.test(r) ? "" : e.pascalCase ? o(r) : t(r) : (r !== t(r) && (r = oe(r, t, o, e.preserveConsecutiveUppercase)), r = r.replace(re, ""), r = e.preserveConsecutiveUppercase ? se(r, t) : t(r), e.pascalCase && (r = o(r.charAt(0)) + r.slice(1)), ne(r, o));
+  const r = e.locale === !1 ? (s) => s.toLowerCase() : (s) => s.toLocaleLowerCase(e.locale), o = e.locale === !1 ? (s) => s.toUpperCase() : (s) => s.toLocaleUpperCase(e.locale);
+  return t.length === 1 ? j.test(t) ? "" : e.pascalCase ? o(t) : r(t) : (t !== r(t) && (t = ne(t, r, o, e.preserveConsecutiveUppercase)), t = t.replace(se, ""), t = e.preserveConsecutiveUppercase ? ae(t, r) : r(t), e.pascalCase && (t = o(t.charAt(0)) + t.slice(1)), le(t, o));
 }
-function N(r) {
-  return ae(r);
+function B(t) {
+  return ie(t);
 }
-function le(r, e = {}, t, o) {
+function ce(t, e = {}, r, o) {
   const n = "virtual:storyblok-components", s = `\0${n}`;
   return {
     name: "vite-plugin-storyblok-components",
@@ -40,41 +40,41 @@ function le(r, e = {}, t, o) {
     },
     async load(l) {
       if (l === s) {
-        const d = [], i = [];
-        for await (const [g, $] of Object.entries(e)) {
-          const E = await this.resolve(
-            `/${r}/${$}.astro`
+        const p = [], c = [];
+        for await (const [f, $] of Object.entries(e)) {
+          const T = await this.resolve(
+            `/${t}/${$}.astro`
           );
-          if (E)
-            d.push(`import ${N(g)} from "${E.id}"`);
-          else if (t)
-            i.push(g);
+          if (T)
+            p.push(`import ${B(f)} from "${T.id}"`);
+          else if (r)
+            c.push(f);
           else
             throw new Error(
-              `Component could not be found for blok "${g}"! Does "${`/${r}/${$}`}.astro" exist?`
+              `Component could not be found for blok "${f}"! Does "${`/${t}/${$}`}.astro" exist?`
             );
         }
-        let p = "";
-        if (t)
-          if (p = ",FallbackComponent", o) {
-            const g = await this.resolve(
-              `/${r}/${o}.astro`
+        let u = "";
+        if (r)
+          if (u = ",FallbackComponent", o) {
+            const f = await this.resolve(
+              `/${t}/${o}.astro`
             );
-            if (!g)
+            if (!f)
               throw new Error(
-                `Custom fallback component could not be found. Does "${`/${r}/${o}`}.astro" exist?`
+                `Custom fallback component could not be found. Does "${`/${t}/${o}`}.astro" exist?`
               );
-            d.push(
-              `import FallbackComponent from "${g.id}"`
+            p.push(
+              `import FallbackComponent from "${f.id}"`
             );
           } else
-            d.push(
+            p.push(
               "import FallbackComponent from '@storyblok/astro/FallbackComponent.astro'"
             );
         if (Object.values(e).length)
-          return `${d.join(";")};export default {${Object.keys(e).filter((g) => !i.includes(g)).map((g) => N(g)).join(",")}${p}}`;
-        if (t)
-          return `${d[0]}; export default {${p.replace(",", "")}}`;
+          return `${p.join(";")};export default {${Object.keys(e).filter((f) => !c.includes(f)).map((f) => B(f)).join(",")}${u}}`;
+        if (r)
+          return `${p[0]}; export default {${u.replace(",", "")}}`;
         throw new Error(
           `Currently, no Storyblok components are registered in astro.config.mjs.
 Please register your components or enable the fallback component.
@@ -84,7 +84,7 @@ Detailed information can be found here: https://github.com/storyblok/storyblok-a
     }
   };
 }
-function ie(r, e, t) {
+function ue(t, e, r) {
   const o = "virtual:storyblok-init", n = `\0${o}`;
   return {
     name: "vite-plugin-storyblok-init",
@@ -97,63 +97,63 @@ function ie(r, e, t) {
         return `
           import { storyblokInit, apiPlugin } from "@storyblok/js";
           const { storyblokApi } = storyblokInit({
-            accessToken: "${r}",
+            accessToken: "${t}",
             use: ${e ? "[]" : "[apiPlugin]"},
-            apiOptions: ${JSON.stringify(t)},
+            apiOptions: ${JSON.stringify(r)},
           });
           export const storyblokApiInstance = storyblokApi;  
         `;
     }
   };
 }
-function ce(r) {
-  const e = "virtual:storyblok-options", t = `\0${e}`;
+function de(t) {
+  const e = "virtual:storyblok-options", r = `\0${e}`;
   return {
     name: "vite-plugin-storyblok-options",
     async resolveId(o) {
       if (o === e)
-        return t;
+        return r;
     },
     async load(o) {
-      if (o === t)
-        return `export default ${JSON.stringify(r)}`;
+      if (o === r)
+        return `export default ${JSON.stringify(t)}`;
     }
   };
 }
-let P = !1;
-const B = [], ue = (r) => new Promise((e, t) => {
+let D = !1;
+const U = [], ge = (t) => new Promise((e, r) => {
   if (typeof window > "u" || (window.storyblokRegisterEvent = (n) => {
     if (window.location === window.parent.location) {
       console.warn("You are not in Draft Mode or in the Visual Editor.");
       return;
     }
-    P ? n() : B.push(n);
+    D ? n() : U.push(n);
   }, document.getElementById("storyblok-javascript-bridge")))
     return;
   const o = document.createElement("script");
-  o.async = !0, o.src = r, o.id = "storyblok-javascript-bridge", o.onerror = (n) => t(n), o.onload = (n) => {
-    B.forEach((s) => s()), P = !0, e(n);
+  o.async = !0, o.src = t, o.id = "storyblok-javascript-bridge", o.onerror = (n) => r(n), o.onload = (n) => {
+    U.forEach((s) => s()), D = !0, e(n);
   }, document.getElementsByTagName("head")[0].appendChild(o);
 });
-var de = Object.defineProperty, pe = (r, e, t) => e in r ? de(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, v = (r, e, t) => pe(r, typeof e != "symbol" ? e + "" : e, t);
-class ge {
+var pe = Object.defineProperty, he = (t, e, r) => e in t ? pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, C = (t, e, r) => he(t, typeof e != "symbol" ? e + "" : e, r);
+class fe {
   constructor() {
-    v(this, "isCDNUrl", (e = "") => e.includes("/cdn/")), v(this, "getOptionsPage", (e, t = 25, o = 1) => ({
+    C(this, "isCDNUrl", (e = "") => e.includes("/cdn/")), C(this, "getOptionsPage", (e, r = 25, o = 1) => ({
       ...e,
-      per_page: t,
+      per_page: r,
       page: o
-    })), v(this, "delay", (e) => new Promise((t) => setTimeout(t, e))), v(this, "arrayFrom", (e = 0, t) => Array.from({ length: e }, t)), v(this, "range", (e = 0, t = e) => {
-      const o = Math.abs(t - e) || 0, n = e < t ? 1 : -1;
+    })), C(this, "delay", (e) => new Promise((r) => setTimeout(r, e))), C(this, "arrayFrom", (e = 0, r) => Array.from({ length: e }, r)), C(this, "range", (e = 0, r = e) => {
+      const o = Math.abs(r - e) || 0, n = e < r ? 1 : -1;
       return this.arrayFrom(o, (s, l) => l * n + e);
-    }), v(this, "asyncMap", async (e, t) => Promise.all(e.map(t))), v(this, "flatMap", (e = [], t) => e.map(t).reduce((o, n) => [...o, ...n], [])), v(this, "escapeHTML", function(e) {
-      const t = {
+    }), C(this, "asyncMap", async (e, r) => Promise.all(e.map(r))), C(this, "flatMap", (e = [], r) => e.map(r).reduce((o, n) => [...o, ...n], [])), C(this, "escapeHTML", function(e) {
+      const r = {
         "&": "&amp;",
         "<": "&lt;",
         ">": "&gt;",
         '"': "&quot;",
         "'": "&#39;"
       }, o = /[&<>"']/g, n = new RegExp(o.source);
-      return e && n.test(e) ? e.replace(o, (s) => t[s]) : e;
+      return e && n.test(e) ? e.replace(o, (s) => r[s]) : e;
     });
   }
   /**
@@ -163,18 +163,21 @@ class ge {
    * @param  {boolean} isArray
    * @return {string} Stringified object
    */
-  stringify(e, t, o) {
+  stringify(e, r, o) {
     const n = [];
     for (const s in e) {
       if (!Object.prototype.hasOwnProperty.call(e, s))
         continue;
-      const l = e[s], d = o ? "" : encodeURIComponent(s);
-      let i;
-      typeof l == "object" ? i = this.stringify(
+      const l = e[s];
+      if (l == null)
+        continue;
+      const p = o ? "" : encodeURIComponent(s);
+      let c;
+      typeof l == "object" ? c = this.stringify(
         l,
-        t ? t + encodeURIComponent(`[${d}]`) : d,
+        r ? r + encodeURIComponent(`[${p}]`) : p,
         Array.isArray(l)
-      ) : i = `${t ? t + encodeURIComponent(`[${d}]`) : d}=${encodeURIComponent(l)}`, n.push(i);
+      ) : c = `${r ? r + encodeURIComponent(`[${p}]`) : p}=${encodeURIComponent(l)}`, n.push(c);
     }
     return n.join("&");
   }
@@ -184,7 +187,7 @@ class ge {
    * @return {string} The base URL of the region
    */
   getRegionURL(e) {
-    const t = "api.storyblok.com", o = "api-us.storyblok.com", n = "app.storyblokchina.cn", s = "api-ap.storyblok.com", l = "api-ca.storyblok.com";
+    const r = "api.storyblok.com", o = "api-us.storyblok.com", n = "app.storyblokchina.cn", s = "api-ap.storyblok.com", l = "api-ca.storyblok.com";
     switch (e) {
       case "us":
         return o;
@@ -195,194 +198,194 @@ class ge {
       case "ca":
         return l;
       default:
-        return t;
+        return r;
     }
   }
 }
-const he = function(r, e) {
-  const t = {};
-  for (const o in r) {
-    const n = r[o];
-    e.includes(o) && n !== null && (t[o] = n);
+const be = function(t, e) {
+  const r = {};
+  for (const o in t) {
+    const n = t[o];
+    e.includes(o) && n !== null && (r[o] = n);
   }
-  return t;
-}, fe = (r) => r === "email", be = () => ({
+  return r;
+}, ye = (t) => t === "email", me = () => ({
   singleTag: "hr"
-}), ye = () => ({
+}), ke = () => ({
   tag: "blockquote"
-}), me = () => ({
+}), $e = () => ({
   tag: "ul"
-}), ke = (r) => ({
+}), we = (t) => ({
   tag: [
     "pre",
     {
       tag: "code",
-      attrs: r.attrs
+      attrs: t.attrs
     }
   ]
-}), $e = () => ({
+}), Te = () => ({
   singleTag: "br"
-}), we = (r) => ({
-  tag: `h${r.attrs.level}`
-}), Te = (r) => ({
+}), ve = (t) => ({
+  tag: `h${t.attrs.level}`
+}), Ee = (t) => ({
   singleTag: [
     {
       tag: "img",
-      attrs: he(r.attrs, ["src", "alt", "title"])
+      attrs: be(t.attrs, ["src", "alt", "title"])
     }
   ]
-}), Ee = () => ({
-  tag: "li"
 }), Ce = () => ({
+  tag: "li"
+}), Ie = () => ({
   tag: "ol"
-}), ve = () => ({
+}), Se = () => ({
   tag: "p"
-}), Ie = (r) => ({
+}), Le = (t) => ({
   tag: [
     {
       tag: "span",
       attrs: {
         "data-type": "emoji",
-        "data-name": r.attrs.name,
-        emoji: r.attrs.emoji
+        "data-name": t.attrs.name,
+        emoji: t.attrs.emoji
       }
     }
   ]
-}), Se = () => ({
+}), Ae = () => ({
   tag: "b"
-}), Le = () => ({
+}), Re = () => ({
   tag: "s"
-}), Ae = () => ({
+}), xe = () => ({
   tag: "u"
-}), Re = () => ({
+}), Oe = () => ({
   tag: "strong"
-}), xe = () => ({
-  tag: "code"
 }), je = () => ({
+  tag: "code"
+}), _e = () => ({
   tag: "i"
-}), Oe = (r) => {
-  if (!r.attrs)
+}), Me = (t) => {
+  if (!t.attrs)
     return {
       tag: ""
     };
-  const e = new ge().escapeHTML, t = { ...r.attrs }, { linktype: o = "url" } = r.attrs;
-  if (delete t.linktype, t.href && (t.href = e(r.attrs.href || "")), fe(o) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), t.custom) {
-    for (const n in t.custom)
-      t[n] = t.custom[n];
-    delete t.custom;
+  const e = new fe().escapeHTML, r = { ...t.attrs }, { linktype: o = "url" } = t.attrs;
+  if (delete r.linktype, r.href && (r.href = e(t.attrs.href || "")), ye(o) && (r.href = `mailto:${r.href}`), r.anchor && (r.href = `${r.href}#${r.anchor}`, delete r.anchor), r.custom) {
+    for (const n in r.custom)
+      r[n] = r.custom[n];
+    delete r.custom;
   }
   return {
     tag: [
       {
         tag: "a",
-        attrs: t
+        attrs: r
       }
     ]
   };
-}, _e = (r) => ({
+}, Ne = (t) => ({
   tag: [
     {
       tag: "span",
-      attrs: r.attrs
+      attrs: t.attrs
     }
   ]
-}), Me = () => ({
+}), Pe = () => ({
   tag: "sub"
-}), Ne = () => ({
+}), Be = () => ({
   tag: "sup"
-}), Pe = (r) => ({
+}), De = (t) => ({
   tag: [
     {
       tag: "span",
-      attrs: r.attrs
+      attrs: t.attrs
     }
   ]
-}), Be = (r) => {
+}), Ue = (t) => {
   var e;
-  return (e = r.attrs) != null && e.color ? {
+  return (e = t.attrs) != null && e.color ? {
     tag: [
       {
         tag: "span",
         attrs: {
-          style: `background-color:${r.attrs.color};`
+          style: `background-color:${t.attrs.color};`
         }
       }
     ]
   } : {
     tag: ""
   };
-}, De = (r) => {
+}, ze = (t) => {
   var e;
-  return (e = r.attrs) != null && e.color ? {
+  return (e = t.attrs) != null && e.color ? {
     tag: [
       {
         tag: "span",
         attrs: {
-          style: `color:${r.attrs.color}`
+          style: `color:${t.attrs.color}`
         }
       }
     ]
   } : {
     tag: ""
   };
-}, Ue = {
+}, He = {
   nodes: {
-    horizontal_rule: be,
-    blockquote: ye,
-    bullet_list: me,
-    code_block: ke,
-    hard_break: $e,
-    heading: we,
-    image: Te,
-    list_item: Ee,
-    ordered_list: Ce,
-    paragraph: ve,
-    emoji: Ie
+    horizontal_rule: me,
+    blockquote: ke,
+    bullet_list: $e,
+    code_block: we,
+    hard_break: Te,
+    heading: ve,
+    image: Ee,
+    list_item: Ce,
+    ordered_list: Ie,
+    paragraph: Se,
+    emoji: Le
   },
   marks: {
-    bold: Se,
-    strike: Le,
-    underline: Ae,
-    strong: Re,
-    code: xe,
-    italic: je,
-    link: Oe,
-    styled: _e,
-    subscript: Me,
-    superscript: Ne,
-    anchor: Pe,
-    highlight: Be,
-    textStyle: De
+    bold: Ae,
+    strike: Re,
+    underline: xe,
+    strong: Oe,
+    code: je,
+    italic: _e,
+    link: Me,
+    styled: Ne,
+    subscript: Pe,
+    superscript: Be,
+    anchor: De,
+    highlight: Ue,
+    textStyle: ze
   }
-}, ze = function(r) {
+}, Fe = function(t) {
   const e = {
     "&": "&amp;",
     "<": "&lt;",
     ">": "&gt;",
     '"': "&quot;",
     "'": "&#39;"
-  }, t = /[&<>"']/g, o = new RegExp(t.source);
-  return r && o.test(r) ? r.replace(t, (n) => e[n]) : r;
+  }, r = /[&<>"']/g, o = new RegExp(r.source);
+  return t && o.test(t) ? t.replace(r, (n) => e[n]) : t;
 };
-let D = !1;
-class He {
+let z = !1;
+class qe {
   constructor(e) {
-    v(this, "marks"), v(this, "nodes"), e || (e = Ue), this.marks = e.marks || [], this.nodes = e.nodes || [];
+    C(this, "marks"), C(this, "nodes"), e || (e = He), this.marks = e.marks || [], this.nodes = e.nodes || [];
   }
-  addNode(e, t) {
-    this.nodes[e] = t;
+  addNode(e, r) {
+    this.nodes[e] = r;
   }
-  addMark(e, t) {
-    this.marks[e] = t;
+  addMark(e, r) {
+    this.marks[e] = r;
   }
-  render(e, t = { optimizeImages: !1 }, o = !0) {
-    if (!D && o && (console.warn(
+  render(e, r = { optimizeImages: !1 }, o = !0) {
+    if (!z && o && (console.warn(
       "Warning ⚠️: The RichTextResolver class is deprecated and will be removed in the next major release. Please use the `@storyblok/richtext` package instead. https://github.com/storyblok/richtext/"
-    ), D = !0), e && e.content && Array.isArray(e.content)) {
+    ), z = !0), e && e.content && Array.isArray(e.content)) {
       let n = "";
       return e.content.forEach((s) => {
         n += this.renderNode(s);
-      }), t.optimizeImages ? this.optimizeImages(n, t.optimizeImages) : n;
+      }), r.optimizeImages ? this.optimizeImages(n, r.optimizeImages) : n;
     }
     return console.warn(
       `The render method must receive an Object with a "content" field.
@@ -411,55 +414,55 @@ class He {
         }`
     ), "";
   }
-  optimizeImages(e, t) {
+  optimizeImages(e, r) {
     let o = 0, n = 0, s = "", l = "";
-    typeof t != "boolean" && (typeof t.width == "number" && t.width > 0 && (s += `width="${t.width}" `, o = t.width), typeof t.height == "number" && t.height > 0 && (s += `height="${t.height}" `, n = t.height), (t.loading === "lazy" || t.loading === "eager") && (s += `loading="${t.loading}" `), typeof t.class == "string" && t.class.length > 0 && (s += `class="${t.class}" `), t.filters && (typeof t.filters.blur == "number" && t.filters.blur >= 0 && t.filters.blur <= 100 && (l += `:blur(${t.filters.blur})`), typeof t.filters.brightness == "number" && t.filters.brightness >= -100 && t.filters.brightness <= 100 && (l += `:brightness(${t.filters.brightness})`), t.filters.fill && (t.filters.fill.match(/[0-9A-F]{6}/gi) || t.filters.fill === "transparent") && (l += `:fill(${t.filters.fill})`), t.filters.format && ["webp", "png", "jpeg"].includes(t.filters.format) && (l += `:format(${t.filters.format})`), typeof t.filters.grayscale == "boolean" && t.filters.grayscale && (l += ":grayscale()"), typeof t.filters.quality == "number" && t.filters.quality >= 0 && t.filters.quality <= 100 && (l += `:quality(${t.filters.quality})`), t.filters.rotate && [90, 180, 270].includes(t.filters.rotate) && (l += `:rotate(${t.filters.rotate})`), l.length > 0 && (l = `/filters${l}`))), s.length > 0 && (e = e.replace(/<img/g, `<img ${s.trim()}`));
-    const d = o > 0 || n > 0 || l.length > 0 ? `${o}x${n}${l}` : "";
+    typeof r != "boolean" && (typeof r.width == "number" && r.width > 0 && (s += `width="${r.width}" `, o = r.width), typeof r.height == "number" && r.height > 0 && (s += `height="${r.height}" `, n = r.height), (r.loading === "lazy" || r.loading === "eager") && (s += `loading="${r.loading}" `), typeof r.class == "string" && r.class.length > 0 && (s += `class="${r.class}" `), r.filters && (typeof r.filters.blur == "number" && r.filters.blur >= 0 && r.filters.blur <= 100 && (l += `:blur(${r.filters.blur})`), typeof r.filters.brightness == "number" && r.filters.brightness >= -100 && r.filters.brightness <= 100 && (l += `:brightness(${r.filters.brightness})`), r.filters.fill && (r.filters.fill.match(/[0-9A-F]{6}/gi) || r.filters.fill === "transparent") && (l += `:fill(${r.filters.fill})`), r.filters.format && ["webp", "png", "jpeg"].includes(r.filters.format) && (l += `:format(${r.filters.format})`), typeof r.filters.grayscale == "boolean" && r.filters.grayscale && (l += ":grayscale()"), typeof r.filters.quality == "number" && r.filters.quality >= 0 && r.filters.quality <= 100 && (l += `:quality(${r.filters.quality})`), r.filters.rotate && [90, 180, 270].includes(r.filters.rotate) && (l += `:rotate(${r.filters.rotate})`), l.length > 0 && (l = `/filters${l}`))), s.length > 0 && (e = e.replace(/<img/g, `<img ${s.trim()}`));
+    const p = o > 0 || n > 0 || l.length > 0 ? `${o}x${n}${l}` : "";
     return e = e.replace(
       /a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g,
-      `a.storyblok.com/f/$1/$2.$3/m/${d}`
-    ), typeof t != "boolean" && (t.sizes || t.srcset) && (e = e.replace(/<img.*?src=["|'](.*?)["|']/g, (i) => {
-      var p, g;
-      const $ = i.match(
+      `a.storyblok.com/f/$1/$2.$3/m/${p}`
+    ), typeof r != "boolean" && (r.sizes || r.srcset) && (e = e.replace(/<img.*?src=["|'](.*?)["|']/g, (c) => {
+      var u, f;
+      const $ = c.match(
         /a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g
       );
       if ($ && $.length > 0) {
-        const E = {
-          srcset: (p = t.srcset) == null ? void 0 : p.map((m) => {
-            if (typeof m == "number")
-              return `//${$}/m/${m}x0${l} ${m}w`;
-            if (typeof m == "object" && m.length === 2) {
-              let I = 0, S = 0;
-              return typeof m[0] == "number" && (I = m[0]), typeof m[1] == "number" && (S = m[1]), `//${$}/m/${I}x${S}${l} ${I}w`;
+        const T = {
+          srcset: (u = r.srcset) == null ? void 0 : u.map((h) => {
+            if (typeof h == "number")
+              return `//${$}/m/${h}x0${l} ${h}w`;
+            if (typeof h == "object" && h.length === 2) {
+              let I = 0, A = 0;
+              return typeof h[0] == "number" && (I = h[0]), typeof h[1] == "number" && (A = h[1]), `//${$}/m/${I}x${A}${l} ${I}w`;
             }
             return "";
           }).join(", "),
-          sizes: (g = t.sizes) == null ? void 0 : g.map((m) => m).join(", ")
+          sizes: (f = r.sizes) == null ? void 0 : f.map((h) => h).join(", ")
         };
-        let w = "";
-        return E.srcset && (w += `srcset="${E.srcset}" `), E.sizes && (w += `sizes="${E.sizes}" `), i.replace(/<img/g, `<img ${w.trim()}`);
+        let S = "";
+        return T.srcset && (S += `srcset="${T.srcset}" `), T.sizes && (S += `sizes="${T.sizes}" `), c.replace(/<img/g, `<img ${S.trim()}`);
       }
-      return i;
+      return c;
     })), e;
   }
   renderNode(e) {
-    const t = [];
+    const r = [];
     e.marks && e.marks.forEach((n) => {
       const s = this.getMatchingMark(n);
-      s && s.tag !== "" && t.push(this.renderOpeningTag(s.tag));
+      s && s.tag !== "" && r.push(this.renderOpeningTag(s.tag));
     });
     const o = this.getMatchingNode(e);
-    return o && o.tag && t.push(this.renderOpeningTag(o.tag)), e.content ? e.content.forEach((n) => {
-      t.push(this.renderNode(n));
-    }) : e.text ? t.push(ze(e.text)) : o && o.singleTag ? t.push(this.renderTag(o.singleTag, " /")) : o && o.html ? t.push(o.html) : e.type === "emoji" && t.push(this.renderEmoji(e)), o && o.tag && t.push(this.renderClosingTag(o.tag)), e.marks && e.marks.slice(0).reverse().forEach((n) => {
+    return o && o.tag && r.push(this.renderOpeningTag(o.tag)), e.content ? e.content.forEach((n) => {
+      r.push(this.renderNode(n));
+    }) : e.text ? r.push(Fe(e.text)) : o && o.singleTag ? r.push(this.renderTag(o.singleTag, " /")) : o && o.html ? r.push(o.html) : e.type === "emoji" && r.push(this.renderEmoji(e)), o && o.tag && r.push(this.renderClosingTag(o.tag)), e.marks && e.marks.slice(0).reverse().forEach((n) => {
       const s = this.getMatchingMark(n);
-      s && s.tag !== "" && t.push(this.renderClosingTag(s.tag));
-    }), t.join("");
+      s && s.tag !== "" && r.push(this.renderClosingTag(s.tag));
+    }), r.join("");
   }
-  renderTag(e, t) {
-    return e.constructor === String ? `<${e}${t}>` : e.map((o) => {
+  renderTag(e, r) {
+    return e.constructor === String ? `<${e}${r}>` : e.map((o) => {
       if (o.constructor === String)
-        return `<${o}${t}>`;
+        return `<${o}${r}>`;
       {
         let n = `<${o.tag}`;
         if (o.attrs) {
@@ -469,7 +472,7 @@ class He {
               l !== null && (n += ` ${s}="${l}"`);
             }
         }
-        return `${n}${t}>`;
+        return `${n}${r}>`;
       }
     }).join("");
   }
@@ -477,22 +480,22 @@ class He {
     return this.renderTag(e, "");
   }
   renderClosingTag(e) {
-    return e.constructor === String ? `</${e}>` : e.slice(0).reverse().map((t) => t.constructor === String ? `</${t}>` : `</${t.tag}>`).join("");
+    return e.constructor === String ? `</${e}>` : e.slice(0).reverse().map((r) => r.constructor === String ? `</${r}>` : `</${r.tag}>`).join("");
   }
   getMatchingNode(e) {
-    const t = this.nodes[e.type];
-    if (typeof t == "function")
-      return t(e);
+    const r = this.nodes[e.type];
+    if (typeof r == "function")
+      return r(e);
   }
   getMatchingMark(e) {
-    const t = this.marks[e.type];
-    if (typeof t == "function")
-      return t(e);
+    const r = this.marks[e.type];
+    if (typeof r == "function")
+      return r(e);
   }
   renderEmoji(e) {
     if (e.attrs.emoji)
       return e.attrs.emoji;
-    const t = [
+    const r = [
       {
         tag: "img",
         attrs: {
@@ -503,15 +506,15 @@ class He {
         }
       }
     ];
-    return this.renderTag(t, " /");
+    return this.renderTag(r, " /");
   }
 }
-const rt = (r) => {
-  if (typeof r != "object" || typeof r._editable > "u")
+const st = (t) => {
+  if (typeof t != "object" || typeof t._editable > "u")
     return {};
   try {
     const e = JSON.parse(
-      r._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, "")
+      t._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, "")
     );
     return e ? {
       "data-blok-c": JSON.stringify(e),
@@ -521,39 +524,39 @@ const rt = (r) => {
     return {};
   }
 };
-function Fe(r, e) {
+function Ge(t, e) {
   if (!e)
-    return { src: r, attrs: {} };
-  let t = 0, o = 0;
+    return { src: t, attrs: {} };
+  let r = 0, o = 0;
   const n = {}, s = [];
-  function l(i, p, g, $, E) {
-    typeof i != "number" || i <= p || i >= g ? console.warn(`[StoryblokRichText] - ${$.charAt(0).toUpperCase() + $.slice(1)} value must be a number between ${p} and ${g} (inclusive)`) : E.push(`${$}(${i})`);
+  function l(c, u, f, $, T) {
+    typeof c != "number" || c <= u || c >= f ? console.warn(`[StoryblokRichText] - ${$.charAt(0).toUpperCase() + $.slice(1)} value must be a number between ${u} and ${f} (inclusive)`) : T.push(`${$}(${c})`);
   }
   if (typeof e == "object") {
-    if (typeof e.width == "number" && e.width > 0 ? (n.width = e.width, t = e.width) : console.warn("[StoryblokRichText] - Width value must be a number greater than 0"), e.height && typeof e.height == "number" && e.height > 0 ? (n.height = e.height, o = e.height) : console.warn("[StoryblokRichText] - Height value must be a number greater than 0"), e.loading && ["lazy", "eager"].includes(e.loading) && (n.loading = e.loading), e.class && (n.class = e.class), e.filters) {
-      const { filters: i } = e || {}, { blur: p, brightness: g, fill: $, format: E, grayscale: w, quality: m, rotate: I } = i || {};
-      p && l(p, 0, 100, "blur", s), m && l(m, 0, 100, "quality", s), g && l(g, 0, 100, "brightness", s), $ && s.push(`fill(${$})`), w && s.push("grayscale()"), I && [0, 90, 180, 270].includes(e.filters.rotate || 0) && s.push(`rotate(${I})`), E && ["webp", "png", "jpeg"].includes(E) && s.push(`format(${E})`);
+    if (typeof e.width == "number" && e.width > 0 ? (n.width = e.width, r = e.width) : console.warn("[StoryblokRichText] - Width value must be a number greater than 0"), e.height && typeof e.height == "number" && e.height > 0 ? (n.height = e.height, o = e.height) : console.warn("[StoryblokRichText] - Height value must be a number greater than 0"), e.loading && ["lazy", "eager"].includes(e.loading) && (n.loading = e.loading), e.class && (n.class = e.class), e.filters) {
+      const { filters: c } = e || {}, { blur: u, brightness: f, fill: $, format: T, grayscale: S, quality: h, rotate: I } = c || {};
+      u && l(u, 0, 100, "blur", s), h && l(h, 0, 100, "quality", s), f && l(f, 0, 100, "brightness", s), $ && s.push(`fill(${$})`), S && s.push("grayscale()"), I && [0, 90, 180, 270].includes(e.filters.rotate || 0) && s.push(`rotate(${I})`), T && ["webp", "png", "jpeg"].includes(T) && s.push(`format(${T})`);
     }
-    e.srcset && (n.srcset = e.srcset.map((i) => {
-      if (typeof i == "number")
-        return `${r}/m/${i}x0/${s.length > 0 ? `filters:${s.join(":")}` : ""} ${i}w`;
-      if (Array.isArray(i) && i.length === 2) {
-        const [p, g] = i;
-        return `${r}/m/${p}x${g}/${s.length > 0 ? `filters:${s.join(":")}` : ""} ${p}w`;
+    e.srcset && (n.srcset = e.srcset.map((c) => {
+      if (typeof c == "number")
+        return `${t}/m/${c}x0/${s.length > 0 ? `filters:${s.join(":")}` : ""} ${c}w`;
+      if (Array.isArray(c) && c.length === 2) {
+        const [u, f] = c;
+        return `${t}/m/${u}x${f}/${s.length > 0 ? `filters:${s.join(":")}` : ""} ${u}w`;
       } else {
         console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");
         return;
       }
     }).join(", ")), e.sizes && (n.sizes = e.sizes.join(", "));
   }
-  let d = `${r}/m/`;
-  return t > 0 && o > 0 && (d = `${d}${t}x${o}/`), s.length > 0 && (d = `${d}filters:${s.join(":")}`), {
-    src: d,
+  let p = `${t}/m/`;
+  return r > 0 && o > 0 && (p = `${p}${r}x${o}/`), s.length > 0 && (p = `${p}filters:${s.join(":")}`), {
+    src: p,
     attrs: n
   };
 }
-var y = /* @__PURE__ */ ((r) => (r.DOCUMENT = "doc", r.HEADING = "heading", r.PARAGRAPH = "paragraph", r.QUOTE = "blockquote", r.OL_LIST = "ordered_list", r.UL_LIST = "bullet_list", r.LIST_ITEM = "list_item", r.CODE_BLOCK = "code_block", r.HR = "horizontal_rule", r.BR = "hard_break", r.IMAGE = "image", r.EMOJI = "emoji", r.COMPONENT = "blok", r.TABLE = "table", r.TABLE_ROW = "tableRow", r.TABLE_CELL = "tableCell", r.TABLE_HEADER = "tableHeader", r))(y || {}), C = /* @__PURE__ */ ((r) => (r.BOLD = "bold", r.STRONG = "strong", r.STRIKE = "strike", r.UNDERLINE = "underline", r.ITALIC = "italic", r.CODE = "code", r.LINK = "link", r.ANCHOR = "anchor", r.STYLED = "styled", r.SUPERSCRIPT = "superscript", r.SUBSCRIPT = "subscript", r.TEXT_STYLE = "textStyle", r.HIGHLIGHT = "highlight", r))(C || {}), F = /* @__PURE__ */ ((r) => (r.TEXT = "text", r))(F || {}), L = /* @__PURE__ */ ((r) => (r.URL = "url", r.STORY = "story", r.ASSET = "asset", r.EMAIL = "email", r))(L || {});
-const qe = [
+var m = /* @__PURE__ */ ((t) => (t.DOCUMENT = "doc", t.HEADING = "heading", t.PARAGRAPH = "paragraph", t.QUOTE = "blockquote", t.OL_LIST = "ordered_list", t.UL_LIST = "bullet_list", t.LIST_ITEM = "list_item", t.CODE_BLOCK = "code_block", t.HR = "horizontal_rule", t.BR = "hard_break", t.IMAGE = "image", t.EMOJI = "emoji", t.COMPONENT = "blok", t.TABLE = "table", t.TABLE_ROW = "tableRow", t.TABLE_CELL = "tableCell", t.TABLE_HEADER = "tableHeader", t))(m || {}), E = /* @__PURE__ */ ((t) => (t.BOLD = "bold", t.STRONG = "strong", t.STRIKE = "strike", t.UNDERLINE = "underline", t.ITALIC = "italic", t.CODE = "code", t.LINK = "link", t.ANCHOR = "anchor", t.STYLED = "styled", t.SUPERSCRIPT = "superscript", t.SUBSCRIPT = "subscript", t.TEXT_STYLE = "textStyle", t.HIGHLIGHT = "highlight", t))(E || {}), G = /* @__PURE__ */ ((t) => (t.TEXT = "text", t))(G || {}), L = /* @__PURE__ */ ((t) => (t.URL = "url", t.STORY = "story", t.ASSET = "asset", t.EMAIL = "email", t))(L || {});
+const Ke = [
   "area",
   "base",
   "br",
@@ -568,242 +571,248 @@ const qe = [
   "source",
   "track",
   "wbr"
-], Ge = (r = {}) => Object.keys(r).map((e) => `${e}="${r[e]}"`).join(" "), Ke = (r = {}) => Object.keys(r).map((e) => `${e}: ${r[e]}`).join("; ");
-function Je(r) {
-  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+], We = (t = {}) => Object.keys(t).map((e) => `${e}="${t[e]}"`).join(" "), Je = (t = {}) => Object.keys(t).map((e) => `${e}: ${t[e]}`).join("; ");
+function Ye(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const R = (r) => Object.fromEntries(Object.entries(r).filter(([e, t]) => t !== void 0));
-function U(r, e = {}, t) {
-  const o = Ge(e), n = o ? `${r} ${o}` : r, s = Array.isArray(t) ? t.join("") : t || "";
-  if (r) {
-    if (qe.includes(r))
+const x = (t) => Object.fromEntries(Object.entries(t).filter(([e, r]) => r !== void 0));
+function H(t, e = {}, r) {
+  const o = We(e), n = o ? `${t} ${o}` : t, s = Array.isArray(r) ? r.join("") : r || "";
+  if (t) {
+    if (Ke.includes(t))
       return `<${n}>`;
   } else return s;
-  return `<${n}>${s}</${r}>`;
+  return `<${n}>${s}</${t}>`;
 }
-function ot(r = {}) {
-  let e = 0;
-  const {
-    renderFn: t = U,
-    textFn: o = Je,
+function nt(t = {}) {
+  const e = /* @__PURE__ */ new Map(), {
+    renderFn: r = H,
+    textFn: o = Ye,
     resolvers: n = {},
     optimizeImages: s = !1,
     keyedResolvers: l = !1
-  } = r, d = t !== U, i = (a) => (c) => {
-    const u = c.attrs || {};
-    return l && (u.key = `${a}-${e}`), t(a, u, c.children || null);
-  }, p = (a) => {
-    const { src: c, alt: u, title: f, srcset: T, sizes: b } = a.attrs || {};
-    let h = c, k = {};
+  } = t, p = r !== H, c = () => ({ render: (a, i = {}, d) => {
+    if (l && a) {
+      const g = e.get(a) || 0;
+      e.set(a, g + 1), i.key = `${a}-${g}`;
+    }
+    return r(a, i, d);
+  } }), u = (a) => (i, d) => {
+    const g = i.attrs || {};
+    return d.render(a, g, i.children || null);
+  }, f = (a, i) => {
+    const { src: d, alt: g, title: b, srcset: w, sizes: y } = a.attrs || {};
+    let k = d, v = {};
     if (s) {
-      const { src: X, attrs: Z } = Fe(c, s);
-      h = X, k = Z;
+      const { src: Q, attrs: ee } = Ge(d, s);
+      k = Q, v = ee;
     }
-    l && (k = {
-      ...k,
-      key: `img-${e}`
-    });
-    const V = {
-      src: h,
-      alt: u,
-      title: f,
-      srcset: T,
-      sizes: b,
-      ...k
+    const Z = {
+      src: k,
+      alt: g,
+      title: b,
+      srcset: w,
+      sizes: y,
+      ...v
     };
-    return t("img", R(V));
-  }, g = (a) => {
-    const { level: c, ...u } = a.attrs || {}, f = {
-      ...u
-    };
-    return l && (f.key = `h${c}-${e}`), t(`h${c}`, f, a.children);
-  }, $ = (a) => {
-    var c, u, f, T;
-    const b = t("img", {
-      src: (c = a.attrs) == null ? void 0 : c.fallbackImage,
-      alt: (u = a.attrs) == null ? void 0 : u.alt,
+    return i.render("img", x(Z));
+  }, $ = (a, i) => {
+    const { level: d, ...g } = a.attrs || {};
+    return i.render(`h${d}`, g, a.children);
+  }, T = (a, i) => {
+    var d, g, b, w;
+    const y = i.render("img", {
+      src: (d = a.attrs) == null ? void 0 : d.fallbackImage,
+      alt: (g = a.attrs) == null ? void 0 : g.alt,
       style: "width: 1.25em; height: 1.25em; vertical-align: text-top",
       draggable: "false",
       loading: "lazy"
-    }), h = {
+    });
+    return i.render("span", {
       "data-type": "emoji",
-      "data-name": (f = a.attrs) == null ? void 0 : f.name,
-      "data-emoji": (T = a.attrs) == null ? void 0 : T.emoji
-    };
-    return l && (h.key = `emoji-${e}`), t("span", h, b);
-  }, E = (a) => t("pre", {
-    ...a.attrs,
-    key: `code-${e}`
-  }, t("code", { key: `code-${e}` }, a.children || "")), w = (a, c = !1) => ({ text: u, attrs: f }) => {
-    const { class: T, id: b, ...h } = f || {}, k = c ? {
-      class: T,
-      id: b,
-      style: Ke(h) || void 0
-    } : f || {};
-    return l && (k.key = `${a}-${e}`), t(a, R(k), u);
-  }, m = (a) => x(a), I = (a) => {
-    const { marks: c, ...u } = a;
-    return "text" in a ? c ? c.reduce(
-      (f, T) => m({ ...T, text: f }),
-      // Fix: Ensure render function returns a string
-      m({ ...u, children: u.children })
-      // Fix: Cast children to string
-    ) : o(u.text) : "";
-  }, S = (a) => {
-    const { linktype: c, href: u, anchor: f, ...T } = a.attrs || {};
-    let b = "";
-    switch (c) {
+      "data-name": (b = a.attrs) == null ? void 0 : b.name,
+      "data-emoji": (w = a.attrs) == null ? void 0 : w.emoji
+    }, y);
+  }, S = (a, i) => i.render(
+    "pre",
+    a.attrs || {},
+    i.render("code", {}, a.children || "")
+  ), h = (a, i = !1) => ({ text: d, attrs: g }, b) => {
+    const { class: w, id: y, ...k } = g || {}, v = i ? {
+      class: w,
+      id: y,
+      style: Je(k) || void 0
+    } : g || {};
+    return b.render(a, x(v), d);
+  }, I = (a) => O(a), A = (a) => {
+    const { marks: i, ...d } = a;
+    if ("text" in a) {
+      if (i)
+        return i.reduce(
+          (b, w) => I({ ...w, text: b }),
+          I({ ...d, children: d.children })
+        );
+      const g = a.attrs || {};
+      if (l) {
+        const b = e.get("txt") || 0;
+        e.set("txt", b + 1), g.key = `txt-${b}`;
+      }
+      return o(d.text, g);
+    }
+    return "";
+  }, _ = (a, i) => {
+    const { linktype: d, href: g, anchor: b, ...w } = a.attrs || {};
+    let y = "";
+    switch (d) {
       case L.ASSET:
       case L.URL:
-        b = u;
+        y = g;
         break;
       case L.EMAIL:
-        b = `mailto:${u}`;
+        y = `mailto:${g}`;
         break;
       case L.STORY:
-        b = u, f && (b = `${b}#${f}`);
+        y = g, b && (y = `${y}#${b}`);
         break;
       default:
-        b = u;
+        y = g;
         break;
     }
-    const h = { ...T };
-    return b && (h.href = b), l && (h.key = `a-${e}`), t("a", h, a.text);
-  }, q = (a) => {
-    var c, u;
-    return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"), t("span", {
-      blok: (c = a == null ? void 0 : a.attrs) == null ? void 0 : c.body[0],
-      id: (u = a.attrs) == null ? void 0 : u.id,
-      key: `component-${e}`,
+    const k = { ...w };
+    return y && (k.href = y), i.render("a", k, a.text);
+  }, K = (a, i) => {
+    var d, g;
+    return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"), i.render("span", {
+      blok: (d = a == null ? void 0 : a.attrs) == null ? void 0 : d.body[0],
+      id: (g = a.attrs) == null ? void 0 : g.id,
       style: "display: none"
     });
-  }, G = (a) => {
-    const c = {};
-    return l && (c.key = `table-${e}`), t("table", c, a.children);
-  }, K = (a) => {
-    const c = {};
-    return l && (c.key = `tr-${e}`), t("tr", c, a.children);
-  }, J = (a) => {
-    const { colspan: c, rowspan: u, colwidth: f, backgroundColor: T, ...b } = a.attrs || {}, h = {
-      ...b
+  }, W = (a, i) => {
+    const d = {}, g = i.render("tbody", {}, a.children);
+    return i.render("table", d, g);
+  }, J = (a, i) => {
+    const d = {};
+    return i.render("tr", d, a.children);
+  }, Y = (a, i) => {
+    const { colspan: d, rowspan: g, colwidth: b, backgroundColor: w, ...y } = a.attrs || {}, k = {
+      ...y
     };
-    c > 1 && (h.colspan = c), u > 1 && (h.rowspan = u);
-    const k = [];
-    return f && k.push(`width: ${f}px;`), T && k.push(`background-color: ${T};`), k.length > 0 && (h.style = k.join(" ")), l && (h.key = `td-${e}`), t("td", R(h), a.children);
-  }, W = (a) => {
-    const { colspan: c, rowspan: u, colwidth: f, backgroundColor: T, ...b } = a.attrs || {}, h = {
-      ...b
+    d > 1 && (k.colspan = d), g > 1 && (k.rowspan = g);
+    const v = [];
+    return b && v.push(`width: ${b}px;`), w && v.push(`background-color: ${w};`), v.length > 0 && (k.style = v.join(" ")), i.render("td", x(k), a.children);
+  }, V = (a, i) => {
+    const { colspan: d, rowspan: g, colwidth: b, backgroundColor: w, ...y } = a.attrs || {}, k = {
+      ...y
     };
-    c > 1 && (h.colspan = c), u > 1 && (h.rowspan = u);
-    const k = [];
-    return f && k.push(`width: ${f}px;`), T && k.push(`background-color: ${T};`), k.length > 0 && (h.style = k.join(" ")), l && (h.key = `th-${e}`), t("th", R(h), a.children);
-  }, Y = new Map([
-    [y.DOCUMENT, i("")],
-    [y.HEADING, g],
-    [y.PARAGRAPH, i("p")],
-    [y.UL_LIST, i("ul")],
-    [y.OL_LIST, i("ol")],
-    [y.LIST_ITEM, i("li")],
-    [y.IMAGE, p],
-    [y.EMOJI, $],
-    [y.CODE_BLOCK, E],
-    [y.HR, i("hr")],
-    [y.BR, i("br")],
-    [y.QUOTE, i("blockquote")],
-    [y.COMPONENT, q],
-    [F.TEXT, I],
-    [C.LINK, S],
-    [C.ANCHOR, S],
-    [C.STYLED, w("span", !0)],
-    [C.BOLD, w("strong")],
-    [C.TEXT_STYLE, w("span", !0)],
-    [C.ITALIC, w("em")],
-    [C.UNDERLINE, w("u")],
-    [C.STRIKE, w("s")],
-    [C.CODE, w("code")],
-    [C.SUPERSCRIPT, w("sup")],
-    [C.SUBSCRIPT, w("sub")],
-    [C.HIGHLIGHT, w("mark")],
-    [y.TABLE, G],
-    [y.TABLE_ROW, K],
-    [y.TABLE_CELL, J],
-    [y.TABLE_HEADER, W],
-    ...Object.entries(n).map(([a, c]) => [a, c])
+    d > 1 && (k.colspan = d), g > 1 && (k.rowspan = g);
+    const v = [];
+    return b && v.push(`width: ${b}px;`), w && v.push(`background-color: ${w};`), v.length > 0 && (k.style = v.join(" ")), i.render("th", x(k), a.children);
+  }, X = new Map([
+    [m.DOCUMENT, u("")],
+    [m.HEADING, $],
+    [m.PARAGRAPH, u("p")],
+    [m.UL_LIST, u("ul")],
+    [m.OL_LIST, u("ol")],
+    [m.LIST_ITEM, u("li")],
+    [m.IMAGE, f],
+    [m.EMOJI, T],
+    [m.CODE_BLOCK, S],
+    [m.HR, u("hr")],
+    [m.BR, u("br")],
+    [m.QUOTE, u("blockquote")],
+    [m.COMPONENT, K],
+    [G.TEXT, A],
+    [E.LINK, _],
+    [E.ANCHOR, _],
+    [E.STYLED, h("span", !0)],
+    [E.BOLD, h("strong")],
+    [E.TEXT_STYLE, h("span", !0)],
+    [E.ITALIC, h("em")],
+    [E.UNDERLINE, h("u")],
+    [E.STRIKE, h("s")],
+    [E.CODE, h("code")],
+    [E.SUPERSCRIPT, h("sup")],
+    [E.SUBSCRIPT, h("sub")],
+    [E.HIGHLIGHT, h("mark")],
+    [m.TABLE, W],
+    [m.TABLE_ROW, J],
+    [m.TABLE_CELL, Y],
+    [m.TABLE_HEADER, V],
+    ...Object.entries(n).map(([a, i]) => [a, i])
   ]);
-  function A(a) {
-    e += 1;
-    const c = Y.get(a.type);
-    if (!c)
+  function R(a) {
+    const i = X.get(a.type);
+    if (!i)
       return console.error("<Storyblok>", `No resolver found for node type ${a.type}`), "";
+    const d = c();
     if (a.type === "text")
-      return c(a);
-    const u = a.content ? a.content.map(x) : void 0;
-    return c({
+      return i(a, d);
+    const g = a.content ? a.content.map(O) : void 0;
+    return i({
       ...a,
-      children: u
-      // Fix: Update the type of 'children' to Node[]
-    });
+      children: g
+    }, d);
   }
-  function x(a) {
-    return a.type === "doc" ? d ? a.content.map(A) : a.content.map(A).join("") : Array.isArray(a) ? a.map(A) : A(a);
+  function O(a) {
+    return a.type === "doc" ? p ? a.content.map(R) : a.content.map(R).join("") : Array.isArray(a) ? a.map(R) : R(a);
   }
   return {
-    render: x
+    render: O
   };
 }
-let We, Ye = "https://app.storyblok.com/f/storyblok-v2-latest.js";
-const Ve = (r, e) => {
-  r.addNode("blok", (t) => {
+let Ve, Xe = "https://app.storyblok.com/f/storyblok-v2-latest.js";
+const Ze = (t, e) => {
+  t.addNode("blok", (r) => {
     let o = "";
-    return t.attrs.body.forEach((n) => {
+    return r.attrs.body.forEach((n) => {
       o += e(n.component, n);
     }), {
       html: o
     };
   });
-}, Xe = (r) => {
+}, Qe = (t) => {
   var e;
-  return !r || !((e = r == null ? void 0 : r.content) != null && e.some((t) => t.content || t.type === "blok" || t.type === "horizontal_rule"));
-}, Ze = (r, e, t) => {
-  let o = t || We;
+  return !t || !((e = t == null ? void 0 : t.content) != null && e.some((r) => r.content || r.type === "blok" || r.type === "horizontal_rule"));
+}, et = (t, e, r) => {
+  let o = r || Ve;
   if (!o) {
     console.error(
       "Please initialize the Storyblok SDK before calling the renderRichText function"
     );
     return;
   }
-  return Xe(r) ? "" : (e && (o = new He(e.schema), e.resolver && Ve(o, e.resolver)), o.render(r, {}, !1));
-}, st = () => ue(Ye);
-function nt() {
+  return Qe(t) ? "" : (e && (o = new qe(e.schema), e.resolver && Ze(o, e.resolver)), o.render(t, {}, !1));
+}, at = () => ge(Xe);
+function lt() {
   if (!(globalThis != null && globalThis.storyblokApiInstance))
     throw new Error("storyblokApiInstance has not been initialized correctly");
   return globalThis.storyblokApiInstance;
 }
-async function at(r) {
+async function it(t) {
   let e = null;
-  return r && r.locals._storyblok_preview_data && (e = r.locals._storyblok_preview_data), e;
+  return t && t.locals._storyblok_preview_data && (e = t.locals._storyblok_preview_data), e;
 }
-function lt(r, e) {
+function ct(t, e) {
   var o;
-  const t = (o = globalThis == null ? void 0 : globalThis.storyblokApiInstance) == null ? void 0 : o.richTextResolver;
-  if (!t)
+  const r = (o = globalThis == null ? void 0 : globalThis.storyblokApiInstance) == null ? void 0 : o.richTextResolver;
+  if (!r)
     throw new Error(
       "Please initialize the Storyblok SDK before calling the renderRichText function"
     );
-  return Ze(r, e, t);
+  return et(t, e, r);
 }
-function Qe(r) {
-  return typeof r == "object" ? `const storyblokInstance = new StoryblokBridge(${JSON.stringify(r)});` : "const storyblokInstance = new StoryblokBridge();";
+function tt(t) {
+  return typeof t == "object" ? `const storyblokInstance = new StoryblokBridge(${JSON.stringify(t)});` : "const storyblokInstance = new StoryblokBridge();";
 }
-function it(r) {
+function ut(t) {
   const e = {
     useCustomApi: !1,
     bridge: !0,
     componentsDir: "src",
     enableFallbackComponent: !1,
     livePreview: !1,
-    ...r
-  }, t = Qe(e.bridge);
+    ...t
+  }, r = tt(e.bridge);
   return {
     name: "@storyblok/astro",
     hooks: {
@@ -812,26 +821,26 @@ function it(r) {
         updateConfig: n,
         addDevToolbarApp: s,
         addMiddleware: l,
-        config: d
+        config: p
       }) => {
         if (n({
           vite: {
             plugins: [
-              ie(
+              ue(
                 e.accessToken,
                 e.useCustomApi,
                 e.apiOptions
               ),
-              le(
+              ce(
                 e.componentsDir,
                 e.components,
                 e.enableFallbackComponent,
                 e.customFallbackComponent
               ),
-              ce(e)
+              de(e)
             ]
           }
-        }), e.livePreview && (d == null ? void 0 : d.output) !== "server")
+        }), e.livePreview && (p == null ? void 0 : p.output) !== "server")
           throw new Error(
             "To utilize the Astro Storyblok Live feature, Astro must be configured to run in SSR mode. Please disable this feature or switch Astro to SSR mode."
           );
@@ -846,7 +855,7 @@ function it(r) {
           `import { loadStoryblokBridge } from "@storyblok/astro";
               loadStoryblokBridge().then(() => {
                 const { StoryblokBridge, location } = window;
-                ${t}
+                ${r}
                 storyblokInstance.on(["published", "change"], (event) => {
                   if (!event.slugChanged) {
                     location.reload(true);
@@ -859,7 +868,7 @@ function it(r) {
           `import { loadStoryblokBridge, handleStoryblokMessage } from "@storyblok/astro";
                 loadStoryblokBridge().then(() => {
                   const { StoryblokBridge, location } = window;
-                  ${t}
+                  ${r}
                   storyblokInstance.on(["published", "change", "input"], handleStoryblokMessage);
                 });
               `
@@ -869,61 +878,61 @@ function it(r) {
         })), s({
           id: "storyblok",
           name: "Storyblok",
-          icon: Q,
+          icon: te,
           entrypoint: "@storyblok/astro/toolbarApp.ts"
         });
       }
     }
   };
 }
-let z;
-async function ct(r) {
-  const { action: e, story: t } = r || {};
-  if (e === "input" && t) {
+let F;
+async function dt(t) {
+  const { action: e, story: r } = t || {};
+  if (e === "input" && r) {
     const o = async () => {
-      const s = await tt(t), l = document.body;
+      const s = await ot(r), l = document.body;
       if (s.outerHTML === l.outerHTML)
         return;
-      const d = document.querySelector('[data-blok-focused="true"]');
-      et(l, s, d), document.dispatchEvent(new Event("storyblok-live-preview-updated"));
+      const p = document.querySelector('[data-blok-focused="true"]');
+      rt(l, s, p), document.dispatchEvent(new Event("storyblok-live-preview-updated"));
     };
-    clearTimeout(z), z = setTimeout(o, 500);
+    clearTimeout(F), F = setTimeout(o, 500);
   }
-  ["published", "change"].includes(r == null ? void 0 : r.action) && location.reload();
+  ["published", "change"].includes(t == null ? void 0 : t.action) && location.reload();
 }
-function et(r, e, t) {
-  if (t) {
-    const o = t.getAttribute("data-blok-uid"), n = e.querySelector(
+function rt(t, e, r) {
+  if (r) {
+    const o = r.getAttribute("data-blok-uid"), n = e.querySelector(
       `[data-blok-uid="${o}"]`
     );
-    n && (n.setAttribute("data-blok-focused", "true"), t.replaceWith(n));
+    n && (n.setAttribute("data-blok-focused", "true"), r.replaceWith(n));
   } else
-    r.replaceWith(e);
+    t.replaceWith(e);
 }
-async function tt(r) {
-  const t = await (await fetch(location.href, {
+async function ot(t) {
+  const r = await (await fetch(location.href, {
     method: "POST",
     body: JSON.stringify({
-      ...r,
+      ...t,
       is_storyblok_preview: !0
     }),
     headers: {
       "Content-Type": "application/json"
     }
   })).text();
-  return new DOMParser().parseFromString(t, "text/html").body;
+  return new DOMParser().parseFromString(r, "text/html").body;
 }
 export {
-  He as RichTextResolver,
-  Ue as RichTextSchema,
-  F as TextTypes,
-  at as getLiveStory,
-  ct as handleStoryblokMessage,
-  st as loadStoryblokBridge,
-  lt as renderRichText,
-  ot as richTextResolver,
-  it as storyblok,
-  rt as storyblokEditable,
-  N as toCamelCase,
-  nt as useStoryblokApi
+  qe as RichTextResolver,
+  He as RichTextSchema,
+  G as TextTypes,
+  it as getLiveStory,
+  dt as handleStoryblokMessage,
+  at as loadStoryblokBridge,
+  ct as renderRichText,
+  nt as richTextResolver,
+  ut as storyblok,
+  st as storyblokEditable,
+  B as toCamelCase,
+  lt as useStoryblokApi
 };