@stacksjs/stx 0.2.94 → 0.2.96

package/dist/story/generator.js

@@ -1,2 +1,165 @@
-// @bun
-import{Pa as a,Qa as b,Ra as c,Sa as d,Ta as e}from"../chunk-7cgmq685.js";import"../chunk-3jm3snz8.js";export{b as inferControl,d as generateStorySource,e as generateStoryFileContent,c as generateControls,a as generateAutoStory};
+export function generateAutoStory(component) {
+  const id = generateId(component.name), variants = generateVariants(component);
+  return {
+    id,
+    title: component.name,
+    variants,
+    layout: { type: "single" }
+  };
+}
+function generateVariants(component) {
+  const variants = [], defaultState = {};
+  for (const prop of component.props)
+    if (prop.default !== void 0)
+      defaultState[prop.name] = prop.default;
+  variants.push({
+    id: "default",
+    title: "Default",
+    state: defaultState
+  });
+  for (const prop of component.props)
+    if (prop.type === "boolean" && prop.default === !1) {
+      const state = { ...defaultState, [prop.name]: !0 };
+      variants.push({
+        id: `with-${prop.name}`,
+        title: `With ${formatPropName(prop.name)}`,
+        state
+      });
+    }
+  for (const prop of component.props)
+    if (prop.options && prop.options.length > 0) {
+      for (const option of prop.options)
+        if (option !== prop.default) {
+          const state = { ...defaultState, [prop.name]: option };
+          variants.push({
+            id: `${prop.name}-${String(option).toLowerCase()}`,
+            title: `${formatPropName(prop.name)}: ${option}`,
+            state
+          });
+        }
+    }
+  return variants;
+}
+export function inferControl(prop) {
+  const config = { type: inferControlType(prop) };
+  if (prop.options && prop.options.length > 0)
+    config.options = prop.options.map((opt) => typeof opt === "string" ? { value: opt, label: opt } : opt);
+  config.title = formatPropName(prop.name);
+  return config;
+}
+function inferControlType(prop) {
+  const type = prop.type.toLowerCase();
+  if (prop.options && prop.options.length > 0)
+    return prop.options.length <= 4 ? "radio" : "select";
+  if (type === "boolean" || type === "bool")
+    return "boolean";
+  if (type === "number" || type === "int" || type === "float")
+    return "number";
+  if (type === "string" || type === "text") {
+    if (prop.name.toLowerCase().includes("color"))
+      return "color";
+    if (prop.name.toLowerCase().includes("description") || prop.name.toLowerCase().includes("content") || prop.name.toLowerCase().includes("text"))
+      return "textarea";
+    return "text";
+  }
+  if (type === "array" || type === "object" || type.startsWith("{") || type.startsWith("["))
+    return "json";
+  if (type === "date")
+    return "date";
+  return "text";
+}
+export function generateControls(props) {
+  return props.map(inferControl);
+}
+export function generateStorySource(componentName, state) {
+  const props = Object.entries(state).map(([key, value]) => {
+    if (typeof value === "string")
+      return `${key}="${value}"`;
+    if (typeof value === "boolean")
+      return value ? key : "";
+    return `:${key}="${JSON.stringify(value)}"`;
+  }).filter(Boolean).join(" ");
+  return `<${componentName} ${props} />`;
+}
+function formatPropName(name) {
+  return name.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()).trim();
+}
+function generateId(name) {
+  return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+}
+export function generateStoryFileContent(component) {
+  const story = generateAutoStory(component), controls = generateControls(component.props), initStateProps = component.props.map((prop) => {
+    const defaultVal = prop.default !== void 0 ? JSON.stringify(prop.default) : getDefaultForType(prop.type);
+    return `    ${prop.name}: ${defaultVal}`;
+  }).join(`,
+`), controlComponents = controls.map((ctrl, i) => {
+    const prop = component.props[i];
+    return `      <${getControlTag(ctrl.type)} v-model="state.${prop.name}" title="${ctrl.title}" />`;
+  }).join(`
+`);
+  return `<!-- Auto-generated story for ${component.name} -->
+<script>
+import ${component.name} from './${component.name}.stx'
+
+function initState() {
+  return {
+${initStateProps}
+  }
+}
+</script>
+
+<Story title="${component.name}">
+  <Variant title="Playground" :init-state="initState">
+    <template #default="{ state }">
+      <${component.name} v-bind="state" />
+    </template>
+
+    <template #controls="{ state }">
+${controlComponents}
+    </template>
+  </Variant>
+
+${story.variants.slice(1).map((v) => `  <Variant title="${v.title}">
+    <${component.name} ${formatStateAsProps(v.state || {})} />
+  </Variant>`).join(`
+
+`)}
+</Story>
+`;
+}
+function getDefaultForType(type) {
+  const t = type.toLowerCase();
+  if (t === "boolean")
+    return "false";
+  if (t === "number")
+    return "0";
+  if (t === "array")
+    return "[]";
+  if (t === "object")
+    return "{}";
+  return "''";
+}
+function getControlTag(type) {
+  return {
+    text: "StxText",
+    number: "StxNumber",
+    boolean: "StxCheckbox",
+    select: "StxSelect",
+    radio: "StxRadio",
+    color: "StxColorSelect",
+    json: "StxJson",
+    date: "StxText",
+    textarea: "StxTextarea",
+    slider: "StxSlider",
+    buttongroup: "StxButtonGroup"
+  }[type] || "StxText";
+}
+function formatStateAsProps(state) {
+  return Object.entries(state).map(([key, value]) => {
+    if (typeof value === "string")
+      return `${key}="${value}"`;
+    if (typeof value === "boolean")
+      return value ? key : `:${key}="false"`;
+    return `:${key}="${JSON.stringify(value)}"`;
+  }).join(" ");
+}

