@lukas_holdings/castdom 1.0.2 → 1.0.3

package/README.md

@@ -4,6 +4,7 @@
   <img src="https://img.shields.io/badge/license-MIT-000?style=flat-square" alt="license" />
   <img src="https://img.shields.io/badge/runtime-CSS%20only-000?style=flat-square" alt="CSS only runtime" />
   <img src="https://img.shields.io/badge/bundle-~14KB-000?style=flat-square" alt="bundle size" />
+  <img src="https://img.shields.io/badge/AI--friendly-CASTDOM.md-blue?style=flat-square" alt="AI friendly" />
 </p>
 
 <h1 align="center">CastDOM</h1>
@@ -18,6 +19,7 @@
 </p>
 
 <p align="center">
+  <a href="https://kameeleonn.github.io/CastDOM/"><strong>Live Demo</strong></a> &bull;
   <a href="#quick-start">Quick Start</a> &bull;
   <a href="#how-it-works">How It Works</a> &bull;
   <a href="#react">React</a> &bull;
@@ -28,6 +30,10 @@
   <a href="#api-reference">API</a>
 </p>
 
+<p align="center">
+  <sub>Ships with <a href="CASTDOM.md"><code>CASTDOM.md</code></a> — an AI context file for Claude, Gemini, GPT, Cursor, Copilot, and Windsurf.<br/>Ask any AI assistant to integrate CastDOM and it will know every API, type, and pattern.</sub>
+</p>
+
 ---
 
 ## Why CastDOM?

package/dist/astro.cjs

@@ -1,21 +1,39 @@
 'use strict';
 
