@stacksjs/stx 0.2.95 → 0.2.96

package/dist/chunk-vgv7jvyz.js

@@ -1,219 +0,0 @@
-// @bun
-function Y(q){let{src:E,apiKey:G,bucket:B,allowedTypes:D,maxFileSize:J,multiple:L=!1,customStyles:M={},callbacks:Q={}}=q,O=`stx-media-manager-${Math.random().toString(36).slice(2,8)}`,j={container:`#${O}`};if(G)j.apiKey=G;if(B)j.bucket=B;if(D)j.allowedTypes=D;if(J)j.maxFileSize=J;if(L)j.multiple=L;if(Object.keys(M).length>0)j.styles=M;let R=`<div id="${O}" class="stx-media-manager"></div>`,U=Object.entries(Q).filter(([,N])=>N).map(([N,W])=>{return`manager.on('${N.replace(/^on/,"").toLowerCase()}', ${W});`}).join(`
-    `),V=`
-(function() {
-  // Load media manager script
-  var script = document.createElement('script');
-  script.src = '${P(E)}';
-  script.async = true;
-
-  script.onload = function() {
-    // Initialize manager
-    if (typeof MediaManager !== 'undefined') {
-      var manager = new MediaManager(${JSON.stringify(j)});
-      ${U}
-      manager.init();
-
-      // Expose manager instance
-      window.STX = window.STX || {};
-      window.STX.mediaManager = manager;
-    }
-  };
-
-  script.onerror = function() {
-    console.error('[stx] Failed to load media manager from:', '${P(E)}');
-  };
-
-  document.head.appendChild(script);
-})();
-`.trim();return{html:R,script:V}}function Z(q){let{accept:E="image/*",multiple:G=!1,onSelect:B="handleMediaSelect"}=q,D=`stx-picker-${Math.random().toString(36).slice(2,8)}`,J=`
-<div id="${D}" class="stx-media-picker" style="display:none;">
-  <div class="stx-media-picker-backdrop"></div>
-  <div class="stx-media-picker-modal">
-    <div class="stx-media-picker-header">
-      <h3>Select Media</h3>
-      <button class="stx-media-picker-close" data-close>&times;</button>
-    </div>
-    <div class="stx-media-picker-body">
-      <input type="file" accept="${E}" ${G?"multiple":""} data-input />
-      <div class="stx-media-picker-preview" data-preview></div>
-    </div>
-    <div class="stx-media-picker-footer">
-      <button class="stx-media-picker-cancel" data-close>Cancel</button>
-      <button class="stx-media-picker-confirm" data-confirm>Select</button>
-    </div>
-  </div>
-</div>
-`.trim(),L=`
-(function() {
-  var picker = document.getElementById('${D}');
-  if (!picker) return;
-
-  var input = picker.querySelector('[data-input]');
-  var preview = picker.querySelector('[data-preview]');
-  var selectedFiles = [];
-
-  // Open picker
-  window.STX = window.STX || {};
-  window.STX.openMediaPicker = function() {
-    picker.style.display = 'flex';
-  };
-
-  window.STX.closeMediaPicker = function() {
-    picker.style.display = 'none';
-    input.value = '';
-    preview.innerHTML = '';
-    selectedFiles = [];
-  };
-
-  // Close handlers
-  picker.querySelectorAll('[data-close]').forEach(function(btn) {
-    btn.addEventListener('click', window.STX.closeMediaPicker);
-  });
-
-  picker.querySelector('.stx-media-picker-backdrop').addEventListener('click', window.STX.closeMediaPicker);
-
-  // File selection
-  input.addEventListener('change', function(e) {
-    selectedFiles = Array.from(e.target.files);
-    preview.innerHTML = '';
-
-    selectedFiles.forEach(function(file) {
-      var item = document.createElement('div');
-      item.className = 'stx-media-picker-item';
-
-      if (file.type.startsWith('image/')) {
-        var reader = new FileReader();
-        reader.onload = function(e) {
-          item.innerHTML = '<img src="' + e.target.result + '" alt="' + file.name + '" />';
-        };
-        reader.readAsDataURL(file);
-      }
-else {
-        item.textContent = file.name;
-      }
-
-      preview.appendChild(item);
-    });
-  });
-
-  // Confirm selection
-  picker.querySelector('[data-confirm]').addEventListener('click', function() {
-    if (selectedFiles.length > 0 && typeof ${B} === 'function') {
-      ${B}(selectedFiles);
-    }
-    window.STX.closeMediaPicker();
-  });
-})();
-`.trim(),M=`
-.stx-media-picker {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 10000;
-}
-
-.stx-media-picker-backdrop {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
-}
-
-.stx-media-picker-modal {
-  position: relative;
-  background: white;
-  border-radius: 0.5rem;
-  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
-  width: 90%;
-  max-width: 600px;
-  max-height: 80vh;
-  display: flex;
-  flex-direction: column;
-}
-
-.stx-media-picker-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem;
-  border-bottom: 1px solid #e5e7eb;
-}
-
-.stx-media-picker-header h3 {
-  margin: 0;
-  font-size: 1.125rem;
-}
-
-.stx-media-picker-close {
-  background: none;
-  border: none;
-  font-size: 1.5rem;
-  cursor: pointer;
-  color: #6b7280;
-}
-
-.stx-media-picker-body {
-  padding: 1rem;
-  flex: 1;
-  overflow-y: auto;
-}
-
-.stx-media-picker-preview {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-  gap: 0.5rem;
-  margin-top: 1rem;
-}
-
-.stx-media-picker-item {
-  aspect-ratio: 1;
-  background: #f3f4f6;
-  border-radius: 0.25rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-}
-
-.stx-media-picker-item img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.stx-media-picker-footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: 0.5rem;
-  padding: 1rem;
-  border-top: 1px solid #e5e7eb;
-}
-
-.stx-media-picker-footer button {
-  padding: 0.5rem 1rem;
-  border-radius: 0.25rem;
-  cursor: pointer;
-  font-size: 0.875rem;
-}
-
-.stx-media-picker-cancel {
-  background: white;
-  border: 1px solid #d1d5db;
-  color: #374151;
-}
-
-.stx-media-picker-confirm {
-  background: #3b82f6;
-  border: none;
-  color: white;
-}
-`.trim();return{html:J,script:L,css:M}}function P(q){return q.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}
-export{Y as Kj,Z as Lj};

package/dist/chunk-vjbefncc.js

