kss-modern 0.0.35 → 0.0.36

package/dist/node/lib/index.mjs

@@ -918,7 +918,7 @@ async function generateFullPageFile(data) {
         <link rel="icon" type="image/svg+xml" href="/styleguide-assets/favicon/fullpage-light.svg">
       `}
     ${data.ogImageUrl ? `<meta property="og:image" content="${data.ogImageUrl}">` : ""}
-    <script type="module" src="/styleguide-assets/fullpage-Dq-R_v0z.js"><\/script>
+    <script type="module" src="/styleguide-assets/fullpage-BDAI1D-W.js"><\/script>
     ${computedStyleTags}
 </head>
 <body${data.page.bodyclass ? ` class="${data.page.bodyclass}"` : ""}>
@@ -1741,65 +1741,65 @@ function g(t) {
   const e = document.createElement("div");
   return e.className = "absolute -bottom-3 -right-0.5 text-[11px] leading-none font-mono opacity-0 pointer-events-none whitespace-nowrap transition-opacity duration-150", t.appendChild(e), e;
 }
-function f(t, e, n) {
-  t.textContent = n ?? \`\${Math.round(e)}px\`, t.style.opacity = n ? "0.6" : "0.4";
+function f(t, e, o) {
+  t.textContent = o ?? \`\${Math.round(e)}px\`, t.style.opacity = o ? "0.6" : "0.4";
 }
 function b() {
   document.querySelectorAll(".preview-resize-container").forEach((e) => {
-    const n = e.querySelector(".preview-resize-handle");
-    if (!n)
+    const o = e.querySelector(".preview-resize-handle");
+    if (!o)
       return;
-    let s = 0, a = 0, o = null;
-    n.addEventListener("pointerdown", (i) => {
-      i.preventDefault(), s = i.clientX, a = e.offsetWidth, n.setPointerCapture(i.pointerId), e.classList.add("is-resizing"), o || (o = g(e)), f(o, a, null);
-    }), n.addEventListener("pointermove", (i) => {
-      if (!n.hasPointerCapture(i.pointerId))
+    let s = 0, i = 0, n = null;
+    o.addEventListener("pointerdown", (r) => {
+      r.preventDefault(), s = r.clientX, i = e.offsetWidth, o.setPointerCapture(r.pointerId), e.classList.add("is-resizing"), n || (n = g(e)), f(n, i, null);
+    }), o.addEventListener("pointermove", (r) => {
+      if (!o.hasPointerCapture(r.pointerId))
         return;
-      const c = i.clientX - s, r = e.parentElement?.clientWidth ?? e.offsetWidth, l = Math.max(200, Math.min(a + c, r));
-      if (l >= r)
+      const d = r.clientX - s, l = e.parentElement?.clientWidth ?? e.offsetWidth, a = Math.max(200, Math.min(i + d, l));
+      if (a >= l)
         e.style.width = "";
       else {
-        const d = m(l);
-        e.style.width = \`\${d.width}px\`;
+        const c = m(a);
+        e.style.width = \`\${c.width}px\`;
       }
-      if (o) {
-        const d = e.offsetWidth, y = m(d);
-        f(o, d, y.label);
+      if (n) {
+        const c = e.offsetWidth, y = m(c);
+        f(n, c, y.label);
       }
-    }), n.addEventListener("lostpointercapture", () => {
+    }), o.addEventListener("lostpointercapture", () => {
       e.classList.remove("is-resizing");
-      const i = e.parentElement?.clientWidth ?? 0;
-      e.offsetWidth >= i ? (e.style.width = "", e.classList.remove("is-resized"), o && (o.style.opacity = "")) : (e.classList.add("is-resized"), o && (o.style.opacity = "0.4"));
-    }), n.addEventListener("dblclick", () => {
-      e.style.width = "", e.classList.remove("is-resized"), o && (o.style.opacity = "");
+      const r = e.parentElement?.clientWidth ?? 0;
+      e.offsetWidth >= r ? (e.style.width = "", e.classList.remove("is-resized"), n && (n.style.opacity = "")) : (e.classList.add("is-resized"), n && (n.style.opacity = "0.4"));
+    }), o.addEventListener("dblclick", () => {
+      e.style.width = "", e.classList.remove("is-resized"), n && (n.style.opacity = "");
     });
   });
 }
 const E = 5e3;
 async function L(t) {
-  const e = (n) => {
-    const s = n.contentWindow?.document;
+  const e = (o) => {
+    const s = o.contentWindow?.document;
     if (!s)
       return !1;
-    const a = s.body && s.body.children.length > 0, o = s.readyState === "complete";
-    return a && o && s.body.children.length > 0;
+    const i = s.body && s.body.children.length > 0, n = s.readyState === "complete";
+    return i && n && s.body.children.length > 0;
   };
   await Promise.allSettled(
-    t.map((n) => new Promise((s) => {
-      const a = setInterval(() => {
-        if (e(n))
-          return clearInterval(a), s();
+    t.map((o) => new Promise((s) => {
+      const i = setInterval(() => {
+        if (e(o))
+          return clearInterval(i), s();
       }, 100);
-      setTimeout(() => (clearInterval(a), s()), E);
+      setTimeout(() => (clearInterval(i), s()), E);
     }))
   );
 }
-function u(t) {
+function h(t) {
   const e = t.contentWindow?.document;
   if (!e)
     throw new Error("iFrame was not fully loaded yet");
   t.style.height = "0px", t.offsetHeight;
-  const n = Math.max(
+  const o = Math.max(
     e.documentElement.scrollHeight,
     e.body.scrollHeight,
     e.documentElement.offsetHeight,
@@ -1807,61 +1807,63 @@ function u(t) {
     e.documentElement.clientHeight,
     e.body.clientHeight
   );
-  t.style.height = \`\${n}px\`;
+  t.style.height = \`\${o}px\`;
 }
 function p() {
   document.body.classList.add("js-loaded");
 }
 const I = async (t) => {
   if (await L(t), t.forEach((e) => {
-    u(e);
-    const n = e.contentWindow;
-    if (!n)
+    h(e);
+    const o = e.contentWindow;
+    if (!o)
       return;
-    new ResizeObserver(() => u(e)).observe(n.document.body);
+    new ResizeObserver(() => h(e)).observe(o.document.body), o.document.body.querySelectorAll("details").forEach((i) => {
+      i.addEventListener("toggle", () => h(e));
+    });
   }), window.addEventListener("resize", () => {
-    t.forEach((e) => u(e));
+    t.forEach((e) => h(e));
   }), window.location.hash) {
     const e = document.querySelector(window.location.hash);
-    e && (await new Promise((n) => setTimeout(n, 200)), e.scrollIntoView());
+    e && (await new Promise((o) => setTimeout(o, 200)), e.scrollIntoView());
   }
   p();
-}, h = {
+}, u = {
   normal: "theme-normal",
   light: "theme-light",
   dark: "theme-dark"
 };
 function S(t) {
   const e = window.matchMedia("(prefers-color-scheme: dark)");
-  function n() {
-    const o = localStorage.getItem("in2theme");
-    return o || (localStorage.setItem("in2theme", "normal"), "normal");
+  function o() {
+    const n = localStorage.getItem("in2theme");
+    return n || (localStorage.setItem("in2theme", "normal"), "normal");
   }
   function s() {
-    const o = n();
-    let i = h[o] ?? h.normal;
-    o === "normal" && e.matches && (i = h.dark);
-    const c = (r) => {
-      Object.values(h).forEach((l) => r.classList.remove(l));
+    const n = o();
+    let r = u[n] ?? u.normal;
+    n === "normal" && e.matches && (r = u.dark);
+    const d = (l) => {
+      Object.values(u).forEach((a) => l.classList.remove(a));
     };
-    c(t), t.classList.add(i), c(document.body), document.body.classList.add(i), document.querySelectorAll("iframe").forEach((r) => {
-      c(r), r.classList.add(i);
-    }), Array.from(document.querySelectorAll("iframe")).filter((r) => r.src.includes("embed.figma.com")).forEach((r) => {
-      const l = new URL(r.src);
-      l.searchParams.set("theme", o === "normal" ? "system" : o), r.src = l.href;
+    d(t), t.classList.add(r), d(document.body), document.body.classList.add(r), document.querySelectorAll("iframe").forEach((l) => {
+      d(l), l.classList.add(r);
+    }), Array.from(document.querySelectorAll("iframe")).filter((l) => l.src.includes("embed.figma.com")).forEach((l) => {
+      const a = new URL(l.src);
+      a.searchParams.set("theme", n === "normal" ? "system" : n), l.src = a.href;
     }), setTimeout(() => {
       document.body.classList.add("allow-transitions");
     }, 500);
   }
   s();
-  const a = t.querySelector(\`input[value="\${n()}"]\`);
-  a && (a.checked = !0), t.addEventListener("change", () => {
-    const o = t.querySelector('input[name="theme"]:checked');
-    if (!o)
+  const i = t.querySelector(\`input[value="\${o()}"]\`);
+  i && (i.checked = !0), t.addEventListener("change", () => {
+    const n = t.querySelector('input[name="theme"]:checked');
+    if (!n)
       throw new Error("No selected theme found");
-    localStorage.setItem("in2theme", o.value), s();
+    localStorage.setItem("in2theme", n.value), s();
   }), e.addEventListener("change", () => {
-    n() === "normal" && s();
+    o() === "normal" && s();
   });
 }
 document.addEventListener("DOMContentLoaded", () => {
@@ -1872,7 +1874,7 @@ document.addEventListener("DOMContentLoaded", () => {
 });
 ;
 <\/script>
-    <script type="module" src="/styleguide-assets/preview-CchyT0S6.js"><\/script>
+    <script type="module" src="/styleguide-assets/preview-DqYxDUCI.js"><\/script>
     <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">
     <link rel="preload" href="/styleguide-assets/fonts/geist-mono-latin-300-normal.woff2" as="font" type="font/woff2" crossorigin="anonymous">

package/dist/styleguide-assets/.vite/manifest.json

@@ -11,8 +11,8 @@
       "__commonjsHelpers-C6fGbg64.js"
     ]
   },
-  "_preview-CSRIz9iH.js": {
-    "file": "preview-CSRIz9iH.js",
+  "_preview-D7dbEILL.js": {
+    "file": "preview-D7dbEILL.js",
     "name": "preview",
     "dynamicImports": [
       "client/lib/html-validator.ts",
@@ -22,7 +22,7 @@
     ]
   },
   "client/fullpage.ts": {
-    "file": "fullpage-Dq-R_v0z.js",
+    "file": "fullpage-BDAI1D-W.js",
     "name": "fullpage",
     "src": "client/fullpage.ts",
     "isEntry": true,
@@ -32,12 +32,12 @@
     ]
   },
   "client/lib/clipboard.ts": {
-    "file": "clipboard-CqnSM003.js",
+    "file": "clipboard-fIRT4e5F.js",
     "name": "clipboard",
     "src": "client/lib/clipboard.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_preview-CSRIz9iH.js"
+      "_preview-D7dbEILL.js"
     ]
   },
   "client/lib/editor-select.ts": {
@@ -47,40 +47,40 @@
     "isDynamicEntry": true
   },
   "client/lib/html-validator.ts": {
-    "file": "html-validator-BX35WeTe.js",
+    "file": "html-validator-Bb9twirU.js",
     "name": "html-validator",
     "src": "client/lib/html-validator.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_preview-CSRIz9iH.js"
+      "_preview-D7dbEILL.js"
     ]
   },
   "client/lib/icons.ts": {
-    "file": "icons-TyOa-vP5.js",
+    "file": "icons-XzCNGhMu.js",
     "name": "icons",
     "src": "client/lib/icons.ts",
     "isDynamicEntry": true,
     "imports": [
-      "_preview-CSRIz9iH.js"
+      "_preview-D7dbEILL.js"
     ]
   },
   "client/preview-inline.ts": {
-    "file": "preview-inline-Ck0PRwv3.js",
+    "file": "preview-inline-DP77Lbj_.js",
     "name": "preview-inline",
     "src": "client/preview-inline.ts",
     "isEntry": true
   },
   "client/preview.ts": {
-    "file": "preview-CchyT0S6.js",
+    "file": "preview-DqYxDUCI.js",
     "name": "preview",
     "src": "client/preview.ts",
     "isEntry": true,
     "imports": [
-      "_preview-CSRIz9iH.js"
+      "_preview-D7dbEILL.js"
     ]
   },
   "node_modules/html-validate/dist/esm/browser.js": {
-    "file": "browser-NN7v9uwW.js",
+    "file": "browser-B1euiU0Y.js",
     "name": "browser",
     "src": "node_modules/html-validate/dist/esm/browser.js",
     "isDynamicEntry": true,