@birdapi/velinstyle 1.0.0 → 1.1.0

package/dist/chunks/attributes-353XDOAX.js

@@ -0,0 +1,391 @@
+import {
+  disconnectInViewObserver,
+  observeInView
+} from "./chunk-7MCGPHVC.js";
+import {
+  lazyDefine
+} from "./chunk-QVHYL3R4.js";
+
+// core/motion/effects.js
+var VISIBLE_CLASS = "velin-in-view";
+var EFFECT_MAP = {
+  reveal: ["velin-animate-on-scroll"],
+  fade: ["velin-animate-on-scroll", "velin-animate-on-scroll--fade"],
+  slide: ["velin-animate-on-scroll", "velin-animate-on-scroll--slide-up"],
+  "slide-up": ["velin-animate-on-scroll", "velin-animate-on-scroll--slide-up"],
+  "slide-down": ["velin-animate-on-scroll", "velin-animate-on-scroll--slide-down"],
+  "slide-left": ["velin-animate-on-scroll", "velin-animate-on-scroll--slide-left"],
+  "slide-right": ["velin-animate-on-scroll", "velin-animate-on-scroll--slide-right"],
+  scale: ["velin-animate-on-scroll", "velin-animate-on-scroll--scale"],
+  parallax: ["velin-parallax"],
+  "parallax-slow": ["velin-parallax", "velin-parallax--slow"],
+  hover: ["velin-animate-hover"],
+  "hover-lift": ["velin-animate-hover"],
+  flip: ["velin-animate-scale-in"],
+  blur: ["velin-animate-fade-in"]
+};
+function applyEffects(el, attrs = {}) {
+  const classes = /* @__PURE__ */ new Set();
+  for (const [name, value] of Object.entries(attrs)) {
+    if (value === "false" || value === "off") continue;
+    const mapped = EFFECT_MAP[name];
+    if (mapped) mapped.forEach((c) => classes.add(c));
+    if (name === "slide" && value && value !== "true" && value !== "") {
+      const key = `slide-${value}`;
+      EFFECT_MAP[key]?.forEach((c) => classes.add(c));
+    }
+  }
+  classes.forEach((c) => el.classList.add(c));
+  if (!el.classList.contains("velin-animate-on-scroll") && attrs.reveal !== void 0) {
+    el.classList.add("velin-animate-on-scroll");
+  }
+  return [...classes];
+}
+function markVisible(el) {
+  el.classList.add(VISIBLE_CLASS);
+  el.dataset.velinVisible = "true";
+}
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+
+// core/motion/stagger.js
+var STAGGER_ATTR = "velin-stagger";
+function applyStagger(listEl, value = "true") {
+  const base = value === "true" || value === "" ? 60 : parseInt(value, 10) || 60;
+  const children = [...listEl.children];
+  children.forEach((child, i) => {
+    child.style.setProperty("--velin-stagger-delay", `${i * base}ms`);
+    child.classList.add("velin-stagger-item");
+  });
+  listEl.classList.add("velin-stagger");
+}
+function enhanceStagger(root = document) {
+  root.querySelectorAll(`[${STAGGER_ATTR}]`).forEach((el) => {
+    if (el.dataset.velinStaggerDone) return;
+    el.dataset.velinStaggerDone = "1";
+    applyStagger(el, el.getAttribute(STAGGER_ATTR) || "true");
+  });
+}
+
+// core/motion/scroll.js
+function smoothScrollTo(target, options = {}) {
+  const reduced = typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  const el = typeof target === "string" ? document.querySelector(target) : target;
+  if (!el) return;
+  el.scrollIntoView({
+    behavior: reduced || options.instant ? "auto" : "smooth",
+    block: options.block || "start",
+    inline: options.inline || "nearest"
+  });
+  if (el.tabIndex < 0 && !el.hasAttribute("tabindex")) {
+    el.setAttribute("tabindex", "-1");
+  }
+  el.focus({ preventScroll: true });
+}
+function bindSmoothScroll(root = document) {
+  root.querySelectorAll("[velin-scroll]").forEach((link) => {
+    if (link.dataset.velinScrollBound) return;
+    link.dataset.velinScrollBound = "1";
+    link.addEventListener("click", (e) => {
+      const href = link.getAttribute("href");
+      if (!href || !href.startsWith("#")) return;
+      const target = document.querySelector(href);
+      if (!target) return;
+      e.preventDefault();
+      smoothScrollTo(target);
+    });
+  });
+}
+
+// core/motion/index.js
+var MOTION_ATTRS = ["velin-reveal", "velin-fade", "velin-slide", "velin-scale", "velin-parallax", "velin-hover"];
+var teardownFns = [];
+function initMotion(options = {}) {
+  const root = options.root || (typeof document !== "undefined" ? document : null);
+  if (!root) return () => {
+  };
+  const selector = options.selector || [
+    "[velin-reveal]",
+    "[velin-fade]",
+    "[velin-slide]",
+    "[velin-scale]",
+    "[velin-parallax]",
+    "[velin-hover]",
+    ".velin-animate-on-scroll"
+  ].join(",");
+  const elements = root.querySelectorAll(selector);
+  const reduced = prefersReducedMotion();
+  for (const el of elements) {
+    if (el.dataset.velinMotionInit) continue;
+    el.dataset.velinMotionInit = "1";
+    const attrs = {};
+    for (const name of MOTION_ATTRS) {
+      if (el.hasAttribute(name)) attrs[name.replace("velin-", "")] = el.getAttribute(name) || "true";
+    }
+    applyEffects(el, attrs);
+    if (reduced) {
+      markVisible(el);
+      continue;
+    }
+    const stop = observeInView(el, (node) => markVisible(node));
+    teardownFns.push(stop);
+  }
+  enhanceStagger(root);
+  bindSmoothScroll(root);
+  return () => {
+    teardownFns.forEach((fn) => fn());
+    teardownFns = [];
+    disconnectInViewObserver();
+  };
+}
+
+// core/attributes/registry.js
+var registry = /* @__PURE__ */ new Map();
+function registerAttribute(name, handler) {
+  registry.set(name, handler);
+}
+function getAttributeHandler(name) {
+  return registry.get(name);
+}
+function bridgeComponent(el, tag, attrs = {}) {
+  el.setAttribute("data-velin-component", tag);
+  for (const [k, v] of Object.entries(attrs)) {
+    if (v != null) el.setAttribute(k, v);
+  }
+  return lazyDefine(tag);
+}
+function registerBuiltins() {
+  registerAttribute("velin-modal", {
+    enhance(el) {
+      bridgeComponent(el, "velin-modal", { open: el.getAttribute("velin-modal") || "" });
+    }
+  });
+  registerAttribute("velin-tabs", { enhance: (el) => bridgeComponent(el, "velin-tabs") });
+  registerAttribute("velin-accordion", { enhance: (el) => bridgeComponent(el, "velin-accordion") });
+  registerAttribute("velin-tooltip", {
+    enhance(el) {
+      const tip = el.getAttribute("velin-tooltip") || el.getAttribute("title") || "";
+      if (tip && el.hasAttribute("title")) el.removeAttribute("title");
+      if (el.tagName === "VELIN-TOOLTIP" || el.tagName === "VELIN-TOOLTIP-WC") {
+        el.setAttribute("content", tip);
+        return lazyDefine("velin-tooltip");
+      }
+      const wc = document.createElement("velin-tooltip");
+      wc.setAttribute("content", tip);
+      const parent = el.parentElement;
+      if (parent) {
+        parent.insertBefore(wc, el);
+        wc.appendChild(el);
+      }
+      return lazyDefine("velin-tooltip");
+    }
+  });
+  registerAttribute("velin-copy", {
+    enhance(el) {
+      const text = el.getAttribute("velin-copy") || el.textContent?.trim() || "";
+      if (!el.querySelector("velin-copy")) {
+        const wc = document.createElement("velin-copy");
+        wc.setAttribute("value", text);
+        if (el.tagName === "BUTTON") {
+          wc.append(...el.childNodes);
+          el.replaceWith(wc);
+          return lazyDefine("velin-copy");
+        }
+        el.appendChild(wc);
+      }
+      return lazyDefine("velin-copy");
+    }
+  });
+  registerAttribute("velin-counter", {
+    enhance(el) {
+      bridgeComponent(el, "velin-counter", {
+        value: el.getAttribute("velin-counter") || "0"
+      });
+    }
+  });
+  registerAttribute("velin-notify", {
+    async enhance(el) {
+      await lazyDefine("velin-toast");
+      el.addEventListener("click", () => {
+        const msg = el.getAttribute("velin-notify") || el.textContent || "";
+        document.dispatchEvent(
+          new CustomEvent("velin-toast-show", { detail: { message: msg, variant: el.dataset.variant || "info" } })
+        );
+      });
+    }
+  });
+  registerAttribute("velin-theme", {
+    enhance(el) {
+      const theme = el.getAttribute("velin-theme") || "toggle";
+      if (theme === "toggle") {
+        if (!el.querySelector("velin-theme-toggle")) {
+          el.appendChild(document.createElement("velin-theme-toggle"));
+        }
+        return lazyDefine("velin-theme-toggle");
+      }
+      document.documentElement.setAttribute("data-velin-theme", theme);
+    }
+  });
+  registerAttribute("velin-scroll-top", {
+    enhance(el) {
+      const raw = el.getAttribute("velin-scroll-top");
+      const threshold = raw && raw !== "true" ? raw : "300";
+      if (el.tagName === "VELIN-SCROLL-TOP") {
+        if (raw && raw !== "true") el.setAttribute("threshold", threshold);
+        return lazyDefine("velin-scroll-top");
+      }
+      let wc = document.querySelector("velin-scroll-top");
+      if (!wc) {
+        wc = document.createElement("velin-scroll-top");
+        wc.setAttribute("threshold", threshold);
+        (el === document.body || el === document.documentElement ? document.body : el).appendChild(wc);
+      }
+      return lazyDefine("velin-scroll-top");
+    }
+  });
+  registerAttribute("velin-progress", {
+    enhance(el) {
+      const ring = el.hasAttribute("ring");
+      if (ring) return bridgeComponent(el, "velin-progress-ring");
+      el.classList.add("velin-progress");
+      const val = parseInt(el.getAttribute("velin-progress") || "0", 10);
+      el.setAttribute("role", "progressbar");
+      el.setAttribute("aria-valuenow", String(val));
+      el.style.setProperty("--velin-progress", `${Math.min(100, val)}%`);
+    }
+  });
+  registerAttribute("velin-search", {
+    async enhance(el) {
+      if (el.tagName !== "VELIN-SEARCH") {
+        const host = document.createElement("velin-search");
+        host.setAttribute("index", el.getAttribute("data-search-index") || "/search-index.json");
+        el.replaceWith(host);
+        host.appendChild(el);
+      }
+      return lazyDefine("velin-search");
+    }
+  });
+  registerAttribute("velin-lazy", {
+    enhance(el) {
+      if (el.tagName === "IMG") {
+        el.loading = "lazy";
+        el.decoding = "async";
+        if (el.hasAttribute("velin-skeleton") || el.dataset.velinSkeleton) {
+          el.classList.add("velin-skeleton", "velin-skeleton--image");
+          el.addEventListener("load", () => el.classList.remove("velin-skeleton", "velin-skeleton--image"), { once: true });
+        }
+      }
+    }
+  });
+  registerAttribute("velin-skeleton", {
+    enhance(el) {
+      const variant = el.getAttribute("velin-skeleton") || "text";
+      el.classList.add("velin-skeleton", `velin-skeleton--${variant}`);
+      const hasText = Boolean(el.textContent?.trim()) && el.children.length > 0;
+      if (!hasText && !el.textContent?.trim()) {
+        el.setAttribute("aria-hidden", "true");
+      }
+    }
+  });
+  registerAttribute("velin-loading", {
+    enhance(el) {
+      el.classList.add("velin-spinner");
+      el.setAttribute("aria-busy", "true");
+      el.setAttribute("role", "status");
+      if (!el.getAttribute("aria-label")?.trim()) {
+        el.setAttribute("aria-label", "Loading");
+      }
+    }
+  });
+  registerAttribute("velin-grid", {
+    enhance(el) {
+      const cols = el.getAttribute("velin-grid") || "auto";
+      el.classList.add("velin-grid");
+      if (cols !== "auto") el.style.setProperty("--velin-grid-cols", cols);
+    }
+  });
+  registerAttribute("velin-anchor", {
+    enhance(el) {
+      if (!el.id && el.getAttribute("velin-anchor")) el.id = el.getAttribute("velin-anchor");
+      el.setAttribute("tabindex", "-1");
+    }
+  });
+  registerAttribute("velin-code", {
+    async enhance(el) {
+      const lang = el.getAttribute("velin-code") || el.getAttribute("language") || el.getAttribute("data-language") || "";
+      el.classList.add("velin-code-block");
+      if (lang && lang !== "true") {
+        el.dataset.language = lang;
+        if (!el.getAttribute("language")) el.setAttribute("language", lang);
+      }
+      if (!el.querySelector("[data-velin-copy]")) {
+        const btn = document.createElement("button");
+        btn.type = "button";
+        btn.className = "velin-code-block__copy velin-btn velin-btn--sm";
+        btn.textContent = "Copy";
+        btn.setAttribute("data-velin-copy", "");
+        btn.setAttribute("velin-copy", el.querySelector("code")?.textContent || el.textContent || "");
+        el.style.position = "relative";
+        el.appendChild(btn);
+      }
+      await lazyDefine("velin-copy");
+      const { initHighlight, highlightElement } = await import("./highlight-IBDX4XWS.js");
+      const immediate = el.getAttribute("data-velin-highlight") === "immediate" || typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+      if (immediate) {
+        await highlightElement(el);
+      } else {
+        initHighlight(el, { root: el });
+      }
+    }
+  });
+  registerAttribute("velin-quote", {
+    enhance(el) {
+      if (el.tagName === "BLOCKQUOTE" || el.tagName === "Q") {
+        el.classList.add("velin-quote");
+      }
+    }
+  });
+  registerAttribute("velin-highlight", {
+    enhance(el) {
+      el.classList.add("velin-highlight");
+    }
+  });
+  for (const motion of ["velin-reveal", "velin-fade", "velin-slide", "velin-scale", "velin-parallax", "velin-hover", "velin-stagger", "velin-scroll"]) {
+    registerAttribute(motion, { enhance() {
+    } });
+  }
+}
+registerBuiltins();
+var enhanced = /* @__PURE__ */ new WeakSet();
+async function bootAttributes(root = document) {
+  const selector = [...registry.keys()].map((a) => `[${a}]`).join(",");
+  const elements = root.querySelectorAll(selector);
+  for (const el of elements) {
+    if (enhanced.has(el)) continue;
+    for (const attr of registry.keys()) {
+      if (!el.hasAttribute(attr)) continue;
+      const handler = registry.get(attr);
+      if (handler?.enhance) await handler.enhance(el);
+    }
+    enhanced.add(el);
+  }
+  initMotion({ root });
+  if (typeof HTMLElement !== "undefined") {
+    const { bindDeclarativeSearch } = await import("./velin-search-FDHEMCSO.js");
+    bindDeclarativeSearch(root);
+    if (!document.querySelector("velin-announcer")) {
+      const { getAnnouncer } = await import("./a11y-utils-IRC7LOPF.js");
+      getAnnouncer();
+    }
+  }
+}
+function listRegisteredAttributes() {
+  return [...registry.keys()];
+}
+export {
+  bootAttributes,
+  getAttributeHandler,
+  listRegisteredAttributes,
+  registerAttribute
+};

