@stacksjs/stx 0.2.94 → 0.2.96

package/dist/chunk-4k7d8p8d.js

@@ -1,188 +0,0 @@
-// @bun
-function k(){return{selectedStoryId:null,selectedVariantId:null,recentStories:[],maxRecent:10,searchQuery:"",focusedIndex:-1}}function l(b){if(!b||b==="#")return{storyId:null,variantId:null};let g=(b.startsWith("#")?b.slice(1):b).split("/").filter(Boolean);return{storyId:g[0]||null,variantId:g[1]||null}}function m(b,f){if(!b)return"";if(!f)return`#/${b}`;return`#/${b}/${f}`}function q(b,f){let g=b.recentStories.indexOf(f);if(g!==-1)b.recentStories.splice(g,1);if(b.recentStories.unshift(f),b.recentStories.length>b.maxRecent)b.recentStories.pop()}function u(){return`
-    (function() {
-      const state = {
-        focusedIndex: -1,
-        items: [],
-      };
-
-      function updateItems() {
-        state.items = Array.from(document.querySelectorAll('.stx-tree-item, .stx-search-result'));
-      }
-
-      function focusItem(index) {
-        // Remove previous focus
-        state.items.forEach(item => item.classList.remove('focused'));
-
-        // Clamp index
-        if (index < 0) index = state.items.length - 1;
-        if (index >= state.items.length) index = 0;
-
-        state.focusedIndex = index;
-
-        // Add focus
-        if (state.items[index]) {
-          state.items[index].classList.add('focused');
-          state.items[index].scrollIntoView({ block: 'nearest' });
-        }
-      }
-
-      function selectFocused() {
-        if (state.items[state.focusedIndex]) {
-          state.items[state.focusedIndex].click();
-        }
-      }
-
-      document.addEventListener('keydown', function(e) {
-        // Ignore if typing in input
-        if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {
-          if (e.key === 'Escape') {
-            e.target.blur();
-          }
-          return;
-        }
-
-        updateItems();
-
-        switch (e.key) {
-          case 'ArrowUp':
-            e.preventDefault();
-            focusItem(state.focusedIndex - 1);
-            break;
-
-          case 'ArrowDown':
-            e.preventDefault();
-            focusItem(state.focusedIndex + 1);
-            break;
-
-          case 'Enter':
-            e.preventDefault();
-            selectFocused();
-            break;
-
-          case '/':
-          case 'k':
-            if (e.metaKey || e.ctrlKey || e.key === '/') {
-              e.preventDefault();
-              const searchInput = document.querySelector('.stx-search-input');
-              if (searchInput) searchInput.focus();
-            }
-            break;
-
-          case 'Escape':
-            state.focusedIndex = -1;
-            state.items.forEach(item => item.classList.remove('focused'));
-            break;
-        }
-      });
-
-      // Hash change handling
-      window.addEventListener('hashchange', function() {
-        const hash = window.location.hash;
-        if (window.__stxStory && window.__stxStory.navigateToHash) {
-          window.__stxStory.navigateToHash(hash);
-        }
-      });
-
-      // Initialize from hash
-      if (window.location.hash) {
-        setTimeout(function() {
-          if (window.__stxStory && window.__stxStory.navigateToHash) {
-            window.__stxStory.navigateToHash(window.location.hash);
-          }
-        }, 100);
-      }
-    })();
-  `}function w(){return`
-    .stx-tree-item.focused,
-    .stx-search-result.focused {
-      outline: 2px solid var(--primary);
-      outline-offset: -2px;
-    }
-
-    .stx-recent-list {
-      padding: 8px 0;
-      border-bottom: 1px solid var(--border);
-      margin-bottom: 8px;
-    }
-
-    .stx-recent-title {
-      font-size: 11px;
-      text-transform: uppercase;
-      color: var(--text-secondary);
-      padding: 4px 12px;
-      font-weight: 500;
-    }
-
-    .stx-recent-item {
-      padding: 6px 12px;
-      cursor: pointer;
-      font-size: 13px;
-      display: flex;
-      align-items: center;
-      gap: 8px;
-    }
-
-    .stx-recent-item:hover {
-      background: var(--bg-secondary);
-    }
-
-    .stx-recent-item .stx-recent-icon {
-      color: var(--text-secondary);
-    }
-  `}function z(b,f){if(b.length===0)return"";return`
-    <div class="stx-recent-list">
-      <div class="stx-recent-title">Recent</div>
-      ${b.filter((j)=>f.has(j)).map((j)=>`
-      <div class="stx-recent-item" onclick="window.__stxStory.selectStory('${j}')">
-        <span class="stx-recent-icon">\uD83D\uDD50</span>
-        <span>${f.get(j)}</span>
-      </div>
-    `).join("")}
-    </div>
-  `}function A(b){try{localStorage.setItem("stx-story-nav",JSON.stringify({selectedStoryId:b.selectedStoryId,selectedVariantId:b.selectedVariantId,recentStories:b.recentStories}))}catch{}}function B(){try{let b=localStorage.getItem("stx-story-nav");if(b)return JSON.parse(b)}catch{}return{}}function C(){return`
-    (function() {
-      // Load saved state
-      try {
-        const saved = localStorage.getItem('stx-story-nav');
-        if (saved) {
-          const state = JSON.parse(saved);
-          window.__stxStoryState = state;
-
-          // Restore selection
-          if (state.selectedStoryId && window.__stxStory) {
-            window.__stxStory.selectStory(state.selectedStoryId, state.selectedVariantId);
-          }
-        }
-      }
-catch (e) {}
-
-      // Save state on changes
-      window.__stxStory = window.__stxStory || {};
-      const originalSelectStory = window.__stxStory.selectStory;
-
-      window.__stxStory.selectStory = function(storyId, variantId) {
-        if (originalSelectStory) {
-          originalSelectStory(storyId, variantId);
-        }
-
-        try {
-          const state = window.__stxStoryState || {};
-          state.selectedStoryId = storyId;
-          state.selectedVariantId = variantId;
-
-          // Add to recent
-          state.recentStories = state.recentStories || [];
-          const idx = state.recentStories.indexOf(storyId);
-          if (idx !== -1) state.recentStories.splice(idx, 1);
-          state.recentStories.unshift(storyId);
-          if (state.recentStories.length > 10) state.recentStories.pop();
-
-          localStorage.setItem('stx-story-nav', JSON.stringify(state));
-          window.__stxStoryState = state;
-        }
-catch (e) {}
-      };
-    })();
-  `}
-export{k as n,l as o,m as p,q,u as r,w as s,z as t,A as u,B as v,C as w};

