@stacksjs/stx 0.2.95 → 0.2.97

package/dist/chunk-1z5nhbjt.js

@@ -1,90 +0,0 @@
-// @bun
-var z=new Map;function q(h){if(z.has(h.id))console.warn(`Addon "${h.id}" is already registered, overwriting...`);z.set(h.id,h)}function N(h){return z.delete(h)}function O(){return Array.from(z.values())}function P(h){return z.get(h)}async function Q(h){for(let j of z.values())if(j.init)await j.init(h)}function S(h,j){let B=h;for(let C of z.values())if(C.decorator)B=C.decorator(B,j);return B}function T(){let h=[];for(let j of z.values())if(j.panel)h.push(j.panel);return h}function U(){let h=[];for(let j of z.values())if(j.toolbar)h.push(...j.toolbar);return h}var D={name:"Actions",id:"actions",panel:{id:"actions-panel",title:"Actions",icon:"ph:lightning",render:(h)=>{return`
-        <div class="addon-actions">
-          <div class="addon-actions-header">
-            <span>Event Log</span>
-            <button onclick="window.__stxStory.clearActions()">Clear</button>
-          </div>
-          <div class="addon-actions-list" id="actions-list">
-            <div class="addon-actions-empty">No actions logged yet</div>
-          </div>
-        </div>
-      `}}},E={name:"Viewport",id:"viewport",toolbar:[{id:"viewport-select",title:"Viewport",icon:"ph:device-mobile",render:(h)=>{return`
-          <select id="viewport-select" onchange="window.__stxStory.setViewport(this.value)">
-            <option value="">Responsive</option>
-            ${h.storyContext.config.responsivePresets.map((C)=>`<option value="${C.width}">${C.label}</option>`).join("")}
-          </select>
-        `}}]},F={name:"Backgrounds",id:"backgrounds",toolbar:[{id:"background-select",title:"Background",icon:"ph:paint-bucket",render:(h)=>{return`
-          <select id="background-select" onchange="window.__stxStory.setBackground(this.value)">
-            ${h.storyContext.config.backgroundPresets.map((C)=>`<option value="${C.color}">${C.label}</option>`).join("")}
-          </select>
-        `}}]},G={name:"Docs",id:"docs",panel:{id:"docs-panel",title:"Docs",icon:"ph:book-open",render:(h)=>{return`
-        <div class="addon-docs">
-          <div class="addon-docs-content" id="docs-content">
-            Select a story to view documentation
-          </div>
-        </div>
-      `}}},H={name:"Measure",id:"measure",toolbar:[{id:"measure-toggle",title:"Measure",icon:"ph:ruler",render:()=>{return`
-          <button
-            class="toolbar-btn"
-            onclick="window.__stxStory.toggleMeasure()"
-            title="Toggle measure overlay"
-          >
-            \uD83D\uDCCF
-          </button>
-        `}}]},I={name:"Outline",id:"outline",toolbar:[{id:"outline-toggle",title:"Outline",icon:"ph:bounding-box",render:()=>{return`
-          <button
-            class="toolbar-btn"
-            onclick="window.__stxStory.toggleOutline()"
-            title="Toggle outline overlay"
-          >
-            \u2B1C
-          </button>
-        `}}]},J={name:"i18n",id:"i18n",toolbar:[{id:"locale-select",title:"Locale",icon:"ph:globe",render:()=>{return`
-          <select id="locale-select" onchange="window.__stxStory.setLocale(this.value)">
-            ${["en","es","fr","de","ja","zh"].map((B)=>`<option value="${B}">${B.toUpperCase()}</option>`).join("")}
-          </select>
-        `}}]},K={name:"Performance",id:"performance",panel:{id:"performance-panel",title:"Performance",icon:"ph:timer",render:()=>{return`
-        <div class="addon-performance">
-          <div class="addon-performance-metrics" id="perf-metrics">
-            <div class="perf-metric">
-              <span class="perf-label">Render Time</span>
-              <span class="perf-value" id="perf-render">-</span>
-            </div>
-            <div class="perf-metric">
-              <span class="perf-label">DOM Nodes</span>
-              <span class="perf-value" id="perf-nodes">-</span>
-            </div>
-            <div class="perf-metric">
-              <span class="perf-label">Memory</span>
-              <span class="perf-value" id="perf-memory">-</span>
-            </div>
-            <div class="perf-metric">
-              <span class="perf-label">Re-renders</span>
-              <span class="perf-value" id="perf-rerenders">0</span>
-            </div>
-          </div>
-          <button onclick="window.__stxStory.measurePerformance()">Measure</button>
-        </div>
-      `}}},L={name:"State",id:"state",panel:{id:"state-panel",title:"State",icon:"ph:database",render:()=>{return`
-        <div class="addon-state">
-          <div class="addon-state-header">
-            <span>Component State</span>
-            <button onclick="window.__stxStory.refreshState()">Refresh</button>
-          </div>
-          <div class="addon-state-tree" id="state-tree">
-            <pre>// Select a story to inspect state</pre>
-          </div>
-        </div>
-      `}}},M={name:"Accessibility",id:"a11y",panel:{id:"a11y-panel",title:"A11y",icon:"ph:wheelchair",render:()=>{return`
-        <div class="addon-a11y">
-          <div class="addon-a11y-header">
-            <span>Accessibility Audit</span>
-            <button onclick="window.__stxStory.runA11yAudit()">Run Audit</button>
-          </div>
-          <div class="addon-a11y-results" id="a11y-results">
-            <div class="a11y-empty">Click "Run Audit" to check accessibility</div>
-          </div>
-        </div>
-      `}}};function V(){q(D),q(E),q(F),q(G),q(H),q(I),q(J),q(K),q(L),q(M)}
-export{q as md,N as nd,O as od,P as pd,Q as qd,S as rd,T as sd,U as td,D as ud,E as vd,F as wd,G as xd,H as yd,I as zd,J as Ad,K as Bd,L as Cd,M as Dd,V as Ed};