@@ -1,3 +0,0 @@
-// @bun
-function z(j){return j.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function B(j,F){if(j.serverDynamic[F]!==void 0)return String(j.serverDynamic[F]);let G=j.static[F];if(typeof G==="string")return G;return}var $="<script>window.__stxSafeImageHandler||(window.__stxSafeImageHandler=function(i){if(i.__stx_fb)return;i.__stx_fb=1;var f=i.getAttribute('data-fallback')||'/images/safe-image-default.svg';var c=i.getAttribute('data-fallback-class');i.src=f;if(c)i.className=c;});</script>",w={name:"SafeImage",aliases:["safe-image","safe-img"],render(j,F,G){let W=B(j,"src")||"",X=B(j,"alt")||"",Y=B(j,"fallback")||"/images/safe-image-default.svg",O=B(j,"class")||B(j,"className")||"",Q=B(j,"fallbackClassName")||"",q=[];if(q.push(`src="${z(W)}"`),q.push(`alt="${z(X)}"`),O)q.push(`class="${z(O)}"`);if(q.push(`data-fallback="${z(Y)}"`),Q)q.push(`data-fallback-class="${z(Q)}"`);q.push('onerror="window.__stxSafeImageHandler(this)"');let Z=new Set(["src","alt","fallback","class","className","fallbackClassName"]);for(let[J,K]of Object.entries(j.static)){if(Z.has(J))continue;if(typeof K==="boolean"){if(K)q.push(z(J))}else q.push(`${z(J)}="${z(K)}"`)}let U=`<img ${q.join(" ")} />`,V=G.context;if(!V.__safeImageHandlerEmitted)return V.__safeImageHandlerEmitted=!0,`${$}${U}`;return U}};
-export{w as hz};

package/dist/chunk-vmxjghsm.js

@@ -1,3 +0,0 @@
-// @bun
-var Z=Symbol.for("stx.Fragment"),R=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),V=new Set(["allowfullscreen","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","hidden","inert","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","selected"]),I={className:"class",htmlFor:"for",tabIndex:"tabindex",autoFocus:"autofocus",autoPlay:"autoplay",crossOrigin:"crossorigin",dateTime:"datetime",encType:"enctype",formAction:"formaction",formEncType:"formenctype",formMethod:"formmethod",formNoValidate:"formnovalidate",formTarget:"formtarget",frameBorder:"frameborder",hrefLang:"hreflang",httpEquiv:"http-equiv",inputMode:"inputmode",maxLength:"maxlength",mediaGroup:"mediagroup",minLength:"minlength",noModule:"nomodule",noValidate:"novalidate",playsInline:"playsinline",readOnly:"readonly",rowSpan:"rowspan",colSpan:"colspan",srcDoc:"srcdoc",srcLang:"srclang",srcSet:"srcset",useMap:"usemap"};function D(q){return q.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function J(q){return q.replace(/&/g,"&amp;").replace(/"/g,"&quot;")}function f(q){if(q==null||typeof q==="boolean")return[];if(!Array.isArray(q))return[B(q)];return q.flat(1/0).map(B).filter((w)=>w!=="")}function B(q){if(q==null||typeof q==="boolean")return"";if(typeof q==="string")return q;if(typeof q==="number")return String(q);return q}function $(q,w,K){let{children:G,ref:Q,key:U,...X}=w||{};return{type:q,props:Object.keys(X).length>0?X:null,children:f(G),key:K??U??void 0,ref:Q??void 0}}var j=$,E=$;function z(q){return Object.entries(q).filter(([,w])=>w!=null&&w!==!1).map(([w,K])=>{let G=w.replace(/[A-Z]/g,(U)=>`-${U.toLowerCase()}`),Q=typeof K==="number"&&!G.startsWith("--")&&G!=="opacity"&&G!=="z-index"&&G!=="flex-grow"&&G!=="flex-shrink"&&G!=="order"&&G!=="font-weight"&&G!=="line-height"?`${K}px`:String(K);return`${G}: ${Q}`}).join("; ")}function W(q){if(typeof q==="string")return q;if(Array.isArray(q))return q.filter(Boolean).map(W).join(" ");if(typeof q==="object"&&q!==null)return Object.entries(q).filter(([,w])=>w).map(([w])=>w).join(" ");return""}function F(q){if(!q)return"";let w=[];for(let[K,G]of Object.entries(q)){if(K==="key"||K==="ref"||K==="children"||K==="innerHTML"||K==="dangerouslySetInnerHTML")continue;if(K.startsWith("on")&&typeof G==="function")continue;let Q=I[K]||K;if(Q==="class"||Q==="className"){let U=W(G);if(U)w.push(` class="${J(U)}"`);continue}if(Q==="style"){let U=typeof G==="string"?G:z(G);if(U)w.push(` style="${J(U)}"`);continue}if(V.has(Q)){if(G)w.push(` ${Q}`);continue}if(G!=null&&G!==!1)w.push(` ${Q}="${J(String(G))}"`)}return w.join("")}function Y(q){if(q==null||typeof q==="boolean")return"";if(typeof q==="string")return D(q);if(typeof q==="number")return String(q);if(Array.isArray(q))return q.map(Y).join("");if(q.type===Z)return q.children.map(Y).join("");if(typeof q.type==="function"){let U=q.type({...q.props,children:q.children.length===1?q.children[0]:q.children.length>0?q.children:void 0});return Y(U)}let w=q.type,K=F(q.props),G=q.props?.innerHTML??q.props?.dangerouslySetInnerHTML?.__html;if(G!=null)return`<${w}${K}>${G}</${w}>`;if(R.has(w))return`<${w}${K}>`;let Q=q.children.map(Y).join("");return`<${w}${K}>${Q}</${w}>`}function H(q){return new ReadableStream({start(w){w.enqueue(Y(q)),w.close()}})}function _(q,w){if(!w)return;for(let[K,G]of Object.entries(w)){if(K==="key"||K==="ref"||K==="children"||K==="innerHTML"||K==="dangerouslySetInnerHTML")continue;let Q=I[K]||K;if(K.startsWith("on")&&typeof G==="function"){let U=K.slice(2).toLowerCase();q.addEventListener(U,G);continue}if(Q==="class"||Q==="className"){let U=W(G);if(U)q.setAttribute("class",U);continue}if(Q==="style"){let U=typeof G==="string"?G:z(G);if(U)q.setAttribute("style",U);continue}if(V.has(Q)){if(G)q.setAttribute(Q,"");continue}if(G!=null&&G!==!1)q.setAttribute(Q,String(G))}}function b(q,w){if(q==null||typeof q==="boolean")return;if(typeof q==="string"){w.appendChild(document.createTextNode(q));return}if(typeof q==="number"){w.appendChild(document.createTextNode(String(q)));return}if(Array.isArray(q)){for(let Q of q)b(Q,w);return}if(q.type===Z){for(let Q of q.children)b(Q,w);return}if(typeof q.type==="function"){let Q=q.type({...q.props,children:q.children.length===1?q.children[0]:q.children.length>0?q.children:void 0});b(Q,w);return}let K=document.createElement(q.type);_(K,q.props);let G=q.props?.innerHTML??q.props?.dangerouslySetInnerHTML?.__html;if(G!=null)K.innerHTML=G;else for(let Q of q.children)b(Q,K);if(q.ref){if(typeof q.ref==="function")q.ref(K)}w.appendChild(K)}function C(q){if(q.when)return $(Z,{children:q.children});return q.fallback??null}function L(q){let w=q.each;if(!w||w.length===0)return q.fallback??null;let K=Array.isArray(q.children)?q.children[0]:q.children,G=w.map((Q,U)=>K(Q,U));return $(Z,{children:G})}function M(q){return $(Z,{children:q.children})}function P(q,w,...K){let{key:G,ref:Q,...U}=w||{};return{type:q,props:Object.keys(U).length>0?U:{},children:f(K.length===1?K[0]:K),key:G??void 0,ref:Q??void 0}}
-export{Z as El,$ as Fl,j as Gl,E as Hl,Y as Il,H as Jl,b as Kl,C as Ll,L as Ml,M as Nl,P as Ol};

package/dist/chunk-vw7vqd76.js

@@ -1,3 +0,0 @@
-// @bun
-function D(j){return j}class F{plugins=new Map;sortedPlugins=[];initialized=!1;async register(j,q){if(this.plugins.has(j.name))throw Error(`Plugin "${j.name}" is already registered`);if(j.dependencies){for(let w of j.dependencies)if(!this.plugins.has(w))throw Error(`Plugin "${j.name}" depends on "${w}" which is not registered`)}if(this.plugins.set(j.name,j),j.onRegister)await j.onRegister(q);this.sortPlugins()}async unregister(j){let q=this.plugins.get(j);if(!q)return!1;for(let[w,z]of this.plugins)if(z.dependencies?.includes(j))throw Error(`Cannot unregister "${j}" because "${w}" depends on it`);if(q.onUnregister)await q.onUnregister();return this.plugins.delete(j),this.sortPlugins(),!0}get(j){return this.plugins.get(j)}has(j){return this.plugins.has(j)}getAll(){return[...this.sortedPlugins]}getAllDirectives(){let j=[];for(let q of this.sortedPlugins)if(q.registerDirectives)j.push(...q.registerDirectives());return j}getAllFilters(){let j={};for(let q of this.sortedPlugins)if(q.registerFilters)Object.assign(j,q.registerFilters());return j}async runBeforeProcess(j){return this.runHooks("beforeProcess",j)}async runAfterParse(j){return this.runHooks("afterParse",j)}async runBeforeDirective(j,q){return this.runDirectiveHooks("beforeDirective",j,q)}async runAfterDirective(j,q){return this.runDirectiveHooks("afterDirective",j,q)}async runBeforeRender(j){return this.runHooks("beforeRender",j)}async runAfterRender(j){return this.runHooks("afterRender",j)}async runOnError(j){for(let q of this.sortedPlugins)if(q.onError)try{let w=await q.onError(j);if(w){if(w.template!==void 0)j.template=w.template;if(w.context)j.context={...j.context,...w.context};if(w.metadata)j.metadata={...j.metadata,...w.metadata};if(w.skip)return j}}catch(w){console.error(`Error in plugin "${q.name}" onError hook:`,w)}return null}sortPlugins(){this.sortedPlugins=Array.from(this.plugins.values()).sort((j,q)=>(j.priority??100)-(q.priority??100))}async runHooks(j,q){let w={...q};for(let z of this.sortedPlugins){let B=z[j];if(B)try{let y=await B(w);if(y){if(y.template!==void 0)w.template=y.template;if(y.context)w.context={...w.context,...y.context};if(y.metadata)w.metadata={...w.metadata,...y.metadata};if(y.skip)break}}catch(y){console.error(`Error in plugin "${z.name}" ${j} hook:`,y)}}return w}async runDirectiveHooks(j,q,w){let z={...w};for(let B of this.sortedPlugins){let y=B[j];if(y)try{let A=await y(q,z);if(A){if(A.template!==void 0)z.template=A.template;if(A.context)z.context={...z.context,...A.context};if(A.metadata)z.metadata={...z.metadata,...A.metadata};if(A.skip)break}}catch(A){console.error(`Error in plugin "${B.name}" ${j} hook:`,A)}}return z}}var G=new F;function H(j,q,w={}){return{name:j,...w,registerDirectives:()=>q}}function I(j,q,w={}){return{name:j,...w,registerFilters:()=>q}}var J=D({name:"stx-debug",version:"1.0.0",description:"Logs all plugin lifecycle events for debugging",priority:0,beforeProcess(j){console.log("[stx-debug] beforeProcess:",j.filePath)},afterParse(j){console.log("[stx-debug] afterParse:",j.template.length,"chars")},beforeDirective(j,q){console.log("[stx-debug] beforeDirective:",j)},afterDirective(j,q){console.log("[stx-debug] afterDirective:",j)},beforeRender(j){console.log("[stx-debug] beforeRender")},afterRender(j){console.log("[stx-debug] afterRender:",j.template.length,"chars")},onError(j){console.error("[stx-debug] onError:",j.error.message,"in phase:",j.phase)}}),K=D({name:"stx-timing",version:"1.0.0",description:"Measures template processing time",priority:1,beforeProcess(j){j.metadata.startTime=performance.now()},afterRender(j){let q=j.metadata.startTime;if(q){let w=performance.now()-q;console.log(`[stx-timing] Processing took ${w.toFixed(2)}ms`)}}});function L(j){return D({name:"stx-variables",version:"1.0.0",description:"Adds predefined variables to template context",beforeProcess(q){return{context:{...q.context,...j}}}})}
-export{D as oj,F as pj,G as qj,H as rj,I as sj,J as tj,K as uj,L as vj};

package/dist/chunk-vx22he47.js

@@ -1 +0,0 @@
-// @bun

package/dist/chunk-w3b6m427.js

@@ -1,45 +0,0 @@
-// @bun
-var D={maxSanitizeDepth:10,allowBracketNotation:!1},B={...D};function g(J){B={...B,...J}}function C(){B={...D}}function b(){return{...B}}var M=[/\b(eval|Function|setTimeout|setInterval|setImmediate)\b/,/\b(process|require|import|exports|module)\b/,/\b(window|document|global|globalThis)\b/,/\b(constructor|prototype|__proto__)\b/,/\b(Reflect|Proxy)\b/,/\bSymbol\b/,/\b(WeakMap|WeakSet|WeakRef|FinalizationRegistry)\b/,/\b(Generator|AsyncGenerator)\b/,/__\w+__/,/\.(bind|call|apply)\s*\(/,/\bnew\s+/,/\bdelete\s+/,/\bthis\b/],K=new Set(["eval","Function","setTimeout","setInterval","setImmediate","process","require","import","exports","module","window","document","global","globalThis","constructor","prototype","Reflect","Proxy","Symbol","WeakMap","WeakSet","WeakRef","FinalizationRegistry","Generator","AsyncGenerator","delete","this"]),k=new Set(["__proto__","constructor","prototype"]),A=/[\w)\]]\s*\[\s*['"]/;function N(J){let q="",Q=null,Z=!1;for(let $=0;$<J.length;$++){let H=J[$];if(Z){Z=!1;continue}if(H==="\\"&&Q){Z=!0;continue}if(Q){if(Q==="`"&&H==="$"&&$+1<J.length&&J[$+1]==="{"){let W=1;$+=2;while($<J.length&&W>0){if(J[$]==="{")W++;else if(J[$]==="}")W--;if(W>0)q+=J[$],$++}continue}if(H===Q)Q=null;continue}if(H==='"'||H==="'"||H==="`"){Q=H;continue}q+=H}return q}function R(J,q){let Q=/[$A-Z_a-z][$\w]*/g,Z;while((Z=Q.exec(J))!==null){let $=Z[0],H=J[Z.index-1];if(K.has($))throw Error(`Potentially unsafe expression (matched /\\b${$}\\b/; identifier ${$}): ${q}`);if(H==="."&&k.has($))throw Error(`Potentially unsafe expression (matched /.${$}/; property ${$}): ${q}`)}}function j(J){let q=/\[\s*(['"])(.*?)\1\s*\]/g,Q;while((Q=q.exec(J))!==null){let Z=Q[2];if(!k.has(Z))continue;let $=J.slice(0,Q.index).match(/\S(?=\s*$)/)?.[0],H=J.slice(Q.index+Q[0].length).match(/^\s*(\S)/)?.[1];if(!(($==="{"||$===",")&&H===":"))throw Error(`Potentially unsafe expression (bracket key ${Q[2]}): ${J}`)}}function z(J){let q=J.trim(),Q=N(q);R(Q,q),j(q);for(let Z of M)if(Z.test(Q))throw Error(`Potentially unsafe expression (matched /${Z.source}/): ${q}`);if(!B.allowBracketNotation&&A.test(q))throw Error(`Bracket notation with strings not allowed: ${q}. Enable with configureSafeEvaluator({ allowBracketNotation: true })`);return q}function T(J){let q={};q.Math=Math,q.JSON=JSON,q.Date=Date,q.String=String,q.Number=Number,q.Boolean=Boolean,q.Array=Array,q.parseInt=Number.parseInt,q.parseFloat=Number.parseFloat,q.isNaN=Number.isNaN,q.isFinite=Number.isFinite,q.encodeURIComponent=encodeURIComponent,q.decodeURIComponent=decodeURIComponent;for(let[Q,Z]of Object.entries(J)){if(Q.startsWith("__")||M.some(($)=>$.test(Q)))continue;if(Z&&typeof Z==="object"&&!Array.isArray(Z))q[Q]=G(Z);else q[Q]=Z}return q}function G(J,q=0){if(q>=B.maxSanitizeDepth)return"[Object too deep]";if(J===null||typeof J!=="object")return J;if(Array.isArray(J))return J.map((Z)=>G(Z,q+1));if(J instanceof Date||J instanceof RegExp||J instanceof Map||J instanceof Set||J instanceof Error)return J;let Q={};for(let[Z,$]of Object.entries(J)){if(Z.startsWith("__")||Z==="constructor"||Z==="prototype")continue;if($&&typeof $==="object")Q[Z]=G($,q+1);else Q[Z]=$}return Q}function P(J,q){try{let Q=T(q),Z=Object.keys(Q),$=Object.values(Q);return h(J,Z)(...$)}catch{return}}function y(J){try{return z(J),!0}catch{return!1}}function E(J){try{return z(J),null}catch(q){return q instanceof Error?q.message:String(q)}}function m(J,q){try{let Q=P(J,q);return Boolean(Q)}catch{return!1}}function u(J,q){try{let Q=P(J,q);if(Array.isArray(Q))return Q;if(Q&&typeof Q==="object"&&"length"in Q){let Z=Q.length;if(typeof Z==="number"&&Number.isFinite(Z)&&Z>=0&&Number.isInteger(Z))return Array.from(Q)}return[]}catch{return[]}}function f(J,q){try{let Q=P(J,q);if(Q&&typeof Q==="object"&&!Array.isArray(Q))return Q;return{}}catch{return{}}}var v=new Set(["break","case","catch","class","const","continue","debugger","default","delete","do","else","enum","export","extends","false","finally","for","function","if","import","in","instanceof","new","null","return","super","switch","this","throw","true","try","typeof","var","void","while","with","yield","let","static","implements","interface","package","private","protected","public","arguments","eval","await"]);function h(J,q){let Q=z(J),Z=/^[A-Za-z_$][\w$]*$/,$=[],H=[];for(let X=0;X<q.length;X++){let V=q[X];if(!Z.test(V))continue;if(v.has(V))continue;$.push(X),H.push(V)}let W=(X)=>Function(...H,...X,`
-    'use strict';
-    try {
-      return ${Q};
-    }
-catch (e) {
-      if (e instanceof TypeError) {
-        return undefined;
-      }
-      throw e;
-    }
-  `),Y=W([]);if(H.length===q.length)return O(Y,H,W);return O((...X)=>{let V=Array($.length);for(let w=0;w<$.length;w++)V[w]=X[$[w]];return Y(...V)},H,W,(X)=>{Y=W(X)})}function O(J,q,Q,Z){let H=/^(\w+) is not defined$/,W=J,Y=[],U=new Set(q);return(...X)=>{for(let V=0;V<=8;V++)try{return W(...X)}catch(w){let _=w instanceof Error?w.message:"",F=H.exec(_);if(!(w instanceof ReferenceError)||!F)return;let L=F[1];if(U.has(L)||v.has(L))return;U.add(L),Y.push(L),W=Q(Y),Z?.(Y)}return}}var I=65536;function l(J,q){try{if(typeof J!=="string")return;if(J.length>I)throw Error(`safeEvaluateCode: input exceeds ${I} chars`);for(let W of M)if(W.test(J))throw Error("Potentially unsafe code detected");let Q=T(q),Z=Object.keys(Q),$=Object.values(Q);return Function(...Z,`
-      'use strict';
-      ${J}
-    `)(...$)}catch{return}}function S(J){let q=J.trim(),Q=[/\beval\s*\(/i,/\bFunction\s*\(/i,/\bimport\s*\(/i,/\brequire\s*\(/i,/\bprocess\b/i,/\b__proto__\b/i,/\bconstructor\s*[.(]/i,/\bglobalThis\b/i,/\bwindow\b/i,/\bdocument\b/i,/\bfetch\s*\(/i,/\bBun\b/i,/\bDeno\b/i,/\bconsole\b/i,/\bthis\b/i,/\bReflect\b/i,/\bProxy\b/i,/\bprototype\b/i,/\.(bind|call|apply)\s*\(/i];for(let Z of Q)if(Z.test(q))return!1;return!0}function d(J,q,Q,Z,$=1000){if(!S(q))throw Error(`Unsafe expression in @${J}: ${q}`);let H=Q.replace(/`/g,"\\`").replace(/\$\{/g,"\\${").replace(/\{\{([^}]+)\}\}/g,(W,Y)=>{return`\${${Y}}`});if(J==="for")return Function(...Z,`
-      'use strict';
-      let result = '';
-      for (${q}) {
-        result += \`${H}\`;
-      }
-      return result;
-    // eslint-disable-next-line pickier/no-unused-vars
-    `);else return Function(...Z,`
-      'use strict';
-      let result = '';
-      let __safeCounter = 0;
-      const __maxIterations = ${$};
-      while (${q} && __safeCounter < __maxIterations) {
-        __safeCounter++;
-        result += \`${H}\`;
-      }
-      // Surface the truncation both inline (for end users) and via
-      // console.warn (for developers running \`stx dev\`). A silent cut-off
-      // made pages render half a list with no breadcrumb.
-      if (__safeCounter >= __maxIterations) {
-        result += '<!-- [Loop Error]: Maximum iterations exceeded -->';
-        if (typeof console !== 'undefined' && typeof console.warn === 'function') {
-          console.warn('[stx] @while loop hit max iterations (' + __maxIterations + '); template output was truncated. Raise via createSafeForLoop(..., maxIterations) if intentional.');
-        }
-      }
-      return result;
-    // eslint-disable-next-line pickier/no-unused-vars
-    `)}
-export{g as kz,C as lz,b as mz,z as nz,T as oz,P as pz,y as qz,E as rz,m as sz,u as tz,f as uz,h as vz,l as wz,S as xz,d as yz};

package/dist/chunk-wazkqv7n.js

@@ -1,3 +0,0 @@
-// @bun
-import{wy as T}from"./chunk-yb1t2h8h.js";import{qz as j,vz as O}from"./chunk-w3b6m427.js";function b(z,H){let X=z,F=/@json\s*\(/g,Y;while((Y=F.exec(X))!==null){let J=Y.index,v=J+Y[0].length-1,K=1,q=v+1,w=null,U=!1;while(q<X.length&&K>0){let G=X[q];if(U){U=!1,q++;continue}if(G==="\\"&&w){U=!0,q++;continue}if(w){if(G===w)w=null;q++;continue}if(G==='"'||G==="'"||G==="`"){w=G,q++;continue}if(G==="(")K++;else if(G===")"){if(K--,K===0)break}q++}if(K!==0)break;let V=X.substring(v+1,q).trim(),_=X.substring(J,q+1),W=-1,Z=0,$=null,R=!1;for(let G=0;G<V.length;G++){let B=V[G];if(R){R=!1;continue}if(B==="\\"&&$){R=!0;continue}if($){if(B===$)$=null;continue}if(B==='"'||B==="'"||B==="`"){$=B;continue}if(B==="("||B==="["||B==="{")Z++;else if(B===")"||B==="]"||B==="}")Z--;if(B===","&&Z===0){W=G;break}}let A=W>=0?V.substring(0,W).trim():V,L=W>=0?V.substring(W+1).trim():void 0;try{let G=A.trim(),B;if(j(G))B=O(G,Object.keys(H))(...Object.values(H));else B=void 0;let y;if(L==="true")y=JSON.stringify(B,null,2);else y=JSON.stringify(B);let N=y.replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029");X=X.substring(0,J)+N+X.substring(q+1),F.lastIndex=J+N.length}catch(G){T.log(G instanceof Error?G:Error(String(G)),{directive:"@json"},"error"),F.lastIndex=J+_.length}}return X}function S(z){return z.replace(/@once\s*([\s\S]*?)@endonce/g,"$1")}function x(z){let H=z,X=/@memo\s*\(/g,F,Y=[];while((F=X.exec(H))!==null){let J=F.index,v=J+F[0].length,K=1,q=v;while(q<H.length&&K>0){if(H[q]==="(")K++;else if(H[q]===")")K--;q++}if(K!==0)continue;let w=H.slice(v,q-1).trim(),U=q,V=H.slice(U),_=V.indexOf("@endmemo");if(_===-1)continue;let W=V.slice(0,_),Z=U+_+8,$=W.match(/^(\s*(?:(?:<!--[\s\S]*?-->|\x00STX_HTML_COMMENT_\d+\x00)\s*)*)/),R=$?$[0].length:0,A=W.slice(R),L=W.match(/(\s*)$/),G=L?L[0].length:0,B=A.slice(0,A.length-G),y=B.match(/^<([a-zA-Z][a-zA-Z0-9-]*)(\s[^>]*?)?(\/?)>/),N;if(y){let[P,D,E="",Q]=y,k=`<${D}${E} data-stx-memo="${w}"${Q}>`;N=W.slice(0,R)+k+B.slice(P.length)+W.slice(R+B.length)}else N=`${W.slice(0,R)}<div data-stx-memo="${w}">${B}</div>${W.slice(R+B.length)}`;Y.push({start:J,end:Z,replacement:N}),X.lastIndex=Z}for(let J=Y.length-1;J>=0;J--){let v=Y[J];H=H.slice(0,v.start)+v.replacement+H.slice(v.end)}return H.replace(/@memo="([^"]*)"/g,'data-stx-memo="$1"')}function I(z){let H=z.replace(/@ref="([^"]+)"/g,'data-stx-ref="$1"');return H=H.replace(/(<[a-zA-Z][a-zA-Z0-9-]*\b[^>]*?)\sref="([^"]+)"/g,'$1 data-stx-ref="$2"'),H}function u(z){let X=new RegExp("<(div|span|p|h[1-6]|td|th|li|a|button|label|section|article|header|footer|main|nav|aside|dd|dt|figcaption|summary|caption|blockquote|pre|code|em|strong|small|sub|sup|time|mark|abbr|cite|q|s|u|b|i)\\b","gi"),F="",Y=0,J;while((J=X.exec(z))!==null){let v=J.index,K=v+J[0].length,q=!1,w=!1,U=-1;while(K<z.length){let $=z[K];if(q){if($==="'")q=!1}else if(w){if($==='"')w=!1}else if($==="'")q=!0;else if($==='"')w=!0;else if($===">"){U=K;break}K++}if(U===-1)continue;if(z.slice(v,U+1).includes("x-cloak"))continue;let _=z.slice(U+1),W=_.indexOf("</"),Z=W>=0?_.slice(0,W):_.slice(0,200);if(/\{\{[\s\S]*?\}\}/.test(Z))F+=z.slice(Y,U)+" x-cloak>",Y=U+1}return F+=z.slice(Y),F}var M=/(?:^|\s)(?::else-if|:if|:else|:show|x-else-if|x-if|x-else|x-show|@if|@show)(?:=|\s|\/|>|$)/;function m(z){let H=/<[a-z][\w-]*/gi,X="",F=0,Y;while((Y=H.exec(z))!==null){let J=Y.index,v=Y[0].slice(1).toLowerCase();if(v==="script"||v==="style"){let Z=`</${v}>`,$=z.toLowerCase().indexOf(Z,J);if($!==-1)H.lastIndex=$+Z.length;continue}let K=J+Y[0].length,q=!1,w=!1,U=-1;while(K<z.length){let Z=z[K];if(q){if(Z==="'")q=!1}else if(w){if(Z==='"')w=!1}else if(Z==="'")q=!0;else if(Z==='"')w=!0;else if(Z===">"){U=K;break}K++}if(U===-1)continue;let V=z.slice(J+Y[0].length,U);if(/(?:^|\s)x-cloak(?:=|\s|\/|>|$)/.test(V))continue;if(!M.test(V))continue;let _=z[U-1]==="/",W=_?U-1:U;X+=`${z.slice(F,W)} x-cloak${_?" ":""}`,F=W}return X+=z.slice(F),X}
-export{b as iu,S as ju,x as ku,I as lu,u as mu,m as nu};

package/dist/chunk-wf7zrjsw.js

@@ -1,138 +0,0 @@
-// @bun
-function A(h,j,f){let x=z(h,j);return{type:h,message:j,suggestions:x,...f}}function z(h,j){let f=[];switch(h){case"parse_error":f.push("Check for syntax errors in your .story.stx file"),f.push("Ensure all tags are properly closed"),f.push("Verify that <Story> and <Variant> components are used correctly");break;case"component_error":f.push("Check that the component file exists"),f.push("Verify the import path is correct"),f.push("Ensure all required props are provided");break;case"render_error":f.push("Check the browser console for more details"),f.push("Verify that all dependencies are available"),f.push("Try simplifying the component to isolate the issue");break;case"config_error":f.push("Check your stx.config.ts file for syntax errors"),f.push("Verify that all required config options are set"),f.push("Try using the default configuration");break;case"file_not_found":f.push("Check that the file path is correct"),f.push("Verify the file exists in the specified location"),f.push("Check for case sensitivity in the file path");break;case"circular_dependency":f.push("Review your component imports for circular references"),f.push("Consider restructuring your components"),f.push("Use lazy loading for problematic dependencies");break;case"prop_type_error":if(f.push("Check that the prop value matches the expected type"),f.push("Review the component's prop definitions"),j.includes("required"))f.push("Ensure all required props are provided");break;default:f.push("Check the console for more details"),f.push("Try restarting the story server"),f.push("Report this issue if it persists")}return f}function B(h){let j=[];if(j.push(`\u274C ${q(h.type)}`),j.push(""),j.push(h.message),j.push(""),h.file){let f=`\uD83D\uDCC1 ${h.file}`;if(h.line){if(f+=`:${h.line}`,h.column)f+=`:${h.column}`}j.push(f),j.push("")}if(h.suggestions&&h.suggestions.length>0){j.push("\uD83D\uDCA1 Suggestions:");for(let f of h.suggestions)j.push(`   \u2022 ${f}`);j.push("")}return j.join(`
-`)}function q(h){return{parse_error:"Parse Error",component_error:"Component Error",render_error:"Render Error",config_error:"Configuration Error",file_not_found:"File Not Found",circular_dependency:"Circular Dependency",prop_type_error:"Prop Type Error",unknown:"Unknown Error"}[h]}function D(h){let j=h.suggestions?h.suggestions.map((f)=>`<li>${k(f)}</li>`).join(""):"";return`
-    <div class="stx-error">
-      <div class="stx-error-header">
-        <span class="stx-error-icon">\u274C</span>
-        <span class="stx-error-title">${q(h.type)}</span>
-      </div>
-      <div class="stx-error-message">${k(h.message)}</div>
-      ${h.file?`
-        <div class="stx-error-location">
-          \uD83D\uDCC1 ${k(h.file)}${h.line?`:${h.line}`:""}${h.column?`:${h.column}`:""}
-        </div>
-      `:""}
-      ${j?`
-        <div class="stx-error-suggestions">
-          <div class="stx-error-suggestions-title">\uD83D\uDCA1 Suggestions:</div>
-          <ul>${j}</ul>
-        </div>
-      `:""}
-      <div class="stx-error-actions">
-        <button onclick="window.__stxStory.dismissError()">Dismiss</button>
-        <button onclick="window.__stxStory.retryRender()">Retry</button>
-      </div>
-    </div>
-  `}function F(){return`
-    .stx-error {
-      background: #fef2f2;
-      border: 1px solid #fecaca;
-      border-radius: 8px;
-      padding: 16px;
-      margin: 16px;
-      font-family: var(--font-family);
-    }
-    .dark .stx-error {
-      background: #450a0a;
-      border-color: #7f1d1d;
-    }
-    .stx-error-header {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      margin-bottom: 12px;
-    }
-    .stx-error-icon {
-      font-size: 20px;
-    }
-    .stx-error-title {
-      font-weight: 600;
-      font-size: 16px;
-      color: #dc2626;
-    }
-    .dark .stx-error-title {
-      color: #f87171;
-    }
-    .stx-error-message {
-      color: #991b1b;
-      margin-bottom: 12px;
-      font-family: var(--code-font-family);
-      font-size: 13px;
-      white-space: pre-wrap;
-    }
-    .dark .stx-error-message {
-      color: #fca5a5;
-    }
-    .stx-error-location {
-      color: #6b7280;
-      font-size: 12px;
-      margin-bottom: 12px;
-    }
-    .stx-error-suggestions {
-      margin-bottom: 12px;
-    }
-    .stx-error-suggestions-title {
-      font-weight: 500;
-      margin-bottom: 8px;
-      color: #374151;
-    }
-    .dark .stx-error-suggestions-title {
-      color: #d1d5db;
-    }
-    .stx-error-suggestions ul {
-      margin: 0;
-      padding-left: 20px;
-      color: #4b5563;
-      font-size: 13px;
-    }
-    .dark .stx-error-suggestions ul {
-      color: #9ca3af;
-    }
-    .stx-error-suggestions li {
-      margin-bottom: 4px;
-    }
-    .stx-error-actions {
-      display: flex;
-      gap: 8px;
-      margin-top: 16px;
-    }
-    .stx-error-actions button {
-      padding: 8px 16px;
-      border: 1px solid #d1d5db;
-      border-radius: 4px;
-      background: white;
-      color: #374151;
-      cursor: pointer;
-      font-size: 13px;
-    }
-    .stx-error-actions button:hover {
-      background: #f3f4f6;
-    }
-    .dark .stx-error-actions button {
-      background: #374151;
-      border-color: #4b5563;
-      color: #f3f4f6;
-    }
-    .dark .stx-error-actions button:hover {
-      background: #4b5563;
-    }
-  `}function G(h,j){return`
-    <div class="stx-error-boundary" data-component="${k(j)}">
-      ${h}
-    </div>
-    <script>
-      (function() {
-        const boundary = document.currentScript.previousElementSibling;
-        window.addEventListener('error', function(e) {
-          if (boundary.contains(e.target)) {
-            boundary.innerHTML = window.__stxStory.renderError({
-              type: 'render_error',
-              message: e.message,
-              file: '${k(j)}'
-            });
-          }
-        });
-      })();
-    </script>
-  `}function k(h){return h.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}
-export{A as Ea,B as Fa,D as Ga,F as Ha,G as Ia};

package/dist/chunk-wfg2gm11.js

@@ -1,3 +0,0 @@
-// @bun
-var X={enabled:!0,widths:[320,640,768,1024,1280,1536,1920],formats:["webp","jpeg"],quality:80,devOptimize:!1,cacheDir:".stx/image-cache",placeholder:"none",inputDirs:["public","src/assets","assets"],outputDir:"dist/images",baseUrl:"/images"};
-export{X as $l};

package/dist/chunk-wg9k6h8w.js

@@ -1,12 +0,0 @@
-// @bun
-import{gz as i}from"./chunk-gz5fmp3q.js";function r(e,t){if(e.serverDynamic[t]!==void 0)return String(e.serverDynamic[t]);let a=e.static[t];if(typeof a==="string")return a;return}var o={sm:"16rem",md:"24rem",lg:"32rem",xl:"40rem"},v={name:"StxDrawer",aliases:["stx-drawer"],render(e,t,a){let n=r(e,"id");if(!n)return console.warn('[stx] <StxDrawer> requires an "id" prop'),"<!-- StxDrawer: missing id prop -->";let d=i(n),l=r(e,"side")||"right",c=r(e,"size")||"md",p=r(e,"closeOnBackdrop")!=="false",w=r(e,"closeOnEscape")!=="false",f=r(e,"overlay")!=="false",x=o[c]||o.md,s=l==="left",m=s?"left:0":"right:0",g=s?"translateX(-100%)":"translateX(100%)",u=s?"stx-drawer-slide-left":"stx-drawer-slide-right";return`<div id="stx-drawer-${d}" class="stx-drawer-backdrop" data-stx-drawer="${d}" data-close-backdrop="${p}" data-close-escape="${w}" style="display:none;position:fixed;inset:0;z-index:99999;${f?"background:rgba(0,0,0,0.5);backdrop-filter:blur(2px)":"background:transparent;pointer-events:none"};opacity:0;transition:opacity 0.2s ease" role="dialog" aria-modal="true">
-  <div class="stx-drawer-panel" style="position:fixed;top:0;bottom:0;${m};width:${x};max-width:100vw;transform:${g};transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);background:var(--stx-drawer-bg,#fff);color:var(--stx-drawer-text,#1f2937);box-shadow:0 20px 60px rgba(0,0,0,0.3);overflow-y:auto;pointer-events:auto">
-    <div style="padding:1.5rem">${t}</div>
-  </div>
-</div>
-<style>
-@media(prefers-color-scheme:dark){[data-stx-drawer]{--stx-drawer-bg:#1f2937;--stx-drawer-text:#f3f4f6}}
-.stx-drawer-backdrop[data-stx-drawer-open]{display:block!important;opacity:1}
-.stx-drawer-backdrop[data-stx-drawer-open] .stx-drawer-panel{transform:translateX(0)}
-</style>`}};
-export{v as cz};

package/dist/chunk-wkz2vwkr.js

@@ -1,81 +0,0 @@
-// @bun
-import{pB as T}from"./chunk-xv34zbp4.js";import W from"fs";import F from"path";async function x(j,N={}){let Z=performance.now(),{update:q=!1,threshold:$=0.1,snapshotDir:X=F.join(j.root,".stx","story","snapshots"),width:K=800,height:b=600,deviceScaleFactor:O=1,filter:A}=N,J={total:0,passed:0,failed:0,new:0,failures:[],duration:0};await W.promises.mkdir(X,{recursive:!0});let _;try{_=await import("very-happy-dom")}catch{return console.warn("very-happy-dom not installed, using fallback HTML comparison"),v(j,N)}let{HtmlRenderer:Y,ImageDiff:M}=_,k=new Y,C=new M,R=A?j.storyFiles.filter((Q)=>A.some((U)=>Q.fileName.includes(U))):j.storyFiles;for(let Q of R){let U=Q.story?.variants||[{id:"default",title:"Default",state:{}}];for(let B of U){J.total++;let V=F.join(X,`${Q.fileName}-${B.id}.png`),g=F.join(X,`${Q.fileName}-${B.id}.actual.png`),w=F.join(X,`${Q.fileName}-${B.id}.diff.png`);try{let G=await H(j,Q,B.id),I=await k.render(G,{width:K,height:b,deviceScaleFactor:O,format:"png"}),z=await D(V);if(q||!z){if(await W.promises.writeFile(V,I.data),!z)J.new++;J.passed++}else{let P=await W.promises.readFile(V),L=await C.compare(P,I.data,{threshold:$});if(L.match)J.passed++,await E(g),await E(w);else{if(J.failed++,await W.promises.writeFile(g,I.data),L.diffImage)await W.promises.writeFile(w,L.diffImage);J.failures.push({storyId:Q.id,variantId:B.id,component:Q.fileName,message:`Visual difference: ${L.diffPercentage.toFixed(2)}% pixels differ`,baselinePath:V,actualPath:g,diffPath:w,diffPercentage:L.diffPercentage})}}}catch(G){J.failed++,J.failures.push({storyId:Q.id,variantId:B.id,component:Q.fileName,message:G instanceof Error?G.message:String(G)})}}}return J.duration=performance.now()-Z,J}async function v(j,N){let Z=performance.now(),{update:q=!1,snapshotDir:$=F.join(j.root,".stx","story","snapshots"),filter:X}=N,K={total:0,passed:0,failed:0,new:0,failures:[],duration:0};await W.promises.mkdir($,{recursive:!0});let b=X?j.storyFiles.filter((O)=>X.some((A)=>O.fileName.includes(A))):j.storyFiles;for(let O of b){let A=O.story?.variants||[{id:"default",title:"Default",state:{}}];for(let J of A){K.total++;let _=F.join($,`${O.fileName}-${J.id}.html`);try{let Y=await H(j,O,J.id),M=await D(_);if(q||!M){if(await W.promises.writeFile(_,Y),!M)K.new++;K.passed++}else{let k=await W.promises.readFile(_,"utf-8"),C=S(k),R=S(Y);if(C===R)K.passed++;else K.failed++,K.failures.push({storyId:O.id,variantId:J.id,component:O.fileName,message:"HTML content differs from baseline",baselinePath:_})}}catch(Y){K.failed++,K.failures.push({storyId:O.id,variantId:J.id,component:O.fileName,message:Y instanceof Error?Y.message:String(Y)})}}}return K.duration=performance.now()-Z,K}async function H(j,N,Z){try{let{renderStoryVariant:q,generatePreviewDocument:$}=await import("./story/renderer.js"),X=await q(j,N,Z);return $(X,{title:N.fileName})}catch{let q=await W.promises.readFile(N.path,"utf-8");return`<!DOCTYPE html><html><head><title>${N.fileName}</title></head><body>${q}</body></html>`}}function S(j){return j.replace(/\s+/g," ").replace(/>\s+</g,"><").trim()}async function D(j){try{return await W.promises.access(j),!0}catch{return!1}}async function E(j){try{await W.promises.unlink(j)}catch{}}function y(j){let N=j.failed>0?"failed":"passed",Z=j.failures.map((q)=>`
-    <tr class="failure-row">
-      <td>${q.component}</td>
-      <td>${q.variantId}</td>
-      <td>${q.message}</td>
-      <td>${q.diffPercentage?`${q.diffPercentage.toFixed(2)}%`:"-"}</td>
-      <td>
-        ${q.baselinePath?`<a href="file://${q.baselinePath}">Baseline</a>`:""}
-        ${q.actualPath?`<a href="file://${q.actualPath}">Actual</a>`:""}
-        ${q.diffPath?`<a href="file://${q.diffPath}">Diff</a>`:""}
-      </td>
-    </tr>
-  `).join("");return`<!DOCTYPE html>
-<html>
-<head>
-  <title>Visual Test Report</title>
-  <style>
-    body { font-family: -apple-system, sans-serif; padding: 20px; }
-    .summary { padding: 20px; border-radius: 8px; margin-bottom: 20px; }
-    .summary.passed { background: #d4edda; }
-    .summary.failed { background: #f8d7da; }
-    .stats { display: flex; gap: 20px; margin-top: 10px; }
-    .stat { text-align: center; }
-    .stat-value { font-size: 24px; font-weight: bold; }
-    table { width: 100%; border-collapse: collapse; }
-    th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; }
-    th { background: #f5f5f5; }
-    .failure-row { background: #fff5f5; }
-    a { color: #3b82f6; }
-  </style>
-</head>
-<body>
-  <h1>Visual Test Report</h1>
-
-  <div class="summary ${N}">
-    <h2>${j.failed>0?"\u274C Tests Failed":"\u2705 All Tests Passed"}</h2>
-    <div class="stats">
-      <div class="stat">
-        <div class="stat-value">${j.total}</div>
-        <div>Total</div>
-      </div>
-      <div class="stat">
-        <div class="stat-value">${j.passed}</div>
-        <div>Passed</div>
-      </div>
-      <div class="stat">
-        <div class="stat-value">${j.failed}</div>
-        <div>Failed</div>
-      </div>
-      <div class="stat">
-        <div class="stat-value">${j.new}</div>
-        <div>New</div>
-      </div>
-      <div class="stat">
-        <div class="stat-value">${j.duration.toFixed(0)}ms</div>
-        <div>Duration</div>
-      </div>
-    </div>
-  </div>
-
-  ${j.failures.length>0?`
-  <h2>Failures</h2>
-  <table>
-    <thead>
-      <tr>
-        <th>Component</th>
-        <th>Variant</th>
-        <th>Message</th>
-        <th>Diff %</th>
-        <th>Images</th>
-      </tr>
-    </thead>
-    <tbody>
-      ${Z}
-    </tbody>
-  </table>
-  `:""}
-</body>
-</html>`}
-export{x as F,y as G};