package/dist/chunk-4qq8ffke.js

@@ -1,28 +0,0 @@
-// @bun
-import{be as J}from"./chunk-05hgyyqc.js";import{fe as H}from"./chunk-0qnz93q2.js";import{rB as I}from"./chunk-3jm3snz8.js";async function P(j={}){let{describe:A,test:z,expect:k}=await import("bun:test"),D=await H({mode:"build"});A("STX Story Visual Tests",()=>{z("should pass visual regression tests",async()=>{let q=await J(D,{filter:j.filter,threshold:j.threshold,update:j.update});if(console.log(`
-Visual Tests: ${q.passed}/${q.total} passed`),q.failed>0){console.log(`
-Failed tests:`);for(let E of q.failures)console.log(`  \u2717 ${E.storyId} - ${E.variantId}`),console.log(`    Difference: ${(E.difference??0).toFixed(2)}%`)}k(q.failed).toBe(0)},j.timeout||30000)})}async function Q(j={}){let{describe:A,test:z,expect:k}=await import("bun:test"),D=await H({mode:"build"}),{scanStoryFiles:q}=await import("./story/collect/scanner.js"),E=await q(D);A("STX Stories",()=>{for(let G of E){if(j.filter&&j.filter.length>0){if(!j.filter.some((K)=>G.fileName.toLowerCase().includes(K.toLowerCase())))continue}A(G.fileName,()=>{if(z("should render without errors",async()=>{let B=await Bun.file(G.path).text();k(B).toBeTruthy(),k(B.length).toBeGreaterThan(0)}),G.story)for(let B of G.story.variants)z(`variant: ${B.title}`,async()=>{if(k(B.title).toBeTruthy(),B.source)k(B.source.length).toBeGreaterThan(0)})})}})}async function L(j={}){let A=Date.now(),z=await H({mode:"build"}),k=await J(z,{filter:j.filter,threshold:j.threshold,update:j.update});return{passed:k.passed,failed:k.failed,total:k.total,duration:Date.now()-A}}function R(j){return`/**
- * Auto-generated story tests
- * Run with: bun test
- */
-
-import { describe, test, expect } from 'bun:test'
-import { createContext } from '@stacksjs/stx/story'
-import { runVisualTests } from '@stacksjs/stx/story'
-
-${j.map((z)=>`import './${z}.story.stx'`).join(`
-`)}
-
-describe('Story Visual Tests', () => {
-  test('all stories pass visual regression', async () => {
-    const ctx = await createContext({ mode: 'build' })
-    const results = await runVisualTests(ctx)
-
-    expect(results.failed).toBe(0)
-  })
-})
-`}async function U(j={}){let{watchStoryFiles:A}=await import("./story/collect/scanner.js"),z=await H({mode:"dev"});console.log("Watching for story changes..."),A(z,async(k,D)=>{console.log(`
-${k}: ${D}`),console.log("Running tests...");let q=await L(j);if(q.failed>0)console.log(`
-\u274C ${q.failed} test(s) failed`);else console.log(`
-\u2713 All ${q.total} tests passed (${q.duration}ms)`)})}
-export{P as Yd,Q as Zd,L as _d,R as $d,U as ae};

