@stacksjs/stx 0.2.95 → 0.2.97

package/dist/chunk-h0hjy0kn.js

@@ -1,292 +0,0 @@
-// @bun
-function g(j){let{endpoint:O,accept:q,maxSize:B,maxFiles:Q=1,fieldName:C="file",preview:D=!1,dropzone:E=!0,multiple:R=!1,autoUpload:T=!0,showProgress:V=!0,disabled:G=!1,placeholder:W="Drop files here or click to select",label:I}=j,J=j.class||"",K=j.style||"",L=j.id||`stx-upload-${Math.random().toString(36).slice(2,8)}`,k=Array.isArray(q)?q.join(","):q,X=`
-<div id="${L}" class="stx-upload${E?" stx-upload-dropzone":""}${G?" stx-upload-disabled":""}${J?" "+J:""}"${K?` style="${K}"`:""}>
-  ${I?`<label class="stx-upload-label">${M(I)}</label>`:""}
-  <div class="stx-upload-area" data-stx-upload-area>
-    <input
-      type="file"
-      name="${C}"
-      ${k?`accept="${k}"`:""}
-      ${R?"multiple":""}
-      ${G?"disabled":""}
-      class="stx-upload-input"
-      data-stx-upload-input
-    />
-    <div class="stx-upload-placeholder">
-      <svg class="stx-upload-icon" viewBox="0 0 24 24" width="48" height="48">
-        <path fill="currentColor" d="M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z"/>
-      </svg>
-      <span class="stx-upload-text">${M(W)}</span>
-      ${B?`<span class="stx-upload-hint">Max size: ${$(B)}</span>`:""}
-    </div>
-  </div>
-  ${D?'<div class="stx-upload-previews" data-stx-upload-previews></div>':""}
-  ${V?'<div class="stx-upload-progress" data-stx-upload-progress style="display:none;"><div class="stx-upload-progress-bar"></div><span class="stx-upload-progress-text">0%</span></div>':""}
-</div>
-`.trim(),Y=`
-(function() {
-  var container = document.getElementById('${L}');
-  if (!container) return;
-
-  var input = container.querySelector('[data-stx-upload-input]');
-  var area = container.querySelector('[data-stx-upload-area]');
-  var previews = container.querySelector('[data-stx-upload-previews]');
-  var progress = container.querySelector('[data-stx-upload-progress]');
-  var progressBar = progress ? progress.querySelector('.stx-upload-progress-bar') : null;
-  var progressText = progress ? progress.querySelector('.stx-upload-progress-text') : null;
-
-  var config = {
-    endpoint: '${_(O)}',
-    fieldName: '${C}',
-    maxSize: ${B||"null"},
-    maxFiles: ${Q},
-    accept: ${k?JSON.stringify(k.split(",")):"null"},
-    autoUpload: ${T}
-  };
-
-  // Handle file selection
-  input.addEventListener('change', function(e) {
-    var files = Array.from(e.target.files);
-    handleFiles(files);
-  });
-
-  // Dropzone events
-  if (${E}) {
-    area.addEventListener('dragover', function(e) {
-      e.preventDefault();
-      area.classList.add('stx-upload-dragover');
-    });
-
-    area.addEventListener('dragleave', function(e) {
-      e.preventDefault();
-      area.classList.remove('stx-upload-dragover');
-    });
-
-    area.addEventListener('drop', function(e) {
-      e.preventDefault();
-      area.classList.remove('stx-upload-dragover');
-      var files = Array.from(e.dataTransfer.files);
-      handleFiles(files);
-    });
-  }
-
-  function handleFiles(files) {
-    files = files.slice(0, config.maxFiles);
-
-    // Validate files
-    files = files.filter(function(file) {
-      var valid = STX.validateFile(file, config);
-      if (!valid.valid) {
-        console.warn('File validation failed:', file.name, valid.error);
-        return false;
-      }
-      return true;
-    });
-
-    if (files.length === 0) return;
-
-    // Generate previews
-    if (${D} && previews) {
-      previews.innerHTML = '';
-      files.forEach(function(file) {
-        createPreview(file);
-      });
-    }
-
-    // Auto upload
-    if (config.autoUpload) {
-      uploadFiles(files);
-    }
-  }
-
-  function createPreview(file) {
-    var item = document.createElement('div');
-    item.className = 'stx-upload-preview-item';
-
-    if (file.type.startsWith('image/')) {
-      var reader = new FileReader();
-      reader.onload = function(e) {
-        item.innerHTML = '<img src="' + e.target.result + '" alt="' + escapeHtml(file.name) + '" /><span>' + escapeHtml(file.name) + '</span>';
-      };
-      reader.readAsDataURL(file);
-    }
-else {
-      item.innerHTML = '<div class="stx-upload-preview-file">' + getFileIcon(file.type) + '</div><span>' + escapeHtml(file.name) + '</span>';
-    }
-
-    previews.appendChild(item);
-  }
-
-  function uploadFiles(files) {
-    if (progress) progress.style.display = 'block';
-
-    var uploaded = 0;
-    var total = files.length;
-
-    files.forEach(function(file) {
-      STX.uploadFile(file, config, function(prog) {
-        if (progressBar) progressBar.style.width = prog.percent + '%';
-        if (progressText) progressText.textContent = prog.percent + '%';
-      }).then(function(result) {
-        uploaded++;
-        if (result.success) {
-          container.dispatchEvent(new CustomEvent('upload', { detail: result }));
-        }
-else {
-          container.dispatchEvent(new CustomEvent('error', { detail: result }));
-        }
-
-        if (uploaded === total) {
-          container.dispatchEvent(new CustomEvent('complete', { detail: { files: files.length } }));
-          if (progress) {
-            setTimeout(function() { progress.style.display = 'none'; }, 1000);
-          }
-        }
-      });
-    });
-  }
-
-  function escapeHtml(str) {
-    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-  }
-
-  function getFileIcon(type) {
-    if (type.startsWith('video/')) return '\uD83C\uDFAC';
-    if (type.startsWith('audio/')) return '\uD83C\uDFB5';
-    if (type.includes('pdf')) return '\uD83D\uDCC4';
-    if (type.includes('zip') || type.includes('rar')) return '\uD83D\uDCE6';
-    return '\uD83D\uDCC1';
-  }
-})();
-`.trim(),Z=`
-.stx-upload {
-  font-family: system-ui, -apple-system, sans-serif;
-}
-
-.stx-upload-label {
-  display: block;
-  margin-bottom: 0.5rem;
-  font-weight: 500;
-}
-
-.stx-upload-area {
-  position: relative;
-  border: 2px dashed #d1d5db;
-  border-radius: 0.5rem;
-  padding: 2rem;
-  text-align: center;
-  cursor: pointer;
-  transition: border-color 0.2s, background-color 0.2s;
-}
-
-.stx-upload-area:hover,
-.stx-upload-dragover {
-  border-color: #3b82f6;
-  background-color: #eff6ff;
-}
-
-.stx-upload-input {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  cursor: pointer;
-}
-
-.stx-upload-placeholder {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.5rem;
-  color: #6b7280;
-}
-
-.stx-upload-icon {
-  color: #9ca3af;
-}
-
-.stx-upload-text {
-  font-size: 0.875rem;
-}
-
-.stx-upload-hint {
-  font-size: 0.75rem;
-  color: #9ca3af;
-}
-
-.stx-upload-previews {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  margin-top: 1rem;
-}
-
-.stx-upload-preview-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 0.5rem;
-  border: 1px solid #e5e7eb;
-  border-radius: 0.25rem;
-  background: #f9fafb;
-  max-width: 100px;
-}
-
-.stx-upload-preview-item img {
-  max-width: 80px;
-  max-height: 80px;
-  object-fit: cover;
-  border-radius: 0.25rem;
-}
-
-.stx-upload-preview-item span {
-  font-size: 0.625rem;
-  color: #6b7280;
-  margin-top: 0.25rem;
-  max-width: 80px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.stx-upload-preview-file {
-  font-size: 2rem;
-}
-
-.stx-upload-progress {
-  margin-top: 1rem;
-  background: #e5e7eb;
-  border-radius: 0.25rem;
-  height: 0.5rem;
-  position: relative;
-  overflow: hidden;
-}
-
-.stx-upload-progress-bar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  background: #3b82f6;
-  transition: width 0.3s;
-  width: 0;
-}
-
-.stx-upload-progress-text {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  font-size: 0.625rem;
-  color: white;
-  text-shadow: 0 0 2px rgba(0,0,0,0.5);
-}
-
-.stx-upload-disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-`.trim();return{html:X,script:Y,css:Z}}function M(j){return j.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function _(j){return j.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function $(j){if(j<1024)return`${j} B`;if(j<1048576)return`${(j/1024).toFixed(1)} KB`;return`${(j/1048576).toFixed(1)} MB`}
-export{g as xj};

package/dist/chunk-h5jxydqq.js

@@ -1,147 +0,0 @@
-// @bun
-var N=new Map,Q=new Map;function T(A){if(N.set(A.name,A),A.client)Q.set(A.name,A.client)}function V(A){return N.get(A)}function W(){return Array.from(N.values())}function X(A){return Q.delete(A),N.delete(A)}function G(A){return T(A),{name:A.name,hasEndTag:A.hasEndTag??!0,description:A.description,handler:async(C,F,H,L)=>{let J=U(F,A.defaults);if(A.validate){let E=A.validate(J);if(E!==!0){let M=typeof E==="string"?E:`Invalid parameters for @${A.name}`;throw Error(M)}}let K=C;if(A.transform)K=await A.transform(C,J,H,L);if(A.clientScript){let E=A.clientScript(J);K+=`<script>${E}</script>`}if(A.css){let E=A.css(J);K+=`<style>${E}</style>`}return K}}}function Y(A,B){let C=typeof B==="function"?{mounted:B}:B;return Q.set(A,C),C}function U(A,B){let C={...B};for(let F of A){let H=F.indexOf(":"),L=F.indexOf("="),J=H>=0&&(L<0||H<L)?H:L;if(J>=0){let K=F.slice(0,J).trim(),E=F.slice(J+1).trim();if(E==="true")E=!0;else if(E==="false")E=!1;else if(E==="null")E=null;else if(!Number.isNaN(Number(E)))E=Number(E);else if(typeof E==="string"&&E.startsWith("{"))try{E=JSON.parse(E)}catch{}C[K]=E}else{let K=Object.keys(C).filter((E)=>!B||!(E in B)).length;C[K===0?"value":`arg${K}`]=F}}return C}function Z(){return[G({name:"uppercase",description:"Convert content to uppercase",transform:(A)=>A.toUpperCase()}),G({name:"lowercase",description:"Convert content to lowercase",transform:(A)=>A.toLowerCase()}),G({name:"capitalize",description:"Capitalize first letter of content",transform:(A)=>A.charAt(0).toUpperCase()+A.slice(1)}),G({name:"trim",description:"Remove leading and trailing whitespace",transform:(A)=>A.trim()}),G({name:"truncate",description:"Truncate content to specified length",defaults:{length:100,suffix:"..."},transform:(A,{length:B,suffix:C})=>A.length>B?A.slice(0,B)+C:A}),G({name:"highlight",description:"Highlight content with background color",defaults:{color:"yellow"},transform:(A,{color:B})=>`<mark style="background-color: ${B}; padding: 0.1em 0.2em; border-radius: 0.2em;">${A}</mark>`}),G({name:"badge",description:"Create a badge/tag",defaults:{variant:"default",color:""},transform:(A,{variant:B,color:C})=>{let F={default:"background: #e5e7eb; color: #374151;",primary:"background: #3b82f6; color: white;",success:"background: #10b981; color: white;",warning:"background: #f59e0b; color: white;",danger:"background: #ef4444; color: white;",info:"background: #06b6d4; color: white;"};return`<span style="${C?`background: ${C}; color: white;`:F[B]||F.default} padding: 0.25em 0.5em; border-radius: 9999px; font-size: 0.875em; font-weight: 500;">${A}</span>`}}),G({name:"code",description:"Style content as inline code",transform:(A)=>`<code style="background: #f3f4f6; padding: 0.2em 0.4em; border-radius: 0.25em; font-family: ui-monospace, monospace; font-size: 0.875em;">${A}</code>`}),G({name:"tooltip",description:"Add a tooltip to content",defaults:{text:"",position:"top"},hasEndTag:!0,transform:(A,{text:B,position:C})=>`<span class="stx-tooltip" data-tooltip="${B}" data-tooltip-position="${C}" style="position: relative; cursor: help;">${A}</span>`,css:()=>`
-        .stx-tooltip::after {
-          content: attr(data-tooltip);
-          position: absolute;
-          bottom: 100%;
-          left: 50%;
-          transform: translateX(-50%);
-          padding: 0.5em 0.75em;
-          background: #1f2937;
-          color: white;
-          font-size: 0.75rem;
-          border-radius: 0.25rem;
-          white-space: nowrap;
-          opacity: 0;
-          visibility: hidden;
-          transition: opacity 0.2s, visibility 0.2s;
-          z-index: 1000;
-          margin-bottom: 0.25rem;
-        }
-        .stx-tooltip:hover::after {
-          opacity: 1;
-          visibility: visible;
-        }
-      `}),G({name:"clipboard",description:"Add copy to clipboard functionality",defaults:{label:"Copy"},transform:(A,{label:B})=>{let C=`clipboard-${Date.now()}-${Math.random().toString(36).slice(2)}`;return`
-          <span class="stx-clipboard" data-clipboard-id="${C}">
-            <span class="stx-clipboard-content">${A}</span>
-            <button type="button" class="stx-clipboard-btn" onclick="navigator.clipboard.writeText(document.querySelector('[data-clipboard-id=\\'${C}\\'] .stx-clipboard-content').textContent).then(() => { this.textContent = 'Copied!'; setTimeout(() => this.textContent = '${B}', 2000); })">${B}</button>
-          </span>
-        `},css:()=>`
-        .stx-clipboard {
-          display: inline-flex;
-          align-items: center;
-          gap: 0.5em;
-        }
-        .stx-clipboard-btn {
-          padding: 0.25em 0.5em;
-          font-size: 0.75em;
-          background: #e5e7eb;
-          border: none;
-          border-radius: 0.25em;
-          cursor: pointer;
-        }
-        .stx-clipboard-btn:hover {
-          background: #d1d5db;
-        }
-      `}),G({name:"time",description:"Display relative time",defaults:{date:""},hasEndTag:!1,transform:(A,{date:B})=>{let C=B?new Date(B).getTime():Date.now();return`<time datetime="${new Date(C).toISOString()}" data-stx-relative-time="${C}"></time>`},clientScript:()=>`
-        document.querySelectorAll('[data-stx-relative-time]').forEach(el => {
-          const timestamp = parseInt(el.dataset.stxRelativeTime);
-          const rtf = new Intl.RelativeTimeFormat('en', { numeric: 'auto' });
-          const diff = timestamp - Date.now();
-          const seconds = Math.floor(diff / 1000);
-          const minutes = Math.floor(seconds / 60);
-          const hours = Math.floor(minutes / 60);
-          const days = Math.floor(hours / 24);
-
-          if (Math.abs(days) > 0) el.textContent = rtf.format(days, 'day');
-          else if (Math.abs(hours) > 0) el.textContent = rtf.format(hours, 'hour');
-          else if (Math.abs(minutes) > 0) el.textContent = rtf.format(minutes, 'minute');
-          else el.textContent = rtf.format(seconds, 'second');
-        });
-      `}),G({name:"currency",description:"Format number as currency",defaults:{amount:0,currency:"USD",locale:"en-US"},hasEndTag:!1,transform:(A,{amount:B,currency:C,locale:F})=>{return new Intl.NumberFormat(F,{style:"currency",currency:C}).format(B)}}),G({name:"number",description:"Format number with locale",defaults:{value:0,decimals:2,locale:"en-US"},hasEndTag:!1,transform:(A,{value:B,decimals:C,locale:F})=>{return new Intl.NumberFormat(F,{minimumFractionDigits:C,maximumFractionDigits:C}).format(B)}}),G({name:"pluralize",description:"Pluralize text based on count",defaults:{count:0,singular:"",plural:""},hasEndTag:!1,transform:(A,{count:B,singular:C,plural:F})=>{let H=B===1?C:F||C+"s";return`${B} ${H}`}})]}function _(){return`
-// STX Directive Runtime
-(function() {
-  if (typeof window === 'undefined') return;
-
-  window.STX = window.STX || {};
-  window.STX.directives = window.STX.directives || {};
-
-  // Register a client-side directive
-  window.STX.directive = function(name, definition) {
-    if (typeof definition === 'function') {
-      definition = { mounted: definition };
-    }
-    window.STX.directives[name] = definition;
-  };
-
-  // Apply directive to element
-  window.STX.applyDirective = function(el, name, value, arg, modifiers) {
-    const directive = window.STX.directives[name];
-    if (!directive) {
-      console.warn('[stx] Unknown directive:', name);
-      return;
-    }
-
-    const binding = {
-      value: value,
-      arg: arg,
-      modifiers: modifiers || {},
-      dir: directive
-    };
-
-    // Store binding on element for updates
-    el.__stx_directives__ = el.__stx_directives__ || {};
-    el.__stx_directives__[name] = binding;
-
-    // Call lifecycle hooks
-    if (directive.created) directive.created(el, binding);
-    if (directive.beforeMount) directive.beforeMount(el, binding);
-
-    // Defer mounted until DOM is ready
-    requestAnimationFrame(function() {
-      if (directive.mounted) directive.mounted(el, binding);
-    });
-  };
-
-  // Update directive on element
-  window.STX.updateDirective = function(el, name, newValue) {
-    const binding = el.__stx_directives__ && el.__stx_directives__[name];
-    if (!binding) return;
-
-    const directive = binding.dir;
-    const oldValue = binding.value;
-    binding.oldValue = oldValue;
-    binding.value = newValue;
-
-    if (directive.beforeUpdate) directive.beforeUpdate(el, binding);
-    if (directive.updated) directive.updated(el, binding);
-  };
-
-  // Remove directive from element
-  window.STX.removeDirective = function(el, name) {
-    const binding = el.__stx_directives__ && el.__stx_directives__[name];
-    if (!binding) return;
-
-    const directive = binding.dir;
-    if (directive.beforeUnmount) directive.beforeUnmount(el, binding);
-    if (directive.unmounted) directive.unmounted(el, binding);
-
-    delete el.__stx_directives__[name];
-  };
-
-  // Auto-apply directives on page load
-  document.addEventListener('DOMContentLoaded', function() {
-    document.querySelectorAll('[data-stx-directive]').forEach(function(el) {
-      const directives = el.dataset.stxDirective.split(';');
-      directives.forEach(function(d) {
-        const [name, value] = d.split(':').map(s => s.trim());
-        window.STX.applyDirective(el, name, value);
-      });
-    });
-  });
-
-  console.log('[stx] Directive runtime initialized');
-})();
-`}function $(A){let B=/v-(\w+)(?::(\w+))?(?:\.([\w.]+))?="([^"]*)"/g;return A.replace(B,(C,F,H,L,J)=>{let E=(L?L.split("."):[]).reduce((M,S)=>{return M[S]=!0,M},{});return`data-stx-directive="${F}:${J}" data-stx-directive-arg="${H||""}" data-stx-directive-modifiers='${JSON.stringify(E)}'`})}
-export{T as tw,V as uw,W as vw,X as ww,G as xw,Y as yw,Z as zw,_ as Aw,$ as Bw};

package/dist/chunk-h5wa62ek.js

@@ -1,145 +0,0 @@
-// @bun
-import U from"fs";import Y from"path";var $=".stx/story/presets.json",W=1,C=10;class F{storage;storagePath;dirty=!1;constructor(k){this.storagePath=Y.join(k,$),this.storage=this.loadStorage()}loadStorage(){try{let k=U.readFileSync(this.storagePath,"utf-8"),z=JSON.parse(k);if(z.version!==W)return this.migrateStorage(z);return z}catch{return{version:W,presets:[],recentIds:[]}}}migrateStorage(k){return{version:W,presets:k.presets||[],recentIds:k.recentIds||[]}}async save(){if(!this.dirty)return;let k=Y.dirname(this.storagePath);await U.promises.mkdir(k,{recursive:!0}),await U.promises.writeFile(this.storagePath,JSON.stringify(this.storage,null,2)),this.dirty=!1}createPreset(k,z,B={}){let H={id:L(),name:k,description:B.description,props:z,componentId:B.componentId,created:Date.now(),usageCount:0,tags:B.tags};return this.storage.presets.push(H),this.dirty=!0,H}getPreset(k){return this.storage.presets.find((z)=>z.id===k)}getAllPresets(){return[...this.storage.presets]}getPresetsForComponent(k){return this.storage.presets.filter((z)=>!z.componentId||z.componentId===k)}getRecentPresets(){return this.storage.recentIds.map((k)=>this.getPreset(k)).filter((k)=>k!==void 0)}usePreset(k){let z=this.getPreset(k);if(!z)return;return z.lastUsed=Date.now(),z.usageCount++,this.storage.recentIds=[k,...this.storage.recentIds.filter((B)=>B!==k)].slice(0,C),this.dirty=!0,z}updatePreset(k,z){let B=this.getPreset(k);if(!B)return;return Object.assign(B,z),this.dirty=!0,B}deletePreset(k){let z=this.storage.presets.findIndex((B)=>B.id===k);if(z===-1)return!1;return this.storage.presets.splice(z,1),this.storage.recentIds=this.storage.recentIds.filter((B)=>B!==k),this.dirty=!0,!0}searchPresets(k){let z=k.toLowerCase();return this.storage.presets.filter((B)=>{if(B.name.toLowerCase().includes(z))return!0;if(B.description?.toLowerCase().includes(z))return!0;if(B.tags?.some((H)=>H.toLowerCase().includes(z)))return!0;return!1})}getMostUsedPresets(k=5){return[...this.storage.presets].sort((z,B)=>B.usageCount-z.usageCount).slice(0,k)}exportPresets(k){let z=k?this.storage.presets.filter((B)=>k.includes(B.id)):this.storage.presets;return JSON.stringify({presets:z},null,2)}importPresets(k,z=!1){let B=JSON.parse(k),H=0;for(let J of B.presets){let K=this.storage.presets.find((Z)=>Z.id===J.id);if(K&&!z)continue;if(K)Object.assign(K,J);else this.storage.presets.push(J);H++}if(H>0)this.dirty=!0;return H}}function L(){return`preset-${Date.now()}-${Math.random().toString(36).slice(2,8)}`}function X(k){return`
-    <div class="presets-panel">
-      <div class="presets-header">
-        <h3>Presets</h3>
-        <button class="preset-save-btn" onclick="saveCurrentAsPreset()">+ Save Current</button>
-      </div>
-      <div class="presets-list">
-        ${k.map((B)=>`
-    <div class="preset-item" data-preset-id="${B.id}">
-      <div class="preset-info">
-        <div class="preset-name">${B.name}</div>
-        ${B.description?`<div class="preset-desc">${B.description}</div>`:""}
-      </div>
-      <div class="preset-actions">
-        <button class="preset-apply" onclick="applyPreset('${B.id}')">Apply</button>
-        <button class="preset-delete" onclick="deletePreset('${B.id}')">\xD7</button>
-      </div>
-    </div>
-  `).join("")||'<div class="presets-empty">No presets saved</div>'}
-      </div>
-    </div>
-  `}function b(){return`
-    .presets-panel {
-      padding: 12px;
-      background: var(--bg-secondary);
-      border-radius: 8px;
-    }
-    .presets-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 12px;
-    }
-    .presets-header h3 {
-      margin: 0;
-      font-size: 14px;
-    }
-    .preset-save-btn {
-      padding: 4px 8px;
-      font-size: 12px;
-      background: var(--primary);
-      color: white;
-      border: none;
-      border-radius: 4px;
-      cursor: pointer;
-    }
-    .presets-list {
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-    }
-    .preset-item {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 8px;
-      background: var(--bg);
-      border-radius: 4px;
-      border: 1px solid var(--border);
-    }
-    .preset-name {
-      font-weight: 500;
-      font-size: 13px;
-    }
-    .preset-desc {
-      font-size: 11px;
-      color: var(--text-secondary);
-    }
-    .preset-actions {
-      display: flex;
-      gap: 4px;
-    }
-    .preset-apply {
-      padding: 4px 8px;
-      font-size: 11px;
-      background: var(--bg-secondary);
-      border: 1px solid var(--border);
-      border-radius: 4px;
-      cursor: pointer;
-    }
-    .preset-delete {
-      padding: 4px 8px;
-      font-size: 11px;
-      background: transparent;
-      border: none;
-      color: var(--text-secondary);
-      cursor: pointer;
-    }
-    .preset-delete:hover {
-      color: #ef4444;
-    }
-    .presets-empty {
-      text-align: center;
-      color: var(--text-secondary);
-      font-size: 13px;
-      padding: 20px;
-    }
-  `}function j(){return`
-<script>
-window.__stxPresets = {
-  async saveCurrentAsPreset() {
-    const name = prompt('Preset name:');
-    if (!name) return;
-
-    const props = window.__stxProps || {};
-    const storyId = window.__stxStory?.currentStoryId;
-
-    const response = await fetch('/api/presets', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ name, props, componentId: storyId })
-    });
-
-    if (response.ok) {
-      window.__stxStory?.refreshPresets?.();
-    }
-  },
-
-  async applyPreset(id) {
-    const response = await fetch('/api/presets/' + id + '/use', { method: 'POST' });
-    const preset = await response.json();
-
-    if (preset.props) {
-      window.dispatchEvent(new CustomEvent('stx:props-change', {
-        detail: { props: preset.props }
-      }));
-    }
-  },
-
-  async deletePreset(id) {
-    if (!confirm('Delete this preset?')) return;
-
-    await fetch('/api/presets/' + id, { method: 'DELETE' });
-    window.__stxStory?.refreshPresets?.();
-  }
-};
-
-// Expose to global scope
-window.saveCurrentAsPreset = window.__stxPresets.saveCurrentAsPreset;
-window.applyPreset = window.__stxPresets.applyPreset;
-window.deletePreset = window.__stxPresets.deletePreset;
-</script>
-`}
-export{F as dc,X as ec,b as fc,j as gc};

package/dist/chunk-h7aq56qj.js

@@ -1,28 +0,0 @@
-// @bun
-import{be as J}from"./chunk-hc2mf5h6.js";import{fe as H}from"./chunk-0qnz93q2.js";import{pB as I}from"./chunk-xv34zbp4.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};