package/dist/story/hmr.js

@@ -1,2 +1,131 @@
-// @bun
-import{oc as a,pc as b,qc as c,rc as d,sc as e,tc as f,uc as g,vc as h,wc as i,xc as j}from"../chunk-s6ja2bdg.js";import"../chunk-3jm3snz8.js";export{c as notifyStoryUpdate,e as notifyStoryRemove,d as notifyStoryAdd,g as notifyFullReload,h as notifyError,f as notifyConfigChange,j as getHmrClientScript,i as getClientCount,a as createHmrHandler,b as broadcast};
+const clients = new Set;
+export function createHmrHandler() {
+  return {
+    open(ws) {
+      clients.add(ws);
+      ws.send(JSON.stringify({
+        type: "connected",
+        timestamp: Date.now()
+      }));
+    },
+    close(ws) {
+      clients.delete(ws);
+    },
+    message(_ws, _message) {}
+  };
+}
+export function broadcast(message) {
+  const payload = JSON.stringify({
+    ...message,
+    timestamp: message.timestamp || Date.now()
+  });
+  for (const client of clients)
+    try {
+      client.send(payload);
+    } catch {
+      clients.delete(client);
+    }
+}
+export function notifyStoryUpdate(storyId, data) {
+  broadcast({
+    type: "story-update",
+    data: { storyId, ...data }
+  });
+}
+export function notifyStoryAdd(storyId, data) {
+  broadcast({
+    type: "story-add",
+    data: { storyId, ...data }
+  });
+}
+export function notifyStoryRemove(storyId) {
+  broadcast({
+    type: "story-remove",
+    data: { storyId }
+  });
+}
+export function notifyConfigChange() {
+  broadcast({
+    type: "config-change"
+  });
+}
+export function notifyFullReload() {
+  broadcast({
+    type: "full-reload"
+  });
+}
+export function notifyError(error) {
+  broadcast({
+    type: "error",
+    data: { error }
+  });
+}
+export function getClientCount() {
+  return clients.size;
+}
+export function getHmrClientScript(wsUrl) {
+  return `
+<script>
+(function() {
+  const ws = new WebSocket('${wsUrl}');
+
+  ws.onopen = function() {
+    console.log('[STX Story] HMR connected');
+  };
+
+  ws.onmessage = function(event) {
+    const message = JSON.parse(event.data);
+
+    switch (message.type) {
+      case 'connected':
+        console.log('[STX Story] Connected to HMR server');
+        break;
+
+      case 'story-update':
+        console.log('[STX Story] Story updated:', message.data.storyId);
+        // Reload the current story if it matches
+        if (window.__stxStory && window.__stxStory.currentStoryId === message.data.storyId) {
+          window.__stxStory.reloadCurrentStory();
+        }
+        break;
+
+      case 'story-add':
+        console.log('[STX Story] Story added:', message.data.storyId);
+        window.__stxStory && window.__stxStory.refreshStoryList();
+        break;
+
+      case 'story-remove':
+        console.log('[STX Story] Story removed:', message.data.storyId);
+        window.__stxStory && window.__stxStory.refreshStoryList();
+        break;
+
+      case 'config-change':
+        console.log('[STX Story] Config changed, reloading...');
+        location.reload();
+        break;
+
+      case 'full-reload':
+        console.log('[STX Story] Full reload requested');
+        location.reload();
+        break;
+
+      case 'error':
+        console.error('[STX Story] Error:', message.data.error);
+        break;
+    }
+  };
+
+  ws.onclose = function() {
+    console.log('[STX Story] HMR disconnected, attempting reconnect...');
+    setTimeout(function() {
+      location.reload();
+    }, 1000);
+  };
+
+  ws.onerror = function(error) {
+    console.error('[STX Story] WebSocket error:', error);
+  };
+})();
+</script>
+`;
+}