package/dist/chunk-50vqeesm.js

@@ -1,142 +0,0 @@
-// @bun
-import{Ss as J,Tr as H}from"./chunk-w01y57f5.js";import A from"fs";import $ from"path";async function B(z){try{let G=(await Bun.file(z).text()).match(/<script\b[^>]*>([\s\S]*?)<\/script>/i);if(!G)return[];let K=G[1],q=[],j=/\/\*\*\s*([\s\S]*?)\s*\*\/\s*(?:(?:const|let|var)\s*)?(?:([\w$]+)\s*=|module\.exports\.([\w$]+)\s*=|\s*([\w$]+)\s*:)/g,O;while((O=j.exec(K))!==null){let Q=O[1],U=O[2]||O[3]||O[4];if(!U)continue;let V={name:U},X=Q.match(/@type\s+\{([^}]+)\}/i);if(X)V.type=X[1].trim();if(Q.match(/@required/i))V.required=!0;let S=Q.match(/@default\s+(.+?)(?:\s+|$)/i);if(S)V.default=S[1].trim();let _=Q.split(`
-`).map((Z)=>Z.trim().replace(/^\*\s*/,"")).filter((Z)=>!Z.startsWith("@")&&Z.length>0);V.description=_.join(" ").trim(),q.push(V)}if(q.length===0){let Q=K.match(/module\.exports\s*=\s*\{([^}]+)\}/i);if(Q){let V=Q[1].split(",").map((X)=>X.trim()).filter(Boolean);for(let X of V){let[Y]=X.split(":").map((S)=>S.trim());if(Y)q.push({name:Y})}}}return q}catch(I){return console.error(`Error extracting props from ${z}:`,I),[]}}async function E(z){try{let I=await Bun.file(z).text(),G=I.match(/^\s*<!--\s*([\s\S]*?)\s*-->/)||I.match(/^\s*\/\*\*\s*([\s\S]*?)\s*\*\//);if(G)return G[1].split(`
-`).map((K)=>K.trim().replace(/^\*\s*/,"")).join(" ").trim();return""}catch{return""}}async function N(z,I=!1,G){let K=$.basename(z,".stx"),q=await B(z),j=await E(z),O="";if(I&&G)O=`<${G}></${G}>`;else{let Q=q.map((U)=>{if(U.type==="boolean")return`:${U.name}="true"`;return`${U.name}="value"`}).join(`
-  `);O=`<${K}
-  ${Q}
-/>`}return{name:K,path:z,description:j,props:q,example:O,isWebComponent:I,tag:G}}async function L(z){try{if(!await J(z))return console.warn(`Components directory does not exist: ${z}`),[];let I=await A.promises.readdir(z,{withFileTypes:!0}),G=[];for(let K of I){let q=$.join(z,K.name);if(K.isDirectory()){let j=await L(q);G.push(...j)}else if(K.isFile()&&K.name.endsWith(".stx"))G.push(q)}return G}catch(I){return console.error(`Error finding component files in ${z}:`,I),[]}}async function W(z,I){try{if(!await J(z))return[];let G=await L(z),K=[],q=new Map;if(I?.components?.length)for(let j of I.components)q.set(j.file,j);for(let j of G){let O=q.get(j),Q=!!O,U=O?.tag,V=await N(j,Q,U);K.push(V)}return K}catch(G){return console.error("Error generating component docs:",G),[]}}async function F(z){try{if(!await J(z))return[];let I=await A.promises.readdir(z,{withFileTypes:!0}),G=[];for(let K of I){if(!K.isFile()||!K.name.endsWith(".stx"))continue;let q=$.join(z,K.name),j=await Bun.file(q).text(),O=$.basename(q,".stx"),Q=j.match(/^\s*<!--\s*([\s\S]*?)\s*-->/)||j.match(/^\s*\/\*\*\s*([\s\S]*?)\s*\*\//),U=Q?Q[1].split(`
-`).map((R)=>R.trim().replace(/^\*\s*/,"")).join(" ").trim():"",V=/@component\(\s*['"]([^'"]+)['"]/g,X=/<([A-Z][a-zA-Z0-9]*|[a-z]+-[a-z0-9-]+)(?:\s[^>]*)?\/?>|\{\{\s*slot\s*\}\}/g,Y=new Set,S;while((S=V.exec(j))!==null)Y.add(S[1]);while((S=X.exec(j))!==null)if(S[1]&&S[1]!=="slot")Y.add(S[1]);let _=/@([a-z]+)(?:\s*\(|\s+|$)/g,Z=new Set;while((S=_.exec(j))!==null)Z.add(S[1]);G.push({name:O,path:q,description:U,components:[...Y],directives:[...Z]})}return G}catch(I){return console.error("Error generating template docs:",I),[]}}async function y(z=[]){try{let I=[{name:"if",description:"Conditionally render content based on a condition",hasEndTag:!0,example:`@if(user.isLoggedIn)
-  <p>Welcome, {{ user.name }}!</p>
-@endif`},{name:"else",description:"Provides an alternative if a condition is not met",hasEndTag:!1,example:`@if(user.isLoggedIn)
-  <p>Welcome back!</p>
-@else
-  <p>Please log in</p>
-@endif`},{name:"elseif",description:"Provides an alternative condition",hasEndTag:!1,example:`@if(score > 90)
-  <p>A</p>
-@elseif(score > 80)
-  <p>B</p>
-@elseif(score > 70)
-  <p>C</p>
-@endif`},{name:"unless",description:"Conditionally render content if a condition is false",hasEndTag:!0,example:`@unless(user.isLoggedIn)
-  <p>Please log in</p>
-@endunless`},{name:"for",description:"Loop through an array or object",hasEndTag:!0,example:`@for(item of items)
-  <li>{{ item.name }}</li>
-@endfor`},{name:"while",description:"Loop while a condition is true",hasEndTag:!0,example:`@while(page < totalPages)
-  <p>Page {{ page }}</p>
-@endwhile`},{name:"component",description:"Include a component in the template",hasEndTag:!1,example:'@component("alert", { type: "warning", title: "Warning", message: "This is a warning" })'},{name:"include",description:"Include a partial template",hasEndTag:!1,example:'@include("partials/header")'},{name:"raw",description:"Display content without processing expressions",hasEndTag:!0,example:`@raw
-  {{ This will be displayed as-is }}
-@endraw`},{name:"translate",description:"Translate a string using the i18n system",hasEndTag:!1,example:'@translate("welcome.message", { name: user.name })'},{name:"t",description:"Short alias for translate directive",hasEndTag:!1,example:'@t("welcome.message", { name: user.name })'}];for(let G of z)I.push({name:G.name,description:G.description||"",hasEndTag:G.hasEndTag||!1,example:""});return I}catch(I){return console.error("Error generating directive docs:",I),[]}}function T(z=[],I=[],G=[],K){let q=`# stx Documentation
-
-`;if(K)q+=`${K}
-
-`;if(z.length>0){q+=`## Components
-
-`;for(let j of z){if(q+=`### ${j.name}
-
-`,j.description)q+=`${j.description}
-
-`;if(j.isWebComponent)q+=`**Web Component Tag:** \`${j.tag}\`
-
-`;if(j.props.length>0){q+=`#### Properties
-
-`,q+=`| Name | Type | Required | Default | Description |
-`,q+=`| ---- | ---- | -------- | ------- | ----------- |
-`;for(let O of j.props)q+=`| ${O.name} | ${O.type||"any"} | ${O.required?"Yes":"No"} | ${O.default||"-"} | ${O.description||"-"} |
-`;q+=`
-`}if(j.example)q+=`#### Example
-
-`,q+="```html\n",q+=j.example,q+="\n```\n\n"}}if(I.length>0){q+=`## Templates
-
-`;for(let j of I){if(q+=`### ${j.name}
-
-`,j.description)q+=`${j.description}
-
-`;if(j.components&&j.components.length>0)q+=`**Components Used:** ${j.components.join(", ")}
-
-`;if(j.directives&&j.directives.length>0)q+=`**Directives Used:** ${j.directives.join(", ")}
-
-`}}if(G.length>0){q+=`## Directives
-
-`,q+=`| Directive | Description | Has End Tag |
-`,q+=`| --------- | ----------- | ----------- |
-`;for(let j of G)q+=`| @${j.name} | ${j.description||"-"} | ${j.hasEndTag?"Yes":"No"} |
-`;q+=`
-`;for(let j of G)if(j.example)q+=`### @${j.name}
-
-`,q+=`${j.description||""}
-
-`,q+=`#### Example
-
-`,q+="```html\n",q+=j.example,q+="\n```\n\n"}return q}function M(z=[],I=[],G=[],K){let q=`<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>stx Documentation</title>
-  <style>
-    body {
-      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-      line-height: 1.6;
-      color: #333;
-      max-width: 1200px;
-      margin: 0 auto;
-      padding: 2rem;
-    }
-    h1, h2, h3, h4 { margin-top: 2rem; }
-    table {
-      border-collapse: collapse;
-      width: 100%;
-      margin: 1rem 0;
-    }
-    th, td {
-      text-align: left;
-      padding: 0.5rem;
-      border-bottom: 1px solid #ddd;
-    }
-    th { border-bottom: 2px solid #ddd; }
-    pre {
-      background: #f5f5f5;
-      padding: 1rem;
-      border-radius: 4px;
-      overflow-x: auto;
-    }
-    code {
-      background: #f5f5f5;
-      padding: 0.2rem 0.4rem;
-      border-radius: 4px;
-      font-size: 0.9em;
-    }
-  </style>
-</head>
-<body>
-  <h1>stx Documentation</h1>
-  `;if(K)q+=`<div>${K}</div>`;if(z.length>0){q+="<h2>Components</h2>";for(let j of z){if(q+=`<h3>${j.name}</h3>`,j.description)q+=`<p>${j.description}</p>`;if(j.isWebComponent)q+=`<p><strong>Web Component Tag:</strong> <code>${j.tag}</code></p>`;if(j.props.length>0){q+="<h4>Properties</h4>",q+=`<table>
-          <thead>
-            <tr>
-              <th>Name</th>
-              <th>Type</th>
-              <th>Required</th>
-              <th>Default</th>
-              <th>Description</th>
-            </tr>
-          </thead>
-          <tbody>`;for(let O of j.props)q+=`<tr>
-            <td>${O.name}</td>
-            <td>${O.type||"any"}</td>
-            <td>${O.required?"Yes":"No"}</td>
-            <td>${O.default||"-"}</td>
-            <td>${O.description||"-"}</td>
-          </tr>`;q+="</tbody></table>"}if(j.example)q+="<h4>Example</h4>",q+=`<pre><code>${j.example.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}</code></pre>`}}if(I.length>0){q+="<h2>Templates</h2>";for(let j of I){if(q+=`<h3>${j.name}</h3>`,j.description)q+=`<p>${j.description}</p>`;if(j.components&&j.components.length>0)q+=`<p><strong>Components Used:</strong> ${j.components.join(", ")}</p>`;if(j.directives&&j.directives.length>0)q+=`<p><strong>Directives Used:</strong> ${j.directives.join(", ")}</p>`}}if(G.length>0){q+="<h2>Directives</h2>",q+=`<table>
-      <thead>
-        <tr>
-          <th>Directive</th>
-          <th>Description</th>
-          <th>Has End Tag</th>
-        </tr>
-      </thead>
-      <tbody>`;for(let j of G)q+=`<tr>
-        <td>@${j.name}</td>
-        <td>${j.description||"-"}</td>
-        <td>${j.hasEndTag?"Yes":"No"}</td>
-      </tr>`;q+="</tbody></table>";for(let j of G)if(j.example)q+=`<h3>@${j.name}</h3>`,q+=`<p>${j.description||""}</p>`,q+="<h4>Example</h4>",q+=`<pre><code>${j.example.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}</code></pre>`}return q+="</body></html>",q}function u(z=[],I=[],G=[],K){return JSON.stringify({components:z,templates:I,directives:G,extraContent:K||""},null,2)}async function P(z){try{let{componentsDir:I,templatesDir:G,webComponentsConfig:K,customDirectives:q,config:j}=z;if(!j.enabled)return!1;let O=j.outputDir||"docs";if(await A.promises.mkdir(O,{recursive:!0}),console.log("Generating documentation..."),I)console.log(`Components directory: ${I}`);if(G)console.log(`Templates directory: ${G}`);console.log(`Output directory: ${O}`);let Q=[];if(j.components!==!1&&I)console.log("Generating component documentation..."),Q=await W(I,K),console.log(`Found ${Q.length} components`);let U=[];if(j.templates!==!1&&G)console.log("Generating template documentation..."),U=await F(G),console.log(`Found ${U.length} templates`);let V=[];if(j.directives!==!1)console.log("Generating directive documentation..."),V=await y(q),console.log(`Found ${V.length} directives`);let X=j.format||"markdown",Y=j.extraContent,S="",_="";switch(X){case"markdown":S=T(Q,U,V,Y),_="md";break;case"html":S=M(Q,U,V,Y),_="html";break;case"json":S=u(Q,U,V,Y),_="json";break;default:throw Error(`Unsupported documentation format: ${X}`)}let Z=$.join(O,`stx-docs.${_}`);return await Bun.write(Z,S),console.log(`Documentation generated: ${Z}`),!0}catch(I){return console.error("Error generating documentation:",I),!1}}async function g(z){let I={enabled:!0,outputDir:z.output||"docs",format:z.format||"markdown",components:z.components!==!1,templates:z.templates!==!1,directives:z.directives!==!1,extraContent:z.extraContent},G=z.componentsDir||H.componentsDir,K=z.templatesDir||".";return P({componentsDir:G,templatesDir:K,webComponentsConfig:H.webComponents,customDirectives:H.customDirectives,config:I})}
-export{B as an,E as bn,N as cn,L as dn,W as en,F as fn,y as gn,T as hn,M as in,u as jn,P as kn,g as ln};