package/dist/chunk-1zgsgk4b.js

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

package/dist/chunk-20swzkx3.js

@@ -1,216 +0,0 @@
-// @bun
-function w(Z,M){let{itemHeight:K,containerHeight:P,overscan:F=3,keyProperty:$="id",dynamicHeight:Q=!1,estimatedItemHeight:U=K,direction:G="vertical"}=M,k=[...Z],j=0,z=new Map;function _(){if(Q)return X();let q=Math.max(0,Math.floor(j/K)-F),A=Math.ceil(P/K),W=Math.min(k.length-1,q+A+F*2);return{startIndex:q,endIndex:W}}function X(){let q=0,A=0,W=k.length-1;for(let Y=0;Y<k.length;Y++){let V=z.get(Y)||U;if(q+V>j){A=Math.max(0,Y-F);break}q+=V}q=0;for(let Y=0;Y<k.length;Y++){let V=z.get(Y)||U;if(q+=V,q>j+P){W=Math.min(k.length-1,Y+F);break}}return{startIndex:A,endIndex:W}}function S(){if(Q){let q=0;for(let A=0;A<k.length;A++)q+=z.get(A)||U;return q}return k.length*K}function O(q){if(Q){let A=0;for(let W=0;W<q;W++)A+=z.get(W)||U;return A}return q*K}function N(){let{startIndex:q,endIndex:A}=_();return{startIndex:q,endIndex:A,scrollTop:j,totalHeight:S(),visibleItems:k.slice(q,A+1),itemHeights:new Map(z)}}function T(q,A="auto"){let W=O(q);J(W,A)}function J(q,A="auto"){j=Math.max(0,Math.min(q,S()-P))}function B(){_()}function y(q){k=[...q],z.clear(),B()}function D(){k=[],z.clear()}return{scrollToIndex:T,scrollToOffset:J,getState:N,refresh:B,setItems:y,destroy:D}}function C(Z,M={},K){let P=/@virtualList\s*\(\s*([^,]+)\s*(?:,\s*(\{[^}]*\}))?\s*\)\s*([\s\S]*?)@endvirtualList/gi;return Z.replace(P,(F,$,Q,U)=>{let G=$.trim(),k=M[G];if(!k||!Array.isArray(k))return`<!-- virtualList: items "${G}" not found or not an array -->`;let j={itemHeight:50,containerHeight:400,overscan:3};if(Q)try{let J=Q.trim(),B=Function(`return ${J}`)();j={...j,...B}}catch{}let z=`vlist-${Math.random().toString(36).substring(2,9)}`,_=Math.ceil(j.containerHeight/j.itemHeight),X=j.overscan||3,S=0,O=Math.min(k.length-1,_+X),N="";for(let J=S;J<=O&&J<k.length;J++){let B=k[J],y=U.replace(/\{\{\s*item\s*\}\}/g,typeof B==="object"?JSON.stringify(B):String(B)).replace(/\{\{\s*item\.(\w+)\s*\}\}/g,(D,q)=>{if(typeof B==="object"&&B!==null)return String(B[q]??"");return""}).replace(/\{\{\s*index\s*\}\}/g,String(J));N+=`
-        <div class="virtual-item ${j.itemClass||""}"
-             style="position: absolute; top: ${J*j.itemHeight}px; height: ${j.itemHeight}px; width: 100%;"
-             data-index="${J}">
-          ${y}
-        </div>`}let T=k.length*j.itemHeight;return`
-      <div id="${z}"
-           class="virtual-list-container ${j.containerClass||""}"
-           style="position: relative; height: ${j.containerHeight}px; overflow-y: auto;"
-           data-item-height="${j.itemHeight}"
-           data-total-items="${k.length}"
-           data-overscan="${X}">
-        <div class="virtual-list-viewport ${j.viewportClass||""}"
-             style="position: relative; height: ${T}px; width: 100%;">
-          ${N}
-        </div>
-      </div>
-      <script data-virtual-list="${z}">
-        (function() {
-          const container = document.getElementById('${z}');
-          if (!container) return;
-
-          const viewport = container.querySelector('.virtual-list-viewport');
-          const itemHeight = ${j.itemHeight};
-          const totalItems = ${k.length};
-          const overscan = ${X};
-          const containerHeight = ${j.containerHeight};
-          const items = ${JSON.stringify(k)};
-          const template = ${JSON.stringify(U.trim())};
-
-          let lastStartIndex = 0;
-
-          function renderItems(scrollTop) {
-            const startIndex = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
-            const visibleCount = Math.ceil(containerHeight / itemHeight);
-            const endIndex = Math.min(totalItems - 1, startIndex + visibleCount + overscan * 2);
-
-            if (startIndex === lastStartIndex) return;
-            lastStartIndex = startIndex;
-
-            // Clear and re-render
-            viewport.innerHTML = '';
-
-            for (let i = startIndex; i <= endIndex; i++) {
-              const item = items[i];
-              const div = document.createElement('div');
-              div.className = 'virtual-item ${j.itemClass||""}';
-              div.style.cssText = 'position: absolute; top: ' + (i * itemHeight) + 'px; height: ' + itemHeight + 'px; width: 100%;';
-              div.dataset.index = i;
-
-              let html = template
-                .replace(/\\{\\{\\s*item\\s*\\}\\}/g, typeof item === 'object' ? JSON.stringify(item) : String(item))
-                .replace(/\\{\\{\\s*item\\.(\\w+)\\s*\\}\\}/g, (_, prop) => {
-                  return typeof item === 'object' && item !== null ? String(item[prop] ?? '') : '';
-                })
-                .replace(/\\{\\{\\s*index\\s*\\}\\}/g, String(i));
-
-              div.innerHTML = html;
-              viewport.appendChild(div);
-            }
-          }
-
-          container.addEventListener('scroll', function() {
-            requestAnimationFrame(() => renderItems(container.scrollTop));
-          });
-
-          // Expose API
-          container.__virtualList = {
-            scrollToIndex: function(index) {
-              container.scrollTop = index * itemHeight;
-            },
-            refresh: function() {
-              renderItems(container.scrollTop);
-            }
-          };
-        })();
-      </script>
-    `})}function b(){return`
-    .virtual-list-container {
-      position: relative;
-      overflow-y: auto;
-      overflow-x: hidden;
-    }
-
-    .virtual-list-container::-webkit-scrollbar {
-      width: 8px;
-    }
-
-    .virtual-list-container::-webkit-scrollbar-track {
-      background: rgba(0, 0, 0, 0.1);
-      border-radius: 4px;
-    }
-
-    .virtual-list-container::-webkit-scrollbar-thumb {
-      background: rgba(0, 0, 0, 0.3);
-      border-radius: 4px;
-    }
-
-    .virtual-list-container::-webkit-scrollbar-thumb:hover {
-      background: rgba(0, 0, 0, 0.5);
-    }
-
-    .virtual-list-viewport {
-      position: relative;
-      width: 100%;
-    }
-
-    .virtual-item {
-      position: absolute;
-      left: 0;
-      right: 0;
-      box-sizing: border-box;
-    }
-
-    /* Loading placeholder for items */
-    .virtual-item-placeholder {
-      background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-      background-size: 200% 100%;
-      animation: virtual-shimmer 1.5s infinite;
-    }
-
-    @keyframes virtual-shimmer {
-      0% { background-position: 200% 0; }
-      100% { background-position: -200% 0; }
-    }
-  `}function L(Z,M){let K=null,P=()=>{if(!K)K=w(Z(),M);return K};return{visibleItems:()=>{return P().getState().visibleItems},totalHeight:()=>{return P().getState().totalHeight},containerProps:()=>({style:{height:`${M.containerHeight}px`,overflow:"auto",position:"relative"},onScroll:(F)=>{let $=F.target;if(K)K.scrollToOffset($.scrollTop)}}),itemProps:(F)=>({style:{position:"absolute",top:`${F*M.itemHeight}px`,height:`${M.itemHeight}px`,width:"100%"},"data-index":F}),scrollToIndex:(F)=>{P().scrollToIndex(F)}}}function E(Z,M={},K){let P=/@infiniteList\s*\(\s*([^,]+)\s*(?:,\s*(\{[^}]*\}))?\s*\)\s*([\s\S]*?)@loading\s*([\s\S]*?)@endinfiniteList/gi;return Z.replace(P,(F,$,Q,U,G)=>{let k=$.trim(),j=M[k];if(!j||!Array.isArray(j))return`<!-- infiniteList: items "${k}" not found or not an array -->`;let z={itemHeight:50,containerHeight:400,overscan:3,threshold:100,hasMore:!0};if(Q)try{let S=Function(`return ${Q.trim()}`)();z={...z,...S}}catch{}let _=`ilist-${Math.random().toString(36).substring(2,9)}`,X=C(`@virtualList(${k}, ${JSON.stringify({itemHeight:z.itemHeight,containerHeight:z.containerHeight,overscan:z.overscan,containerClass:z.containerClass})})${U}@endvirtualList`,M);return X=X.replace("</script>",`
-          // Infinite scroll detection
-          container.addEventListener('scroll', function() {
-            const scrollBottom = container.scrollTop + container.clientHeight;
-            const threshold = ${z.threshold};
-            const totalHeight = viewport.offsetHeight;
-
-            if (scrollBottom >= totalHeight - threshold) {
-              container.dispatchEvent(new CustomEvent('loadmore', { bubbles: true }));
-            }
-          });
-        </script>`),`
-      <div id="${_}" class="infinite-list-wrapper">
-        ${X}
-        <div class="infinite-list-loading" style="display: none;">
-          ${G}
-        </div>
-      </div>
-    `})}function f(Z,M={},K){let P=/@virtualGrid\s*\(\s*([^,]+)\s*(?:,\s*(\{[^}]*\}))?\s*\)\s*([\s\S]*?)@endvirtualGrid/gi;return Z.replace(P,(F,$,Q,U)=>{let G=$.trim(),k=M[G];if(!k||!Array.isArray(k))return`<!-- virtualGrid: items "${G}" not found or not an array -->`;let j={columns:3,rowHeight:100,containerHeight:400,gap:10,overscan:2};if(Q)try{let B=Function(`return ${Q.trim()}`)();j={...j,...B}}catch{}let z=`vgrid-${Math.random().toString(36).substring(2,9)}`,_=Math.ceil(k.length/j.columns),X=_*(j.rowHeight+(j.gap||0)),S=Math.ceil(j.containerHeight/(j.rowHeight+(j.gap||0))),O=j.overscan||2,N=0,T=Math.min(_-1,S+O),J="";for(let B=N;B<=T;B++)for(let y=0;y<j.columns;y++){let D=B*j.columns+y;if(D>=k.length)break;let q=k[D],A=y*(100/j.columns),W=B*(j.rowHeight+(j.gap||0)),Y=U.replace(/\{\{\s*item\s*\}\}/g,typeof q==="object"?JSON.stringify(q):String(q)).replace(/\{\{\s*item\.(\w+)\s*\}\}/g,(V,R)=>{if(typeof q==="object"&&q!==null)return String(q[R]??"");return""}).replace(/\{\{\s*index\s*\}\}/g,String(D));J+=`
-          <div class="virtual-grid-item"
-               style="position: absolute; top: ${W}px; left: ${A}%; width: calc(${100/j.columns}% - ${j.gap||0}px); height: ${j.rowHeight}px;"
-               data-index="${D}">
-            ${Y}
-          </div>`}return`
-      <div id="${z}"
-           class="virtual-grid-container"
-           style="position: relative; height: ${j.containerHeight}px; overflow-y: auto;">
-        <div class="virtual-grid-viewport"
-             style="position: relative; height: ${X}px; width: 100%;">
-          ${J}
-        </div>
-      </div>
-      <script data-virtual-grid="${z}">
-        (function() {
-          const container = document.getElementById('${z}');
-          if (!container) return;
-
-          const viewport = container.querySelector('.virtual-grid-viewport');
-          const columns = ${j.columns};
-          const rowHeight = ${j.rowHeight};
-          const gap = ${j.gap||0};
-          const totalItems = ${k.length};
-          const overscan = ${O};
-          const containerHeight = ${j.containerHeight};
-          const items = ${JSON.stringify(k)};
-          const template = ${JSON.stringify(U.trim())};
-
-          let lastStartRow = 0;
-
-          function renderItems(scrollTop) {
-            const startRow = Math.max(0, Math.floor(scrollTop / (rowHeight + gap)) - overscan);
-            const visibleRowCount = Math.ceil(containerHeight / (rowHeight + gap));
-            const endRow = Math.min(Math.ceil(totalItems / columns) - 1, startRow + visibleRowCount + overscan * 2);
-
-            if (startRow === lastStartRow) return;
-            lastStartRow = startRow;
-
-            viewport.innerHTML = '';
-
-            for (let row = startRow; row <= endRow; row++) {
-              for (let col = 0; col < columns; col++) {
-                const index = row * columns + col;
-                if (index >= totalItems) break;
-
-                const item = items[index];
-                const div = document.createElement('div');
-                div.className = 'virtual-grid-item';
-                div.style.cssText = 'position: absolute; top: ' + (row * (rowHeight + gap)) + 'px; left: ' + (col * (100 / columns)) + '%; width: calc(' + (100 / columns) + '% - ' + gap + 'px); height: ' + rowHeight + 'px;';
-                div.dataset.index = index;
-
-                let html = template
-                  .replace(/\\{\\{\\s*item\\s*\\}\\}/g, typeof item === 'object' ? JSON.stringify(item) : String(item))
-                  .replace(/\\{\\{\\s*item\\.(\\w+)\\s*\\}\\}/g, (_, prop) => {
-                    return typeof item === 'object' && item !== null ? String(item[prop] ?? '') : '';
-                  })
-                  .replace(/\\{\\{\\s*index\\s*\\}\\}/g, String(index));
-
-                div.innerHTML = html;
-                viewport.appendChild(div);
-              }
-            }
-          }
-
-          container.addEventListener('scroll', function() {
-            requestAnimationFrame(() => renderItems(container.scrollTop));
-          });
-        })();
-      </script>
-    `})}var v={createVirtualList:w,processVirtualListDirectives:C,processInfiniteListDirectives:E,processVirtualGridDirectives:f,generateVirtualListCSS:b,useVirtualList:L};
-export{w as wf,C as xf,b as yf,L as zf,E as Af,f as Bf,v as Cf};