-var chunkYDT4TPB7_cjs = require('./chunk-YDT4TPB7.cjs');
-var chunkQLEBTZIB_cjs = require('./chunk-QLEBTZIB.cjs');
-var chunkXS5HAU5E_cjs = require('./chunk-XS5HAU5E.cjs');
-require('./chunk-JRQ6EVQP.cjs');
+var chunkW236FF4E_cjs = require('./chunk-W236FF4E.cjs');
+var chunkC2D4NZQB_cjs = require('./chunk-C2D4NZQB.cjs');
+var chunkASS2BFPN_cjs = require('./chunk-ASS2BFPN.cjs');
+var chunkC3VW72Z3_cjs = require('./chunk-C3VW72Z3.cjs');
 
 // src/adapters/astro.ts
 function castdomIntegration(options) {
   return {
     name: "castdom",
     hooks: {
-      "astro:config:setup"({ injectScript }) {
+      "astro:config:setup"({
+        injectScript,
+        logger
+      }) {
         const manifestPath = options?.manifestPath ?? ".castdom/manifest.json";
+        let manifestExists = false;
+        try {
+          const fs = chunkC3VW72Z3_cjs.__require("fs");
+          const path = chunkC3VW72Z3_cjs.__require("path");
+          const absolute = path.isAbsolute(manifestPath) ? manifestPath : path.resolve(process.cwd(), manifestPath);
+          manifestExists = fs.existsSync(absolute);
+        } catch {
+          manifestExists = false;
+        }
+        if (!manifestExists) {
+          logger?.warn(
+            `[castdom] No manifest found at "${manifestPath}". Skipping skeleton registry injection. Run \`npx castdom build\` to generate one.`
+          );
+          return;
+        }
         injectScript(
           "page-ssr",
           `import manifest from "${manifestPath}" with { type: "json" };
-import { loadManifest } from "castdom";
+import { loadManifest } from "@lukas_holdings/castdom";
 loadManifest(manifest);`
         );
       },
@@ -25,17 +43,17 @@ loadManifest(manifest);`
   };
 }
 function skeleton(name, config) {
-  const entry = chunkYDT4TPB7_cjs.get(name);
+  const entry = chunkW236FF4E_cjs.get(name);
   if (!entry) {
     return { html: "", css: "", exists: false };
   }
-  const html = chunkQLEBTZIB_cjs.renderSkeleton(entry.data, { config });
-  const css = chunkXS5HAU5E_cjs.generateCriticalCSS([entry.data], config);
+  const html = chunkC2D4NZQB_cjs.renderSkeleton(entry.data, { config });
+  const css = chunkASS2BFPN_cjs.generateCriticalCSS([entry.data], config);
   return { html, css, exists: true };
 }
 function generateAstroComponent(name, config) {
   return `---
-import { skeleton } from "castdom/astro";
+import { skeleton } from "@lukas_holdings/castdom/astro";
 const { html, css } = skeleton("${name}");
 ---
 
@@ -67,13 +85,13 @@ function viewTransitionProps(name) {
 function head(skeletonNames, config) {
   const skeletons = [];
   for (const name of skeletonNames) {
-    const entry = chunkYDT4TPB7_cjs.get(name);
+    const entry = chunkW236FF4E_cjs.get(name);
     if (entry) skeletons.push(entry.data);
   }
   if (skeletons.length === 0) return "";
   return [
-    chunkQLEBTZIB_cjs.renderCriticalStyleTag(skeletons, config),
-    chunkQLEBTZIB_cjs.renderHydrationScript()
+    chunkC2D4NZQB_cjs.renderCriticalStyleTag(skeletons, config),
+    chunkC2D4NZQB_cjs.renderHydrationScript()
   ].join("\n");
 }
 

package/dist/astro.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/adapters/astro.ts"],"names":["get","renderSkeleton","generateCriticalCSS","renderCriticalStyleTag","renderHydrationScript"],"mappings":";;;;;;;;AA0CO,SAAS,mBAAmB,OAAA,EAGhC;AACD,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO;AAAA,MACL,oBAAA,CAAqB,EAAE,YAAA,EAAa,EAA+D;AAEjG,QAAA,MAAM,YAAA,GAAe,SAAS,YAAA,IAAgB,wBAAA;AAC9C,QAAA,YAAA;AAAA,UACE,UAAA;AAAA,UACA,yBAAyB,YAAY,CAAA;AAAA;AAAA,uBAAA;AAAA,SACvC;AAAA,MACF,CAAA;AAAA,MAEA,kBAAA,GAAqB;AAAA,MAErB;AAAA;AACF,GACF;AACF;AAcO,SAAS,QAAA,CACd,MACA,MAAA,EACgD;AAChD,EAAA,MAAM,KAAA,GAAQA,sBAAgB,IAAI,CAAA;AAElC,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,EAAE,IAAA,EAAM,EAAA,EAAI,GAAA,EAAK,EAAA,EAAI,QAAQ,KAAA,EAAM;AAAA,EAC5C;AAEA,EAAA,MAAM,OAAOC,gCAAA,CAAe,KAAA,CAAM,IAAA,EAAM,EAAE,QAAQ,CAAA;AAClD,EAAA,MAAM,MAAMC,qCAAA,CAAoB,CAAC,KAAA,CAAM,IAAI,GAAG,MAAM,CAAA;AAEpD,EAAA,OAAO,EAAE,IAAA,EAAM,GAAA,EAAK,MAAA,EAAQ,IAAA,EAAK;AACnC;AAMO,SAAS,sBAAA,CACd,MACA,MAAA,EACQ;AACR,EAAA,OAAO,CAAA;AAAA;AAAA,gCAAA,EAEyB,IAAI,CAAA;AAAA;;AAAA;AAAA,mBAAA,EAIjB,IAAI,CAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,yDAAA,EAOkC,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAS/D;AAWO,SAAS,oBAAoB,IAAA,EAAsC;AACxE,EAAA,OAAO;AAAA,IACL,oBAAA,EAAsB,EAAA;AAAA,IACtB,cAAA,EAAgB,IAAA;AAAA,IAChB,iBAAA,EAAmB,WAAW,IAAI,CAAA;AAAA,GACpC;AACF;AAMO,SAAS,IAAA,CACd,eACA,MAAA,EACQ;AACR,EAAA,MAAM,YAA4B,EAAC;AAEnC,EAAA,KAAA,MAAW,QAAQ,aAAA,EAAe;AAChC,IAAA,MAAM,KAAA,GAAQF,sBAAgB,IAAI,CAAA;AAClC,IAAA,IAAI,KAAA,EAAO,SAAA,CAAU,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AAAA,EACtC;AAEA,EAAA,IAAI,SAAA,CAAU,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AAEnC,EAAA,OAAO;AAAA,IACLG,wCAAA,CAAuB,WAAW,MAAM,CAAA;AAAA,IACxCC,uCAAA;AAAsB,GACxB,CAAE,KAAK,IAAI,CAAA;AACb","file":"astro.cjs","sourcesContent":["import type { SkeletonData, CastDOMConfig } from \"../core/types.js\";\nimport { renderSkeleton, renderCriticalStyleTag, renderHydrationScript } from \"../seo/ssr.js\";\nimport { get as getFromRegistry, loadManifest } from \"../core/registry.js\";\nimport { generateCriticalCSS } from \"../core/renderer.js\";\nimport { renderStandalone } from \"../core/renderer.js\";\n\n/**\n * Astro adapter for CastDOM.\n *\n * Supports:\n * - Astro components (SSG and SSR)\n * - Island-aware skeletons (client:load, client:idle, client:visible)\n * - Automatic <style> injection\n * - View Transitions integration\n *\n * Usage:\n * ```astro\n * ---\n * // src/components/UserCard.astro\n * import { skeleton } from \"castdom/astro\";\n * const { html, css } = skeleton(\"user-card\");\n * ---\n *\n * <style set:html={css}></style>\n * <div class=\"user-card-wrapper\" data-castdom=\"user-card\">\n *   <Fragment set:html={html} />\n * </div>\n * ```\n */\n\n/**\n * Astro integration for CastDOM.\n * Add to your astro.config.mjs:\n *\n * ```js\n * import { castdomIntegration } from \"castdom/astro\";\n *\n * export default defineConfig({\n *   integrations: [castdomIntegration()],\n * });\n * ```\n */\nexport function castdomIntegration(options?: {\n  manifestPath?: string;\n  config?: Partial<CastDOMConfig>;\n}) {\n  return {\n    name: \"castdom\",\n    hooks: {\n      \"astro:config:setup\"({ injectScript }: { injectScript: (stage: string, content: string) => void }) {\n        // Inject the registry loader on the client side\n        const manifestPath = options?.manifestPath ?? \".castdom/manifest.json\";\n        injectScript(\n          \"page-ssr\",\n          `import manifest from \"${manifestPath}\" with { type: \"json\" };\\nimport { loadManifest } from \"castdom\";\\nloadManifest(manifest);`\n        );\n      },\n\n      \"astro:build:done\"() {\n        // Could run extraction here if dev server is available\n      },\n    },\n  };\n}\n\n/**\n * Get skeleton HTML and CSS for use in Astro components.\n *\n * ```astro\n * ---\n * import { skeleton } from \"castdom/astro\";\n * const sk = skeleton(\"user-card\");\n * ---\n *\n * {sk.html && <Fragment set:html={sk.html} />}\n * ```\n */\nexport function skeleton(\n  name: string,\n  config?: Partial<CastDOMConfig>\n): { html: string; css: string; exists: boolean } {\n  const entry = getFromRegistry(name);\n\n  if (!entry) {\n    return { html: \"\", css: \"\", exists: false };\n  }\n\n  const html = renderSkeleton(entry.data, { config });\n  const css = generateCriticalCSS([entry.data], config);\n\n  return { html, css, exists: true };\n}\n\n/**\n * Generate a complete Astro component string for a skeleton.\n * Useful for programmatic component generation.\n */\nexport function generateAstroComponent(\n  name: string,\n  config?: Partial<CastDOMConfig>\n): string {\n  return `---\nimport { skeleton } from \"castdom/astro\";\nconst { html, css } = skeleton(\"${name}\");\n---\n\n<style set:html={css}></style>\n<div data-castdom=\"${name}\">\n  <Fragment set:html={html} />\n  <slot />\n</div>\n\n<script>\n  // Hydration: remove skeleton when slot content renders\n  const wrapper = document.querySelector('[data-castdom=\"${name}\"]');\n  if (wrapper) {\n    const skeleton = wrapper.querySelector('.castdom-skeleton');\n    if (skeleton && wrapper.children.length > 1) {\n      skeleton.remove();\n    }\n  }\n</script>\n`;\n}\n\n/**\n * View Transitions helper — preserves skeleton state during navigation.\n *\n * ```astro\n * <div transition:persist data-castdom=\"sidebar\">\n *   <Fragment set:html={skeleton(\"sidebar\").html} />\n * </div>\n * ```\n */\nexport function viewTransitionProps(name: string): Record<string, string> {\n  return {\n    \"transition:persist\": \"\",\n    \"data-castdom\": name,\n    \"transition:name\": `castdom-${name}`,\n  };\n}\n\n/**\n * Generate <head> content for Astro pages.\n * Include in your Layout component.\n */\nexport function head(\n  skeletonNames: string[],\n  config?: Partial<CastDOMConfig>\n): string {\n  const skeletons: SkeletonData[] = [];\n\n  for (const name of skeletonNames) {\n    const entry = getFromRegistry(name);\n    if (entry) skeletons.push(entry.data);\n  }\n\n  if (skeletons.length === 0) return \"\";\n\n  return [\n    renderCriticalStyleTag(skeletons, config),\n    renderHydrationScript(),\n  ].join(\"\\n\");\n}\n"]}
+{"version":3,"sources":["../src/adapters/astro.ts"],"names":["__require","get","renderSkeleton","generateCriticalCSS","renderCriticalStyleTag","renderHydrationScript"],"mappings":"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","file":"astro.cjs","sourcesContent":["import type { SkeletonData, CastDOMConfig } from \"../core/types.js\";\nimport { renderSkeleton, renderCriticalStyleTag, renderHydrationScript } from \"../seo/ssr.js\";\nimport { get as getFromRegistry, loadManifest } from \"../core/registry.js\";\nimport { generateCriticalCSS } from \"../core/renderer.js\";\nimport { renderStandalone } from \"../core/renderer.js\";\n\n/**\n * Astro adapter for CastDOM.\n *\n * Supports:\n * - Astro components (SSG and SSR)\n * - Island-aware skeletons (client:load, client:idle, client:visible)\n * - Automatic <style> injection\n * - View Transitions integration\n *\n * Usage:\n * ```astro\n * ---\n * // src/components/UserCard.astro\n * import { skeleton } from \"@lukas_holdings/castdom/astro\";\n * const { html, css } = skeleton(\"user-card\");\n * ---\n *\n * <style set:html={css}></style>\n * <div class=\"user-card-wrapper\" data-castdom=\"user-card\">\n *   <Fragment set:html={html} />\n * </div>\n * ```\n */\n\n/**\n * Astro integration for CastDOM.\n * Add to your astro.config.mjs:\n *\n * ```js\n * import { castdomIntegration } from \"@lukas_holdings/castdom/astro\";\n *\n * export default defineConfig({\n *   integrations: [castdomIntegration()],\n * });\n * ```\n */\nexport function castdomIntegration(options?: {\n  manifestPath?: string;\n  config?: Partial<CastDOMConfig>;\n}) {\n  return {\n    name: \"castdom\",\n    hooks: {\n      \"astro:config:setup\"({\n        injectScript,\n        logger,\n      }: {\n        injectScript: (stage: string, content: string) => void;\n        logger?: { info: (msg: string) => void; warn: (msg: string) => void };\n      }) {\n        // Only inject the manifest loader if a manifest file actually exists.\n        // Otherwise the build fails trying to resolve a non-existent JSON import.\n        // This lets users add the integration before running `castdom build`.\n        const manifestPath = options?.manifestPath ?? \".castdom/manifest.json\";\n\n        // Resolve manifest path relative to the project root (process.cwd()).\n        // Using require(\"fs\") keeps this hook synchronous without ESM top-level await.\n        let manifestExists = false;\n        try {\n          // eslint-disable-next-line @typescript-eslint/no-var-requires\n          const fs = require(\"fs\");\n          // eslint-disable-next-line @typescript-eslint/no-var-requires\n          const path = require(\"path\");\n          const absolute = path.isAbsolute(manifestPath)\n            ? manifestPath\n            : path.resolve(process.cwd(), manifestPath);\n          manifestExists = fs.existsSync(absolute);\n        } catch {\n          manifestExists = false;\n        }\n\n        if (!manifestExists) {\n          logger?.warn(\n            `[castdom] No manifest found at \"${manifestPath}\". Skipping skeleton registry injection. ` +\n              `Run \\`npx castdom build\\` to generate one.`\n          );\n          return;\n        }\n\n        injectScript(\n          \"page-ssr\",\n          `import manifest from \"${manifestPath}\" with { type: \"json\" };\\nimport { loadManifest } from \"@lukas_holdings/castdom\";\\nloadManifest(manifest);`\n        );\n      },\n\n      \"astro:build:done\"() {\n        // Could run extraction here if dev server is available\n      },\n    },\n  };\n}\n\n/**\n * Get skeleton HTML and CSS for use in Astro components.\n *\n * ```astro\n * ---\n * import { skeleton } from \"@lukas_holdings/castdom/astro\";\n * const sk = skeleton(\"user-card\");\n * ---\n *\n * {sk.html && <Fragment set:html={sk.html} />}\n * ```\n */\nexport function skeleton(\n  name: string,\n  config?: Partial<CastDOMConfig>\n): { html: string; css: string; exists: boolean } {\n  const entry = getFromRegistry(name);\n\n  if (!entry) {\n    return { html: \"\", css: \"\", exists: false };\n  }\n\n  const html = renderSkeleton(entry.data, { config });\n  const css = generateCriticalCSS([entry.data], config);\n\n  return { html, css, exists: true };\n}\n\n/**\n * Generate a complete Astro component string for a skeleton.\n * Useful for programmatic component generation.\n */\nexport function generateAstroComponent(\n  name: string,\n  config?: Partial<CastDOMConfig>\n): string {\n  return `---\nimport { skeleton } from \"@lukas_holdings/castdom/astro\";\nconst { html, css } = skeleton(\"${name}\");\n---\n\n<style set:html={css}></style>\n<div data-castdom=\"${name}\">\n  <Fragment set:html={html} />\n  <slot />\n</div>\n\n<script>\n  // Hydration: remove skeleton when slot content renders\n  const wrapper = document.querySelector('[data-castdom=\"${name}\"]');\n  if (wrapper) {\n    const skeleton = wrapper.querySelector('.castdom-skeleton');\n    if (skeleton && wrapper.children.length > 1) {\n      skeleton.remove();\n    }\n  }\n</script>\n`;\n}\n\n/**\n * View Transitions helper — preserves skeleton state during navigation.\n *\n * ```astro\n * <div transition:persist data-castdom=\"sidebar\">\n *   <Fragment set:html={skeleton(\"sidebar\").html} />\n * </div>\n * ```\n */\nexport function viewTransitionProps(name: string): Record<string, string> {\n  return {\n    \"transition:persist\": \"\",\n    \"data-castdom\": name,\n    \"transition:name\": `castdom-${name}`,\n  };\n}\n\n/**\n * Generate <head> content for Astro pages.\n * Include in your Layout component.\n */\nexport function head(\n  skeletonNames: string[],\n  config?: Partial<CastDOMConfig>\n): string {\n  const skeletons: SkeletonData[] = [];\n\n  for (const name of skeletonNames) {\n    const entry = getFromRegistry(name);\n    if (entry) skeletons.push(entry.data);\n  }\n\n  if (skeletons.length === 0) return \"\";\n\n  return [\n    renderCriticalStyleTag(skeletons, config),\n    renderHydrationScript(),\n  ].join(\"\\n\");\n}\n"]}

package/dist/astro.d.cts

@@ -13,7 +13,7 @@ import { C as CastDOMConfig } from './types-ChD5jENU.cjs';
  * ```astro
  * ---
  * // src/components/UserCard.astro
- * import { skeleton } from "castdom/astro";
+ * import { skeleton } from "@lukas_holdings/castdom/astro";
  * const { html, css } = skeleton("user-card");
  * ---
  *
@@ -28,7 +28,7 @@ import { C as CastDOMConfig } from './types-ChD5jENU.cjs';
  * Add to your astro.config.mjs:
  *
  * ```js
- * import { castdomIntegration } from "castdom/astro";
+ * import { castdomIntegration } from "@lukas_holdings/castdom/astro";
  *
  * export default defineConfig({
  *   integrations: [castdomIntegration()],
@@ -41,8 +41,12 @@ declare function castdomIntegration(options?: {
 }): {
     name: string;
     hooks: {
-        "astro:config:setup"({ injectScript }: {
+        "astro:config:setup"({ injectScript, logger, }: {
             injectScript: (stage: string, content: string) => void;
+            logger?: {
+                info: (msg: string) => void;
+                warn: (msg: string) => void;
+            };
         }): void;
         "astro:build:done"(): void;
     };
@@ -52,7 +56,7 @@ declare function castdomIntegration(options?: {
  *
  * ```astro
  * ---
- * import { skeleton } from "castdom/astro";
+ * import { skeleton } from "@lukas_holdings/castdom/astro";
  * const sk = skeleton("user-card");
  * ---
  *

package/dist/astro.d.ts

@@ -13,7 +13,7 @@ import { C as CastDOMConfig } from './types-ChD5jENU.js';
  * ```astro
  * ---
  * // src/components/UserCard.astro
- * import { skeleton } from "castdom/astro";
+ * import { skeleton } from "@lukas_holdings/castdom/astro";
  * const { html, css } = skeleton("user-card");
  * ---
  *
@@ -28,7 +28,7 @@ import { C as CastDOMConfig } from './types-ChD5jENU.js';
  * Add to your astro.config.mjs:
  *
  * ```js
- * import { castdomIntegration } from "castdom/astro";
+ * import { castdomIntegration } from "@lukas_holdings/castdom/astro";
  *
  * export default defineConfig({
  *   integrations: [castdomIntegration()],
@@ -41,8 +41,12 @@ declare function castdomIntegration(options?: {
 }): {
     name: string;
     hooks: {
-        "astro:config:setup"({ injectScript }: {
+        "astro:config:setup"({ injectScript, logger, }: {
             injectScript: (stage: string, content: string) => void;
+            logger?: {
+                info: (msg: string) => void;
+                warn: (msg: string) => void;
+            };
         }): void;
         "astro:build:done"(): void;
     };
@@ -52,7 +56,7 @@ declare function castdomIntegration(options?: {
  *
  * ```astro
  * ---
- * import { skeleton } from "castdom/astro";
+ * import { skeleton } from "@lukas_holdings/castdom/astro";
  * const sk = skeleton("user-card");
  * ---
  *

package/dist/astro.js

@@ -1,19 +1,37 @@
-import { get } from './chunk-KGLTVTHU.js';
-import { renderSkeleton, renderCriticalStyleTag, renderHydrationScript } from './chunk-COLESJ66.js';
-import { generateCriticalCSS } from './chunk-ZWZ5ZLJE.js';
-import './chunk-EJRNKHL5.js';
+import { get } from './chunk-V4FV5XFF.js';
+import { renderSkeleton, renderCriticalStyleTag, renderHydrationScript } from './chunk-M4OXJTRQ.js';
+import { generateCriticalCSS } from './chunk-GVFBT6MD.js';
+import { __require } from './chunk-4LFW65DU.js';
 
 // src/adapters/astro.ts
 function castdomIntegration(options) {
   return {
     name: "castdom",
     hooks: {
-      "astro:config:setup"({ injectScript }) {
+      "astro:config:setup"({
+        injectScript,
+        logger
+      }) {
         const manifestPath = options?.manifestPath ?? ".castdom/manifest.json";
+        let manifestExists = false;
+        try {
+          const fs = __require("fs");
+          const path = __require("path");
+          const absolute = path.isAbsolute(manifestPath) ? manifestPath : path.resolve(process.cwd(), manifestPath);
+          manifestExists = fs.existsSync(absolute);
+        } catch {
+          manifestExists = false;
+        }
+        if (!manifestExists) {
+          logger?.warn(
+            `[castdom] No manifest found at "${manifestPath}". Skipping skeleton registry injection. Run \`npx castdom build\` to generate one.`
+          );
+          return;
+        }
         injectScript(
           "page-ssr",
           `import manifest from "${manifestPath}" with { type: "json" };
-import { loadManifest } from "castdom";
+import { loadManifest } from "@lukas_holdings/castdom";
 loadManifest(manifest);`
         );
       },
@@ -33,7 +51,7 @@ function skeleton(name, config) {
 }
 function generateAstroComponent(name, config) {
   return `---
-import { skeleton } from "castdom/astro";
+import { skeleton } from "@lukas_holdings/castdom/astro";
 const { html, css } = skeleton("${name}");
 ---
 

package/dist/astro.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/adapters/astro.ts"],"names":[],"mappings":";;;;;;AA0CO,SAAS,mBAAmB,OAAA,EAGhC;AACD,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO;AAAA,MACL,oBAAA,CAAqB,EAAE,YAAA,EAAa,EAA+D;AAEjG,QAAA,MAAM,YAAA,GAAe,SAAS,YAAA,IAAgB,wBAAA;AAC9C,QAAA,YAAA;AAAA,UACE,UAAA;AAAA,UACA,yBAAyB,YAAY,CAAA;AAAA;AAAA,uBAAA;AAAA,SACvC;AAAA,MACF,CAAA;AAAA,MAEA,kBAAA,GAAqB;AAAA,MAErB;AAAA;AACF,GACF;AACF;AAcO,SAAS,QAAA,CACd,MACA,MAAA,EACgD;AAChD,EAAA,MAAM,KAAA,GAAQ,IAAgB,IAAI,CAAA;AAElC,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,EAAE,IAAA,EAAM,EAAA,EAAI,GAAA,EAAK,EAAA,EAAI,QAAQ,KAAA,EAAM;AAAA,EAC5C;AAEA,EAAA,MAAM,OAAO,cAAA,CAAe,KAAA,CAAM,IAAA,EAAM,EAAE,QAAQ,CAAA;AAClD,EAAA,MAAM,MAAM,mBAAA,CAAoB,CAAC,KAAA,CAAM,IAAI,GAAG,MAAM,CAAA;AAEpD,EAAA,OAAO,EAAE,IAAA,EAAM,GAAA,EAAK,MAAA,EAAQ,IAAA,EAAK;AACnC;AAMO,SAAS,sBAAA,CACd,MACA,MAAA,EACQ;AACR,EAAA,OAAO,CAAA;AAAA;AAAA,gCAAA,EAEyB,IAAI,CAAA;AAAA;;AAAA;AAAA,mBAAA,EAIjB,IAAI,CAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,yDAAA,EAOkC,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAS/D;AAWO,SAAS,oBAAoB,IAAA,EAAsC;AACxE,EAAA,OAAO;AAAA,IACL,oBAAA,EAAsB,EAAA;AAAA,IACtB,cAAA,EAAgB,IAAA;AAAA,IAChB,iBAAA,EAAmB,WAAW,IAAI,CAAA;AAAA,GACpC;AACF;AAMO,SAAS,IAAA,CACd,eACA,MAAA,EACQ;AACR,EAAA,MAAM,YAA4B,EAAC;AAEnC,EAAA,KAAA,MAAW,QAAQ,aAAA,EAAe;AAChC,IAAA,MAAM,KAAA,GAAQ,IAAgB,IAAI,CAAA;AAClC,IAAA,IAAI,KAAA,EAAO,SAAA,CAAU,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AAAA,EACtC;AAEA,EAAA,IAAI,SAAA,CAAU,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AAEnC,EAAA,OAAO;AAAA,IACL,sBAAA,CAAuB,WAAW,MAAM,CAAA;AAAA,IACxC,qBAAA;AAAsB,GACxB,CAAE,KAAK,IAAI,CAAA;AACb","file":"astro.js","sourcesContent":["import type { SkeletonData, CastDOMConfig } from \"../core/types.js\";\nimport { renderSkeleton, renderCriticalStyleTag, renderHydrationScript } from \"../seo/ssr.js\";\nimport { get as getFromRegistry, loadManifest } from \"../core/registry.js\";\nimport { generateCriticalCSS } from \"../core/renderer.js\";\nimport { renderStandalone } from \"../core/renderer.js\";\n\n/**\n * Astro adapter for CastDOM.\n *\n * Supports:\n * - Astro components (SSG and SSR)\n * - Island-aware skeletons (client:load, client:idle, client:visible)\n * - Automatic <style> injection\n * - View Transitions integration\n *\n * Usage:\n * ```astro\n * ---\n * // src/components/UserCard.astro\n * import { skeleton } from \"castdom/astro\";\n * const { html, css } = skeleton(\"user-card\");\n * ---\n *\n * <style set:html={css}></style>\n * <div class=\"user-card-wrapper\" data-castdom=\"user-card\">\n *   <Fragment set:html={html} />\n * </div>\n * ```\n */\n\n/**\n * Astro integration for CastDOM.\n * Add to your astro.config.mjs:\n *\n * ```js\n * import { castdomIntegration } from \"castdom/astro\";\n *\n * export default defineConfig({\n *   integrations: [castdomIntegration()],\n * });\n * ```\n */\nexport function castdomIntegration(options?: {\n  manifestPath?: string;\n  config?: Partial<CastDOMConfig>;\n}) {\n  return {\n    name: \"castdom\",\n    hooks: {\n      \"astro:config:setup\"({ injectScript }: { injectScript: (stage: string, content: string) => void }) {\n        // Inject the registry loader on the client side\n        const manifestPath = options?.manifestPath ?? \".castdom/manifest.json\";\n        injectScript(\n          \"page-ssr\",\n          `import manifest from \"${manifestPath}\" with { type: \"json\" };\\nimport { loadManifest } from \"castdom\";\\nloadManifest(manifest);`\n        );\n      },\n\n      \"astro:build:done\"() {\n        // Could run extraction here if dev server is available\n      },\n    },\n  };\n}\n\n/**\n * Get skeleton HTML and CSS for use in Astro components.\n *\n * ```astro\n * ---\n * import { skeleton } from \"castdom/astro\";\n * const sk = skeleton(\"user-card\");\n * ---\n *\n * {sk.html && <Fragment set:html={sk.html} />}\n * ```\n */\nexport function skeleton(\n  name: string,\n  config?: Partial<CastDOMConfig>\n): { html: string; css: string; exists: boolean } {\n  const entry = getFromRegistry(name);\n\n  if (!entry) {\n    return { html: \"\", css: \"\", exists: false };\n  }\n\n  const html = renderSkeleton(entry.data, { config });\n  const css = generateCriticalCSS([entry.data], config);\n\n  return { html, css, exists: true };\n}\n\n/**\n * Generate a complete Astro component string for a skeleton.\n * Useful for programmatic component generation.\n */\nexport function generateAstroComponent(\n  name: string,\n  config?: Partial<CastDOMConfig>\n): string {\n  return `---\nimport { skeleton } from \"castdom/astro\";\nconst { html, css } = skeleton(\"${name}\");\n---\n\n<style set:html={css}></style>\n<div data-castdom=\"${name}\">\n  <Fragment set:html={html} />\n  <slot />\n</div>\n\n<script>\n  // Hydration: remove skeleton when slot content renders\n  const wrapper = document.querySelector('[data-castdom=\"${name}\"]');\n  if (wrapper) {\n    const skeleton = wrapper.querySelector('.castdom-skeleton');\n    if (skeleton && wrapper.children.length > 1) {\n      skeleton.remove();\n    }\n  }\n</script>\n`;\n}\n\n/**\n * View Transitions helper — preserves skeleton state during navigation.\n *\n * ```astro\n * <div transition:persist data-castdom=\"sidebar\">\n *   <Fragment set:html={skeleton(\"sidebar\").html} />\n * </div>\n * ```\n */\nexport function viewTransitionProps(name: string): Record<string, string> {\n  return {\n    \"transition:persist\": \"\",\n    \"data-castdom\": name,\n    \"transition:name\": `castdom-${name}`,\n  };\n}\n\n/**\n * Generate <head> content for Astro pages.\n * Include in your Layout component.\n */\nexport function head(\n  skeletonNames: string[],\n  config?: Partial<CastDOMConfig>\n): string {\n  const skeletons: SkeletonData[] = [];\n\n  for (const name of skeletonNames) {\n    const entry = getFromRegistry(name);\n    if (entry) skeletons.push(entry.data);\n  }\n\n  if (skeletons.length === 0) return \"\";\n\n  return [\n    renderCriticalStyleTag(skeletons, config),\n    renderHydrationScript(),\n  ].join(\"\\n\");\n}\n"]}
+{"version":3,"sources":["../src/adapters/astro.ts"],"names":[],"mappings":";;;;;;AA0CO,SAAS,mBAAmB,OAAA,EAGhC;AACD,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO;AAAA,MACL,oBAAA,CAAqB;AAAA,QACnB,YAAA;AAAA,QACA;AAAA,OACF,EAGG;AAID,QAAA,MAAM,YAAA,GAAe,SAAS,YAAA,IAAgB,wBAAA;AAI9C,QAAA,IAAI,cAAA,GAAiB,KAAA;AACrB,QAAA,IAAI;AAEF,UAAA,MAAM,EAAA,GAAK,UAAQ,IAAI,CAAA;AAEvB,UAAA,MAAM,IAAA,GAAO,UAAQ,MAAM,CAAA;AAC3B,UAAA,MAAM,QAAA,GAAW,IAAA,CAAK,UAAA,CAAW,YAAY,CAAA,GACzC,YAAA,GACA,IAAA,CAAK,OAAA,CAAQ,OAAA,CAAQ,GAAA,EAAI,EAAG,YAAY,CAAA;AAC5C,UAAA,cAAA,GAAiB,EAAA,CAAG,WAAW,QAAQ,CAAA;AAAA,QACzC,CAAA,CAAA,MAAQ;AACN,UAAA,cAAA,GAAiB,KAAA;AAAA,QACnB;AAEA,QAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,UAAA,MAAA,EAAQ,IAAA;AAAA,YACN,mCAAmC,YAAY,CAAA,mFAAA;AAAA,WAEjD;AACA,UAAA;AAAA,QACF;AAEA,QAAA,YAAA;AAAA,UACE,UAAA;AAAA,UACA,yBAAyB,YAAY,CAAA;AAAA;AAAA,uBAAA;AAAA,SACvC;AAAA,MACF,CAAA;AAAA,MAEA,kBAAA,GAAqB;AAAA,MAErB;AAAA;AACF,GACF;AACF;AAcO,SAAS,QAAA,CACd,MACA,MAAA,EACgD;AAChD,EAAA,MAAM,KAAA,GAAQ,IAAgB,IAAI,CAAA;AAElC,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,EAAE,IAAA,EAAM,EAAA,EAAI,GAAA,EAAK,EAAA,EAAI,QAAQ,KAAA,EAAM;AAAA,EAC5C;AAEA,EAAA,MAAM,OAAO,cAAA,CAAe,KAAA,CAAM,IAAA,EAAM,EAAE,QAAQ,CAAA;AAClD,EAAA,MAAM,MAAM,mBAAA,CAAoB,CAAC,KAAA,CAAM,IAAI,GAAG,MAAM,CAAA;AAEpD,EAAA,OAAO,EAAE,IAAA,EAAM,GAAA,EAAK,MAAA,EAAQ,IAAA,EAAK;AACnC;AAMO,SAAS,sBAAA,CACd,MACA,MAAA,EACQ;AACR,EAAA,OAAO,CAAA;AAAA;AAAA,gCAAA,EAEyB,IAAI,CAAA;AAAA;;AAAA;AAAA,mBAAA,EAIjB,IAAI,CAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,yDAAA,EAOkC,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAS/D;AAWO,SAAS,oBAAoB,IAAA,EAAsC;AACxE,EAAA,OAAO;AAAA,IACL,oBAAA,EAAsB,EAAA;AAAA,IACtB,cAAA,EAAgB,IAAA;AAAA,IAChB,iBAAA,EAAmB,WAAW,IAAI,CAAA;AAAA,GACpC;AACF;AAMO,SAAS,IAAA,CACd,eACA,MAAA,EACQ;AACR,EAAA,MAAM,YAA4B,EAAC;AAEnC,EAAA,KAAA,MAAW,QAAQ,aAAA,EAAe;AAChC,IAAA,MAAM,KAAA,GAAQ,IAAgB,IAAI,CAAA;AAClC,IAAA,IAAI,KAAA,EAAO,SAAA,CAAU,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AAAA,EACtC;AAEA,EAAA,IAAI,SAAA,CAAU,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AAEnC,EAAA,OAAO;AAAA,IACL,sBAAA,CAAuB,WAAW,MAAM,CAAA;AAAA,IACxC,qBAAA;AAAsB,GACxB,CAAE,KAAK,IAAI,CAAA;AACb","file":"astro.js","sourcesContent":["import type { SkeletonData, CastDOMConfig } from \"../core/types.js\";\nimport { renderSkeleton, renderCriticalStyleTag, renderHydrationScript } from \"../seo/ssr.js\";\nimport { get as getFromRegistry, loadManifest } from \"../core/registry.js\";\nimport { generateCriticalCSS } from \"../core/renderer.js\";\nimport { renderStandalone } from \"../core/renderer.js\";\n\n/**\n * Astro adapter for CastDOM.\n *\n * Supports:\n * - Astro components (SSG and SSR)\n * - Island-aware skeletons (client:load, client:idle, client:visible)\n * - Automatic <style> injection\n * - View Transitions integration\n *\n * Usage:\n * ```astro\n * ---\n * // src/components/UserCard.astro\n * import { skeleton } from \"@lukas_holdings/castdom/astro\";\n * const { html, css } = skeleton(\"user-card\");\n * ---\n *\n * <style set:html={css}></style>\n * <div class=\"user-card-wrapper\" data-castdom=\"user-card\">\n *   <Fragment set:html={html} />\n * </div>\n * ```\n */\n\n/**\n * Astro integration for CastDOM.\n * Add to your astro.config.mjs:\n *\n * ```js\n * import { castdomIntegration } from \"@lukas_holdings/castdom/astro\";\n *\n * export default defineConfig({\n *   integrations: [castdomIntegration()],\n * });\n * ```\n */\nexport function castdomIntegration(options?: {\n  manifestPath?: string;\n  config?: Partial<CastDOMConfig>;\n}) {\n  return {\n    name: \"castdom\",\n    hooks: {\n      \"astro:config:setup\"({\n        injectScript,\n        logger,\n      }: {\n        injectScript: (stage: string, content: string) => void;\n        logger?: { info: (msg: string) => void; warn: (msg: string) => void };\n      }) {\n        // Only inject the manifest loader if a manifest file actually exists.\n        // Otherwise the build fails trying to resolve a non-existent JSON import.\n        // This lets users add the integration before running `castdom build`.\n        const manifestPath = options?.manifestPath ?? \".castdom/manifest.json\";\n\n        // Resolve manifest path relative to the project root (process.cwd()).\n        // Using require(\"fs\") keeps this hook synchronous without ESM top-level await.\n        let manifestExists = false;\n        try {\n          // eslint-disable-next-line @typescript-eslint/no-var-requires\n          const fs = require(\"fs\");\n          // eslint-disable-next-line @typescript-eslint/no-var-requires\n          const path = require(\"path\");\n          const absolute = path.isAbsolute(manifestPath)\n            ? manifestPath\n            : path.resolve(process.cwd(), manifestPath);\n          manifestExists = fs.existsSync(absolute);\n        } catch {\n          manifestExists = false;\n        }\n\n        if (!manifestExists) {\n          logger?.warn(\n            `[castdom] No manifest found at \"${manifestPath}\". Skipping skeleton registry injection. ` +\n              `Run \\`npx castdom build\\` to generate one.`\n          );\n          return;\n        }\n\n        injectScript(\n          \"page-ssr\",\n          `import manifest from \"${manifestPath}\" with { type: \"json\" };\\nimport { loadManifest } from \"@lukas_holdings/castdom\";\\nloadManifest(manifest);`\n        );\n      },\n\n      \"astro:build:done\"() {\n        // Could run extraction here if dev server is available\n      },\n    },\n  };\n}\n\n/**\n * Get skeleton HTML and CSS for use in Astro components.\n *\n * ```astro\n * ---\n * import { skeleton } from \"@lukas_holdings/castdom/astro\";\n * const sk = skeleton(\"user-card\");\n * ---\n *\n * {sk.html && <Fragment set:html={sk.html} />}\n * ```\n */\nexport function skeleton(\n  name: string,\n  config?: Partial<CastDOMConfig>\n): { html: string; css: string; exists: boolean } {\n  const entry = getFromRegistry(name);\n\n  if (!entry) {\n    return { html: \"\", css: \"\", exists: false };\n  }\n\n  const html = renderSkeleton(entry.data, { config });\n  const css = generateCriticalCSS([entry.data], config);\n\n  return { html, css, exists: true };\n}\n\n/**\n * Generate a complete Astro component string for a skeleton.\n * Useful for programmatic component generation.\n */\nexport function generateAstroComponent(\n  name: string,\n  config?: Partial<CastDOMConfig>\n): string {\n  return `---\nimport { skeleton } from \"@lukas_holdings/castdom/astro\";\nconst { html, css } = skeleton(\"${name}\");\n---\n\n<style set:html={css}></style>\n<div data-castdom=\"${name}\">\n  <Fragment set:html={html} />\n  <slot />\n</div>\n\n<script>\n  // Hydration: remove skeleton when slot content renders\n  const wrapper = document.querySelector('[data-castdom=\"${name}\"]');\n  if (wrapper) {\n    const skeleton = wrapper.querySelector('.castdom-skeleton');\n    if (skeleton && wrapper.children.length > 1) {\n      skeleton.remove();\n    }\n  }\n</script>\n`;\n}\n\n/**\n * View Transitions helper — preserves skeleton state during navigation.\n *\n * ```astro\n * <div transition:persist data-castdom=\"sidebar\">\n *   <Fragment set:html={skeleton(\"sidebar\").html} />\n * </div>\n * ```\n */\nexport function viewTransitionProps(name: string): Record<string, string> {\n  return {\n    \"transition:persist\": \"\",\n    \"data-castdom\": name,\n    \"transition:name\": `castdom-${name}`,\n  };\n}\n\n/**\n * Generate <head> content for Astro pages.\n * Include in your Layout component.\n */\nexport function head(\n  skeletonNames: string[],\n  config?: Partial<CastDOMConfig>\n): string {\n  const skeletons: SkeletonData[] = [];\n\n  for (const name of skeletonNames) {\n    const entry = getFromRegistry(name);\n    if (entry) skeletons.push(entry.data);\n  }\n\n  if (skeletons.length === 0) return \"\";\n\n  return [\n    renderCriticalStyleTag(skeletons, config),\n    renderHydrationScript(),\n  ].join(\"\\n\");\n}\n"]}

package/dist/{chunk-ZBJB7WVV.js → chunk-275VEEA7.js}

@@ -1,5 +1,5 @@
-import { selectBreakpoint } from './chunk-ONS533CQ.js';
-import { get } from './chunk-KGLTVTHU.js';
+import { selectBreakpoint } from './chunk-6RFGWOGG.js';
+import { get } from './chunk-V4FV5XFF.js';
 import { useState, useRef, useEffect, createElement, useCallback, useMemo } from 'react';
 
 function CastDOM({
@@ -189,5 +189,5 @@ function useCastDOM(name) {
 var react_default = CastDOM;
 
 export { CastDOM, CastDOMStyle, react_default, useCastDOM };
-//# sourceMappingURL=chunk-ZBJB7WVV.js.map
-//# sourceMappingURL=chunk-ZBJB7WVV.js.map
+//# sourceMappingURL=chunk-275VEEA7.js.map
+//# sourceMappingURL=chunk-275VEEA7.js.map

package/dist/{chunk-ZBJB7WVV.js.map → chunk-275VEEA7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/react.tsx"],"names":[],"mappings":"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","file":"chunk-ZBJB7WVV.js","sourcesContent":["\"use client\";\n\nimport {\n  type ReactNode,\n  type CSSProperties,\n  useState,\n  useEffect,\n  useRef,\n  useCallback,\n  useMemo,\n  createElement,\n} from \"react\";\nimport type { SkeletonData, BreakpointData, CastDOMConfig } from \"../core/types.js\";\nimport { get as getFromRegistry } from \"../core/registry.js\";\nimport { selectBreakpoint } from \"../core/responsive.js\";\n\nexport interface CastDOMProps {\n  /** Name of the registered skeleton */\n  name: string;\n  /** Children to render once loaded */\n  children: ReactNode;\n  /** Whether the content is still loading (default: false when children mount) */\n  loading?: boolean;\n  /** Custom fallback while skeleton data loads from registry */\n  fallback?: ReactNode;\n  /** Animation type override */\n  animation?: \"shimmer\" | \"pulse\" | \"wave\" | \"none\";\n  /** Base color override */\n  color?: string;\n  /** Shimmer highlight color override */\n  shimmerColor?: string;\n  /** Animation duration override (ms) */\n  duration?: number;\n  /** Additional CSS class */\n  className?: string;\n  /** Additional inline styles */\n  style?: CSSProperties;\n  /** Callback when skeleton is shown */\n  onSkeletonShow?: () => void;\n  /** Callback when real content replaces skeleton */\n  onContentShow?: () => void;\n  /** Aria label for the loading state */\n  ariaLabel?: string;\n}\n\n/**\n * <CastDOM> — wraps your component and shows an extracted skeleton while loading.\n *\n * Usage:\n * ```tsx\n * <CastDOM name=\"user-card\" loading={isLoading}>\n *   <UserCard data={data} />\n * </CastDOM>\n * ```\n *\n * The skeleton auto-resolves from the global registry.\n * Register skeletons once at app entry with `loadManifest()`.\n */\nexport function CastDOM({\n  name,\n  children,\n  loading,\n  fallback,\n  animation = \"shimmer\",\n  color,\n  shimmerColor,\n  duration,\n  className,\n  style,\n  onSkeletonShow,\n  onContentShow,\n  ariaLabel,\n}: CastDOMProps): ReactNode {\n  const [isLoading, setIsLoading] = useState(loading ?? true);\n  const [viewportWidth, setViewportWidth] = useState<number>(\n    typeof window !== \"undefined\" ? window.innerWidth : 1280\n  );\n  const containerRef = useRef<HTMLDivElement>(null);\n  const shownRef = useRef(false);\n\n  // Track loading state\n  useEffect(() => {\n    if (loading !== undefined) {\n      setIsLoading(loading);\n    }\n  }, [loading]);\n\n  // Auto-detect loading completion when loading prop is not provided\n  useEffect(() => {\n    if (loading === undefined && children) {\n      setIsLoading(false);\n    }\n  }, [loading, children]);\n\n  // Track viewport width for responsive skeletons\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const onResize = () => setViewportWidth(window.innerWidth);\n    window.addEventListener(\"resize\", onResize, { passive: true });\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, []);\n\n  // Callbacks\n  useEffect(() => {\n    if (isLoading && !shownRef.current) {\n      shownRef.current = true;\n      onSkeletonShow?.();\n    }\n    if (!isLoading && shownRef.current) {\n      onContentShow?.();\n    }\n  }, [isLoading, onSkeletonShow, onContentShow]);\n\n  // Get skeleton from registry\n  const entry = getFromRegistry(name);\n\n  if (!isLoading) {\n    return createElement(\n      \"div\",\n      {\n        ref: containerRef,\n        className,\n        style,\n        \"data-castdom\": name,\n      },\n      children\n    );\n  }\n\n  // No skeleton data — show fallback or nothing\n  if (!entry) {\n    return fallback\n      ? createElement(\"div\", { className, style }, fallback)\n      : null;\n  }\n\n  // Select best breakpoint\n  const bp = selectBreakpoint(entry.data, viewportWidth);\n  if (!bp) return fallback ? createElement(\"div\", { className, style }, fallback) : null;\n\n  // Render skeleton\n  return createElement(SkeletonRenderer, {\n    name,\n    breakpoint: bp,\n    animation,\n    color,\n    shimmerColor,\n    duration,\n    className,\n    style,\n    ariaLabel,\n  });\n}\n\n/** Internal skeleton renderer — pure CSS, no JS animation runtime */\ninterface SkeletonRendererProps {\n  name: string;\n  breakpoint: BreakpointData;\n  animation: \"shimmer\" | \"pulse\" | \"wave\" | \"none\";\n  color?: string;\n  shimmerColor?: string;\n  duration?: number;\n  className?: string;\n  style?: CSSProperties;\n  ariaLabel?: string;\n}\n\nfunction SkeletonRenderer({\n  name,\n  breakpoint,\n  animation,\n  color = \"#e0e0e0\",\n  shimmerColor = \"#f0f0f0\",\n  duration = 1500,\n  className,\n  style,\n  ariaLabel,\n}: SkeletonRendererProps): ReactNode {\n  const bones = breakpoint.bones;\n\n  const containerStyle: CSSProperties = {\n    position: \"relative\",\n    width: breakpoint.containerWidth,\n    height: breakpoint.containerHeight,\n    overflow: \"hidden\",\n    ...style,\n  };\n\n  const getBackground = useCallback(() => {\n    switch (animation) {\n      case \"shimmer\":\n        return `linear-gradient(90deg, ${color} 25%, ${shimmerColor} 50%, ${color} 75%)`;\n      case \"pulse\":\n      case \"wave\":\n      case \"none\":\n        return color;\n    }\n  }, [animation, color, shimmerColor]);\n\n  const getAnimationCSS = useCallback((): string => {\n    switch (animation) {\n      case \"shimmer\":\n        return `castdom-shimmer ${duration}ms ease-in-out infinite`;\n      case \"pulse\":\n        return `castdom-pulse ${duration}ms ease-in-out infinite`;\n      case \"wave\":\n        return `castdom-wave ${duration}ms ease-in-out infinite`;\n      case \"none\":\n        return \"none\";\n    }\n  }, [animation, duration]);\n\n  return createElement(\n    \"div\",\n    {\n      className: `castdom-skeleton castdom-${name}${className ? ` ${className}` : \"\"}`,\n      style: containerStyle,\n      role: \"status\",\n      \"aria-busy\": true,\n      \"aria-label\": ariaLabel ?? `Loading ${name}`,\n    },\n    bones.map((bone, i) =>\n      createElement(\"div\", {\n        key: i,\n        className: \"castdom-bone\",\n        \"aria-hidden\": true,\n        style: {\n          position: \"absolute\" as const,\n          left: bone.x,\n          top: bone.y,\n          width: bone.w,\n          height: bone.h,\n          borderRadius: bone.r >= 9999 ? \"50%\" : bone.r,\n          background: getBackground(),\n          backgroundSize: animation === \"shimmer\" ? \"200% 100%\" : undefined,\n          animation: getAnimationCSS(),\n          animationDelay: animation === \"wave\" ? `${i * 50}ms` : undefined,\n        } satisfies CSSProperties,\n      })\n    )\n  );\n}\n\n/**\n * <CastDOMStyle> — renders the critical CSS for registered skeletons.\n * Place this in your <head> or layout for optimal performance.\n *\n * ```tsx\n * <head>\n *   <CastDOMStyle skeletons={[\"user-card\", \"feed-item\"]} />\n * </head>\n * ```\n */\nexport function CastDOMStyle({\n  skeletons,\n}: {\n  skeletons?: string[];\n}): ReactNode {\n  const css = useMemo(() => {\n    const parts: string[] = [\n      \"@keyframes castdom-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}\",\n      \"@keyframes castdom-pulse{0%,100%{opacity:1}50%{opacity:0.4}}\",\n      \"@keyframes castdom-wave{0%{opacity:0.4}50%{opacity:1}100%{opacity:0.4}}\",\n      \"@media(prefers-reduced-motion:reduce){.castdom-bone{animation:none!important}}\",\n    ];\n    return parts.join(\"\");\n  }, []);\n\n  return createElement(\"style\", {\n    dangerouslySetInnerHTML: { __html: css },\n    \"data-castdom\": \"critical\",\n  });\n}\n\n/**\n * Hook: useCastDOM — programmatic access to skeleton data.\n */\nexport function useCastDOM(name: string) {\n  const entry = getFromRegistry(name);\n  const [vw, setVW] = useState(\n    typeof window !== \"undefined\" ? window.innerWidth : 1280\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const onResize = () => setVW(window.innerWidth);\n    window.addEventListener(\"resize\", onResize, { passive: true });\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, []);\n\n  const breakpoint = entry ? selectBreakpoint(entry.data, vw) : null;\n\n  return {\n    exists: !!entry,\n    data: entry?.data ?? null,\n    breakpoint,\n    css: entry?.css ?? \"\",\n    html: breakpoint ? entry?.html[breakpoint.viewport] ?? \"\" : \"\",\n  };\n}\n\nexport default CastDOM;\n"]}
+{"version":3,"sources":["../src/components/react.tsx"],"names":[],"mappings":"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","file":"chunk-275VEEA7.js","sourcesContent":["\"use client\";\n\nimport {\n  type ReactNode,\n  type CSSProperties,\n  useState,\n  useEffect,\n  useRef,\n  useCallback,\n  useMemo,\n  createElement,\n} from \"react\";\nimport type { SkeletonData, BreakpointData, CastDOMConfig } from \"../core/types.js\";\nimport { get as getFromRegistry } from \"../core/registry.js\";\nimport { selectBreakpoint } from \"../core/responsive.js\";\n\nexport interface CastDOMProps {\n  /** Name of the registered skeleton */\n  name: string;\n  /** Children to render once loaded */\n  children: ReactNode;\n  /** Whether the content is still loading (default: false when children mount) */\n  loading?: boolean;\n  /** Custom fallback while skeleton data loads from registry */\n  fallback?: ReactNode;\n  /** Animation type override */\n  animation?: \"shimmer\" | \"pulse\" | \"wave\" | \"none\";\n  /** Base color override */\n  color?: string;\n  /** Shimmer highlight color override */\n  shimmerColor?: string;\n  /** Animation duration override (ms) */\n  duration?: number;\n  /** Additional CSS class */\n  className?: string;\n  /** Additional inline styles */\n  style?: CSSProperties;\n  /** Callback when skeleton is shown */\n  onSkeletonShow?: () => void;\n  /** Callback when real content replaces skeleton */\n  onContentShow?: () => void;\n  /** Aria label for the loading state */\n  ariaLabel?: string;\n}\n\n/**\n * <CastDOM> — wraps your component and shows an extracted skeleton while loading.\n *\n * Usage:\n * ```tsx\n * <CastDOM name=\"user-card\" loading={isLoading}>\n *   <UserCard data={data} />\n * </CastDOM>\n * ```\n *\n * The skeleton auto-resolves from the global registry.\n * Register skeletons once at app entry with `loadManifest()`.\n */\nexport function CastDOM({\n  name,\n  children,\n  loading,\n  fallback,\n  animation = \"shimmer\",\n  color,\n  shimmerColor,\n  duration,\n  className,\n  style,\n  onSkeletonShow,\n  onContentShow,\n  ariaLabel,\n}: CastDOMProps): ReactNode {\n  const [isLoading, setIsLoading] = useState(loading ?? true);\n  const [viewportWidth, setViewportWidth] = useState<number>(\n    typeof window !== \"undefined\" ? window.innerWidth : 1280\n  );\n  const containerRef = useRef<HTMLDivElement>(null);\n  const shownRef = useRef(false);\n\n  // Track loading state\n  useEffect(() => {\n    if (loading !== undefined) {\n      setIsLoading(loading);\n    }\n  }, [loading]);\n\n  // Auto-detect loading completion when loading prop is not provided\n  useEffect(() => {\n    if (loading === undefined && children) {\n      setIsLoading(false);\n    }\n  }, [loading, children]);\n\n  // Track viewport width for responsive skeletons\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const onResize = () => setViewportWidth(window.innerWidth);\n    window.addEventListener(\"resize\", onResize, { passive: true });\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, []);\n\n  // Callbacks\n  useEffect(() => {\n    if (isLoading && !shownRef.current) {\n      shownRef.current = true;\n      onSkeletonShow?.();\n    }\n    if (!isLoading && shownRef.current) {\n      onContentShow?.();\n    }\n  }, [isLoading, onSkeletonShow, onContentShow]);\n\n  // Get skeleton from registry\n  const entry = getFromRegistry(name);\n\n  if (!isLoading) {\n    return createElement(\n      \"div\",\n      {\n        ref: containerRef,\n        className,\n        style,\n        \"data-castdom\": name,\n      },\n      children\n    );\n  }\n\n  // No skeleton data — show fallback or nothing\n  if (!entry) {\n    return fallback\n      ? createElement(\"div\", { className, style }, fallback)\n      : null;\n  }\n\n  // Select best breakpoint\n  const bp = selectBreakpoint(entry.data, viewportWidth);\n  if (!bp) return fallback ? createElement(\"div\", { className, style }, fallback) : null;\n\n  // Render skeleton\n  return createElement(SkeletonRenderer, {\n    name,\n    breakpoint: bp,\n    animation,\n    color,\n    shimmerColor,\n    duration,\n    className,\n    style,\n    ariaLabel,\n  });\n}\n\n/** Internal skeleton renderer — pure CSS, no JS animation runtime */\ninterface SkeletonRendererProps {\n  name: string;\n  breakpoint: BreakpointData;\n  animation: \"shimmer\" | \"pulse\" | \"wave\" | \"none\";\n  color?: string;\n  shimmerColor?: string;\n  duration?: number;\n  className?: string;\n  style?: CSSProperties;\n  ariaLabel?: string;\n}\n\nfunction SkeletonRenderer({\n  name,\n  breakpoint,\n  animation,\n  color = \"#e0e0e0\",\n  shimmerColor = \"#f0f0f0\",\n  duration = 1500,\n  className,\n  style,\n  ariaLabel,\n}: SkeletonRendererProps): ReactNode {\n  const bones = breakpoint.bones;\n\n  const containerStyle: CSSProperties = {\n    position: \"relative\",\n    width: breakpoint.containerWidth,\n    height: breakpoint.containerHeight,\n    overflow: \"hidden\",\n    ...style,\n  };\n\n  const getBackground = useCallback(() => {\n    switch (animation) {\n      case \"shimmer\":\n        return `linear-gradient(90deg, ${color} 25%, ${shimmerColor} 50%, ${color} 75%)`;\n      case \"pulse\":\n      case \"wave\":\n      case \"none\":\n        return color;\n    }\n  }, [animation, color, shimmerColor]);\n\n  const getAnimationCSS = useCallback((): string => {\n    switch (animation) {\n      case \"shimmer\":\n        return `castdom-shimmer ${duration}ms ease-in-out infinite`;\n      case \"pulse\":\n        return `castdom-pulse ${duration}ms ease-in-out infinite`;\n      case \"wave\":\n        return `castdom-wave ${duration}ms ease-in-out infinite`;\n      case \"none\":\n        return \"none\";\n    }\n  }, [animation, duration]);\n\n  return createElement(\n    \"div\",\n    {\n      className: `castdom-skeleton castdom-${name}${className ? ` ${className}` : \"\"}`,\n      style: containerStyle,\n      role: \"status\",\n      \"aria-busy\": true,\n      \"aria-label\": ariaLabel ?? `Loading ${name}`,\n    },\n    bones.map((bone, i) =>\n      createElement(\"div\", {\n        key: i,\n        className: \"castdom-bone\",\n        \"aria-hidden\": true,\n        style: {\n          position: \"absolute\" as const,\n          left: bone.x,\n          top: bone.y,\n          width: bone.w,\n          height: bone.h,\n          borderRadius: bone.r >= 9999 ? \"50%\" : bone.r,\n          background: getBackground(),\n          backgroundSize: animation === \"shimmer\" ? \"200% 100%\" : undefined,\n          animation: getAnimationCSS(),\n          animationDelay: animation === \"wave\" ? `${i * 50}ms` : undefined,\n        } satisfies CSSProperties,\n      })\n    )\n  );\n}\n\n/**\n * <CastDOMStyle> — renders the critical CSS for registered skeletons.\n * Place this in your <head> or layout for optimal performance.\n *\n * ```tsx\n * <head>\n *   <CastDOMStyle skeletons={[\"user-card\", \"feed-item\"]} />\n * </head>\n * ```\n */\nexport function CastDOMStyle({\n  skeletons,\n}: {\n  skeletons?: string[];\n}): ReactNode {\n  const css = useMemo(() => {\n    const parts: string[] = [\n      \"@keyframes castdom-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}\",\n      \"@keyframes castdom-pulse{0%,100%{opacity:1}50%{opacity:0.4}}\",\n      \"@keyframes castdom-wave{0%{opacity:0.4}50%{opacity:1}100%{opacity:0.4}}\",\n      \"@media(prefers-reduced-motion:reduce){.castdom-bone{animation:none!important}}\",\n    ];\n    return parts.join(\"\");\n  }, []);\n\n  return createElement(\"style\", {\n    dangerouslySetInnerHTML: { __html: css },\n    \"data-castdom\": \"critical\",\n  });\n}\n\n/**\n * Hook: useCastDOM — programmatic access to skeleton data.\n */\nexport function useCastDOM(name: string) {\n  const entry = getFromRegistry(name);\n  const [vw, setVW] = useState(\n    typeof window !== \"undefined\" ? window.innerWidth : 1280\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const onResize = () => setVW(window.innerWidth);\n    window.addEventListener(\"resize\", onResize, { passive: true });\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, []);\n\n  const breakpoint = entry ? selectBreakpoint(entry.data, vw) : null;\n\n  return {\n    exists: !!entry,\n    data: entry?.data ?? null,\n    breakpoint,\n    css: entry?.css ?? \"\",\n    html: breakpoint ? entry?.html[breakpoint.viewport] ?? \"\" : \"\",\n  };\n}\n\nexport default CastDOM;\n"]}

package/dist/chunk-4LFW65DU.js

@@ -0,0 +1,38 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/core/types.ts
+var DEFAULTS = {
+  outDir: ".castdom",
+  breakpoints: [375, 768, 1280],
+  color: "#e0e0e0",
+  shimmerColor: "#f0f0f0",
+  animationDuration: 1500,
+  contentAware: true,
+  minBoneSize: 4,
+  classPrefix: "castdom",
+  inlineStyles: false,
+  ssr: true
+};
+var BONE_KIND_INDEX = {
+  text: 1,
+  heading: 2,
+  image: 3,
+  avatar: 4,
+  button: 5,
+  input: 6,
+  icon: 7,
+  divider: 8,
+  block: 0
+};
+var BONE_KIND_FROM_INDEX = Object.fromEntries(
+  Object.entries(BONE_KIND_INDEX).map(([k, v]) => [v, k])
+);
+
+export { BONE_KIND_FROM_INDEX, BONE_KIND_INDEX, DEFAULTS, __require };
+//# sourceMappingURL=chunk-4LFW65DU.js.map
+//# sourceMappingURL=chunk-4LFW65DU.js.map

package/dist/chunk-4LFW65DU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/types.ts"],"names":[],"mappings":";;;;;;;;AAqHO,IAAM,QAAA,GAcT;AAAA,EACF,MAAA,EAAQ,UAAA;AAAA,EACR,WAAA,EAAa,CAAC,GAAA,EAAK,GAAA,EAAK,IAAI,CAAA;AAAA,EAC5B,KAAA,EAAO,SAAA;AAAA,EACP,YAAA,EAAc,SAAA;AAAA,EACd,iBAAA,EAAmB,IAAA;AAAA,EACnB,YAAA,EAAc,IAAA;AAAA,EACd,WAAA,EAAa,CAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,YAAA,EAAc,KAAA;AAAA,EACd,GAAA,EAAK;AACP;AAGO,IAAM,eAAA,GAA4C;AAAA,EACvD,IAAA,EAAM,CAAA;AAAA,EACN,OAAA,EAAS,CAAA;AAAA,EACT,KAAA,EAAO,CAAA;AAAA,EACP,MAAA,EAAQ,CAAA;AAAA,EACR,MAAA,EAAQ,CAAA;AAAA,EACR,KAAA,EAAO,CAAA;AAAA,EACP,IAAA,EAAM,CAAA;AAAA,EACN,OAAA,EAAS,CAAA;AAAA,EACT,KAAA,EAAO;AACT;AAEO,IAAM,uBAAiD,MAAA,CAAO,WAAA;AAAA,EACnE,MAAA,CAAO,OAAA,CAAQ,eAAe,CAAA,CAAE,GAAA,CAAI,CAAC,CAAC,CAAA,EAAG,CAAC,CAAA,KAAM,CAAC,CAAA,EAAG,CAAa,CAAC;AACpE","file":"chunk-4LFW65DU.js","sourcesContent":["/** A single bone — one rectangular skeleton element */\nexport interface Bone {\n  /** X position relative to container (px) */\n  x: number;\n  /** Y position relative to container (px) */\n  y: number;\n  /** Width (px) */\n  w: number;\n  /** Height (px) */\n  h: number;\n  /** Border radius (px). 9999 = circle */\n  r: number;\n  /** Element type hint for content-aware rendering */\n  kind?: BoneKind;\n}\n\nexport type BoneKind =\n  | \"text\"\n  | \"heading\"\n  | \"image\"\n  | \"avatar\"\n  | \"button\"\n  | \"input\"\n  | \"icon\"\n  | \"divider\"\n  | \"block\";\n\n/** Bone data for a single breakpoint */\nexport interface BreakpointData {\n  /** Viewport width this was captured at */\n  viewport: number;\n  /** Container width at capture time */\n  containerWidth: number;\n  /** Container height at capture time */\n  containerHeight: number;\n  /** All bones at this breakpoint */\n  bones: Bone[];\n}\n\n/** Complete skeleton definition for a named component */\nexport interface SkeletonData {\n  /** Unique name for this skeleton */\n  name: string;\n  /** Version hash for cache busting */\n  hash: string;\n  /** Breakpoint data, sorted ascending by viewport width */\n  breakpoints: BreakpointData[];\n  /** Timestamp of last extraction */\n  extractedAt: number;\n}\n\n/** Configuration for CastDOM */\nexport interface CastDOMConfig {\n  /** Directory to output generated skeleton data */\n  outDir?: string;\n  /** Breakpoint widths to capture at (default: [375, 768, 1280]) */\n  breakpoints?: number[];\n  /** Base color for skeleton bones (default: \"#e0e0e0\") */\n  color?: string;\n  /** Shimmer highlight color (default: \"#f0f0f0\") */\n  shimmerColor?: string;\n  /** Animation duration in ms (default: 1500) */\n  animationDuration?: number;\n  /** Enable content-aware bone detection (default: true) */\n  contentAware?: boolean;\n  /** Minimum bone size to include in px (default: 4) */\n  minBoneSize?: number;\n  /** CSS class prefix (default: \"castdom\") */\n  classPrefix?: string;\n  /** Generate inline styles instead of class-based (default: false) */\n  inlineStyles?: boolean;\n  /** Enable SSR rendering (default: true) */\n  ssr?: boolean;\n  /** URL or path to dev server for extraction */\n  devServer?: string;\n  /** Routes to snapshot for extraction */\n  routes?: string[];\n  /** Playwright launch options */\n  playwright?: {\n    headless?: boolean;\n    timeout?: number;\n  };\n}\n\n/** Registry entry used at runtime */\nexport interface RegistryEntry {\n  data: SkeletonData;\n  css: string;\n  html: Record<number, string>;\n}\n\n/** Extraction target — what to snapshot */\nexport interface ExtractionTarget {\n  name: string;\n  selector: string;\n  route?: string;\n}\n\n/** Result from the extraction process */\nexport interface ExtractionResult {\n  target: ExtractionTarget;\n  skeleton: SkeletonData;\n}\n\n/** Compressed bone format for wire/storage (delta-encoded) */\nexport interface CompressedBones {\n  /** Version of compression format */\n  v: 1;\n  /** Viewport width */\n  vw: number;\n  /** Container dimensions [w, h] */\n  c: [number, number];\n  /** Flat array: [x, y, w, h, r, kind, ...] per bone. kind is enum index. */\n  d: number[];\n}\n\n/** Default configuration values */\nexport const DEFAULTS: Required<\n  Pick<\n    CastDOMConfig,\n    | \"outDir\"\n    | \"breakpoints\"\n    | \"color\"\n    | \"shimmerColor\"\n    | \"animationDuration\"\n    | \"contentAware\"\n    | \"minBoneSize\"\n    | \"classPrefix\"\n    | \"inlineStyles\"\n    | \"ssr\"\n  >\n> = {\n  outDir: \".castdom\",\n  breakpoints: [375, 768, 1280],\n  color: \"#e0e0e0\",\n  shimmerColor: \"#f0f0f0\",\n  animationDuration: 1500,\n  contentAware: true,\n  minBoneSize: 4,\n  classPrefix: \"castdom\",\n  inlineStyles: false,\n  ssr: true,\n};\n\n/** Map bone kind to numeric index for compression */\nexport const BONE_KIND_INDEX: Record<BoneKind, number> = {\n  text: 1,\n  heading: 2,\n  image: 3,\n  avatar: 4,\n  button: 5,\n  input: 6,\n  icon: 7,\n  divider: 8,\n  block: 0,\n};\n\nexport const BONE_KIND_FROM_INDEX: Record<number, BoneKind> = Object.fromEntries(\n  Object.entries(BONE_KIND_INDEX).map(([k, v]) => [v, k as BoneKind])\n) as Record<number, BoneKind>;\n"]}

package/dist/{chunk-ONS533CQ.js → chunk-6RFGWOGG.js}

@@ -1,4 +1,4 @@
-import { DEFAULTS } from './chunk-EJRNKHL5.js';
+import { DEFAULTS } from './chunk-4LFW65DU.js';
 
 // src/core/responsive.ts
 function selectBreakpoint(skeleton, viewportWidth) {
@@ -100,5 +100,5 @@ function getStaleBreakpoints(skeleton, targetBreakpoints) {
 }
 
 export { diffBreakpoints, getStaleBreakpoints, interpolateBones, selectBreakpoint, validateBreakpoints };
-//# sourceMappingURL=chunk-ONS533CQ.js.map
-//# sourceMappingURL=chunk-ONS533CQ.js.map
+//# sourceMappingURL=chunk-6RFGWOGG.js.map
+//# sourceMappingURL=chunk-6RFGWOGG.js.map

package/dist/{chunk-ONS533CQ.js.map → chunk-6RFGWOGG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/responsive.ts"],"names":[],"mappings":"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","file":"chunk-ONS533CQ.js","sourcesContent":["import type { BreakpointData, Bone, SkeletonData } from \"./types.js\";\nimport { DEFAULTS } from \"./types.js\";\n\n/**\n * Responsive breakpoint system for CastDOM.\n *\n * Handles:\n * - Selecting the best breakpoint for a given viewport width\n * - Interpolating between breakpoints for fluid layouts\n * - Diffing breakpoints to only store changes\n */\n\n/** Select the best breakpoint for a given viewport width */\nexport function selectBreakpoint(\n  skeleton: SkeletonData,\n  viewportWidth: number\n): BreakpointData | null {\n  const bps = [...skeleton.breakpoints].sort(\n    (a, b) => a.viewport - b.viewport\n  );\n\n  if (bps.length === 0) return null;\n  if (bps.length === 1) return bps[0];\n\n  // Find closest breakpoint\n  let best = bps[0];\n  let bestDist = Math.abs(viewportWidth - best.viewport);\n\n  for (let i = 1; i < bps.length; i++) {\n    const dist = Math.abs(viewportWidth - bps[i].viewport);\n    if (dist < bestDist) {\n      best = bps[i];\n      bestDist = dist;\n    }\n  }\n\n  return best;\n}\n\n/**\n * Interpolate bones between two breakpoints for a target viewport width.\n * Provides fluid skeleton sizing between captured breakpoints.\n */\nexport function interpolateBones(\n  from: BreakpointData,\n  to: BreakpointData,\n  targetWidth: number\n): BreakpointData {\n  // Calculate interpolation factor\n  const range = to.viewport - from.viewport;\n  if (range === 0) return from;\n\n  const t = Math.max(0, Math.min(1, (targetWidth - from.viewport) / range));\n\n  // Interpolate container dimensions\n  const containerWidth = lerp(from.containerWidth, to.containerWidth, t);\n  const containerHeight = lerp(from.containerHeight, to.containerHeight, t);\n\n  // Scale factor for bone positions\n  const scaleX = containerWidth / from.containerWidth;\n  const scaleY = containerHeight / from.containerHeight;\n\n  // If bone counts differ, use the closest breakpoint's bones\n  if (from.bones.length !== to.bones.length) {\n    const base = t < 0.5 ? from : to;\n    const sx = containerWidth / base.containerWidth;\n    const sy = containerHeight / base.containerHeight;\n\n    return {\n      viewport: targetWidth,\n      containerWidth,\n      containerHeight,\n      bones: base.bones.map((bone) => ({\n        ...bone,\n        x: bone.x * sx,\n        y: bone.y * sy,\n        w: bone.w * sx,\n        h: bone.h * sy,\n      })),\n    };\n  }\n\n  // Interpolate matching bones\n  const bones: Bone[] = from.bones.map((fromBone, i) => {\n    const toBone = to.bones[i];\n    return {\n      x: lerp(fromBone.x, toBone.x, t),\n      y: lerp(fromBone.y, toBone.y, t),\n      w: lerp(fromBone.w, toBone.w, t),\n      h: lerp(fromBone.h, toBone.h, t),\n      r: lerp(fromBone.r, toBone.r, t),\n      kind: t < 0.5 ? fromBone.kind : toBone.kind,\n    };\n  });\n\n  return {\n    viewport: targetWidth,\n    containerWidth,\n    containerHeight,\n    bones,\n  };\n}\n\n/** Linear interpolation */\nfunction lerp(a: number, b: number, t: number): number {\n  return a + (b - a) * t;\n}\n\n/**\n * Compute a diff between two breakpoints.\n * Only stores bones that changed position/size significantly.\n * Used to reduce storage when breakpoints are similar.\n */\nexport function diffBreakpoints(\n  base: BreakpointData,\n  target: BreakpointData,\n  threshold = 2\n): { changed: number[]; bones: Bone[] } {\n  const changed: number[] = [];\n  const bones: Bone[] = [];\n\n  const maxLen = Math.max(base.bones.length, target.bones.length);\n\n  for (let i = 0; i < maxLen; i++) {\n    const a = base.bones[i];\n    const b = target.bones[i];\n\n    if (!a || !b) {\n      changed.push(i);\n      bones.push(b || a);\n      continue;\n    }\n\n    const dx = Math.abs(a.x - b.x);\n    const dy = Math.abs(a.y - b.y);\n    const dw = Math.abs(a.w - b.w);\n    const dh = Math.abs(a.h - b.h);\n\n    if (dx > threshold || dy > threshold || dw > threshold || dh > threshold) {\n      changed.push(i);\n      bones.push(b);\n    }\n  }\n\n  return { changed, bones };\n}\n\n/**\n * Validate breakpoint configuration.\n * Ensures breakpoints are sorted, unique, and reasonable.\n */\nexport function validateBreakpoints(breakpoints: number[]): number[] {\n  const unique = [...new Set(breakpoints)].sort((a, b) => a - b);\n\n  if (unique.length === 0) {\n    return [...DEFAULTS.breakpoints];\n  }\n\n  // Filter out unreasonable values\n  return unique.filter((bp) => bp >= 200 && bp <= 3840);\n}\n\n/**\n * Determine which breakpoints need re-extraction.\n * Compares existing data against current config.\n */\nexport function getStaleBreakpoints(\n  skeleton: SkeletonData,\n  targetBreakpoints: number[]\n): number[] {\n  const existing = new Set(skeleton.breakpoints.map((bp) => bp.viewport));\n  return targetBreakpoints.filter((bp) => !existing.has(bp));\n}\n"]}
+{"version":3,"sources":["../src/core/responsive.ts"],"names":[],"mappings":"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","file":"chunk-6RFGWOGG.js","sourcesContent":["import type { BreakpointData, Bone, SkeletonData } from \"./types.js\";\nimport { DEFAULTS } from \"./types.js\";\n\n/**\n * Responsive breakpoint system for CastDOM.\n *\n * Handles:\n * - Selecting the best breakpoint for a given viewport width\n * - Interpolating between breakpoints for fluid layouts\n * - Diffing breakpoints to only store changes\n */\n\n/** Select the best breakpoint for a given viewport width */\nexport function selectBreakpoint(\n  skeleton: SkeletonData,\n  viewportWidth: number\n): BreakpointData | null {\n  const bps = [...skeleton.breakpoints].sort(\n    (a, b) => a.viewport - b.viewport\n  );\n\n  if (bps.length === 0) return null;\n  if (bps.length === 1) return bps[0];\n\n  // Find closest breakpoint\n  let best = bps[0];\n  let bestDist = Math.abs(viewportWidth - best.viewport);\n\n  for (let i = 1; i < bps.length; i++) {\n    const dist = Math.abs(viewportWidth - bps[i].viewport);\n    if (dist < bestDist) {\n      best = bps[i];\n      bestDist = dist;\n    }\n  }\n\n  return best;\n}\n\n/**\n * Interpolate bones between two breakpoints for a target viewport width.\n * Provides fluid skeleton sizing between captured breakpoints.\n */\nexport function interpolateBones(\n  from: BreakpointData,\n  to: BreakpointData,\n  targetWidth: number\n): BreakpointData {\n  // Calculate interpolation factor\n  const range = to.viewport - from.viewport;\n  if (range === 0) return from;\n\n  const t = Math.max(0, Math.min(1, (targetWidth - from.viewport) / range));\n\n  // Interpolate container dimensions\n  const containerWidth = lerp(from.containerWidth, to.containerWidth, t);\n  const containerHeight = lerp(from.containerHeight, to.containerHeight, t);\n\n  // Scale factor for bone positions\n  const scaleX = containerWidth / from.containerWidth;\n  const scaleY = containerHeight / from.containerHeight;\n\n  // If bone counts differ, use the closest breakpoint's bones\n  if (from.bones.length !== to.bones.length) {\n    const base = t < 0.5 ? from : to;\n    const sx = containerWidth / base.containerWidth;\n    const sy = containerHeight / base.containerHeight;\n\n    return {\n      viewport: targetWidth,\n      containerWidth,\n      containerHeight,\n      bones: base.bones.map((bone) => ({\n        ...bone,\n        x: bone.x * sx,\n        y: bone.y * sy,\n        w: bone.w * sx,\n        h: bone.h * sy,\n      })),\n    };\n  }\n\n  // Interpolate matching bones\n  const bones: Bone[] = from.bones.map((fromBone, i) => {\n    const toBone = to.bones[i];\n    return {\n      x: lerp(fromBone.x, toBone.x, t),\n      y: lerp(fromBone.y, toBone.y, t),\n      w: lerp(fromBone.w, toBone.w, t),\n      h: lerp(fromBone.h, toBone.h, t),\n      r: lerp(fromBone.r, toBone.r, t),\n      kind: t < 0.5 ? fromBone.kind : toBone.kind,\n    };\n  });\n\n  return {\n    viewport: targetWidth,\n    containerWidth,\n    containerHeight,\n    bones,\n  };\n}\n\n/** Linear interpolation */\nfunction lerp(a: number, b: number, t: number): number {\n  return a + (b - a) * t;\n}\n\n/**\n * Compute a diff between two breakpoints.\n * Only stores bones that changed position/size significantly.\n * Used to reduce storage when breakpoints are similar.\n */\nexport function diffBreakpoints(\n  base: BreakpointData,\n  target: BreakpointData,\n  threshold = 2\n): { changed: number[]; bones: Bone[] } {\n  const changed: number[] = [];\n  const bones: Bone[] = [];\n\n  const maxLen = Math.max(base.bones.length, target.bones.length);\n\n  for (let i = 0; i < maxLen; i++) {\n    const a = base.bones[i];\n    const b = target.bones[i];\n\n    if (!a || !b) {\n      changed.push(i);\n      bones.push(b || a);\n      continue;\n    }\n\n    const dx = Math.abs(a.x - b.x);\n    const dy = Math.abs(a.y - b.y);\n    const dw = Math.abs(a.w - b.w);\n    const dh = Math.abs(a.h - b.h);\n\n    if (dx > threshold || dy > threshold || dw > threshold || dh > threshold) {\n      changed.push(i);\n      bones.push(b);\n    }\n  }\n\n  return { changed, bones };\n}\n\n/**\n * Validate breakpoint configuration.\n * Ensures breakpoints are sorted, unique, and reasonable.\n */\nexport function validateBreakpoints(breakpoints: number[]): number[] {\n  const unique = [...new Set(breakpoints)].sort((a, b) => a - b);\n\n  if (unique.length === 0) {\n    return [...DEFAULTS.breakpoints];\n  }\n\n  // Filter out unreasonable values\n  return unique.filter((bp) => bp >= 200 && bp <= 3840);\n}\n\n/**\n * Determine which breakpoints need re-extraction.\n * Compares existing data against current config.\n */\nexport function getStaleBreakpoints(\n  skeleton: SkeletonData,\n  targetBreakpoints: number[]\n): number[] {\n  const existing = new Set(skeleton.breakpoints.map((bp) => bp.viewport));\n  return targetBreakpoints.filter((bp) => !existing.has(bp));\n}\n"]}

package/dist/{chunk-XS5HAU5E.cjs → chunk-ASS2BFPN.cjs}

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkJRQ6EVQP_cjs = require('./chunk-JRQ6EVQP.cjs');
+var chunkC3VW72Z3_cjs = require('./chunk-C3VW72Z3.cjs');
 
 // src/core/renderer.ts
 function resolveConfig(config) {
   return {
-    color: config?.color ?? chunkJRQ6EVQP_cjs.DEFAULTS.color,
-    shimmerColor: config?.shimmerColor ?? chunkJRQ6EVQP_cjs.DEFAULTS.shimmerColor,
-    animationDuration: config?.animationDuration ?? chunkJRQ6EVQP_cjs.DEFAULTS.animationDuration,
-    classPrefix: config?.classPrefix ?? chunkJRQ6EVQP_cjs.DEFAULTS.classPrefix,
-    inlineStyles: config?.inlineStyles ?? chunkJRQ6EVQP_cjs.DEFAULTS.inlineStyles
+    color: config?.color ?? chunkC3VW72Z3_cjs.DEFAULTS.color,
+    shimmerColor: config?.shimmerColor ?? chunkC3VW72Z3_cjs.DEFAULTS.shimmerColor,
+    animationDuration: config?.animationDuration ?? chunkC3VW72Z3_cjs.DEFAULTS.animationDuration,
+    classPrefix: config?.classPrefix ?? chunkC3VW72Z3_cjs.DEFAULTS.classPrefix,
+    inlineStyles: config?.inlineStyles ?? chunkC3VW72Z3_cjs.DEFAULTS.inlineStyles
   };
 }
 function renderBone(bone, config, index) {
@@ -105,5 +105,5 @@ exports.generateCriticalCSS = generateCriticalCSS;
 exports.renderBonesHTML = renderBonesHTML;
 exports.renderResponsiveHTML = renderResponsiveHTML;
 exports.renderStandalone = renderStandalone;
-//# sourceMappingURL=chunk-XS5HAU5E.cjs.map
-//# sourceMappingURL=chunk-XS5HAU5E.cjs.map
+//# sourceMappingURL=chunk-ASS2BFPN.cjs.map
+//# sourceMappingURL=chunk-ASS2BFPN.cjs.map

package/dist/{chunk-XS5HAU5E.cjs.map → chunk-ASS2BFPN.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/renderer.ts"],"names":["DEFAULTS"],"mappings":"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","file":"chunk-XS5HAU5E.cjs","sourcesContent":["import type {\n  Bone,\n  BreakpointData,\n  SkeletonData,\n  CastDOMConfig,\n} from \"./types.js\";\nimport { DEFAULTS } from \"./types.js\";\n\ntype RenderConfig = Pick<\n  Required<CastDOMConfig>,\n  \"color\" | \"shimmerColor\" | \"animationDuration\" | \"classPrefix\" | \"inlineStyles\"\n>;\n\nfunction resolveConfig(config?: Partial<CastDOMConfig>): RenderConfig {\n  return {\n    color: config?.color ?? DEFAULTS.color,\n    shimmerColor: config?.shimmerColor ?? DEFAULTS.shimmerColor,\n    animationDuration: config?.animationDuration ?? DEFAULTS.animationDuration,\n    classPrefix: config?.classPrefix ?? DEFAULTS.classPrefix,\n    inlineStyles: config?.inlineStyles ?? DEFAULTS.inlineStyles,\n  };\n}\n\n/** Render a single bone to an HTML string */\nfunction renderBone(bone: Bone, config: RenderConfig, index: number): string {\n  const { color, shimmerColor, animationDuration, classPrefix, inlineStyles } = config;\n  const radius = bone.r >= 9999 ? \"50%\" : `${bone.r}px`;\n\n  if (inlineStyles) {\n    const gradient = `linear-gradient(90deg, ${color} 25%, ${shimmerColor} 50%, ${color} 75%)`;\n    return `<div aria-hidden=\"true\" style=\"position:absolute;left:${bone.x}px;top:${bone.y}px;width:${bone.w}px;height:${bone.h}px;border-radius:${radius};background:${gradient};background-size:200% 100%;animation:${classPrefix}-shimmer ${animationDuration}ms ease-in-out infinite\"></div>`;\n  }\n\n  return `<div class=\"${classPrefix}-bone\" style=\"left:${bone.x}px;top:${bone.y}px;width:${bone.w}px;height:${bone.h}px;border-radius:${radius}\" aria-hidden=\"true\"></div>`;\n}\n\n/**\n * Render all bones for a breakpoint to HTML.\n * The output is a pure CSS skeleton — no JS needed to display.\n */\nexport function renderBonesHTML(\n  name: string,\n  bp: BreakpointData,\n  config?: Partial<CastDOMConfig>\n): string {\n  const cfg = resolveConfig(config);\n  const bones = bp.bones\n    .map((bone, i) => renderBone(bone, cfg, i))\n    .join(\"\");\n\n  return `<div class=\"${cfg.classPrefix}-skeleton ${cfg.classPrefix}-${name}\" role=\"status\" aria-busy=\"true\" aria-label=\"Loading ${name}\" style=\"position:relative;width:${bp.containerWidth}px;height:${bp.containerHeight}px;overflow:hidden\">${bones}</div>`;\n}\n\n/**\n * Render a responsive skeleton with all breakpoints.\n * Uses CSS container queries + media queries for breakpoint switching.\n */\nexport function renderResponsiveHTML(\n  skeleton: SkeletonData,\n  config?: Partial<CastDOMConfig>\n): string {\n  const cfg = resolveConfig(config);\n  const breakpoints = [...skeleton.breakpoints].sort(\n    (a, b) => a.viewport - b.viewport\n  );\n\n  if (breakpoints.length === 0) return \"\";\n  if (breakpoints.length === 1) {\n    return renderBonesHTML(skeleton.name, breakpoints[0], config);\n  }\n\n  // Render each breakpoint variant, hidden by default\n  const variants = breakpoints.map((bp, idx) => {\n    const bonesHTML = bp.bones\n      .map((bone, i) => renderBone(bone, cfg, i))\n      .join(\"\");\n\n    return `<div class=\"${cfg.classPrefix}-bp ${cfg.classPrefix}-bp-${bp.viewport}\" style=\"position:relative;width:100%;height:${bp.containerHeight}px;overflow:hidden;display:none\">${bonesHTML}</div>`;\n  });\n\n  return `<div class=\"${cfg.classPrefix}-skeleton ${cfg.classPrefix}-${skeleton.name}\" role=\"status\" aria-busy=\"true\" aria-label=\"Loading ${skeleton.name}\">${variants.join(\"\")}</div>`;\n}\n\n/**\n * Generate CSS for a skeleton definition.\n * Includes responsive media queries to show/hide the correct breakpoint variant.\n */\nexport function generateCSS(\n  skeleton: SkeletonData,\n  config?: Partial<CastDOMConfig>\n): string {\n  const cfg = resolveConfig(config);\n  const { classPrefix: p, color, shimmerColor, animationDuration } = cfg;\n  const breakpoints = [...skeleton.breakpoints].sort(\n    (a, b) => a.viewport - b.viewport\n  );\n  const name = skeleton.name;\n\n  const parts: string[] = [];\n\n  // Base bone styles\n  parts.push(\n    `.${p}-${name} .${p}-bone{position:absolute;background:linear-gradient(90deg,${color} 25%,${shimmerColor} 50%,${color} 75%);background-size:200% 100%;animation:${p}-shimmer ${animationDuration}ms ease-in-out infinite}`\n  );\n\n  // Responsive breakpoint switching via media queries\n  if (breakpoints.length > 1) {\n    for (let i = 0; i < breakpoints.length; i++) {\n      const bp = breakpoints[i];\n      const next = breakpoints[i + 1];\n      const prev = breakpoints[i - 1];\n\n      let query: string;\n      if (i === 0) {\n        // Smallest: up to midpoint between this and next\n        const max = Math.floor((bp.viewport + next!.viewport) / 2) - 1;\n        query = `@media(max-width:${max}px)`;\n      } else if (i === breakpoints.length - 1) {\n        // Largest: from midpoint between prev and this\n        const min = Math.floor((prev!.viewport + bp.viewport) / 2);\n        query = `@media(min-width:${min}px)`;\n      } else {\n        // Middle: between midpoints\n        const min = Math.floor((prev!.viewport + bp.viewport) / 2);\n        const max = Math.floor((bp.viewport + next!.viewport) / 2) - 1;\n        query = `@media(min-width:${min}px) and (max-width:${max}px)`;\n      }\n\n      parts.push(\n        `${query}{.${p}-${name} .${p}-bp-${bp.viewport}{display:block}}`\n      );\n    }\n  } else if (breakpoints.length === 1) {\n    // Single breakpoint — always visible\n    parts.push(\n      `.${p}-${name} .${p}-bp-${breakpoints[0].viewport}{display:block}`\n    );\n  }\n\n  return parts.join(\"\\n\");\n}\n\n/**\n * Generate critical inline CSS for above-the-fold skeletons.\n * This CSS is designed to be embedded in <style> tags for instant rendering.\n */\nexport function generateCriticalCSS(\n  skeletons: SkeletonData[],\n  config?: Partial<CastDOMConfig>\n): string {\n  const cfg = resolveConfig(config);\n  const parts: string[] = [];\n\n  // Base keyframes (only once)\n  parts.push(\n    `@keyframes ${cfg.classPrefix}-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}`\n  );\n\n  // Reduced motion\n  parts.push(\n    `@media(prefers-reduced-motion:reduce){.${cfg.classPrefix}-bone{animation:none!important}}`\n  );\n\n  // Per-skeleton styles\n  for (const skeleton of skeletons) {\n    parts.push(generateCSS(skeleton, config));\n  }\n\n  return parts.join(\"\\n\");\n}\n\n/**\n * Generate a complete, self-contained HTML skeleton\n * that can be embedded directly in server-rendered pages.\n * Includes inline <style> — no external CSS needed.\n */\nexport function renderStandalone(\n  skeleton: SkeletonData,\n  config?: Partial<CastDOMConfig>\n): string {\n  const css = generateCriticalCSS([skeleton], config);\n  const html = renderResponsiveHTML(skeleton, config);\n  return `<style>${css}</style>${html}`;\n}\n"]}
+{"version":3,"sources":["../src/core/renderer.ts"],"names":["DEFAULTS"],"mappings":";;;;;AAaA,SAAS,cAAc,MAAA,EAA+C;AACpE,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,MAAA,EAAQ,KAAA,IAASA,0BAAA,CAAS,KAAA;AAAA,IACjC,YAAA,EAAc,MAAA,EAAQ,YAAA,IAAgBA,0BAAA,CAAS,YAAA;AAAA,IAC/C,iBAAA,EAAmB,MAAA,EAAQ,iBAAA,IAAqBA,0BAAA,CAAS,iBAAA;AAAA,IACzD,WAAA,EAAa,MAAA,EAAQ,WAAA,IAAeA,0BAAA,CAAS,WAAA;AAAA,IAC7C,YAAA,EAAc,MAAA,EAAQ,YAAA,IAAgBA,0BAAA,CAAS;AAAA,GACjD;AACF;AAGA,SAAS,UAAA,CAAW,IAAA,EAAY,MAAA,EAAsB,KAAA,EAAuB;AAC3E,EAAA,MAAM,EAAE,KAAA,EAAO,YAAA,EAAc,iBAAA,EAAmB,WAAA,EAAa,cAAa,GAAI,MAAA;AAC9E,EAAA,MAAM,SAAS,IAAA,CAAK,CAAA,IAAK,OAAO,KAAA,GAAQ,CAAA,EAAG,KAAK,CAAC,CAAA,EAAA,CAAA;AAEjD,EAAA,IAAI,YAAA,EAAc;AAChB,IAAA,MAAM,WAAW,CAAA,uBAAA,EAA0B,KAAK,CAAA,MAAA,EAAS,YAAY,SAAS,KAAK,CAAA,KAAA,CAAA;AACnF,IAAA,OAAO,yDAAyD,IAAA,CAAK,CAAC,UAAU,IAAA,CAAK,CAAC,YAAY,IAAA,CAAK,CAAC,aAAa,IAAA,CAAK,CAAC,oBAAoB,MAAM,CAAA,YAAA,EAAe,QAAQ,CAAA,qCAAA,EAAwC,WAAW,YAAY,iBAAiB,CAAA,+BAAA,CAAA;AAAA,EAC9P;AAEA,EAAA,OAAO,CAAA,YAAA,EAAe,WAAW,CAAA,mBAAA,EAAsB,IAAA,CAAK,CAAC,CAAA,OAAA,EAAU,IAAA,CAAK,CAAC,CAAA,SAAA,EAAY,KAAK,CAAC,CAAA,UAAA,EAAa,IAAA,CAAK,CAAC,oBAAoB,MAAM,CAAA,2BAAA,CAAA;AAC9I;AAMO,SAAS,eAAA,CACd,IAAA,EACA,EAAA,EACA,MAAA,EACQ;AACR,EAAA,MAAM,GAAA,GAAM,cAAc,MAAM,CAAA;AAChC,EAAA,MAAM,KAAA,GAAQ,EAAA,CAAG,KAAA,CACd,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,KAAM,UAAA,CAAW,IAAA,EAAM,GAAM,CAAC,CAAA,CACzC,KAAK,EAAE,CAAA;AAEV,EAAA,OAAO,eAAe,GAAA,CAAI,WAAW,CAAA,UAAA,EAAa,GAAA,CAAI,WAAW,CAAA,CAAA,EAAI,IAAI,CAAA,qDAAA,EAAwD,IAAI,oCAAoC,EAAA,CAAG,cAAc,aAAa,EAAA,CAAG,eAAe,uBAAuB,KAAK,CAAA,MAAA,CAAA;AACvP;AAMO,SAAS,oBAAA,CACd,UACA,MAAA,EACQ;AACR,EAAA,MAAM,GAAA,GAAM,cAAc,MAAM,CAAA;AAChC,EAAA,MAAM,WAAA,GAAc,CAAC,GAAG,QAAA,CAAS,WAAW,CAAA,CAAE,IAAA;AAAA,IAC5C,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA,CAAE;AAAA,GAC3B;AAEA,EAAA,IAAI,WAAA,CAAY,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AACrC,EAAA,IAAI,WAAA,CAAY,WAAW,CAAA,EAAG;AAC5B,IAAA,OAAO,gBAAgB,QAAA,CAAS,IAAA,EAAM,WAAA,CAAY,CAAC,GAAG,MAAM,CAAA;AAAA,EAC9D;AAGA,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,GAAA,CAAI,CAAC,IAAI,GAAA,KAAQ;AAC5C,IAAA,MAAM,SAAA,GAAY,EAAA,CAAG,KAAA,CAClB,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,KAAM,UAAA,CAAW,IAAA,EAAM,GAAM,CAAC,CAAA,CACzC,KAAK,EAAE,CAAA;AAEV,IAAA,OAAO,CAAA,YAAA,EAAe,GAAA,CAAI,WAAW,CAAA,IAAA,EAAO,GAAA,CAAI,WAAW,CAAA,IAAA,EAAO,EAAA,CAAG,QAAQ,CAAA,6CAAA,EAAgD,EAAA,CAAG,eAAe,oCAAoC,SAAS,CAAA,MAAA,CAAA;AAAA,EAC9L,CAAC,CAAA;AAED,EAAA,OAAO,eAAe,GAAA,CAAI,WAAW,CAAA,UAAA,EAAa,GAAA,CAAI,WAAW,CAAA,CAAA,EAAI,QAAA,CAAS,IAAI,CAAA,qDAAA,EAAwD,SAAS,IAAI,CAAA,EAAA,EAAK,QAAA,CAAS,IAAA,CAAK,EAAE,CAAC,CAAA,MAAA,CAAA;AAC/K;AAMO,SAAS,WAAA,CACd,UACA,MAAA,EACQ;AACR,EAAA,MAAM,GAAA,GAAM,cAAc,MAAM,CAAA;AAChC,EAAA,MAAM,EAAE,WAAA,EAAa,CAAA,EAAG,KAAA,EAAO,YAAA,EAAc,mBAAkB,GAAI,GAAA;AACnE,EAAA,MAAM,WAAA,GAAc,CAAC,GAAG,QAAA,CAAS,WAAW,CAAA,CAAE,IAAA;AAAA,IAC5C,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA,CAAE;AAAA,GAC3B;AACA,EAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AAEtB,EAAA,MAAM,QAAkB,EAAC;AAGzB,EAAA,KAAA,CAAM,IAAA;AAAA,IACJ,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,IAAI,KAAK,CAAC,CAAA,yDAAA,EAA4D,KAAK,CAAA,KAAA,EAAQ,YAAY,CAAA,KAAA,EAAQ,KAAK,CAAA,0CAAA,EAA6C,CAAC,YAAY,iBAAiB,CAAA,wBAAA;AAAA,GAClM;AAGA,EAAA,IAAI,WAAA,CAAY,SAAS,CAAA,EAAG;AAC1B,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,WAAA,CAAY,QAAQ,CAAA,EAAA,EAAK;AAC3C,MAAA,MAAM,EAAA,GAAK,YAAY,CAAC,CAAA;AACxB,MAAA,MAAM,IAAA,GAAO,WAAA,CAAY,CAAA,GAAI,CAAC,CAAA;AAC9B,MAAA,MAAM,IAAA,GAAO,WAAA,CAAY,CAAA,GAAI,CAAC,CAAA;AAE9B,MAAA,IAAI,KAAA;AACJ,MAAA,IAAI,MAAM,CAAA,EAAG;AAEX,QAAA,MAAM,GAAA,GAAM,KAAK,KAAA,CAAA,CAAO,EAAA,CAAG,WAAW,IAAA,CAAM,QAAA,IAAY,CAAC,CAAA,GAAI,CAAA;AAC7D,QAAA,KAAA,GAAQ,oBAAoB,GAAG,CAAA,GAAA,CAAA;AAAA,MACjC,CAAA,MAAA,IAAW,CAAA,KAAM,WAAA,CAAY,MAAA,GAAS,CAAA,EAAG;AAEvC,QAAA,MAAM,MAAM,IAAA,CAAK,KAAA,CAAA,CAAO,KAAM,QAAA,GAAW,EAAA,CAAG,YAAY,CAAC,CAAA;AACzD,QAAA,KAAA,GAAQ,oBAAoB,GAAG,CAAA,GAAA,CAAA;AAAA,MACjC,CAAA,MAAO;AAEL,QAAA,MAAM,MAAM,IAAA,CAAK,KAAA,CAAA,CAAO,KAAM,QAAA,GAAW,EAAA,CAAG,YAAY,CAAC,CAAA;AACzD,QAAA,MAAM,GAAA,GAAM,KAAK,KAAA,CAAA,CAAO,EAAA,CAAG,WAAW,IAAA,CAAM,QAAA,IAAY,CAAC,CAAA,GAAI,CAAA;AAC7D,QAAA,KAAA,GAAQ,CAAA,iBAAA,EAAoB,GAAG,CAAA,mBAAA,EAAsB,GAAG,CAAA,GAAA,CAAA;AAAA,MAC1D;AAEA,MAAA,KAAA,CAAM,IAAA;AAAA,QACJ,CAAA,EAAG,KAAK,CAAA,EAAA,EAAK,CAAC,CAAA,CAAA,EAAI,IAAI,CAAA,EAAA,EAAK,CAAC,CAAA,IAAA,EAAO,EAAA,CAAG,QAAQ,CAAA,gBAAA;AAAA,OAChD;AAAA,IACF;AAAA,EACF,CAAA,MAAA,IAAW,WAAA,CAAY,MAAA,KAAW,CAAA,EAAG;AAEnC,IAAA,KAAA,CAAM,IAAA;AAAA,MACJ,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,IAAI,CAAA,EAAA,EAAK,CAAC,CAAA,IAAA,EAAO,WAAA,CAAY,CAAC,CAAA,CAAE,QAAQ,CAAA,eAAA;AAAA,KACnD;AAAA,EACF;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,IAAI,CAAA;AACxB;AAMO,SAAS,mBAAA,CACd,WACA,MAAA,EACQ;AACR,EAAA,MAAM,GAAA,GAAM,cAAc,MAAM,CAAA;AAChC,EAAA,MAAM,QAAkB,EAAC;AAGzB,EAAA,KAAA,CAAM,IAAA;AAAA,IACJ,CAAA,WAAA,EAAc,IAAI,WAAW,CAAA,yEAAA;AAAA,GAC/B;AAGA,EAAA,KAAA,CAAM,IAAA;AAAA,IACJ,CAAA,uCAAA,EAA0C,IAAI,WAAW,CAAA,gCAAA;AAAA,GAC3D;AAGA,EAAA,KAAA,MAAW,YAAY,SAAA,EAAW;AAChC,IAAA,KAAA,CAAM,IAAA,CAAK,WAAA,CAAY,QAAA,EAAU,MAAM,CAAC,CAAA;AAAA,EAC1C;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,IAAI,CAAA;AACxB;AAOO,SAAS,gBAAA,CACd,UACA,MAAA,EACQ;AACR,EAAA,MAAM,GAAA,GAAM,mBAAA,CAAoB,CAAC,QAAQ,GAAG,MAAM,CAAA;AAClD,EAAA,MAAM,IAAA,GAAO,oBAAA,CAAqB,QAAA,EAAU,MAAM,CAAA;AAClD,EAAA,OAAO,CAAA,OAAA,EAAU,GAAG,CAAA,QAAA,EAAW,IAAI,CAAA,CAAA;AACrC","file":"chunk-ASS2BFPN.cjs","sourcesContent":["import type {\n  Bone,\n  BreakpointData,\n  SkeletonData,\n  CastDOMConfig,\n} from \"./types.js\";\nimport { DEFAULTS } from \"./types.js\";\n\ntype RenderConfig = Pick<\n  Required<CastDOMConfig>,\n  \"color\" | \"shimmerColor\" | \"animationDuration\" | \"classPrefix\" | \"inlineStyles\"\n>;\n\nfunction resolveConfig(config?: Partial<CastDOMConfig>): RenderConfig {\n  return {\n    color: config?.color ?? DEFAULTS.color,\n    shimmerColor: config?.shimmerColor ?? DEFAULTS.shimmerColor,\n    animationDuration: config?.animationDuration ?? DEFAULTS.animationDuration,\n    classPrefix: config?.classPrefix ?? DEFAULTS.classPrefix,\n    inlineStyles: config?.inlineStyles ?? DEFAULTS.inlineStyles,\n  };\n}\n\n/** Render a single bone to an HTML string */\nfunction renderBone(bone: Bone, config: RenderConfig, index: number): string {\n  const { color, shimmerColor, animationDuration, classPrefix, inlineStyles } = config;\n  const radius = bone.r >= 9999 ? \"50%\" : `${bone.r}px`;\n\n  if (inlineStyles) {\n    const gradient = `linear-gradient(90deg, ${color} 25%, ${shimmerColor} 50%, ${color} 75%)`;\n    return `<div aria-hidden=\"true\" style=\"position:absolute;left:${bone.x}px;top:${bone.y}px;width:${bone.w}px;height:${bone.h}px;border-radius:${radius};background:${gradient};background-size:200% 100%;animation:${classPrefix}-shimmer ${animationDuration}ms ease-in-out infinite\"></div>`;\n  }\n\n  return `<div class=\"${classPrefix}-bone\" style=\"left:${bone.x}px;top:${bone.y}px;width:${bone.w}px;height:${bone.h}px;border-radius:${radius}\" aria-hidden=\"true\"></div>`;\n}\n\n/**\n * Render all bones for a breakpoint to HTML.\n * The output is a pure CSS skeleton — no JS needed to display.\n */\nexport function renderBonesHTML(\n  name: string,\n  bp: BreakpointData,\n  config?: Partial<CastDOMConfig>\n): string {\n  const cfg = resolveConfig(config);\n  const bones = bp.bones\n    .map((bone, i) => renderBone(bone, cfg, i))\n    .join(\"\");\n\n  return `<div class=\"${cfg.classPrefix}-skeleton ${cfg.classPrefix}-${name}\" role=\"status\" aria-busy=\"true\" aria-label=\"Loading ${name}\" style=\"position:relative;width:${bp.containerWidth}px;height:${bp.containerHeight}px;overflow:hidden\">${bones}</div>`;\n}\n\n/**\n * Render a responsive skeleton with all breakpoints.\n * Uses CSS container queries + media queries for breakpoint switching.\n */\nexport function renderResponsiveHTML(\n  skeleton: SkeletonData,\n  config?: Partial<CastDOMConfig>\n): string {\n  const cfg = resolveConfig(config);\n  const breakpoints = [...skeleton.breakpoints].sort(\n    (a, b) => a.viewport - b.viewport\n  );\n\n  if (breakpoints.length === 0) return \"\";\n  if (breakpoints.length === 1) {\n    return renderBonesHTML(skeleton.name, breakpoints[0], config);\n  }\n\n  // Render each breakpoint variant, hidden by default\n  const variants = breakpoints.map((bp, idx) => {\n    const bonesHTML = bp.bones\n      .map((bone, i) => renderBone(bone, cfg, i))\n      .join(\"\");\n\n    return `<div class=\"${cfg.classPrefix}-bp ${cfg.classPrefix}-bp-${bp.viewport}\" style=\"position:relative;width:100%;height:${bp.containerHeight}px;overflow:hidden;display:none\">${bonesHTML}</div>`;\n  });\n\n  return `<div class=\"${cfg.classPrefix}-skeleton ${cfg.classPrefix}-${skeleton.name}\" role=\"status\" aria-busy=\"true\" aria-label=\"Loading ${skeleton.name}\">${variants.join(\"\")}</div>`;\n}\n\n/**\n * Generate CSS for a skeleton definition.\n * Includes responsive media queries to show/hide the correct breakpoint variant.\n */\nexport function generateCSS(\n  skeleton: SkeletonData,\n  config?: Partial<CastDOMConfig>\n): string {\n  const cfg = resolveConfig(config);\n  const { classPrefix: p, color, shimmerColor, animationDuration } = cfg;\n  const breakpoints = [...skeleton.breakpoints].sort(\n    (a, b) => a.viewport - b.viewport\n  );\n  const name = skeleton.name;\n\n  const parts: string[] = [];\n\n  // Base bone styles\n  parts.push(\n    `.${p}-${name} .${p}-bone{position:absolute;background:linear-gradient(90deg,${color} 25%,${shimmerColor} 50%,${color} 75%);background-size:200% 100%;animation:${p}-shimmer ${animationDuration}ms ease-in-out infinite}`\n  );\n\n  // Responsive breakpoint switching via media queries\n  if (breakpoints.length > 1) {\n    for (let i = 0; i < breakpoints.length; i++) {\n      const bp = breakpoints[i];\n      const next = breakpoints[i + 1];\n      const prev = breakpoints[i - 1];\n\n      let query: string;\n      if (i === 0) {\n        // Smallest: up to midpoint between this and next\n        const max = Math.floor((bp.viewport + next!.viewport) / 2) - 1;\n        query = `@media(max-width:${max}px)`;\n      } else if (i === breakpoints.length - 1) {\n        // Largest: from midpoint between prev and this\n        const min = Math.floor((prev!.viewport + bp.viewport) / 2);\n        query = `@media(min-width:${min}px)`;\n      } else {\n        // Middle: between midpoints\n        const min = Math.floor((prev!.viewport + bp.viewport) / 2);\n        const max = Math.floor((bp.viewport + next!.viewport) / 2) - 1;\n        query = `@media(min-width:${min}px) and (max-width:${max}px)`;\n      }\n\n      parts.push(\n        `${query}{.${p}-${name} .${p}-bp-${bp.viewport}{display:block}}`\n      );\n    }\n  } else if (breakpoints.length === 1) {\n    // Single breakpoint — always visible\n    parts.push(\n      `.${p}-${name} .${p}-bp-${breakpoints[0].viewport}{display:block}`\n    );\n  }\n\n  return parts.join(\"\\n\");\n}\n\n/**\n * Generate critical inline CSS for above-the-fold skeletons.\n * This CSS is designed to be embedded in <style> tags for instant rendering.\n */\nexport function generateCriticalCSS(\n  skeletons: SkeletonData[],\n  config?: Partial<CastDOMConfig>\n): string {\n  const cfg = resolveConfig(config);\n  const parts: string[] = [];\n\n  // Base keyframes (only once)\n  parts.push(\n    `@keyframes ${cfg.classPrefix}-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}`\n  );\n\n  // Reduced motion\n  parts.push(\n    `@media(prefers-reduced-motion:reduce){.${cfg.classPrefix}-bone{animation:none!important}}`\n  );\n\n  // Per-skeleton styles\n  for (const skeleton of skeletons) {\n    parts.push(generateCSS(skeleton, config));\n  }\n\n  return parts.join(\"\\n\");\n}\n\n/**\n * Generate a complete, self-contained HTML skeleton\n * that can be embedded directly in server-rendered pages.\n * Includes inline <style> — no external CSS needed.\n */\nexport function renderStandalone(\n  skeleton: SkeletonData,\n  config?: Partial<CastDOMConfig>\n): string {\n  const css = generateCriticalCSS([skeleton], config);\n  const html = renderResponsiveHTML(skeleton, config);\n  return `<style>${css}</style>${html}`;\n}\n"]}