package/dist/story/hot-swap.js

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

package/dist/story/index.js

@@ -1,2 +1,49 @@
-// @bun
-import"../chunk-cn8az1b4.js";import{a as DB,b as EB,c as GB,d as HB,e as RB,f as VB,g as IB,h as bB,i as TB}from"../chunk-wvef3ngh.js";import{j as kB,k as PB,l as vB,m as xB}from"../chunk-g4ps1dj8.js";import{n as wB,o as yB,p as fB,q as CB,r as SB,s as lB,t as gB,u as hB,v as mB,w as uB}from"../chunk-4k7d8p8d.js";import{A as aB,B as iB,C as nB,D as sB,E as rB,x as dB,y as cB,z as pB}from"../chunk-payfb24w.js";import{F as oB,G as tB}from"../chunk-1mmykse5.js";import{H as aA,I as iA,J as nA,K as sA,L as rA,M as oA}from"../chunk-0dz85jrp.js";import{N as tA,O as eA,P as jB,Q as qB,R as zB,S as AB,T as BB,U as JB,V as LB}from"../chunk-39gm08bn.js";import{$ as _B,W as NB,X as QB,Y as XB,Z as YB,_ as ZB,aa as $B,ba as FB,ca as KB,da as MB,ea as OB,fa as UB,ga as WB}from"../chunk-ygvyc6wv.js";import"../chunk-44hd3kab.js";import{ha as SA,ia as lA,ja as gA,ka as hA}from"../chunk-h82kjdr4.js";import{la as mA,ma as uA,na as dA,oa as cA,pa as pA}from"../chunk-095s3972.js";import{qa as NA,ra as QA,sa as XA,ta as YA,ua as ZA}from"../chunk-rkffm9sy.js";import{va as _A,wa as $A,xa as FA,ya as KA}from"../chunk-z4djtgt0.js";import{Aa as OA,Ba as UA,Ca as WA,Da as DA,za as MA}from"../chunk-6b5k6w2q.js";import{Ea as EA,Fa as GA,Ga as HA,Ha as RA,Ia as VA}from"../chunk-wf7zrjsw.js";import{Ja as IA,Ka as bA,La as TA,Ma as kA,Na as PA,Oa as vA}from"../chunk-yach037f.js";import{Pa as xA,Qa as wA,Ra as yA,Sa as fA,Ta as CA}from"../chunk-7cgmq685.js";import"../chunk-rh80q1nd.js";import{Ua as Sz,Va as lz,Wa as gz,Xa as hz}from"../chunk-a3hyn4we.js";import{$a as cz,Ya as mz,Za as uz,_a as dz,ab as pz,bb as az,cb as iz}from"../chunk-y5xz0jc4.js";import{db as nz,eb as sz,fb as rz,gb as oz,hb as tz,ib as ez,jb as jA,kb as qA,lb as zA,mb as AA,nb as BA,ob as JA,pb as LA}from"../chunk-vcr5pzpx.js";import{qb as Pz,rb as vz,sb as xz}from"../chunk-yaan98dd.js";import{tb as Tz,ub as kz}from"../chunk-91s2hres.js";import"../chunk-0qakwen3.js";import{vb as wz,wb as yz,xb as fz,yb as Cz}from"../chunk-nvwb4x04.js";import{Ab as wq,zb as xq}from"../chunk-dvfs1h3c.js";import{Bb as Rq,Cb as Vq,Db as Iq,Eb as bq,Fb as Tq,Gb as kq,Hb as Pq,Ib as vq}from"../chunk-0jd0pndq.js";import{Jb as Iz,Kb as bz}from"../chunk-3yg9hbmb.js";import"../chunk-7rvh2wwv.js";import{Mb as Uz,Nb as Wz,Ob as Dz,Pb as Ez,Qb as Gz,Rb as Hz,Sb as Rz,Tb as Vz}from"../chunk-jc0fc4ht.js";import{Ub as rq,Vb as oq,Wb as tq,Xb as eq,Yb as jz}from"../chunk-fzm3y0r3.js";import{$b as Az,Zb as qz,_b as zz,ac as Bz,bc as Jz,cc as Lz}from"../chunk-jjamhxpm.js";import{dc as Nz,ec as Qz,fc as Xz,gc as Yz}from"../chunk-h5wa62ek.js";import{hc as Zz,ic as _z,jc as $z,kc as Fz,lc as Kz,mc as Mz,nc as Oz}from"../chunk-52agge4n.js";import{oc as Sq,pc as lq,qc as gq,rc as hq,sc as mq,tc as uq,uc as dq,vc as cq,wc as pq,xc as aq}from"../chunk-s6ja2bdg.js";import{Ac as sq,yc as iq,zc as nq}from"../chunk-55yp0q8t.js";import{Bc as yq,Cc as fq,Dc as Cq}from"../chunk-6e4c6g46.js";import{$c as Uq,Ec as sj,Fc as rj,Gc as oj,Hc as tj,Ic as ej,Jc as jq,Kc as qq,Lc as zq,Mc as Aq,Nc as Bq,Oc as Jq,Pc as Lq,Qc as Nq,Rc as Qq,Sc as Xq,Tc as Yq,Uc as Zq,Vc as _q,Wc as $q,Xc as Fq,Yc as Kq,Zc as Mq,_c as Oq,ad as Wq,bd as Dq,cd as Eq,dd as Gq,ed as Hq}from"../chunk-yn38c15w.js";import{fd as Sj,gd as lj,hd as gj}from"../chunk-bpgg59wa.js";import{id as pj,jd as aj,kd as ij,ld as nj}from"../chunk-y0qg6rrv.js";import{Ad as Xj,Bd as Yj,Cd as Zj,Dd as _j,Ed as $j,md as s,nd as r,od as o,pd as t,qd as e,rd as jj,sd as qj,td as zj,ud as Aj,vd as Bj,wd as Jj,xd as Lj,yd as Nj,zd as Qj}from"../chunk-1z5nhbjt.js";import{Fd as Fj,Gd as Kj,Hd as Mj}from"../chunk-hxx3za24.js";import{Id as Vj,Jd as Ij,Kd as bj,Ld as Tj}from"../chunk-aw3rp9ac.js";import{Md as Oj,Nd as Uj,Od as Wj,Pd as Dj,Qd as Ej,Rd as Gj,Sd as Hj,Td as Rj}from"../chunk-svhtdb0s.js";import{Ud as kj,Vd as Pj,Wd as vj,Xd as xj}from"../chunk-pg1fvqb9.js";import{$d as dj,Yd as hj,Zd as mj,_d as uj,ae as cj}from"../chunk-4qq8ffke.js";import{be as wj,ce as yj,de as fj,ee as Cj}from"../chunk-05hgyyqc.js";import"../chunk-0qnz93q2.js";import"../chunk-ngxfwzq3.js";import"../chunk-w01y57f5.js";import"../chunk-x1hjv24z.js";import"../chunk-0g4gece6.js";import"../chunk-nap11ntr.js";import"../chunk-03c26pjz.js";import"../chunk-13yz561y.js";import"../chunk-nanw7yhz.js";import"../chunk-ghrx0hn1.js";import"../chunk-82t27pvd.js";import"../chunk-fhawx87n.js";import"../chunk-gc84b1d2.js";import"../chunk-yr1gdceh.js";import"../chunk-baa7h4yz.js";import"../chunk-kdxa9epn.js";import"../chunk-g2hekckm.js";import"../chunk-x39sfpvm.js";import"../chunk-tr0z0e1g.js";import"../chunk-4j188175.js";import"../chunk-eds0f8f1.js";import"../chunk-dyjnn5k8.js";import"../chunk-8fgwhhb8.js";import"../chunk-tj6zfxeb.js";import"../chunk-7xcfy2fn.js";import"../chunk-9yz5d003.js";import"../chunk-fms20x0n.js";import"../chunk-fe7r1mq1.js";import"../chunk-rb1e4cnb.js";import"../chunk-j4s5qwd7.js";import"../chunk-b0cyc09a.js";import"../chunk-0tatqxj2.js";import"../chunk-bykjk6vj.js";import"../chunk-7b0xdy5h.js";import"../chunk-ywkrxp2h.js";import"../chunk-y25pr13j.js";import"../chunk-q6h6yvzb.js";import"../chunk-qdc3aav1.js";import"../chunk-6wn85hn6.js";import"../chunk-qd5461tt.js";import"../chunk-77tga15w.js";import"../chunk-rv002yn0.js";import"../chunk-hke99a0v.js";import"../chunk-mwbng54r.js";import"../chunk-wxvyj65q.js";import"../chunk-yw2fzq86.js";import"../chunk-mrehzhxv.js";import"../chunk-1zgsgk4b.js";import"../chunk-48cw2nde.js";import"../chunk-jjvp4t5w.js";import"../chunk-94g3cahw.js";import"../chunk-ht4j68cs.js";import"../chunk-fch9tk1k.js";import"../chunk-cz25azze.js";import"../chunk-q60knhjf.js";import"../chunk-hrampcrj.js";import"../chunk-t37dp99j.js";import"../chunk-5kt3ay7x.js";import"../chunk-95w08s8v.js";import"../chunk-ceg2c2q2.js";import"../chunk-04mvcmcr.js";import"../chunk-n46a5g1g.js";import"../chunk-vv9wfz1c.js";import"../chunk-dzw95th7.js";import"../chunk-46mkpbkk.js";import"../chunk-3rh7va1z.js";import"../chunk-2xen423s.js";import"../chunk-cp3kwv17.js";import"../chunk-hpqr9e3x.js";import"../chunk-adqh2m9z.js";import"../chunk-8qbax8xn.js";import"../chunk-x64kb787.js";import"../chunk-gcf5v18y.js";import"../chunk-pc31m5x5.js";import"../chunk-3jm3snz8.js";export{ej as yellow,Aq as white,cj as watchStoryTests,gj as watchStoryFiles,yq as watchConfigFile,Bj as viewportAddon,mA as validateProps,yj as updateSnapshots,E as updateContextTree,D as updateContextStoryFiles,r as unregisterAddon,Qq as underline,ZB as toggleDarkMode,rj as style,Pz as storyCommands,Zj as stateAddon,_B as setTheme,rA as searchIndex,Iq as search,Sj as scanStoryFiles,jB as saveSnapshotVersion,iA as saveSearchIndex,hB as saveNavigationState,wj as runVisualTests,uj as runStoryTests,xz as runStoryCLI,oB as runScreenshotTests,lA as runInteractionTests,Cj as runA11yTests,qB as restoreSnapshotVersion,M as resolveStoryConfig,Rz as resetSetup,qA as renderTextareaControl,sz as renderTextControl,_z as renderStoryVariant,Zz as renderStoryComponent,zA as renderSliderControl,tz as renderSelectControl,ez as renderRadioControl,rz as renderNumberControl,AA as renderJsonControl,$z as renderInlineTemplate,BA as renderDateControl,nz as renderControl,jA as renderColorControl,oz as renderCheckboxControl,LA as renderButtonGroupControl,vz as registerStoryCommands,$j as registerBuiltinAddons,s as registerAddon,oj as red,LB as pruneSnapshotVersions,Az as profiler,Fq as printWarning,Uq as printTestSummary,Kq as printSuccess,Zq as printStoryCount,Yq as printServerUrls,Mq as printInfo,Wq as printHelp,_q as printFileChange,$q as printError,Oq as printBuildSummary,Xq as printBanner,Tz as previewCommand,kz as preview,Mz as preloadComponents,Yj as performanceAddon,wz as parseStoryFile,yz as parseStoryContent,SA as parseInteractionBlocks,yB as parseHash,Qj as outlineAddon,$A as openDesktopPreview,gq as notifyStoryUpdate,mq as notifyStoryRemove,hq as notifyStoryAdd,dq as notifyFullReload,cq as notifyError,uq as notifyConfigChange,Nj as measureAddon,qq as magenta,eA as loadSnapshotVersions,Uz as loadSetupFile,aA as loadSearchIndex,mB as loadNavigationState,QA as loadCrosswindCSS,JB as listSnapshotVersions,NB as lightTheme,Nq as italic,lj as isNonComponentFile,sA as isIndexStale,_A as isDesktopPreviewAvailable,YB as isDark,NA as isCrosswindAvailable,$B as initializeTheme,e as initializeAddons,wA as inferControl,vq as importSearchIndex,Xj as i18nAddon,RB as highlightCode,tj as green,Bq as gray,sq as getVariantSelectorStyles,nq as getVariantSelectorHtml,pA as getValidationStyles,uA as getValidationScript,zj as getToolbarItems,MB as getThemeToggleScript,WB as getThemeStyles,GB as getStoryCode,uB as getStatePersistenceScript,Hz as getState,tA as getSnapshotDir,eq as getShortcutsStyles,jz as getShortcutsScript,tq as getShortcutsModalHtml,Vz as getSetupHTML,kq as getSearchIndexSize,bq as getRecentSearches,HB as getPropsJson,rB as getPreviewStyles,Yz as getPresetsScript,Xz as getPresetsPanelStyles,Qz as getPresetsPanelHtml,Lz as getPerformanceScript,Jz as getPerformancePanelStyles,Bz as getPerformancePanelHtml,oA as getOrBuildSearchIndex,TB as getOpenInVSCodeScript,lB as getNavigationStyles,SB as getKeyboardNavigationScript,gA as getInteractionHelpersScript,iq as getHotSwapScript,aq as getHmrClientScript,VB as getHighlightStyles,Gz as getGlobalState,Ez as getGlobalScripts,Wz as getGlobalComponents,Dz as getGlobalCSS,RA as getErrorStyles,BB as getDiffStyles,KA as getDesktopPreviewStyles,FA as getDesktopPreviewButton,az as getDependencyGraphStyles,K as getDefaultStoryConfig,XB as getCurrentTheme,bB as getCopyCodeScript,xB as getControlsPanelStyles,JA as getControlStyles,Cq as getConfigModifiedTime,EB as getComponentSource,gz as getCompiledOutputStyles,hz as getCompiledOutputScript,Sz as getCompiledOutput,IB as getCodePanelStyles,pq as getClientCount,Kz as getCacheStats,xj as getBookmarksScript,vj as getBookmarksPanelStyles,Pj as getBookmarksPanelHtml,Mj as getAnalyticsStyles,Kj as getAnalyticsDashboardHtml,dz as getAllDependents,uz as getAllDependencies,o as getAddons,qj as getAddonPanels,t as getAddon,aB as generateZoomControls,tB as generateVisualTestReport,pB as generateViewportSelector,cA as generateValidationErrorsHTML,KB as generateThemeToggle,FB as generateThemeCSS,zB as generateTextDiff,dj as generateTestFile,fA as generateStorySource,bj as generateStoryForComponent,CA as generateStoryFileContent,MA as generateStoryDocs,Ij as generateStoryContent,gB as generateRecentList,cB as generatePreviewIframe,Oz as generatePreviewDocument,nB as generateOverlayButtons,ZA as generateOptimizedCSS,fB as generateHash,PA as generateFigmaPluginManifest,vA as generateFigmaImportCode,HA as generateErrorHTML,OA as generateDocsIndex,AB as generateDiffHTML,pz as generateDependencyGraphHTML,XA as generateCrosswindStyleTag,PB as generateControlsPanel,yA as generateControls,UA as generateComponentDocs,iz as generateComponentDetailHTML,WA as generateComponentCatalog,lz as generateCompiledOutputPanel,sB as generateComparisonView,DB as generateCodePanel,iB as generateBackgroundSelector,xA as generateAutoStory,vB as generateAutoPropsDisabled,dA as formatValidationResult,fj as formatTestResults,GA as formatStoryError,Hq as formatSize,oq as formatShortcutKey,hA as formatInteractionResults,Gq as formatDuration,ij as flattenTree,nj as findStoryInTree,fq as findConfigFile,kA as figmaColorToCss,YA as extractUsedClasses,Cz as extractTemplateContent,Dj as extractSlots,fz as extractScriptContent,Wj as extractProps,Rj as extractDirectives,Ej as extractDescription,Gj as extractDependencies,Hj as extractCssClasses,bA as exportToFigmaFile,IA as exportToFigma,OB as exportThemeTokensJSON,UB as exportThemeTokensCSS,Pq as exportSearchIndex,DA as exportDesignTokens,Lj as docsAddon,Lq as dim,Iz as devCommand,bz as dev,cz as detectCircularDependencies,F as defaultStoryConfig,rq as defaultShortcuts,$ as defaultResponsivePresets,_ as defaultBackgroundPresets,QB as darkTheme,zq as cyan,TA as cssColorToFigma,pj as createTreePath,mj as createStoryTests,hj as createStoryTestSuite,m as createStoryServer,EA as createStoryError,Eq as createSpinner,dB as createPreviewState,wB as createNavigationState,Sq as createHmrHandler,VA as createErrorBoundary,kB as createControlsPanelState,W as createContext,sj as color,Fz as clearStoryCache,Tq as clearSearchIndex,Dq as clearConsole,aj as buildTree,Rq as buildSearchIndex,nA as buildPersistedSearchIndex,mz as buildDependencyGraph,Vq as buildComponentSearchIndex,xq as buildCommand,wq as build,lq as broadcast,Jq as bold,jq as blue,Jj as backgroundsAddon,Vj as autoGenerateStories,Tj as autoGenerateCommand,jj as applyDecorators,Oj as analyzeComponentFile,Uj as analyzeComponent,CB as addToRecent,Aj as actionsAddon,_j as a11yAddon,zz as RenderTimer,Nz as PresetsManager,qz as PerformanceProfiler,kj as BookmarksManager,Fj as AnalyticsTracker};
+export * from "./addons.js";
+export * from "./analytics.js";
+export * from "./auto-stories.js";
+export * from "./bookmarks.js";
+export * from "./bun-test.js";
+export * from "./cli.js";
+export * from "./collect/index.js";
+export * from "./commands/index.js";
+export * from "./compiled-output.js";
+export * from "./composition.js";
+export {
+  defaultBackgroundPresets,
+  defaultResponsivePresets,
+  defaultStoryConfig,
+  getDefaultStoryConfig,
+  resolveStoryConfig
+} from "./config.js";
+export * from "./config-watcher.js";
+export {
+  createContext,
+  updateContextStoryFiles,
+  updateContextTree
+} from "./context.js";
+export * from "./controls/index.js";
+export * from "./desktop-preview.js";
+export * from "./docs-generator.js";
+export * from "./errors.js";
+export * from "./figma-export.js";
+export * from "./generator.js";
+export * from "./crosswind.js";
+export * from "./hmr.js";
+export * from "./hot-swap.js";
+export * from "./interactions.js";
+export * from "./keyboard-shortcuts.js";
+export * from "./output.js";
+export * from "./performance.js";
+export * from "./presets.js";
+export * from "./props-validation.js";
+export * from "./renderer.js";
+export * from "./search.js";
+export * from "./search-index.js";
+export { createStoryServer } from "./server.js";
+export * from "./setup.js";
+export * from "./snapshots.js";
+export * from "./testing.js";
+export * from "./theme.js";
+export * from "./types.js";
+export * from "./ui/index.js";
+export * from "./visual-testing.js";