package/dist/chunk-27zsyhrd.js

@@ -1,4 +0,0 @@
-// @bun
-var H={1001:{message:"Unclosed directive: {{directive}}",help:"Make sure to close the directive with the appropriate end tag"},1002:{message:"Unclosed expression at position {{position}}",help:"Check for missing closing braces }}"},1003:{message:"Invalid directive syntax: {{directive}}",help:"Review the directive documentation for correct syntax"},1004:{message:"Malformed expression: {{expression}}",help:"Check for syntax errors in your expression"},1005:{message:"Unexpected token: {{token}}",help:"Remove or fix the unexpected token"},1101:{message:"Undefined variable: {{variable}}",help:"Make sure the variable is defined in the template context"},1102:{message:"Type error: {{details}}",help:"Check that you are using the correct types"},1103:{message:"Evaluation error: {{details}}",help:"Review the expression for errors"},1104:{message:"Infinite loop detected in {{location}}",help:"Check your loop conditions"},1105:{message:"Circular reference detected: {{path}}",help:"Remove the circular dependency"},1201:{message:"Unsafe expression blocked: {{expression}}",help:"This expression contains potentially dangerous code"},1202:{message:"Path traversal attempt blocked: {{path}}",help:"Use only relative paths within allowed directories"},1203:{message:"Potential XSS attempt blocked",help:"Sanitize user input before rendering"},1204:{message:"Code injection attempt blocked: {{code}}",help:"Avoid executing dynamic code"},1205:{message:"Prohibited DOM API usage: {{api}}",help:"Use STX.useRefs(), STX.useRef(), STX.el() and other STX helpers instead of direct DOM manipulation"},1301:{message:"File not found: {{path}}",help:"Check that the file exists and the path is correct"},1302:{message:"Error reading file: {{path}}",help:"Check file permissions and encoding"},1303:{message:"Invalid file path: {{path}}",help:"Use a valid file path"},1304:{message:"Permission denied: {{path}}",help:"Check file permissions"},1401:{message:"Invalid configuration: {{details}}",help:"Review your stx.config.ts file"},1402:{message:"Missing required configuration: {{key}}",help:"Add the required configuration option"},1403:{message:"Deprecated configuration: {{key}}",help:"Update to the new configuration format"},1501:{message:"Component not found: {{name}}",help:"Check that the component exists in your components directory"},1502:{message:"Invalid props for component {{name}}: {{details}}",help:"Check the component prop requirements"},1503:{message:"Error rendering component {{name}}: {{details}}",help:"Check the component template for errors"},1601:{message:"Filter not found: {{filter}}",help:"Register the filter or check the filter name"},1602:{message:"Invalid arguments for filter {{filter}}: {{details}}",help:"Check the filter documentation for correct arguments"},1603:{message:"Expression evaluation timed out",help:"Simplify the expression or increase the timeout"}},z={},D="en";function K(b){D=b}function N(){return D}function O(b){z={...z,...b}}function P(){z={}}function I(b,w={}){let j=z[b]||H[b]||{message:`Unknown error (code: ${b})`},q=j.message,x=j.help;for(let[F,A]of Object.entries(w)){let B=`{{${F}}}`;if(q=q.replace(new RegExp(B,"g"),A),x)x=x.replace(new RegExp(B,"g"),A)}return{message:q,help:x}}function Q(b,w={}){let{message:j,help:q}=I(b,w);return q?`${j}
-  Help: ${q}`:j}var J={UNCLOSED_DIRECTIVE:1001,UNCLOSED_EXPRESSION:1002,INVALID_DIRECTIVE_SYNTAX:1003,MALFORMED_EXPRESSION:1004,UNEXPECTED_TOKEN:1005,UNDEFINED_VARIABLE:1101,TYPE_ERROR:1102,EVALUATION_ERROR:1103,INFINITE_LOOP:1104,CIRCULAR_REFERENCE:1105,UNSAFE_EXPRESSION:1201,PATH_TRAVERSAL:1202,XSS_ATTEMPT:1203,CODE_INJECTION:1204,DOM_API_VIOLATION:1205,FILE_NOT_FOUND:1301,FILE_READ_ERROR:1302,INVALID_FILE_PATH:1303,PERMISSION_DENIED:1304,INVALID_CONFIG:1401,MISSING_REQUIRED_CONFIG:1402,DEPRECATED_CONFIG:1403,COMPONENT_NOT_FOUND:1501,INVALID_PROPS:1502,COMPONENT_RENDER_ERROR:1503,FILTER_NOT_FOUND:1601,INVALID_FILTER_ARGS:1602,EXPRESSION_TIMEOUT:1603};function R(b){for(let[w,j]of Object.entries(J))if(j===b)return w;return}
-export{K as Ly,N as My,O as Ny,P as Oy,I as Py,Q as Qy,J as Ry,R as Sy};