package/dist/chunk-52agge4n.js

@@ -1,38 +0,0 @@
-// @bun
-import{et as _}from"./chunk-nap11ntr.js";import{rB as M}from"./chunk-3jm3snz8.js";import X from"fs";var U=new Map;async function Z(z,q,A={}){let B=performance.now(),J=[];try{let K=await X.promises.stat(q),O=U.get(q),N;if(O&&O.mtime===K.mtimeMs)N=O.content;else N=await X.promises.readFile(q,"utf-8"),U.set(q,{content:N,mtime:K.mtimeMs,analyzed:null});let{processDirectives:G}=await import("././process.js"),Q={},L=Y(N);if(L)try{await _(L,Q,q)}catch($){J.push(`Warning: Could not extract script variables: ${$ instanceof Error?$.message:String($)}`)}if(A.props)Object.assign(Q,A.props);let W=await G(N,Q,q,{},new Set),F=D(N),b=Y(N);return W=j(W),W=E(W,Q),{html:W,css:F,js:b,errors:J,duration:performance.now()-B}}catch(K){return J.push(K instanceof Error?K.message:String(K)),{html:`<div class="stx-render-error">${k(J[0])}</div>`,css:"",js:"",errors:J,duration:performance.now()-B}}}async function w(z){try{let q=await X.promises.readFile(z,"utf-8"),A=Y(q);if(!A)return null;let B={};if(await _(A,B,z),Array.isArray(B.variants))return B.variants;return null}catch{return null}}async function T(z,q,A,B){let J=q.story?.variants;if(!J){let N=await w(q.path);if(N)J=N}if(!J&&A==="default")return Z(z,q.path,{props:B||{}});if(!J)return Z(z,q.path,{props:B||{}});let K=J.find((N)=>N.id===A);if(!K&&A==="default")return Z(z,q.path,{props:B||{}});if(!K)return{html:'<div class="stx-render-error">Variant not found</div>',css:"",js:"",errors:[`Variant '${A}' not found`],duration:0};let O={...K.state,...B};if(K.source)return R(z,K.source,O);return Z(z,q.path,{props:O})}async function R(z,q,A={}){let B=performance.now(),J=[];try{let{processDirectives:K}=await import("././process.js"),O={...A},N=Y(q);if(N)try{await _(N,O,"inline-template.stx")}catch{}let Q=await K(q,O,"inline-template.stx",{},new Set);return Q=j(Q),Q=E(Q,O),{html:Q,css:D(q),js:Y(q),errors:J,duration:performance.now()-B}}catch(K){return J.push(K instanceof Error?K.message:String(K)),{html:`<div class="stx-render-error">${k(J[0])}</div>`,css:"",js:"",errors:J,duration:performance.now()-B}}}function D(z){let q=[],A=/<style\b[^>]*>([\s\S]*?)<\/style>/gi,B=A.exec(z);while(B!==null)q.push(B[1].trim()),B=A.exec(z);return q.join(`
-`)}function j(z){return z.replace(/<!--[\s\S]*?-->/g,"").replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi,"").replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi,"").replace(/^\s*\n/gm,"").trim()}function Y(z){let q=[],A=/<script\b[^>]*>([\s\S]*?)<\/script>/gi,B=A.exec(z);while(B!==null)q.push(B[1].trim()),B=A.exec(z);return q.join(`
-`)}function E(z,q){let A=`<script>window.__stxProps = ${JSON.stringify(q)};</script>`;return z+A}function k(z){return z.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function g(){U.clear()}function u(){return{size:U.size,entries:Array.from(U.keys())}}async function I(z){let q=0;for(let A of z)try{let B=await X.promises.stat(A),J=await X.promises.readFile(A,"utf-8");U.set(A,{content:J,mtime:B.mtimeMs,analyzed:null}),q++}catch{}return q}function S(z,q={}){let{title:A="Preview",theme:B="light",background:J="#ffffff",crosswindCss:K=""}=q;return`<!DOCTYPE html>
-<html lang="en" class="${B==="dark"?"dark":""}">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>${k(A)}</title>
-  <style>
-    * { box-sizing: border-box; }
-    body {
-      margin: 0;
-      padding: 16px;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      background: ${J};
-    }
-    .stx-render-error {
-      padding: 16px;
-      background: #fee2e2;
-      border: 1px solid #ef4444;
-      border-radius: 4px;
-      color: #dc2626;
-      font-family: monospace;
-      white-space: pre-wrap;
-    }
-    ${K}
-    ${z.css}
-  </style>
-</head>
-<body>
-  ${z.html}
-  <script>
-    ${z.js}
-  </script>
-</body>
-</html>`}
-export{Z as hc,T as ic,R as jc,g as kc,u as lc,I as mc,S as nc};

package/dist/chunk-55yp0q8t.js

@@ -1,201 +0,0 @@
-// @bun
-function j(){return`
-<script>
-(function() {
-  // Hot swap state
-  window.__stxHotSwap = {
-    storyId: null,
-    variantId: null,
-    props: {},
-    iframe: null,
-
-    // Initialize hot swap
-    init: function(iframeSelector) {
-      this.iframe = document.querySelector(iframeSelector);
-      if (!this.iframe) {
-        console.warn('[STX Story] Hot swap iframe not found');
-        return;
-      }
-
-      // Listen for variant changes
-      window.addEventListener('stx:variant-change', this.handleVariantChange.bind(this));
-      window.addEventListener('stx:props-change', this.handlePropsChange.bind(this));
-
-      console.log('[STX Story] Hot swap initialized');
-    },
-
-    // Handle variant change
-    handleVariantChange: function(event) {
-      const { storyId, variantId } = event.detail;
-
-      if (this.storyId === storyId && this.variantId === variantId) {
-        return; // No change
-      }
-
-      this.storyId = storyId;
-      this.variantId = variantId;
-
-      this.swapContent();
-    },
-
-    // Handle props change
-    handlePropsChange: function(event) {
-      const { props } = event.detail;
-      this.props = { ...this.props, ...props };
-      this.updateProps();
-    },
-
-    // Swap iframe content without reload
-    swapContent: async function() {
-      if (!this.iframe || !this.storyId || !this.variantId) return;
-
-      // Save scroll position
-      const scrollTop = this.iframe.contentWindow?.scrollY || 0;
-      const scrollLeft = this.iframe.contentWindow?.scrollX || 0;
-
-      // Fetch new content
-      try {
-        const response = await fetch('/api/render/' + this.storyId + '/' + this.variantId);
-        const data = await response.json();
-
-        if (data.html) {
-          // Fade out
-          this.iframe.style.opacity = '0.5';
-          this.iframe.style.transition = 'opacity 150ms ease';
-
-          // Update content
-          const doc = this.iframe.contentDocument;
-          if (doc) {
-            // Find body or create one
-            let body = doc.body;
-            if (!body) {
-              doc.write('<html><head></head><body></body></html>');
-              body = doc.body;
-            }
-
-            // Update body content
-            body.innerHTML = data.html;
-
-            // Update styles if provided
-            if (data.css) {
-              let styleEl = doc.getElementById('stx-component-styles');
-              if (!styleEl) {
-                styleEl = doc.createElement('style');
-                styleEl.id = 'stx-component-styles';
-                doc.head.appendChild(styleEl);
-              }
-              styleEl.textContent = data.css;
-            }
-
-            // Restore scroll position
-            this.iframe.contentWindow?.scrollTo(scrollLeft, scrollTop);
-          }
-
-          // Fade in
-          setTimeout(() => {
-            this.iframe.style.opacity = '1';
-          }, 50);
-
-          // Dispatch event
-          window.dispatchEvent(new CustomEvent('stx:swap-complete', {
-            detail: { storyId: this.storyId, variantId: this.variantId }
-          }));
-        }
-      }
-catch (error) {
-        console.error('[STX Story] Hot swap failed:', error);
-        // Fallback to full reload
-        this.iframe.src = '/preview/' + this.storyId + '/' + this.variantId;
-      }
-    },
-
-    // Update props in iframe without content swap
-    updateProps: function() {
-      if (!this.iframe) return;
-
-      const win = this.iframe.contentWindow;
-      if (win && win.__stxProps) {
-        Object.assign(win.__stxProps, this.props);
-
-        // Trigger re-render if component supports it
-        if (win.__stxRerender) {
-          win.__stxRerender(this.props);
-        }
-
-        window.dispatchEvent(new CustomEvent('stx:props-updated', {
-          detail: { props: this.props }
-        }));
-      }
-    },
-
-    // Select a variant
-    selectVariant: function(storyId, variantId) {
-      window.dispatchEvent(new CustomEvent('stx:variant-change', {
-        detail: { storyId, variantId }
-      }));
-    },
-
-    // Update a prop
-    updateProp: function(name, value) {
-      window.dispatchEvent(new CustomEvent('stx:props-change', {
-        detail: { props: { [name]: value } }
-      }));
-    },
-
-    // Reset props to defaults
-    resetProps: function() {
-      this.props = {};
-      this.swapContent();
-    }
-  };
-
-  // Auto-initialize when DOM is ready
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', function() {
-      window.__stxHotSwap.init('#preview-iframe');
-    });
-  }
-else {
-    window.__stxHotSwap.init('#preview-iframe');
-  }
-})();
-</script>
-`}function k(f,g){return`
-    <div class="variant-selector">
-      ${f.map((b)=>`
-    <button
-      class="variant-btn ${b.id===g?"active":""}"
-      onclick="window.__stxHotSwap.selectVariant(window.__stxHotSwap.storyId, '${b.id}')"
-    >
-      ${b.title}
-    </button>
-  `).join("")}
-    </div>
-  `}function m(){return`
-    .variant-selector {
-      display: flex;
-      gap: 4px;
-      padding: 8px;
-      background: var(--bg-secondary);
-      border-radius: 6px;
-    }
-    .variant-btn {
-      padding: 6px 12px;
-      border: 1px solid var(--border);
-      border-radius: 4px;
-      background: var(--bg);
-      color: var(--text);
-      cursor: pointer;
-      font-size: 13px;
-      transition: all 150ms ease;
-    }
-    .variant-btn:hover {
-      background: var(--bg-secondary);
-    }
-    .variant-btn.active {
-      background: var(--primary);
-      color: white;
-      border-color: var(--primary);
-    }
-  `}
-export{j as yc,k as zc,m as Ac};