package/dist/chunks/chunk-ERF5YVP4.js

@@ -0,0 +1,253 @@
+import {
+  observeInView
+} from "./chunk-7MCGPHVC.js";
+import {
+  lexJs
+} from "./chunk-M5CHQVP6.js";
+
+// core/highlight/registry.js
+var languages = /* @__PURE__ */ new Map();
+var loading = /* @__PURE__ */ new Map();
+var LAZY_LOADERS = {
+  js: () => import("./js-MNSNYTJU.js"),
+  javascript: () => import("./js-MNSNYTJU.js"),
+  ts: () => import("./typescript-JT3CCYWL.js"),
+  typescript: () => import("./typescript-JT3CCYWL.js"),
+  html: () => import("./html-ZODC4DLQ.js"),
+  xml: () => import("./html-ZODC4DLQ.js"),
+  css: () => import("./css-MQ5YU77P.js"),
+  json: () => import("./json-VEM2HFH3.js"),
+  md: () => import("./markdown-E7OPGS3S.js"),
+  markdown: () => import("./markdown-E7OPGS3S.js"),
+  shell: () => import("./shell-QTRK4U4E.js"),
+  bash: () => import("./shell-QTRK4U4E.js"),
+  sh: () => import("./shell-QTRK4U4E.js"),
+  sql: () => import("./sql-PPWLHGJ2.js"),
+  text: () => import("./plain-LJJDC5TN.js"),
+  plain: () => import("./plain-LJJDC5TN.js"),
+  txt: () => import("./plain-LJJDC5TN.js"),
+  markup: () => import("./html-ZODC4DLQ.js"),
+  console: () => import("./plain-LJJDC5TN.js"),
+  php: () => import("./php-MLL7T3LT.js"),
+  blade: () => import("./blade-LIQLVKZQ.js"),
+  python: () => import("./python-BMPKDKNO.js"),
+  py: () => import("./python-BMPKDKNO.js"),
+  yaml: () => import("./yaml-O67LEQYT.js"),
+  yml: () => import("./yaml-O67LEQYT.js"),
+  go: () => import("./go-HZ6XTFCK.js"),
+  golang: () => import("./go-HZ6XTFCK.js"),
+  rust: () => import("./rust-2BWKI2MN.js"),
+  rs: () => import("./rust-2BWKI2MN.js")
+};
+function normalizeLanguage(name) {
+  const n = (name || "").trim().toLowerCase();
+  if (!n) return "";
+  if (n.startsWith("language-")) return normalizeLanguage(n.slice(9));
+  const map = {
+    javascript: "js",
+    jsx: "js",
+    typescript: "ts",
+    tsx: "ts",
+    markup: "html",
+    xml: "html",
+    svg: "html",
+    bash: "shell",
+    sh: "shell",
+    zsh: "shell",
+    md: "markdown",
+    plaintext: "text",
+    "plain-text": "text",
+    yml: "yaml",
+    toml: "text",
+    ini: "text",
+    php8: "php",
+    py: "python",
+    python3: "python",
+    golang: "go",
+    rs: "rust"
+  };
+  return map[n] || n;
+}
+function registerLanguage(name, lexerFn) {
+  languages.set(normalizeLanguage(name), lexerFn);
+}
+function getLanguage(name) {
+  return languages.get(normalizeLanguage(name));
+}
+async function lazyLoadLanguage(name) {
+  const key = normalizeLanguage(name);
+  if (!key) return void 0;
+  if (languages.has(key)) return languages.get(key);
+  if (loading.has(key)) return loading.get(key);
+  const loader = LAZY_LOADERS[key];
+  if (!loader) return void 0;
+  const p = loader().then((mod) => {
+    const fn = mod.default;
+    languages.set(key, fn);
+    loading.delete(key);
+    return fn;
+  });
+  loading.set(key, p);
+  return p;
+}
+function listLanguages() {
+  return [.../* @__PURE__ */ new Set([...languages.keys(), ...Object.keys(LAZY_LOADERS)])];
+}
+registerLanguage("js", lexJs);
+
+// core/highlight/render.js
+var ESC = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" };
+function escapeHtml(s) {
+  return s.replace(/[&<>"]/g, (c) => ESC[c] || c);
+}
+function renderTokens(tokens) {
+  return tokens.map((t) => {
+    const type = t.type === "plain" ? "" : t.type;
+    const cls = type ? `velin-token velin-token--${type}` : "velin-token";
+    return `<span class="${cls}">${escapeHtml(t.value)}</span>`;
+  }).join("");
+}
+function applyHighlight(codeEl, tokens) {
+  codeEl.innerHTML = renderTokens(tokens);
+  codeEl.classList.add("velin-syntax-ready");
+  codeEl.closest("pre")?.classList.add("velin-syntax-ready");
+  codeEl.closest(".velin-code-block")?.classList.add("velin-syntax-ready");
+}
+
+// core/highlight/highlight.js
+function resolveLanguage(el) {
+  const pre = el.tagName === "PRE" ? el : el.closest("pre");
+  const code = el.tagName === "CODE" ? el : pre?.querySelector("code") || el;
+  const host = pre || code;
+  const fromAttr = host.getAttribute("language") || host.getAttribute("data-language") || host.getAttribute("velin-code") || "";
+  if (fromAttr && fromAttr !== "true") return normalizeLanguage(fromAttr);
+  const cls = code?.className || "";
+  const langMatch = cls.match(/\blanguage-([\w-]+)\b/i);
+  if (langMatch) return normalizeLanguage(langMatch[1]);
+  return "";
+}
+function getSourceText(el) {
+  const code = el.tagName === "CODE" ? el : el.querySelector("code");
+  const target = code || el;
+  if (target.dataset.velinSource != null) return target.dataset.velinSource;
+  const html = target.innerHTML;
+  if (html && /&lt;|&gt;|&amp;/.test(html)) {
+    const ta = document.createElement("textarea");
+    ta.innerHTML = html.replace(/<br\s*\/?>/gi, "\n");
+    if (ta.value) return ta.value;
+  }
+  return target.textContent || "";
+}
+async function highlightElement(el, options = {}) {
+  if (el.dataset.velinHighlighted === "1") return;
+  const pre = el.tagName === "PRE" ? el : el.closest("pre") || el;
+  const codeEl = el.tagName === "CODE" ? el : pre.querySelector("code") || document.createElement("code");
+  if (!pre.querySelector("code") && codeEl !== el) {
+    const text = getSourceText(pre);
+    codeEl.textContent = text;
+    pre.textContent = "";
+    pre.appendChild(codeEl);
+  }
+  if (!codeEl.dataset.velinSource) {
+    codeEl.dataset.velinSource = codeEl.textContent || "";
+  }
+  const lang = options.language || resolveLanguage(pre);
+  if (!lang) return;
+  pre.classList.add("velin-syntax-pending");
+  codeEl.classList.add("velin-syntax-pending");
+  let lexer = options.lexer || getLanguage(lang);
+  if (!lexer) lexer = await lazyLoadLanguage(lang);
+  if (!lexer) {
+    lexer = getLanguage("text") || await lazyLoadLanguage("text");
+  }
+  const source = codeEl.dataset.velinSource || getSourceText(codeEl) || "";
+  if (!lexer) {
+    codeEl.textContent = source;
+    pre.classList.remove("velin-syntax-pending");
+    codeEl.classList.remove("velin-syntax-pending");
+    pre.classList.add("velin-syntax-ready");
+    codeEl.classList.add("velin-syntax-ready");
+    return;
+  }
+  try {
+    const tokens = lexer(source);
+    applyHighlight(codeEl, tokens);
+    codeEl.dataset.velinHighlighted = "1";
+    pre.dataset.velinHighlighted = "1";
+  } catch (err) {
+    console.warn("[velin-highlight]", lang, err);
+    codeEl.textContent = source;
+  }
+  pre.classList.remove("velin-syntax-pending");
+  codeEl.classList.remove("velin-syntax-pending");
+  pre.classList.add("velin-syntax-ready");
+  codeEl.classList.add("velin-syntax-ready");
+}
+async function highlightAll(root = document) {
+  const blocks = root.querySelectorAll(
+    'pre[velin-code], pre[data-language], pre code[class*="language-"], [velin-code-block] pre, .velin-doc-example__code pre'
+  );
+  await Promise.all([...blocks].map((el) => highlightElement(el)));
+}
+
+// core/highlight/observe.js
+function initHighlight(root = document, options = {}) {
+  if (typeof document === "undefined") return () => {
+  };
+  const selector = options.selector || [
+    "pre[velin-code]",
+    "pre[language]",
+    "pre[data-language]",
+    'pre code[class*="language-"]',
+    "velin-code-block pre",
+    ".velin-doc-example__code pre"
+  ].join(",");
+  const nodes = root.querySelectorAll(selector);
+  const teardowns = [];
+  const reduced = typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+  for (const node of nodes) {
+    const pre = node.tagName === "PRE" ? node : node.closest("pre");
+    if (!pre || pre.dataset.velinObserve === "1") continue;
+    pre.dataset.velinObserve = "1";
+    if (reduced || options.immediate) {
+      void highlightElement(pre);
+      continue;
+    }
+    pre.classList.add("velin-syntax-pending");
+    const stop = observeInView(pre, async (el) => {
+      await highlightElement(el);
+    });
+    teardowns.push(stop);
+  }
+  return () => teardowns.forEach((fn) => fn());
+}
+var observeCodeBlocks = initHighlight;
+
+// core/highlight/index.js
+var velinSyntax = {
+  highlightElement,
+  highlightAll,
+  initHighlight,
+  observeCodeBlocks,
+  registerLanguage,
+  lazyLoadLanguage,
+  listLanguages
+};
+
+export {
+  normalizeLanguage,
+  registerLanguage,
+  getLanguage,
+  lazyLoadLanguage,
+  listLanguages,
+  escapeHtml,
+  renderTokens,
+  applyHighlight,
+  resolveLanguage,
+  getSourceText,
+  highlightElement,
+  highlightAll,
+  initHighlight,
+  observeCodeBlocks,
+  velinSyntax
+};