package/dist/chunk-29y0hk5z.js

@@ -1,3 +0,0 @@
-// @bun
-import{tr as y}from"./chunk-1xz0w746.js";import{qz as F,vz as V}from"./chunk-w3b6m427.js";function R(j,z){let J=1,q=z,G="<template",U="</template";while(q<j.length&&J>0){let Q=j.indexOf("<",q);if(Q===-1)break;if(q=Q,j.startsWith(G,q)&&(q+G.length>=j.length||/[\s>\/]/.test(j[q+G.length]))){J++,q+=G.length;continue}if(j.startsWith(U,q)){let W=j.indexOf(">",q+U.length);if(W!==-1){if(J--,J===0)return W+1;q=W+1;continue}}q++}return J===0?q:-1}function w(j){let z={default:"",named:new Map},J=j,q=/<template\s+(?:#([a-zA-Z][\w-]*)|v-slot:([a-zA-Z][\w-]*)|slot="([a-zA-Z][\w-]*)")(?:\s*=\s*"([^"]*)")?[^>]*>/gi,G=[],U;while((U=q.exec(j))!==null){let[X,Z,K,I,L]=U,$=Z||K||I,O=U.index+X.length,H=R(j,O);if(H!==-1){let B=j.slice(O,H-11).trim();G.push({start:U.index,end:H,slotName:$,content:B,propsBinding:L||void 0}),z.named.set($,{name:$,content:B,propsBinding:L||void 0})}}G.sort((X,Z)=>Z.start-X.start);for(let X of G)J=J.slice(0,X.start)+J.slice(X.end);let Q=[],W=/<([a-zA-Z][a-zA-Z0-9-]*)\b([^>]*?)\bslot="([^"]+)"([^>]*)>([\s\S]*?)<\/\1>/gi,Y;while((Y=W.exec(J))!==null){let[X,Z,K,I,L,$]=Y,O=K.replace(/\s*slot="[^"]*"\s*/," ").trimEnd(),H=L.replace(/\s*slot="[^"]*"\s*/," ").trimEnd(),B=(O+H).trim(),D=`<${Z}${B?" "+B:""}>${$}</${Z}>`;Q.push({start:Y.index,end:Y.index+X.length,slotName:I,element:D})}let _=/<([a-zA-Z][a-zA-Z0-9-]*)\b([^>]*?)\bslot="([^"]+)"([^>]*?)\/>/gi;while((Y=_.exec(J))!==null){let[X,Z,K,I,L]=Y,$=K.replace(/\s*slot="[^"]*"\s*/," ").trimEnd(),O=L.replace(/\s*slot="[^"]*"\s*/," ").trimEnd(),H=($+O).trim(),B=`<${Z}${H?" "+H:""} />`;Q.push({start:Y.index,end:Y.index+X.length,slotName:I,element:B})}Q.sort((X,Z)=>Z.start-X.start);for(let X of Q){let Z=z.named.get(X.slotName);if(Z)Z.content+=X.element;else z.named.set(X.slotName,{name:X.slotName,content:X.element});J=J.slice(0,X.start)+J.slice(X.end)}return z.default=J.trim(),z}function S(j){let z=j.match(/name\s*=\s*["']([^"']+)["']/),J=z?z[1]:"",q={},G=/:([a-zA-Z][\w-]*)\s*=\s*["']([^"']+)["']/g,U;while((U=G.exec(j))!==null)q[U[1]]=U[2];let Q=j.match(/<slot[^>]*>([\s\S]*?)<\/slot>/i),W=Q?Q[1].trim():"";return{name:J,props:q,defaultContent:W}}async function b(j,z,J,q){if(!j)return J;let G=j.content;if(j.propsBinding&&Object.keys(z).length>0){let U=j.propsBinding.trim(),Q={...q};if(U.startsWith("{")&&U.endsWith("}")){let W=U.slice(1,-1).split(",").map((Y)=>Y.trim()).filter(Boolean);for(let Y of W){let[_,X]=Y.split(":").map((K)=>K.trim()),Z=X||_;if(z[_]!==void 0)Q[Z]=z[_]}}else Q[U]=z;G=N(G,Q)}return G}function N(j,z){return j.replace(/\{\{\s*([^}]+)\s*\}\}/g,(J,q)=>{try{let G=q.trim(),U=P(G,z);return y(String(U??""))}catch{return`{{ ${q} }}`}})}function P(j,z){if(/^[a-zA-Z_$][\w$]*(\.[a-zA-Z_$][\w$]*)*$/.test(j)){let q=j.split("."),G=z;for(let U of q)if(G&&typeof G==="object"&&U in G)G=G[U];else return;return G}let J=j.match(/^([a-zA-Z_$][\w$]*)\s*([+\-*/])\s*(\d+)$/);if(J){let[,q,G,U]=J,Q=z[q],W=parseInt(U,10);if(typeof Q==="number")switch(G){case"+":return Q+W;case"-":return Q-W;case"*":return Q*W;case"/":return Q/W}}try{if(!F(j))return;return V(j,Object.keys(z))(...Object.values(z))}catch{return}}async function k(j,z,J){let q=j;q=await E(q,/<slot\s+name\s*=\s*["']([^"']+)["']([^>]*?)(?:\/>|>([\s\S]*?)<\/slot>)/gi,async(Q,W,Y,_)=>{let X=z.named.get(W),Z=_?.trim()||"",K=Y||"",I={},L=/:([a-zA-Z_$][\w$-]*)\s*=\s*["']([^"']+)["']/g,$;while(($=L.exec(K))!==null){let O=$[1],H=$[2];I[O]=P(H,J)}return await b(X,I,Z,J)});let U=/<slot\s*(?:\/>|>([\s\S]*?)<\/slot>)/gi;return q=q.replace(U,(Q,W)=>{if(Q.includes("name="))return Q;let Y=W?.trim()||"";return z.default||Y}),q}async function E(j,z,J){let q=[],G=[];j.replace(z,(W,...Y)=>{let _=Y[Y.length-2];return G.push({match:W,index:_}),q.push(J(W,...Y.slice(0,-2))),W});let U=await Promise.all(q),Q=j;for(let W=G.length-1;W>=0;W--){let{match:Y,index:_}=G[W];Q=Q.slice(0,_)+U[W]+Q.slice(_+Y.length)}return Q}function T(j){let z=w(j);return{defaultSlot:z.default,namedSlots:z.named}}async function M(j,z,J,q){return await k(j,{default:z,named:J},q)}
-export{w as jg,S as kg,b as lg,k as mg,T as ng,M as og};

package/dist/chunk-2cdvw21b.js

@@ -1,274 +0,0 @@
-// @bun
-class Q{instances=new Map;componentsByFile=new Map;stateSnapshots=new Map;config;constructor(k={}){this.config={preserveState:k.preserveState??!0,maxStateAge:k.maxStateAge??30000,errorRecovery:k.errorRecovery??!0,verbose:k.verbose??!1,serializeState:k.serializeState??this.defaultSerializeState.bind(this),deserializeState:k.deserializeState??this.defaultDeserializeState.bind(this)}}register(k){if(this.instances.set(k.id,k),!this.componentsByFile.has(k.name))this.componentsByFile.set(k.name,new Set);if(this.componentsByFile.get(k.name).add(k.id),this.config.verbose)console.log(`[HMR] Registered component: ${k.name} (${k.id})`)}unregister(k){let q=this.instances.get(k);if(!q)return;if(this.componentsByFile.get(q.name)?.delete(k),this.componentsByFile.get(q.name)?.size===0)this.componentsByFile.delete(q.name);if(this.stateSnapshots.delete(k),q.cleanup?.(),this.instances.delete(k),this.config.verbose)console.log(`[HMR] Unregistered component: ${q.name} (${k})`)}getInstancesByFile(k){let q=this.componentsByFile.get(k)||new Set;return Array.from(q).map((z)=>this.instances.get(z)).filter(Boolean)}getInstance(k){return this.instances.get(k)}captureState(k){let q=this.instances.get(k);if(!q||!this.config.preserveState)return;let z=this.config.serializeState(q);if(this.stateSnapshots.set(k,z),this.config.verbose)console.log(`[HMR] Captured state for: ${q.name}`)}restoreState(k){let q=this.instances.get(k),z=this.stateSnapshots.get(k);if(!q||!z||!this.config.preserveState)return!1;if(Date.now()-z.timestamp>this.config.maxStateAge){if(this.stateSnapshots.delete(k),this.config.verbose)console.log(`[HMR] State expired for: ${q.name}`);return!1}try{if(this.config.deserializeState(z,q),this.config.verbose)console.log(`[HMR] Restored state for: ${q.name}`);return!0}catch(A){return console.error(`[HMR] Failed to restore state for ${q.name}:`,A),!1}}defaultSerializeState(k){let q={},z={};if(k.element)k.element.querySelectorAll("[data-stx-ref]").forEach((B)=>{let D=B.getAttribute("data-stx-ref"),G=B.getAttribute("data-stx-value");if(D&&G)try{q[D]=JSON.parse(G)}catch{q[D]=G}});return{refs:q,reactiveObjects:z,custom:k.state?.custom||{},timestamp:Date.now()}}defaultDeserializeState(k,q){if(q.element)Object.entries(k.refs).forEach(([z,A])=>{let B=q.element.querySelector(`[data-stx-ref="${z}"]`);if(B)B.setAttribute("data-stx-value",JSON.stringify(A)),B.dispatchEvent(new CustomEvent("stx:state-restored",{detail:{name:z,value:A},bubbles:!0}))});q.state={...k,timestamp:Date.now()}}getAllInstances(){return Array.from(this.instances.values())}clear(){for(let k of this.instances.values())k.cleanup?.();this.instances.clear(),this.componentsByFile.clear(),this.stateSnapshots.clear()}}class K{registry;config;pendingUpdates=new Map;updateQueue=Promise.resolve();constructor(k={}){this.config={preserveState:k.preserveState??!0,maxStateAge:k.maxStateAge??30000,errorRecovery:k.errorRecovery??!0,verbose:k.verbose??!1,serializeState:k.serializeState??(()=>({refs:{},reactiveObjects:{},custom:{},timestamp:Date.now()})),deserializeState:k.deserializeState??(()=>{})},this.registry=new Q(this.config)}register(k){this.registry.register(k)}unregister(k){this.registry.unregister(k)}async handleUpdate(k){return this.updateQueue=this.updateQueue.then(()=>this.processUpdate(k)),this.updateQueue}async processUpdate(k){let q=this.registry.getInstancesByFile(k.file);if(q.length===0){if(this.config.verbose)console.log(`[HMR] No instances found for: ${k.file}`);return}if(this.config.verbose)console.log(`[HMR] Updating ${q.length} instance(s) of: ${k.file}`);for(let z of q)await this.updateInstance(z,k);if(typeof window<"u"&&typeof window.dispatchEvent==="function")window.dispatchEvent(new CustomEvent("stx:hmr-update",{detail:{file:k.file,count:q.length}}))}async updateInstance(k,q){this.registry.captureState(k.id);let z=!1,A=k.element?.innerHTML||"";try{if(k.element?.dispatchEvent(new CustomEvent("stx:before-hmr-update",{bubbles:!0})),k.cleanup?.(),q.type==="style")await this.updateStyles(k,q);else await this.updateComponent(k,q);let B=this.registry.restoreState(k.id);if(!B&&k.setup)await k.setup();k.element?.dispatchEvent(new CustomEvent("stx:after-hmr-update",{detail:{stateRestored:B},bubbles:!0}))}catch(B){if(z=!0,console.error(`[HMR] Error updating component ${k.name}:`,B),this.config.errorRecovery){if(k.element&&A)k.element.innerHTML=A,console.log(`[HMR] Recovered previous state for: ${k.name}`);k.element?.dispatchEvent(new CustomEvent("stx:hmr-error",{detail:{error:B},bubbles:!0}))}}if(!z&&this.config.verbose)console.log(`[HMR] Successfully updated: ${k.name}`)}async updateComponent(k,q){if(!k.element)return;let{html:z,script:A}=this.parseComponentCode(q.code);if(z)k.element.innerHTML=z;if(A)await this.executeScript(A,k);if(k.render)k.element.innerHTML=k.render();this.reinitializeInteractivity(k)}async updateStyles(k,q){if(!k.element)return;let z=q.code.match(/<style\b[^>]*>([\s\S]*?)<\/style>/i);if(!z)return;let A=z[1],B=k.id,D=document.querySelector(`style[data-stx-component="${B}"]`);if(!D)D=document.createElement("style"),D.setAttribute("data-stx-component",B),document.head.appendChild(D);if(D.textContent=A,this.config.verbose)console.log(`[HMR] Updated styles for: ${k.name}`)}parseComponentCode(k){let q=k,z="",A="",B=k.match(/<script\b[^>]*>([\s\S]*?)<\/script>/i);if(B)z=B[1],q=q.replace(B[0],"");let D=k.match(/<style\b[^>]*>([\s\S]*?)<\/style>/i);if(D)A=D[1],q=q.replace(D[0],"");return{html:q.trim(),script:z.trim(),style:A.trim()}}async executeScript(k,q){try{let z={element:q.element,props:q.props,...typeof window<"u"?window.stx:{}},A=`
-        return (async function() {
-          ${k}
-        })()
-      `;await Function(...Object.keys(z),A)(...Object.values(z))}catch(z){throw console.error("[HMR] Script execution error:",z),z}}reinitializeInteractivity(k){if(!k.element)return;k.element.querySelectorAll("[data-stx-events]").forEach((z)=>{let A=z.getAttribute("data-stx-events");if(!A)return;try{let B=JSON.parse(A);for(let[D,G]of Object.entries(B))if(typeof window<"u"&&window.stx?.[G])z.addEventListener(D,window.stx[G])}catch{}}),k.element.dispatchEvent(new CustomEvent("stx:reinitialize",{bubbles:!0}))}getRegistry(){return this.registry}async refresh(k){let q=this.registry.getInstancesByFile(k);for(let z of q)if(z.render&&z.element)this.registry.captureState(z.id),z.element.innerHTML=z.render(),this.registry.restoreState(z.id),this.reinitializeInteractivity(z)}}function U(k){return`
-<script data-stx-hmr-client>
-(function() {
-  'use strict';
-
-  // Component registry
-  const __instances = new Map();
-  const __stateSnapshots = new Map();
-
-  // Register a component
-  function registerComponent(id, name, element, props, setup, render, cleanup) {
-    __instances.set(id, {
-      id,
-      name,
-      element,
-      props: props || {},
-      setup,
-      render,
-      cleanup,
-      state: { refs: {}, reactiveObjects: {}, custom: {}, timestamp: Date.now() },
-      isMounted: true,
-      children: new Map()
-    });
-
-    console.log('[HMR] Registered:', name, '(' + id + ')');
-  }
-
-  // Unregister a component
-  function unregisterComponent(id) {
-    const instance = __instances.get(id);
-    if (instance) {
-      instance.cleanup?.();
-      __instances.delete(id);
-      __stateSnapshots.delete(id);
-    }
-  }
-
-  // Capture component state
-  function captureState(id) {
-    const instance = __instances.get(id);
-    if (!instance || !instance.element) return;
-
-    const state = { refs: {}, reactiveObjects: {}, custom: {}, timestamp: Date.now() };
-
-    // Capture form values
-    instance.element.querySelectorAll('input, textarea, select').forEach(el => {
-      if (el.name || el.id) {
-        state.refs[el.name || el.id] = el.type === 'checkbox' ? el.checked : el.value;
-      }
-    });
-
-    // Capture data-stx-state attributes
-    instance.element.querySelectorAll('[data-stx-state]').forEach(el => {
-      const key = el.getAttribute('data-stx-state');
-      const value = el.getAttribute('data-stx-value');
-      if (key && value) {
-        try { state.custom[key] = JSON.parse(value); }
-        catch { state.custom[key] = value; }
-      }
-    });
-
-    __stateSnapshots.set(id, state);
-  }
-
-  // Restore component state
-  function restoreState(id) {
-    const instance = __instances.get(id);
-    const state = __stateSnapshots.get(id);
-    if (!instance || !state || !instance.element) return false;
-
-    // Restore form values
-    Object.entries(state.refs).forEach(([name, value]) => {
-      const el = instance.element.querySelector('[name="' + name + '"], #' + name);
-      if (el) {
-        if (el.type === 'checkbox') el.checked = value;
-        else el.value = value;
-      }
-    });
-
-    // Restore data-stx-state
-    Object.entries(state.custom).forEach(([key, value]) => {
-      const el = instance.element.querySelector('[data-stx-state="' + key + '"]');
-      if (el) {
-        el.setAttribute('data-stx-value', JSON.stringify(value));
-        el.dispatchEvent(new CustomEvent('stx:state-restored', { detail: { key, value } }));
-      }
-    });
-
-    return true;
-  }
-
-  // Handle HMR update
-  async function handleUpdate(data) {
-    const { file, code, type } = data;
-
-    // Find matching instances
-    const instances = [];
-    __instances.forEach(inst => {
-      if (inst.name === file || file.endsWith(inst.name + '.stx')) {
-        instances.push(inst);
-      }
-    });
-
-    if (instances.length === 0) {
-      console.log('[HMR] No instances for:', file, '- doing full reload');
-      window.location.reload();
-      return;
-    }
-
-    console.log('[HMR] Updating', instances.length, 'instance(s) of:', file);
-
-    for (const instance of instances) {
-      try {
-        // Capture state
-        captureState(instance.id);
-
-        // Run cleanup
-        instance.cleanup?.();
-
-        // Style-only update
-        if (type === 'style') {
-          const styleMatch = code.match(/<style[^>]*>([\\s\\S]*?)<\\/style>/i);
-          if (styleMatch) {
-            let styleEl = document.querySelector('style[data-stx-component="' + instance.id + '"]');
-            if (!styleEl) {
-              styleEl = document.createElement('style');
-              styleEl.setAttribute('data-stx-component', instance.id);
-              document.head.appendChild(styleEl);
-            }
-            styleEl.textContent = styleMatch[1];
-          }
-          continue;
-        }
-
-        // Full update - extract and apply HTML
-        let html = code;
-        html = html.replace(/<script[^>]*>[\\s\\S]*?<\\/script>/gi, '');
-        html = html.replace(/<style[^>]*>[\\s\\S]*?<\\/style>/gi, '');
-        html = html.trim();
-
-        if (instance.element && html) {
-          instance.element.innerHTML = html;
-        }
-
-        // Re-run setup
-        if (instance.setup) {
-          await instance.setup();
-        }
-
-        // Restore state
-        restoreState(instance.id);
-
-        // Dispatch events
-        instance.element?.dispatchEvent(new CustomEvent('stx:hmr-updated', { bubbles: true }));
-
-        console.log('[HMR] Updated:', instance.name);
-      }
-catch (error) {
-        console.error('[HMR] Update failed for', instance.name, error);
-        // Restore previous state on error
-        restoreState(instance.id);
-      }
-    }
-
-    window.dispatchEvent(new CustomEvent('stx:hmr-complete', {
-      detail: { file, count: instances.length }
-    }));
-  }
-
-  // Connect to HMR WebSocket
-  let ws = null;
-  let reconnectTimer = null;
-
-  function connect() {
-    try {
-      ws = new WebSocket('ws://' + window.location.hostname + ':${k}');
-
-      ws.onopen = () => {
-        console.log('[HMR] Connected');
-        clearTimeout(reconnectTimer);
-      };
-
-      ws.onmessage = async (event) => {
-        try {
-          const data = JSON.parse(event.data);
-          if (data.type === 'component-update') {
-            await handleUpdate(data);
-          }
-else if (data.type === 'reload') {
-            // Fall back to full reload
-            window.location.reload();
-          }
-        }
-catch (e) {
-          console.error('[HMR] Message error:', e);
-        }
-      };
-
-      ws.onclose = () => {
-        ws = null;
-        reconnectTimer = setTimeout(connect, 1000);
-      };
-    }
-catch (e) {
-      reconnectTimer = setTimeout(connect, 1000);
-    }
-  }
-
-  // Initialize
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', connect);
-  }
-else {
-    connect();
-  }
-
-  // Expose API
-  window.__stxHMR = {
-    register: registerComponent,
-    unregister: unregisterComponent,
-    captureState,
-    restoreState,
-    refresh: (name) => handleUpdate({ file: name, code: '', type: 'refresh' }),
-    instances: () => Array.from(__instances.values())
-  };
-})();
-</script>
-`}function W(k,q,z,A){return`
-<div data-stx-component="${k}" data-stx-name="${q}">
-  ${z}
-</div>
-<script>
-(function() {
-  const __id = '${k}';
-  const __name = '${q}';
-  const __element = document.querySelector('[data-stx-component="${k}"]');
-
-  let __cleanup = null;
-
-  async function __setup() {
-    ${A}
-  }
-
-  function __render() {
-    return __element?.innerHTML || '';
-  }
-
-  // Register with HMR
-  if (window.__stxHMR) {
-    window.__stxHMR.register(__id, __name, __element, {}, __setup, __render, () => __cleanup?.());
-  }
-
-  // Run setup
-  __setup();
-
-  // Cleanup on removal
-  const observer = new MutationObserver((mutations) => {
-    if (!document.body.contains(__element)) {
-      observer.disconnect();
-      if (window.__stxHMR) {
-        window.__stxHMR.unregister(__id);
-      }
-    }
-  });
-  observer.observe(document.body, { childList: true, subtree: true });
-})();
-</script>
-`}var J=null;function X(k){if(!J)J=new K(k);return J}function Y(){if(J)J.getRegistry().clear(),J=null}var Z={ComponentHMRHandler:K,getHMRHandler:X,resetHMRHandler:Y,generateHMRClientScript:U,wrapComponentForHMR:W};
-export{K as $o,U as ap,W as bp,X as cp,Y as dp,Z as ep};