@stacksjs/stx 0.2.118 → 0.2.120

package/dist/craft.js

@@ -1,5 +1,5 @@
 // @bun
-var V=import.meta.require;var IX=`
+var A=import.meta.require;var kX=`
 <script>
 (function() {
   'use strict';
@@ -160,6 +160,12 @@ else if (data.type === 'event' && data.method) {
     });
   }
 
+  // Live component handles, keyed by id, so an event coming back from the host
+  // can be routed to the callbacks registered on the right one. Without this
+  // the onSelect/onSpaceChange callbacks were stored and never invoked.
+  const sidebars = new Map();
+  const spacesSidebars = new Map();
+
   function createNativeUIFacade() {
     class Sidebar {
       constructor(id) {
@@ -179,10 +185,42 @@ else if (data.type === 'event' && data.method) {
         return this;
       }
       destroy() {
+        sidebars.delete(this.id);
         sendNativeUI('destroyComponent', { id: this.id, type: 'sidebar' });
       }
     }
 
+    /**
+     * An Arc-style sidebar of swipeable spaces.
+     *
+     * Separate from Sidebar rather than an option on it: a source list selects
+     * one row out of many, while a spaces sidebar selects one whole SCENE, and
+     * a host that renders the switcher natively (a segmented control in the
+     * toolbar, a Touch Bar strip) needs the space list, not the item list.
+     */
+    class SpacesSidebar {
+      constructor(id) {
+        this.id = id;
+        this._spaceCallbacks = [];
+      }
+      setSpaces(spaces) {
+        sendNativeUI('setSidebarSpaces', { sidebarId: this.id, spaces });
+        return this;
+      }
+      setActiveSpace(spaceId) {
+        sendNativeUI('setActiveSpace', { sidebarId: this.id, spaceId });
+        return this;
+      }
+      onSpaceChange(callback) {
+        this._spaceCallbacks.push(callback);
+        return this;
+      }
+      destroy() {
+        spacesSidebars.delete(this.id);
+        sendNativeUI('destroyComponent', { id: this.id, type: 'spacesSidebar' });
+      }
+    }
+
     class FileBrowser {
       constructor(id) {
         this.id = id;
@@ -219,12 +257,33 @@ else if (data.type === 'event' && data.method) {
       }
     }
 
+    // Host -> page. The host names the component in the payload; we look up the
+    // handle and fan out to whatever the page registered on it.
+    on('sidebar.select', function(params) {
+      const sidebar = sidebars.get(params && params.sidebarId);
+      if (sidebar) sidebar._selectCallbacks.forEach(fn => fn(params.itemId));
+    });
+    on('sidebar.spaceChange', function(params) {
+      const sidebar = spacesSidebars.get(params && params.sidebarId);
+      if (sidebar) sidebar._spaceCallbacks.forEach(fn => fn(params.spaceId));
+    });
+
     return {
       createSidebar(options) {
         const opts = options || {};
         const id = opts.id || 'sidebar-' + Date.now() + '-' + Math.random().toString(36).slice(2);
         sendNativeUI('createSidebar', Object.assign({}, opts, { id }));
-        return new Sidebar(id);
+        const sidebar = new Sidebar(id);
+        sidebars.set(id, sidebar);
+        return sidebar;
+      },
+      createSpacesSidebar(options) {
+        const opts = options || {};
+        const id = opts.id || 'spaces-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+        sendNativeUI('createSpacesSidebar', Object.assign({}, opts, { id }));
+        const sidebar = new SpacesSidebar(id);
+        spacesSidebars.set(id, sidebar);
+        return sidebar;
       },
       createFileBrowser(options) {
         const opts = options || {};
@@ -373,6 +432,26 @@ else if (data.type === 'event' && data.method) {
       platform: () => request('process.platform'),
     },
 
+    // Gesture stream
+    //
+    // A webview's wheel events carry no phase information, so a page can only
+    // guess where a trackpad swipe begins and ends \u2014 typically with an idle
+    // timeout, which mistimes the release and cannot see momentum at all. The
+    // host holds the real NSEvent, so it forwards the phases instead:
+    //
+    //   { axis: 'horizontal' | 'vertical',
+    //     phase: 'begin' | 'change' | 'end',
+    //     deltaX, deltaY,            // points since the last event
+    //     velocityX, velocityY,      // points per second, at 'end'
+    //     momentum: boolean }        // the OS is coasting, not the finger
+    //
+    // Consumers must stay correct when nothing ever arrives: a host without
+    // gesture support simply never emits, so keep the wheel path bound and let
+    // a begin phase take over from it.
+    gestures: {
+      onSwipe: (callback) => on('gesture.swipe', callback),
+    },
+
     // Native component helpers
     nativeUI,
     components: componentAPI
@@ -547,6 +626,12 @@ else if (data.type === 'event' && data.method) {
     });
   }
 
+  // Live component handles, keyed by id, so an event coming back from the host
+  // can be routed to the callbacks registered on the right one. Without this
+  // the onSelect/onSpaceChange callbacks were stored and never invoked.
+  const sidebars = new Map();
+  const spacesSidebars = new Map();
+
   function createNativeUIFacade() {
     class Sidebar {
       constructor(id) {
@@ -566,10 +651,42 @@ else if (data.type === 'event' && data.method) {
         return this;
       }
       destroy() {
+        sidebars.delete(this.id);
         sendNativeUI('destroyComponent', { id: this.id, type: 'sidebar' });
       }
     }
 
+    /**
+     * An Arc-style sidebar of swipeable spaces.
+     *
+     * Separate from Sidebar rather than an option on it: a source list selects
+     * one row out of many, while a spaces sidebar selects one whole SCENE, and
+     * a host that renders the switcher natively (a segmented control in the
+     * toolbar, a Touch Bar strip) needs the space list, not the item list.
+     */
+    class SpacesSidebar {
+      constructor(id) {
+        this.id = id;
+        this._spaceCallbacks = [];
+      }
+      setSpaces(spaces) {
+        sendNativeUI('setSidebarSpaces', { sidebarId: this.id, spaces });
+        return this;
+      }
+      setActiveSpace(spaceId) {
+        sendNativeUI('setActiveSpace', { sidebarId: this.id, spaceId });
+        return this;
+      }
+      onSpaceChange(callback) {
+        this._spaceCallbacks.push(callback);
+        return this;
+      }
+      destroy() {
+        spacesSidebars.delete(this.id);
+        sendNativeUI('destroyComponent', { id: this.id, type: 'spacesSidebar' });
+      }
+    }
+
     class FileBrowser {
       constructor(id) {
         this.id = id;
@@ -606,12 +723,33 @@ else if (data.type === 'event' && data.method) {
       }
     }
 
+    // Host -> page. The host names the component in the payload; we look up the
+    // handle and fan out to whatever the page registered on it.
+    on('sidebar.select', function(params) {
+      const sidebar = sidebars.get(params && params.sidebarId);
+      if (sidebar) sidebar._selectCallbacks.forEach(fn => fn(params.itemId));
+    });
+    on('sidebar.spaceChange', function(params) {
+      const sidebar = spacesSidebars.get(params && params.sidebarId);
+      if (sidebar) sidebar._spaceCallbacks.forEach(fn => fn(params.spaceId));
+    });
+
     return {
       createSidebar(options) {
         const opts = options || {};
         const id = opts.id || 'sidebar-' + Date.now() + '-' + Math.random().toString(36).slice(2);
         sendNativeUI('createSidebar', Object.assign({}, opts, { id }));
-        return new Sidebar(id);
+        const sidebar = new Sidebar(id);
+        sidebars.set(id, sidebar);
+        return sidebar;
+      },
+      createSpacesSidebar(options) {
+        const opts = options || {};
+        const id = opts.id || 'spaces-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+        sendNativeUI('createSpacesSidebar', Object.assign({}, opts, { id }));
+        const sidebar = new SpacesSidebar(id);
+        spacesSidebars.set(id, sidebar);
+        return sidebar;
       },
       createFileBrowser(options) {
         const opts = options || {};
@@ -760,6 +898,26 @@ else if (data.type === 'event' && data.method) {
       platform: () => request('process.platform'),
     },
 
+    // Gesture stream
+    //
+    // A webview's wheel events carry no phase information, so a page can only
+    // guess where a trackpad swipe begins and ends \u2014 typically with an idle
+    // timeout, which mistimes the release and cannot see momentum at all. The
+    // host holds the real NSEvent, so it forwards the phases instead:
+    //
+    //   { axis: 'horizontal' | 'vertical',
+    //     phase: 'begin' | 'change' | 'end',
+    //     deltaX, deltaY,            // points since the last event
+    //     velocityX, velocityY,      // points per second, at 'end'
+    //     momentum: boolean }        // the OS is coasting, not the finger
+    //
+    // Consumers must stay correct when nothing ever arrives: a host without
+    // gesture support simply never emits, so keep the wheel path bound and let
+    // a begin phase take over from it.
+    gestures: {
+      onSwipe: (callback) => on('gesture.swipe', callback),
+    },
+
     // Native component helpers
     nativeUI,
     components: componentAPI
@@ -773,17 +931,17 @@ else if (data.type === 'event' && data.method) {
   }
 })();
 </script>
-`.replace("debug: false,",`debug: ${X},`).replace("timeout: 30000",`timeout: ${$}`)}function MX(){return!1}function zX(U,X={}){let $=/@craft(?:\(([\s\S]*?)\))?/g;return U.replace($,(q,Y)=>{let J={};if(Y)try{J=JSON.parse(Y.replace(/'/g,'"'))}catch{try{J=Function(`return ${Y}`)()}catch{console.warn(`[stx] Invalid @craft config: ${Y}`)}}return h(J)})}function m(U,X={}){if(U.includes("__craftBridgeInitialized"))return U;let $=h(X);if(U.includes("</head>"))return U.replace("</head>",`${$}
+`.replace("debug: false,",`debug: ${X},`).replace("timeout: 30000",`timeout: ${$}`)}function TX(){return!1}function bX(U,X={}){let $=/@craft(?:\(([\s\S]*?)\))?/g;return U.replace($,(q,J)=>{let Y={};if(J)try{Y=JSON.parse(J.replace(/'/g,'"'))}catch{try{Y=Function(`return ${J}`)()}catch{console.warn(`[stx] Invalid @craft config: ${J}`)}}return h(Y)})}function m(U,X={}){if(U.includes("__craftBridgeInitialized"))return U;let $=h(X);if(U.includes("</head>"))return U.replace("</head>",`${$}
 </head>`);if(U.includes("<body"))return U.replace(/(<body[^>]*>)/,`$1
-${$}`);return $+U}var ZU=new Map([["craft-button",{name:"Button",zigType:"craft.Button",props:[{name:"variant",type:"string",required:!1,default:"primary"},{name:"disabled",type:"boolean",required:!1,default:!1},{name:"onclick",type:"callback",required:!1}],children:"single"}],["craft-text-input",{name:"TextInput",zigType:"craft.TextInput",props:[{name:"value",type:"string",required:!1,default:""},{name:"placeholder",type:"string",required:!1},{name:"disabled",type:"boolean",required:!1,default:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-textarea",{name:"TextArea",zigType:"craft.TextArea",props:[{name:"value",type:"string",required:!1,default:""},{name:"placeholder",type:"string",required:!1},{name:"rows",type:"number",required:!1,default:3},{name:"disabled",type:"boolean",required:!1,default:!1}],children:"none"}],["craft-checkbox",{name:"Checkbox",zigType:"craft.Checkbox",props:[{name:"checked",type:"boolean",required:!1,default:!1},{name:"label",type:"string",required:!1},{name:"disabled",type:"boolean",required:!1,default:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-select",{name:"Select",zigType:"craft.Select",props:[{name:"value",type:"string",required:!1},{name:"options",type:"array",required:!0},{name:"disabled",type:"boolean",required:!1,default:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-slider",{name:"Slider",zigType:"craft.Slider",props:[{name:"value",type:"number",required:!1,default:0},{name:"min",type:"number",required:!1,default:0},{name:"max",type:"number",required:!1,default:100},{name:"step",type:"number",required:!1,default:1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-toggle",{name:"Toggle",zigType:"craft.Toggle",props:[{name:"checked",type:"boolean",required:!1,default:!1},{name:"disabled",type:"boolean",required:!1,default:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-modal",{name:"Modal",zigType:"craft.Modal",props:[{name:"open",type:"boolean",required:!1,default:!1},{name:"title",type:"string",required:!1},{name:"closable",type:"boolean",required:!1,default:!0},{name:"onclose",type:"callback",required:!1}],children:"multiple"}],["craft-alert",{name:"Alert",zigType:"craft.Alert",props:[{name:"variant",type:"string",required:!1,default:"info"},{name:"title",type:"string",required:!1},{name:"dismissible",type:"boolean",required:!1,default:!1}],children:"single"}],["craft-progress",{name:"ProgressBar",zigType:"craft.ProgressBar",props:[{name:"value",type:"number",required:!1,default:0},{name:"max",type:"number",required:!1,default:100},{name:"indeterminate",type:"boolean",required:!1,default:!1}],children:"none"}],["craft-spinner",{name:"Spinner",zigType:"craft.Spinner",props:[{name:"size",type:"number",required:!1,default:24}],children:"none"}],["craft-avatar",{name:"Avatar",zigType:"craft.Avatar",props:[{name:"src",type:"string",required:!1},{name:"alt",type:"string",required:!1},{name:"size",type:"number",required:!1,default:40}],children:"none"}],["craft-badge",{name:"Badge",zigType:"craft.Badge",props:[{name:"variant",type:"string",required:!1,default:"default"}],children:"single"}],["craft-card",{name:"Card",zigType:"craft.Card",props:[{name:"padding",type:"number",required:!1,default:16}],children:"multiple"}],["craft-sidebar",{name:"Sidebar",zigType:"craft.NativeSidebar",props:[{name:"id",type:"string",required:!1},{name:"variant",type:"string",required:!1,default:"desktop"},{name:"material",type:"string",required:!1,default:"sidebar"},{name:"backgroundEffect",type:"string",required:!1,default:"shimmer"},{name:"allowsVibrancy",type:"boolean",required:!1,default:!0},{name:"materialOpacity",type:"number",required:!1,default:0.68},{name:"minWidth",type:"number",required:!1,default:240},{name:"maxWidth",type:"number",required:!1,default:340},{name:"canCollapse",type:"boolean",required:!1,default:!0},{name:"selectedItem",type:"string",required:!1},{name:"sections",type:"array",required:!1}],children:"multiple",platform:["macos"],fallback:"aside"}],["craft-sidebar-section",{name:"SidebarSection",zigType:"craft.NativeSidebarSection",props:[{name:"id",type:"string",required:!0},{name:"title",type:"string",required:!1},{name:"header",type:"string",required:!1}],children:"multiple",platform:["macos"],fallback:"section"}],["craft-sidebar-item",{name:"SidebarItem",zigType:"craft.NativeSidebarItem",props:[{name:"id",type:"string",required:!0},{name:"label",type:"string",required:!0},{name:"icon",type:"string",required:!1},{name:"badge",type:"string",required:!1},{name:"tintColor",type:"color",required:!1}],children:"none",platform:["macos"],fallback:"button"}],["craft-accordion",{name:"Accordion",zigType:"craft.Accordion",props:[{name:"title",type:"string",required:!0},{name:"open",type:"boolean",required:!1,default:!1}],children:"multiple"}],["craft-tabs",{name:"TabView",zigType:"craft.TabView",props:[{name:"activeTab",type:"number",required:!1,default:0},{name:"ontabchange",type:"callback",required:!1}],children:"multiple"}],["craft-tooltip",{name:"Tooltip",zigType:"craft.Tooltip",props:[{name:"content",type:"string",required:!0},{name:"position",type:"string",required:!1,default:"top"}],children:"single"}],["craft-date-picker",{name:"DatePicker",zigType:"craft.DatePicker",props:[{name:"value",type:"string",required:!1},{name:"min",type:"string",required:!1},{name:"max",type:"string",required:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-time-picker",{name:"TimePicker",zigType:"craft.TimePicker",props:[{name:"value",type:"string",required:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-color-picker",{name:"ColorPicker",zigType:"craft.ColorPicker",props:[{name:"value",type:"color",required:!1,default:"#000000"},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-data-table",{name:"DataTable",zigType:"craft.DataTable",props:[{name:"data",type:"array",required:!0},{name:"columns",type:"array",required:!0},{name:"sortable",type:"boolean",required:!1,default:!1},{name:"paginated",type:"boolean",required:!1,default:!1}],children:"none"}],["craft-virtual-list",{name:"VirtualList",zigType:"craft.VirtualList",props:[{name:"items",type:"array",required:!0},{name:"itemHeight",type:"number",required:!1,default:48},{name:"renderItem",type:"callback",required:!0}],children:"none"}],["craft-tree-view",{name:"TreeView",zigType:"craft.TreeView",props:[{name:"data",type:"object",required:!0},{name:"expandable",type:"boolean",required:!1,default:!0}],children:"none"}]]);async function kX(U,X={}){let $=performance.now(),q={target:X.target||"universal",format:X.format||"zig",optimize:X.optimize??!0,treeShake:X.treeShake??!0,hotReload:X.hotReload??!1,debug:X.debug??!1,sourceMaps:X.sourceMaps??!1,bundle:X.bundle??!0,minify:X.minify??!1,components:X.components||ZU},Y=typeof U==="string"?_U(U):U,J=FU(Y.tree,q),K=HU(J),G=q.treeShake?IU(J,K):J,Q=new Map;if(q.target==="universal"){let L=["macos","windows","linux","ios","android"];for(let O of L){let B=C(G,{...q,target:O});Q.set(O,B)}}else{let L=C(G,q);Q.set(q.target,L)}let W=jU(G,q,Q),_=kU(Y,G,q),w={compilationTime:performance.now()-$,totalComponents:N(Y.tree),nativeComponents:v(G),webComponents:N(Y.tree)-v(G),bundleSize:W.length,treeShakenSize:q.treeShake?MU(J,G):W.length,warnings:[],errors:[]},F;if(q.sourceMaps)F=bU(Y,G);return{code:W,platformCode:Q,dependencies:K,manifest:_,sourceMaps:F,stats:w}}function _U(U){let X={type:"fragment",children:[]},$=U.match(/<body[^>]*>([\s\S]*?)<\/body>/i),q=$?$[1]:U;return l(q,X),{id:p(),hash:a(U),tree:X,scripts:PU(U),styles:DU(U),staticParts:new Map,dynamicParts:new Map,dependencies:[],metadata:{hasSlots:!1,hasDynamicContent:U.includes("{{"),hasEventHandlers:U.includes("onclick")||U.includes("onchange"),hasAsyncContent:!1,componentCount:0,maxDepth:0,estimatedSize:U.length}}}function l(U,X){let $=/<(@?[\w-]+)([^>]*)(?:\/>|>([\s\S]*?)<\/\1>)/g,q;while((q=$.exec(U))!==null){let[,Y,J,K]=q,G=Y.startsWith("@craft-"),Q={type:G?"component":"element",tag:G?Y.slice(1):Y,props:wU(J),children:[],componentName:G?Y.slice(1):void 0};if(K){let W=K.replace(/<[^>]+>/g,"").trim();if(W)Q.children=Q.children??[],Q.children.push({type:"text",text:W});l(K,Q)}X.children=X.children??[],X.children.push(Q)}}function wU(U){let X={},$=/([\w-:@]+)(?:=["']([^"']*)["'])?/g,q;while((q=$.exec(U))!==null){let[,Y,J]=q;X[Y]=J??!0}return X}function FU(U,X){return s(U,X)}function s(U,X){let $=U.componentName?X.components?.get(U.componentName):void 0,q="craft.View";if($)q=$.zigType;else if(U.type==="text")q="craft.Text";else if(U.tag)q=LU(U.tag);let Y={};if(U.props)for(let[Q,W]of Object.entries(U.props))Y[Q]=BU(W);let J=[];if(U.children)for(let Q of U.children)J.push(s(Q,X));let K=new Map;if(U.props){for(let[Q,W]of Object.entries(U.props))if(Q.startsWith("on")&&typeof W==="string")K.set(Q.slice(2).toLowerCase(),W)}let G=EU(U);return{type:OU(U,$),zigType:q,props:Y,children:J,events:K,styles:G,id:U.hydrationKey,key:U.props?.key}}function LU(U){return{div:"craft.View",span:"craft.Text",p:"craft.Text",h1:"craft.Text",h2:"craft.Text",h3:"craft.Text",h4:"craft.Text",h5:"craft.Text",h6:"craft.Text",button:"craft.Button",input:"craft.TextInput",textarea:"craft.TextArea",select:"craft.Select",img:"craft.Image",a:"craft.Link",ul:"craft.List",ol:"craft.List",li:"craft.ListItem",form:"craft.Form",label:"craft.Label",nav:"craft.View",header:"craft.View",footer:"craft.View",main:"craft.View",section:"craft.View",article:"craft.View",aside:"craft.View"}[U.toLowerCase()]||"craft.View"}function BU(U){if(typeof U==="string"){if(U.startsWith("{{")&&U.endsWith("}}"))return{type:"binding",path:U.slice(2,-2).trim()};if(U.includes("(")&&U.includes(")"))return{type:"callback",handler:U};return{type:"literal",value:U}}if(typeof U==="number"||typeof U==="boolean")return{type:"literal",value:U};return{type:"literal",value:String(U)}}function OU(U,X){if(X){let q=X.name.toLowerCase();if(q.includes("button"))return"button";if(q.includes("input")||q.includes("text"))return"input";if(q.includes("image")||q.includes("avatar"))return"image";if(q.includes("list")||q.includes("table"))return"list";if(q.includes("scroll"))return"scroll";return"custom"}if(U.type==="text")return"text";let $=U.tag?.toLowerCase();if($==="button")return"button";if($==="input"||$==="textarea")return"input";if($==="img")return"image";if($==="ul"||$==="ol")return"list";return"view"}function EU(U){let X=U.props?.style,$={},q={};if(X){let Y=X.split(";").filter(Boolean);for(let J of Y){let[K,G]=J.split(":").map((Q)=>Q.trim());if(!K||!G)continue;switch(K){case"display":$.display=G;break;case"flex-direction":$.flexDirection=G;break;case"justify-content":$.justifyContent=VU(G);break;case"align-items":$.alignItems=AU(G);break;case"gap":$.gap=Number.parseInt(G,10);break;case"padding":$.padding=Number.parseInt(G,10);break;case"margin":$.margin=Number.parseInt(G,10);break;case"width":$.width=G==="auto"?"auto":Number.parseInt(G,10);break;case"height":$.height=G==="auto"?"auto":Number.parseInt(G,10);break;case"background-color":case"background":q.backgroundColor=G;break;case"border-color":q.borderColor=G;break;case"border-width":q.borderWidth=Number.parseInt(G,10);break;case"border-radius":q.borderRadius=Number.parseInt(G,10);break;case"opacity":q.opacity=Number.parseFloat(G);break}}}return{layout:$,appearance:q}}function VU(U){return{"flex-start":"start","flex-end":"end",center:"center","space-between":"between","space-around":"around"}[U]||"start"}function AU(U){return{"flex-start":"start","flex-end":"end",center:"center",stretch:"stretch"}[U]||"start"}function HU(U){let X=[],$=new Set;function q(Y,J){let K=Y.id||p();if($.has(K))return;$.add(K);let G={id:K,type:"component",path:Y.zigType,dependencies:J?[J]:[],size:c(Y),isStatic:RU(Y)};X.push(G);for(let Q of Y.children)q(Q,K)}return q(U),X}function c(U){let X=100;return X+=Object.keys(U.props).length*20,X+=U.events.size*50,X}function RU(U){for(let X of Object.values(U.props))if(X.type!=="literal")return!1;return U.events.size===0}function IU(U,X){return U}function MU(U,X){let $=0;function q(Y){$+=c(Y);for(let J of Y.children)q(J)}return q(X),$}function C(U,X){switch(X.format){case"zig":return d(U,X);case"typescript":return zU(U,X);case"json":return JSON.stringify(U,null,X.minify?0:2);default:return d(U,X)}}function d(U,X){let $=[];return $.push("// Auto-generated by stx compiler"),$.push("// Target: "+X.target),$.push(""),$.push('const std = @import("std");'),$.push('const craft = @import("craft");'),$.push(""),$.push("pub fn render(allocator: std.mem.Allocator) !craft.Element {"),$.push("    return try build(allocator);"),$.push("}"),$.push(""),i(U,$,0),$.join(`
-`)}function i(U,X,$){let q="    ".repeat($);if($===0)X.push("fn build(allocator: std.mem.Allocator) !craft.Element {");let Y=`node_${$}`;X.push(`${q}    var ${Y} = try ${U.zigType}.init(allocator);`);for(let[J,K]of Object.entries(U.props))if(K.type==="literal"){let G=typeof K.value==="string"?`"${K.value}"`:String(K.value);X.push(`${q}    ${Y}.set${xU(J)}(${G});`)}for(let J=0;J<U.children.length;J++){let K=U.children[J];if(K.type==="text"){let G=K.props.text?.type==="literal"?String(K.props.text.value):"";X.push(`${q}    try ${Y}.addChild(try craft.Text.init(allocator, "${G}"));`)}else i(K,X,$+1),X.push(`${q}    try ${Y}.addChild(node_${$+1});`)}if($===0)X.push(`    return ${Y}.element();`),X.push("}")}function zU(U,X){let $=[];return $.push("// Auto-generated by stx compiler"),$.push("// Target: "+X.target),$.push(""),$.push('import { Craft } from "@stacksjs/craft";'),$.push(""),$.push("export function render(): Craft.Element {"),$.push("  return "+r(U,1)+";"),$.push("}"),$.join(`
-`)}function r(U,X){let $="  ".repeat(X),q=[];for(let[G,Q]of Object.entries(U.props))if(Q.type==="literal"){let W=typeof Q.value==="string"?`"${Q.value}"`:String(Q.value);q.push(`${G}: ${W}`)}let Y=q.length>0?`{ ${q.join(", ")} }`:"{}",J=U.children.map((G)=>G.type==="text"?`"${G.props.text?.type==="literal"?G.props.text.value:""}"`:r(G,X+1)),K=J.length>0?`,
-${$}  [${J.join(`,
-${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,$){if(X.target==="universal"){let q=[];q.push("// Universal entry point"),q.push("");for(let[Y,J]of $)q.push(`// --- ${Y.toUpperCase()} ---`),q.push(`#if ${Y.toUpperCase()}`),q.push(J),q.push("#endif"),q.push("");return q.join(`
-`)}return $.get(X.target)||C(U,X)}function kU(U,X,$){let q=[];function Y(J){q.push({name:J.zigType,hash:a(JSON.stringify(J.props)),props:Object.keys(J.props),events:Array.from(J.events.keys()),slots:[],isNative:J.zigType.startsWith("craft.")});for(let K of J.children)Y(K)}return Y(X),{version:"1.0.0",components:q,entry:U.id,assets:[],styles:U.styles}}function bU(U,X){return JSON.stringify({version:3,file:"output.zig",sources:["input.stx"],mappings:""})}var TU=0;function p(){return`id_${++TU}`}function a(U){let X=0;for(let $=0;$<U.length;$++){let q=U.charCodeAt($);X=(X<<5)-X+q,X=X&X}return Math.abs(X).toString(36)}function xU(U){return U.charAt(0).toUpperCase()+U.slice(1)}function PU(U){let X=[],$=/<script[^>]*>([\s\S]*?)<\/script>/gi,q;while((q=$.exec(U))!==null)X.push(q[1]);return X}function DU(U){let X=[],$=/<style[^>]*>([\s\S]*?)<\/style>/gi,q;while((q=$.exec(U))!==null)X.push(q[1]);return X}function N(U){let X=U.type==="component"?1:0;if(U.children)for(let $ of U.children)X+=N($);return X}function v(U){let X=U.zigType.startsWith("craft.")?1:0;for(let $ of U.children)X+=v($);return X}function bX(U){return{start:async()=>{console.log("[craft-compiler] Hot reload server started")},stop:async()=>{console.log("[craft-compiler] Hot reload server stopped")},notifyChange:(X)=>{console.log(`[craft-compiler] File changed: ${X}`)}}}var u={button:{nativeType:"craft-button",fallbackTag:"button",fallbackClasses:"craft-button",nativeProps:["variant","size","disabled","loading"]},"text-input":{nativeType:"craft-text-input",fallbackTag:"input",fallbackClasses:"craft-text-input",nativeProps:["placeholder","value","type","disabled","readonly"]},textarea:{nativeType:"craft-textarea",fallbackTag:"textarea",fallbackClasses:"craft-textarea",nativeProps:["placeholder","value","rows","disabled","readonly"]},checkbox:{nativeType:"craft-checkbox",fallbackTag:"input",fallbackClasses:"craft-checkbox",nativeProps:["checked","disabled","label"],render:(U,X)=>{let $=U.checked?"checked":"",q=U.disabled?"disabled":"";return`<label class="craft-checkbox-wrapper">
+${$}`);return $+U}var wU=new Map([["craft-button",{name:"Button",zigType:"craft.Button",props:[{name:"variant",type:"string",required:!1,default:"primary"},{name:"disabled",type:"boolean",required:!1,default:!1},{name:"onclick",type:"callback",required:!1}],children:"single"}],["craft-text-input",{name:"TextInput",zigType:"craft.TextInput",props:[{name:"value",type:"string",required:!1,default:""},{name:"placeholder",type:"string",required:!1},{name:"disabled",type:"boolean",required:!1,default:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-textarea",{name:"TextArea",zigType:"craft.TextArea",props:[{name:"value",type:"string",required:!1,default:""},{name:"placeholder",type:"string",required:!1},{name:"rows",type:"number",required:!1,default:3},{name:"disabled",type:"boolean",required:!1,default:!1}],children:"none"}],["craft-checkbox",{name:"Checkbox",zigType:"craft.Checkbox",props:[{name:"checked",type:"boolean",required:!1,default:!1},{name:"label",type:"string",required:!1},{name:"disabled",type:"boolean",required:!1,default:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-select",{name:"Select",zigType:"craft.Select",props:[{name:"value",type:"string",required:!1},{name:"options",type:"array",required:!0},{name:"disabled",type:"boolean",required:!1,default:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-slider",{name:"Slider",zigType:"craft.Slider",props:[{name:"value",type:"number",required:!1,default:0},{name:"min",type:"number",required:!1,default:0},{name:"max",type:"number",required:!1,default:100},{name:"step",type:"number",required:!1,default:1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-toggle",{name:"Toggle",zigType:"craft.Toggle",props:[{name:"checked",type:"boolean",required:!1,default:!1},{name:"disabled",type:"boolean",required:!1,default:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-modal",{name:"Modal",zigType:"craft.Modal",props:[{name:"open",type:"boolean",required:!1,default:!1},{name:"title",type:"string",required:!1},{name:"closable",type:"boolean",required:!1,default:!0},{name:"onclose",type:"callback",required:!1}],children:"multiple"}],["craft-alert",{name:"Alert",zigType:"craft.Alert",props:[{name:"variant",type:"string",required:!1,default:"info"},{name:"title",type:"string",required:!1},{name:"dismissible",type:"boolean",required:!1,default:!1}],children:"single"}],["craft-progress",{name:"ProgressBar",zigType:"craft.ProgressBar",props:[{name:"value",type:"number",required:!1,default:0},{name:"max",type:"number",required:!1,default:100},{name:"indeterminate",type:"boolean",required:!1,default:!1}],children:"none"}],["craft-spinner",{name:"Spinner",zigType:"craft.Spinner",props:[{name:"size",type:"number",required:!1,default:24}],children:"none"}],["craft-avatar",{name:"Avatar",zigType:"craft.Avatar",props:[{name:"src",type:"string",required:!1},{name:"alt",type:"string",required:!1},{name:"size",type:"number",required:!1,default:40}],children:"none"}],["craft-badge",{name:"Badge",zigType:"craft.Badge",props:[{name:"variant",type:"string",required:!1,default:"default"}],children:"single"}],["craft-card",{name:"Card",zigType:"craft.Card",props:[{name:"padding",type:"number",required:!1,default:16}],children:"multiple"}],["craft-sidebar",{name:"Sidebar",zigType:"craft.NativeSidebar",props:[{name:"id",type:"string",required:!1},{name:"variant",type:"string",required:!1,default:"desktop"},{name:"material",type:"string",required:!1,default:"sidebar"},{name:"backgroundEffect",type:"string",required:!1,default:"shimmer"},{name:"allowsVibrancy",type:"boolean",required:!1,default:!0},{name:"materialOpacity",type:"number",required:!1,default:0.68},{name:"minWidth",type:"number",required:!1,default:240},{name:"maxWidth",type:"number",required:!1,default:340},{name:"canCollapse",type:"boolean",required:!1,default:!0},{name:"selectedItem",type:"string",required:!1},{name:"sections",type:"array",required:!1}],children:"multiple",platform:["macos"],fallback:"aside"}],["craft-sidebar-section",{name:"SidebarSection",zigType:"craft.NativeSidebarSection",props:[{name:"id",type:"string",required:!0},{name:"title",type:"string",required:!1},{name:"header",type:"string",required:!1}],children:"multiple",platform:["macos"],fallback:"section"}],["craft-sidebar-item",{name:"SidebarItem",zigType:"craft.NativeSidebarItem",props:[{name:"id",type:"string",required:!0},{name:"label",type:"string",required:!0},{name:"icon",type:"string",required:!1},{name:"badge",type:"string",required:!1},{name:"tintColor",type:"color",required:!1}],children:"none",platform:["macos"],fallback:"button"}],["craft-accordion",{name:"Accordion",zigType:"craft.Accordion",props:[{name:"title",type:"string",required:!0},{name:"open",type:"boolean",required:!1,default:!1}],children:"multiple"}],["craft-tabs",{name:"TabView",zigType:"craft.TabView",props:[{name:"activeTab",type:"number",required:!1,default:0},{name:"ontabchange",type:"callback",required:!1}],children:"multiple"}],["craft-tooltip",{name:"Tooltip",zigType:"craft.Tooltip",props:[{name:"content",type:"string",required:!0},{name:"position",type:"string",required:!1,default:"top"}],children:"single"}],["craft-date-picker",{name:"DatePicker",zigType:"craft.DatePicker",props:[{name:"value",type:"string",required:!1},{name:"min",type:"string",required:!1},{name:"max",type:"string",required:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-time-picker",{name:"TimePicker",zigType:"craft.TimePicker",props:[{name:"value",type:"string",required:!1},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-color-picker",{name:"ColorPicker",zigType:"craft.ColorPicker",props:[{name:"value",type:"color",required:!1,default:"#000000"},{name:"onchange",type:"callback",required:!1}],children:"none"}],["craft-data-table",{name:"DataTable",zigType:"craft.DataTable",props:[{name:"data",type:"array",required:!0},{name:"columns",type:"array",required:!0},{name:"sortable",type:"boolean",required:!1,default:!1},{name:"paginated",type:"boolean",required:!1,default:!1}],children:"none"}],["craft-virtual-list",{name:"VirtualList",zigType:"craft.VirtualList",props:[{name:"items",type:"array",required:!0},{name:"itemHeight",type:"number",required:!1,default:48},{name:"renderItem",type:"callback",required:!0}],children:"none"}],["craft-tree-view",{name:"TreeView",zigType:"craft.TreeView",props:[{name:"data",type:"object",required:!0},{name:"expandable",type:"boolean",required:!1,default:!0}],children:"none"}]]);async function PX(U,X={}){let $=performance.now(),q={target:X.target||"universal",format:X.format||"zig",optimize:X.optimize??!0,treeShake:X.treeShake??!0,hotReload:X.hotReload??!1,debug:X.debug??!1,sourceMaps:X.sourceMaps??!1,bundle:X.bundle??!0,minify:X.minify??!1,components:X.components||wU},J=typeof U==="string"?LU(U):U,Y=BU(J.tree,q),K=IU(Y),G=q.treeShake?zU(Y,K):Y,Q=new Map;if(q.target==="universal"){let L=["macos","windows","linux","ios","android"];for(let O of L){let B=N(G,{...q,target:O});Q.set(O,B)}}else{let L=N(G,q);Q.set(q.target,L)}let W=TU(G,q,Q),_=bU(J,G,q),w={compilationTime:performance.now()-$,totalComponents:v(J.tree),nativeComponents:u(G),webComponents:v(J.tree)-u(G),bundleSize:W.length,treeShakenSize:q.treeShake?jU(Y,G):W.length,warnings:[],errors:[]},F;if(q.sourceMaps)F=xU(J,G);return{code:W,platformCode:Q,dependencies:K,manifest:_,sourceMaps:F,stats:w}}function LU(U){let X={type:"fragment",children:[]},$=U.match(/<body[^>]*>([\s\S]*?)<\/body>/i),q=$?$[1]:U;return l(q,X),{id:p(),hash:n(U),tree:X,scripts:CU(U),styles:yU(U),staticParts:new Map,dynamicParts:new Map,dependencies:[],metadata:{hasSlots:!1,hasDynamicContent:U.includes("{{"),hasEventHandlers:U.includes("onclick")||U.includes("onchange"),hasAsyncContent:!1,componentCount:0,maxDepth:0,estimatedSize:U.length}}}function l(U,X){let $=/<(@?[\w-]+)([^>]*)(?:\/>|>([\s\S]*?)<\/\1>)/g,q;while((q=$.exec(U))!==null){let[,J,Y,K]=q,G=J.startsWith("@craft-"),Q={type:G?"component":"element",tag:G?J.slice(1):J,props:FU(Y),children:[],componentName:G?J.slice(1):void 0};if(K){let W=K.replace(/<[^>]+>/g,"").trim();if(W)Q.children=Q.children??[],Q.children.push({type:"text",text:W});l(K,Q)}X.children=X.children??[],X.children.push(Q)}}function FU(U){let X={},$=/([\w-:@]+)(?:=["']([^"']*)["'])?/g,q;while((q=$.exec(U))!==null){let[,J,Y]=q;X[J]=Y??!0}return X}function BU(U,X){return s(U,X)}function s(U,X){let $=U.componentName?X.components?.get(U.componentName):void 0,q="craft.View";if($)q=$.zigType;else if(U.type==="text")q="craft.Text";else if(U.tag)q=OU(U.tag);let J={};if(U.props)for(let[Q,W]of Object.entries(U.props))J[Q]=EU(W);let Y=[];if(U.children)for(let Q of U.children)Y.push(s(Q,X));let K=new Map;if(U.props){for(let[Q,W]of Object.entries(U.props))if(Q.startsWith("on")&&typeof W==="string")K.set(Q.slice(2).toLowerCase(),W)}let G=AU(U);return{type:VU(U,$),zigType:q,props:J,children:Y,events:K,styles:G,id:U.hydrationKey,key:U.props?.key}}function OU(U){return{div:"craft.View",span:"craft.Text",p:"craft.Text",h1:"craft.Text",h2:"craft.Text",h3:"craft.Text",h4:"craft.Text",h5:"craft.Text",h6:"craft.Text",button:"craft.Button",input:"craft.TextInput",textarea:"craft.TextArea",select:"craft.Select",img:"craft.Image",a:"craft.Link",ul:"craft.List",ol:"craft.List",li:"craft.ListItem",form:"craft.Form",label:"craft.Label",nav:"craft.View",header:"craft.View",footer:"craft.View",main:"craft.View",section:"craft.View",article:"craft.View",aside:"craft.View"}[U.toLowerCase()]||"craft.View"}function EU(U){if(typeof U==="string"){if(U.startsWith("{{")&&U.endsWith("}}"))return{type:"binding",path:U.slice(2,-2).trim()};if(U.includes("(")&&U.includes(")"))return{type:"callback",handler:U};return{type:"literal",value:U}}if(typeof U==="number"||typeof U==="boolean")return{type:"literal",value:U};return{type:"literal",value:String(U)}}function VU(U,X){if(X){let q=X.name.toLowerCase();if(q.includes("button"))return"button";if(q.includes("input")||q.includes("text"))return"input";if(q.includes("image")||q.includes("avatar"))return"image";if(q.includes("list")||q.includes("table"))return"list";if(q.includes("scroll"))return"scroll";return"custom"}if(U.type==="text")return"text";let $=U.tag?.toLowerCase();if($==="button")return"button";if($==="input"||$==="textarea")return"input";if($==="img")return"image";if($==="ul"||$==="ol")return"list";return"view"}function AU(U){let X=U.props?.style,$={},q={};if(X){let J=X.split(";").filter(Boolean);for(let Y of J){let[K,G]=Y.split(":").map((Q)=>Q.trim());if(!K||!G)continue;switch(K){case"display":$.display=G;break;case"flex-direction":$.flexDirection=G;break;case"justify-content":$.justifyContent=HU(G);break;case"align-items":$.alignItems=RU(G);break;case"gap":$.gap=Number.parseInt(G,10);break;case"padding":$.padding=Number.parseInt(G,10);break;case"margin":$.margin=Number.parseInt(G,10);break;case"width":$.width=G==="auto"?"auto":Number.parseInt(G,10);break;case"height":$.height=G==="auto"?"auto":Number.parseInt(G,10);break;case"background-color":case"background":q.backgroundColor=G;break;case"border-color":q.borderColor=G;break;case"border-width":q.borderWidth=Number.parseInt(G,10);break;case"border-radius":q.borderRadius=Number.parseInt(G,10);break;case"opacity":q.opacity=Number.parseFloat(G);break}}}return{layout:$,appearance:q}}function HU(U){return{"flex-start":"start","flex-end":"end",center:"center","space-between":"between","space-around":"around"}[U]||"start"}function RU(U){return{"flex-start":"start","flex-end":"end",center:"center",stretch:"stretch"}[U]||"start"}function IU(U){let X=[],$=new Set;function q(J,Y){let K=J.id||p();if($.has(K))return;$.add(K);let G={id:K,type:"component",path:J.zigType,dependencies:Y?[Y]:[],size:c(J),isStatic:MU(J)};X.push(G);for(let Q of J.children)q(Q,K)}return q(U),X}function c(U){let X=100;return X+=Object.keys(U.props).length*20,X+=U.events.size*50,X}function MU(U){for(let X of Object.values(U.props))if(X.type!=="literal")return!1;return U.events.size===0}function zU(U,X){return U}function jU(U,X){let $=0;function q(J){$+=c(J);for(let Y of J.children)q(Y)}return q(X),$}function N(U,X){switch(X.format){case"zig":return d(U,X);case"typescript":return kU(U,X);case"json":return JSON.stringify(U,null,X.minify?0:2);default:return d(U,X)}}function d(U,X){let $=[];return $.push("// Auto-generated by stx compiler"),$.push("// Target: "+X.target),$.push(""),$.push('const std = @import("std");'),$.push('const craft = @import("craft");'),$.push(""),$.push("pub fn render(allocator: std.mem.Allocator) !craft.Element {"),$.push("    return try build(allocator);"),$.push("}"),$.push(""),i(U,$,0),$.join(`
+`)}function i(U,X,$){let q="    ".repeat($);if($===0)X.push("fn build(allocator: std.mem.Allocator) !craft.Element {");let J=`node_${$}`;X.push(`${q}    var ${J} = try ${U.zigType}.init(allocator);`);for(let[Y,K]of Object.entries(U.props))if(K.type==="literal"){let G=typeof K.value==="string"?`"${K.value}"`:String(K.value);X.push(`${q}    ${J}.set${DU(Y)}(${G});`)}for(let Y=0;Y<U.children.length;Y++){let K=U.children[Y];if(K.type==="text"){let G=K.props.text?.type==="literal"?String(K.props.text.value):"";X.push(`${q}    try ${J}.addChild(try craft.Text.init(allocator, "${G}"));`)}else i(K,X,$+1),X.push(`${q}    try ${J}.addChild(node_${$+1});`)}if($===0)X.push(`    return ${J}.element();`),X.push("}")}function kU(U,X){let $=[];return $.push("// Auto-generated by stx compiler"),$.push("// Target: "+X.target),$.push(""),$.push('import { Craft } from "@stacksjs/craft";'),$.push(""),$.push("export function render(): Craft.Element {"),$.push("  return "+r(U,1)+";"),$.push("}"),$.join(`
+`)}function r(U,X){let $="  ".repeat(X),q=[];for(let[G,Q]of Object.entries(U.props))if(Q.type==="literal"){let W=typeof Q.value==="string"?`"${Q.value}"`:String(Q.value);q.push(`${G}: ${W}`)}let J=q.length>0?`{ ${q.join(", ")} }`:"{}",Y=U.children.map((G)=>G.type==="text"?`"${G.props.text?.type==="literal"?G.props.text.value:""}"`:r(G,X+1)),K=Y.length>0?`,
+${$}  [${Y.join(`,
+${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${J}${K})`}function TU(U,X,$){if(X.target==="universal"){let q=[];q.push("// Universal entry point"),q.push("");for(let[J,Y]of $)q.push(`// --- ${J.toUpperCase()} ---`),q.push(`#if ${J.toUpperCase()}`),q.push(Y),q.push("#endif"),q.push("");return q.join(`
+`)}return $.get(X.target)||N(U,X)}function bU(U,X,$){let q=[];function J(Y){q.push({name:Y.zigType,hash:n(JSON.stringify(Y.props)),props:Object.keys(Y.props),events:Array.from(Y.events.keys()),slots:[],isNative:Y.zigType.startsWith("craft.")});for(let K of Y.children)J(K)}return J(X),{version:"1.0.0",components:q,entry:U.id,assets:[],styles:U.styles}}function xU(U,X){return JSON.stringify({version:3,file:"output.zig",sources:["input.stx"],mappings:""})}var PU=0;function p(){return`id_${++PU}`}function n(U){let X=0;for(let $=0;$<U.length;$++){let q=U.charCodeAt($);X=(X<<5)-X+q,X=X&X}return Math.abs(X).toString(36)}function DU(U){return U.charAt(0).toUpperCase()+U.slice(1)}function CU(U){let X=[],$=/<script[^>]*>([\s\S]*?)<\/script>/gi,q;while((q=$.exec(U))!==null)X.push(q[1]);return X}function yU(U){let X=[],$=/<style[^>]*>([\s\S]*?)<\/style>/gi,q;while((q=$.exec(U))!==null)X.push(q[1]);return X}function v(U){let X=U.type==="component"?1:0;if(U.children)for(let $ of U.children)X+=v($);return X}function u(U){let X=U.zigType.startsWith("craft.")?1:0;for(let $ of U.children)X+=u($);return X}function DX(U){return{start:async()=>{console.log("[craft-compiler] Hot reload server started")},stop:async()=>{console.log("[craft-compiler] Hot reload server stopped")},notifyChange:(X)=>{console.log(`[craft-compiler] File changed: ${X}`)}}}var g={button:{nativeType:"craft-button",fallbackTag:"button",fallbackClasses:"craft-button",nativeProps:["variant","size","disabled","loading"]},"text-input":{nativeType:"craft-text-input",fallbackTag:"input",fallbackClasses:"craft-text-input",nativeProps:["placeholder","value","type","disabled","readonly"]},textarea:{nativeType:"craft-textarea",fallbackTag:"textarea",fallbackClasses:"craft-textarea",nativeProps:["placeholder","value","rows","disabled","readonly"]},checkbox:{nativeType:"craft-checkbox",fallbackTag:"input",fallbackClasses:"craft-checkbox",nativeProps:["checked","disabled","label"],render:(U,X)=>{let $=U.checked?"checked":"",q=U.disabled?"disabled":"";return`<label class="craft-checkbox-wrapper">
         <input type="checkbox" class="craft-checkbox" ${$} ${q}>
         <span class="craft-checkbox-label">${X||U.label||""}</span>
-      </label>`}},radio:{nativeType:"craft-radio",fallbackTag:"input",fallbackClasses:"craft-radio",nativeProps:["checked","disabled","name","value","label"]},select:{nativeType:"craft-select",fallbackTag:"select",fallbackClasses:"craft-select",nativeProps:["value","disabled","options","placeholder"]},slider:{nativeType:"craft-slider",fallbackTag:"input",fallbackClasses:"craft-slider",nativeProps:["value","min","max","step","disabled"],render:(U,X)=>{let $=U.min??0,q=U.max??100,Y=U.step??1,J=U.value??50,K=U.disabled?"disabled":"";return`<input type="range" class="craft-slider" min="${$}" max="${q}" step="${Y}" value="${J}" ${K}>`}},label:{nativeType:"craft-label",fallbackTag:"span",fallbackClasses:"craft-label",nativeProps:["text","for"]},badge:{nativeType:"craft-badge",fallbackTag:"span",fallbackClasses:"craft-badge",nativeProps:["variant","size"]},avatar:{nativeType:"craft-avatar",fallbackTag:"div",fallbackClasses:"craft-avatar",nativeProps:["src","alt","size","fallback"],render:(U,X)=>{let $=U.size||40,q=U.src,Y=String(U.alt||""),J=U.fallback||(Y?Y.charAt(0).toUpperCase():"?");if(q)return`<img class="craft-avatar" src="${q}" alt="${Y}" style="width:${$}px;height:${$}px;border-radius:50%">`;return`<div class="craft-avatar craft-avatar-fallback" style="width:${$}px;height:${$}px;border-radius:50%;display:flex;align-items:center;justify-content:center">${J}</div>`}},progress:{nativeType:"craft-progress",fallbackTag:"div",fallbackClasses:"craft-progress",nativeProps:["value","max","variant"],render:(U,X)=>{let $=Number(U.value)||0,q=Number(U.max)||100;return`<div class="craft-progress"><div class="craft-progress-bar" style="width:${Math.min(100,Math.max(0,$/q*100))}%"></div></div>`}},spinner:{nativeType:"craft-spinner",fallbackTag:"div",fallbackClasses:"craft-spinner",nativeProps:["size"],render:(U,X)=>{let $=U.size||24;return`<div class="craft-spinner" style="width:${$}px;height:${$}px"></div>`}},card:{nativeType:"craft-card",fallbackTag:"div",fallbackClasses:"craft-card",nativeProps:["title","subtitle","variant"]},modal:{nativeType:"craft-modal",fallbackTag:"dialog",fallbackClasses:"craft-modal",nativeProps:["open","title","closable","size"],render:(U,X)=>{let $=U.open?"open":"",q=U.title||"";return`<dialog class="craft-modal" ${$}>
+      </label>`}},radio:{nativeType:"craft-radio",fallbackTag:"input",fallbackClasses:"craft-radio",nativeProps:["checked","disabled","name","value","label"]},select:{nativeType:"craft-select",fallbackTag:"select",fallbackClasses:"craft-select",nativeProps:["value","disabled","options","placeholder"]},slider:{nativeType:"craft-slider",fallbackTag:"input",fallbackClasses:"craft-slider",nativeProps:["value","min","max","step","disabled"],render:(U,X)=>{let $=U.min??0,q=U.max??100,J=U.step??1,Y=U.value??50,K=U.disabled?"disabled":"";return`<input type="range" class="craft-slider" min="${$}" max="${q}" step="${J}" value="${Y}" ${K}>`}},label:{nativeType:"craft-label",fallbackTag:"span",fallbackClasses:"craft-label",nativeProps:["text","for"]},badge:{nativeType:"craft-badge",fallbackTag:"span",fallbackClasses:"craft-badge",nativeProps:["variant","size"]},avatar:{nativeType:"craft-avatar",fallbackTag:"div",fallbackClasses:"craft-avatar",nativeProps:["src","alt","size","fallback"],render:(U,X)=>{let $=U.size||40,q=U.src,J=String(U.alt||""),Y=U.fallback||(J?J.charAt(0).toUpperCase():"?");if(q)return`<img class="craft-avatar" src="${q}" alt="${J}" style="width:${$}px;height:${$}px;border-radius:50%">`;return`<div class="craft-avatar craft-avatar-fallback" style="width:${$}px;height:${$}px;border-radius:50%;display:flex;align-items:center;justify-content:center">${Y}</div>`}},progress:{nativeType:"craft-progress",fallbackTag:"div",fallbackClasses:"craft-progress",nativeProps:["value","max","variant"],render:(U,X)=>{let $=Number(U.value)||0,q=Number(U.max)||100;return`<div class="craft-progress"><div class="craft-progress-bar" style="width:${Math.min(100,Math.max(0,$/q*100))}%"></div></div>`}},spinner:{nativeType:"craft-spinner",fallbackTag:"div",fallbackClasses:"craft-spinner",nativeProps:["size"],render:(U,X)=>{let $=U.size||24;return`<div class="craft-spinner" style="width:${$}px;height:${$}px"></div>`}},card:{nativeType:"craft-card",fallbackTag:"div",fallbackClasses:"craft-card",nativeProps:["title","subtitle","variant"]},modal:{nativeType:"craft-modal",fallbackTag:"dialog",fallbackClasses:"craft-modal",nativeProps:["open","title","closable","size"],render:(U,X)=>{let $=U.open?"open":"",q=U.title||"";return`<dialog class="craft-modal" ${$}>
         <div class="craft-modal-content">
           ${q?`<div class="craft-modal-header"><h2>${q}</h2></div>`:""}
           <div class="craft-modal-body">${X}</div>
@@ -794,7 +952,7 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
       </details>`}},divider:{nativeType:"craft-divider",fallbackTag:"hr",fallbackClasses:"craft-divider",nativeProps:["orientation","variant"]},table:{nativeType:"craft-table",fallbackTag:"table",fallbackClasses:"craft-table",nativeProps:["columns","rows","sortable","selectable"]},list:{nativeType:"craft-list",fallbackTag:"ul",fallbackClasses:"craft-list",nativeProps:["items","selectable"]},tree:{nativeType:"craft-tree",fallbackTag:"div",fallbackClasses:"craft-tree",nativeProps:["nodes","expandable","selectable"]},alert:{nativeType:"craft-alert",fallbackTag:"div",fallbackClasses:"craft-alert",nativeProps:["variant","title","dismissible"],render:(U,X)=>{let $=U.variant||"info",q=U.title||"";return`<div class="craft-alert craft-alert-${$}" role="alert">
         ${q?`<div class="craft-alert-title">${q}</div>`:""}
         <div class="craft-alert-content">${X}</div>
-      </div>`}},toast:{nativeType:"craft-toast",fallbackTag:"div",fallbackClasses:"craft-toast",nativeProps:["variant","duration","position"]},tooltip:{nativeType:"craft-tooltip",fallbackTag:"span",fallbackClasses:"craft-tooltip",nativeProps:["content","position"],render:(U,X)=>{let $=U.content||"",q=U.position||"top";return`<span class="craft-tooltip" data-tooltip="${$}" data-position="${q}">${X}</span>`}},menu:{nativeType:"craft-menu",fallbackTag:"nav",fallbackClasses:"craft-menu",nativeProps:["items","orientation"]},breadcrumb:{nativeType:"craft-breadcrumb",fallbackTag:"nav",fallbackClasses:"craft-breadcrumb",nativeProps:["items","separator"]},sidebar:{nativeType:"craft-sidebar",fallbackTag:"aside",fallbackClasses:"craft-sidebar craft-sidebar-tahoe",nativeProps:["id","variant","material","backgroundEffect","allowsVibrancy","materialOpacity","materialDarkOpacity","minWidth","maxWidth","canCollapse","searchPlaceholder","selectedItem","sections"],render:SU},"sidebar-section":{nativeType:"craft-sidebar-section",fallbackTag:"section",fallbackClasses:"craft-sidebar-section",nativeProps:["id","title","header"],render:yU},"sidebar-item":{nativeType:"craft-sidebar-item",fallbackTag:"button",fallbackClasses:"craft-sidebar-item",nativeProps:["id","label","icon","badge","tintColor"],render:CU},pagination:{nativeType:"craft-pagination",fallbackTag:"nav",fallbackClasses:"craft-pagination",nativeProps:["total","page","pageSize"]},"code-editor":{nativeType:"craft-code-editor",fallbackTag:"textarea",fallbackClasses:"craft-code-editor",nativeProps:["value","language","theme","readonly","lineNumbers"]},"file-browser":{nativeType:"craft-file-browser",fallbackTag:"div",fallbackClasses:"craft-file-browser",nativeProps:["path","showHidden","selectable"]},"color-picker":{nativeType:"craft-color-picker",fallbackTag:"input",fallbackClasses:"craft-color-picker",nativeProps:["value","format"],render:(U,X)=>{return`<input type="color" class="craft-color-picker" value="${U.value||"#000000"}">`}},"date-picker":{nativeType:"craft-date-picker",fallbackTag:"input",fallbackClasses:"craft-date-picker",nativeProps:["value","min","max","format"],render:(U,X)=>{let $=U.value||"",q=U.min||"",Y=U.max||"";return`<input type="date" class="craft-date-picker" value="${$}" min="${q}" max="${Y}">`}},"time-picker":{nativeType:"craft-time-picker",fallbackTag:"input",fallbackClasses:"craft-time-picker",nativeProps:["value","min","max","step"],render:(U,X)=>{return`<input type="time" class="craft-time-picker" value="${U.value||""}">`}}},n=`
+      </div>`}},toast:{nativeType:"craft-toast",fallbackTag:"div",fallbackClasses:"craft-toast",nativeProps:["variant","duration","position"]},tooltip:{nativeType:"craft-tooltip",fallbackTag:"span",fallbackClasses:"craft-tooltip",nativeProps:["content","position"],render:(U,X)=>{let $=U.content||"",q=U.position||"top";return`<span class="craft-tooltip" data-tooltip="${$}" data-position="${q}">${X}</span>`}},menu:{nativeType:"craft-menu",fallbackTag:"nav",fallbackClasses:"craft-menu",nativeProps:["items","orientation"]},breadcrumb:{nativeType:"craft-breadcrumb",fallbackTag:"nav",fallbackClasses:"craft-breadcrumb",nativeProps:["items","separator"]},sidebar:{nativeType:"craft-sidebar",fallbackTag:"aside",fallbackClasses:"craft-sidebar craft-sidebar-tahoe",nativeProps:["id","variant","material","backgroundEffect","allowsVibrancy","materialOpacity","materialDarkOpacity","minWidth","maxWidth","canCollapse","searchPlaceholder","selectedItem","sections","spaces","selectedSpace"],render:SU},"sidebar-space":{nativeType:"craft-sidebar-space",fallbackTag:"section",fallbackClasses:"craft-sidebar-space",nativeProps:["id","label","icon","tint"],render:NU},"sidebar-section":{nativeType:"craft-sidebar-section",fallbackTag:"section",fallbackClasses:"craft-sidebar-section",nativeProps:["id","title","header"],render:vU},"sidebar-item":{nativeType:"craft-sidebar-item",fallbackTag:"button",fallbackClasses:"craft-sidebar-item",nativeProps:["id","label","icon","badge","tintColor"],render:uU},pagination:{nativeType:"craft-pagination",fallbackTag:"nav",fallbackClasses:"craft-pagination",nativeProps:["total","page","pageSize"]},"code-editor":{nativeType:"craft-code-editor",fallbackTag:"textarea",fallbackClasses:"craft-code-editor",nativeProps:["value","language","theme","readonly","lineNumbers"]},"file-browser":{nativeType:"craft-file-browser",fallbackTag:"div",fallbackClasses:"craft-file-browser",nativeProps:["path","showHidden","selectable"]},"color-picker":{nativeType:"craft-color-picker",fallbackTag:"input",fallbackClasses:"craft-color-picker",nativeProps:["value","format"],render:(U,X)=>{return`<input type="color" class="craft-color-picker" value="${U.value||"#000000"}">`}},"date-picker":{nativeType:"craft-date-picker",fallbackTag:"input",fallbackClasses:"craft-date-picker",nativeProps:["value","min","max","format"],render:(U,X)=>{let $=U.value||"",q=U.min||"",J=U.max||"";return`<input type="date" class="craft-date-picker" value="${$}" min="${q}" max="${J}">`}},"time-picker":{nativeType:"craft-time-picker",fallbackTag:"input",fallbackClasses:"craft-time-picker",nativeProps:["value","min","max","step"],render:(U,X)=>{return`<input type="time" class="craft-time-picker" value="${U.value||""}">`}}},a=`
 <style id="craft-component-styles">
 /* Craft Component Base Styles */
 .craft-button {
@@ -1132,6 +1290,48 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   background: rgba(255, 255, 255, 0.24);
 }
 
+/* Spaces fallback. Stacked in document order behind a rail \u2014 legible without
+   a native host, and deliberately not a second swipe implementation. */
+.craft-sidebar-spaces {
+  position: relative;
+  z-index: 1;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.craft-sidebar-space-title {
+  padding: 10px 8px 4px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.craft-sidebar-space-switcher {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  padding-top: 6px;
+}
+.craft-sidebar-space-tab {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 26px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 700;
+  opacity: 0.4;
+  cursor: default;
+}
+.craft-sidebar-space-tab[data-selected="true"] {
+  opacity: 1;
+  background: rgba(255, 255, 255, 0.55);
+}
+
 .craft-code-editor {
   font-family: 'SF Mono', 'Fira Code', monospace;
   font-size: 13px;
@@ -1170,7 +1370,7 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   }
 }
 </style>
-`,xX=`
+`,yX=`
 <script id="craft-component-runtime">
 (function() {
   if (window.__stxCraftComponentRuntime) return;
@@ -1206,11 +1406,36 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
     var config = parseConfig(sidebar);
     if (!config) return;
 
+    var hasSpaces = !!(config.spaces && config.spaces.length);
+    // Spaces need a host that can swipe between whole scenes. Falling back to
+    // createSidebar would flatten every space into one list, which is worse
+    // than the web rendering already on the page \u2014 so leave that in place.
+    if (hasSpaces && typeof nativeUI.createSpacesSidebar !== 'function') return;
+
     try {
       var nativeConfig = Object.assign({}, config);
       delete nativeConfig.sections;
-      var nativeSidebar = nativeUI.createSidebar(nativeConfig);
-      if (nativeSidebar && config.sections) {
+      delete nativeConfig.spaces;
+
+      var nativeSidebar = hasSpaces
+        ? nativeUI.createSpacesSidebar(nativeConfig)
+        : nativeUI.createSidebar(nativeConfig);
+
+      if (nativeSidebar && hasSpaces && nativeSidebar.setSpaces) {
+        nativeSidebar.setSpaces(config.spaces);
+      }
+      if (nativeSidebar && hasSpaces && config.selectedSpace && nativeSidebar.setActiveSpace) {
+        nativeSidebar.setActiveSpace(config.selectedSpace);
+      }
+      if (nativeSidebar && hasSpaces && nativeSidebar.onSpaceChange) {
+        nativeSidebar.onSpaceChange(function(spaceId) {
+          sidebar.dispatchEvent(new CustomEvent('craft-sidebar:space', {
+            bubbles: true,
+            detail: { spaceId: spaceId, sidebarId: config.id }
+          }));
+        });
+      }
+      if (nativeSidebar && !hasSpaces && config.sections) {
         config.sections.forEach(function(section) {
           if (nativeSidebar.addSection) nativeSidebar.addSection(section);
         });
@@ -1249,7 +1474,7 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   document.addEventListener('craft:nativeui:ready', initializeCraftComponents);
 })();
 </script>
-`;function o(U,X={}){let{classPrefix:$="craft"}=X;if(!U.includes("craft-component-styles"))if(U.includes("</head>"))U=U.replace("</head>",`
+`;function o(U,X={}){let{classPrefix:$="craft"}=X;if(!U.includes("craft-component-styles"))if(U.includes("</head>"))U=U.replace("</head>",`${`
 <style id="craft-component-styles">
 /* Craft Component Base Styles */
 .craft-button {
@@ -1587,6 +1812,48 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   background: rgba(255, 255, 255, 0.24);
 }
 
+/* Spaces fallback. Stacked in document order behind a rail \u2014 legible without
+   a native host, and deliberately not a second swipe implementation. */
+.craft-sidebar-spaces {
+  position: relative;
+  z-index: 1;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.craft-sidebar-space-title {
+  padding: 10px 8px 4px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.craft-sidebar-space-switcher {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  padding-top: 6px;
+}
+.craft-sidebar-space-tab {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 26px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 700;
+  opacity: 0.4;
+  cursor: default;
+}
+.craft-sidebar-space-tab[data-selected="true"] {
+  opacity: 1;
+  background: rgba(255, 255, 255, 0.55);
+}
+
 .craft-code-editor {
   font-family: 'SF Mono', 'Fira Code', monospace;
   font-size: 13px;
@@ -1625,8 +1892,8 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   }
 }
 </style>
-
-</head>`);else if(U.includes("<style>"))U=U.replace("<style>",`
+`}
+</head>`);else if(U.includes("<style>"))U=U.replace("<style>",`${`
 <style id="craft-component-styles">
 /* Craft Component Base Styles */
 .craft-button {
@@ -1964,6 +2231,48 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   background: rgba(255, 255, 255, 0.24);
 }
 
+/* Spaces fallback. Stacked in document order behind a rail \u2014 legible without
+   a native host, and deliberately not a second swipe implementation. */
+.craft-sidebar-spaces {
+  position: relative;
+  z-index: 1;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.craft-sidebar-space-title {
+  padding: 10px 8px 4px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.craft-sidebar-space-switcher {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  padding-top: 6px;
+}
+.craft-sidebar-space-tab {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 26px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 700;
+  opacity: 0.4;
+  cursor: default;
+}
+.craft-sidebar-space-tab[data-selected="true"] {
+  opacity: 1;
+  background: rgba(255, 255, 255, 0.55);
+}
+
 .craft-code-editor {
   font-family: 'SF Mono', 'Fira Code', monospace;
   font-size: 13px;
@@ -2002,7 +2311,7 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   }
 }
 </style>
-
+`}
 <style>`);else U=`
 <style id="craft-component-styles">
 /* Craft Component Base Styles */
@@ -2341,6 +2650,48 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   background: rgba(255, 255, 255, 0.24);
 }
 
+/* Spaces fallback. Stacked in document order behind a rail \u2014 legible without
+   a native host, and deliberately not a second swipe implementation. */
+.craft-sidebar-spaces {
+  position: relative;
+  z-index: 1;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.craft-sidebar-space-title {
+  padding: 10px 8px 4px;
+  font-size: 13px;
+  font-weight: 600;
+}
+.craft-sidebar-space-switcher {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  padding-top: 6px;
+}
+.craft-sidebar-space-tab {
+  display: grid;
+  place-items: center;
+  width: 28px;
+  height: 26px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 700;
+  opacity: 0.4;
+  cursor: default;
+}
+.craft-sidebar-space-tab[data-selected="true"] {
+  opacity: 1;
+  background: rgba(255, 255, 255, 0.55);
+}
+
 .craft-code-editor {
   font-family: 'SF Mono', 'Fira Code', monospace;
   font-size: 13px;
@@ -2379,7 +2730,7 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   }
 }
 </style>
-`+U;if(!U.includes("craft-component-runtime"))if(U.includes("</body>"))U=U.replace("</body>",`
+`+U;if(!U.includes("craft-component-runtime"))if(U.includes("</body>"))U=U.replace("</body>",`${`
 <script id="craft-component-runtime">
 (function() {
   if (window.__stxCraftComponentRuntime) return;
@@ -2415,11 +2766,36 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
     var config = parseConfig(sidebar);
     if (!config) return;
 
+    var hasSpaces = !!(config.spaces && config.spaces.length);
+    // Spaces need a host that can swipe between whole scenes. Falling back to
+    // createSidebar would flatten every space into one list, which is worse
+    // than the web rendering already on the page \u2014 so leave that in place.
+    if (hasSpaces && typeof nativeUI.createSpacesSidebar !== 'function') return;
+
     try {
       var nativeConfig = Object.assign({}, config);
       delete nativeConfig.sections;
-      var nativeSidebar = nativeUI.createSidebar(nativeConfig);
-      if (nativeSidebar && config.sections) {
+      delete nativeConfig.spaces;
+
+      var nativeSidebar = hasSpaces
+        ? nativeUI.createSpacesSidebar(nativeConfig)
+        : nativeUI.createSidebar(nativeConfig);
+
+      if (nativeSidebar && hasSpaces && nativeSidebar.setSpaces) {
+        nativeSidebar.setSpaces(config.spaces);
+      }
+      if (nativeSidebar && hasSpaces && config.selectedSpace && nativeSidebar.setActiveSpace) {
+        nativeSidebar.setActiveSpace(config.selectedSpace);
+      }
+      if (nativeSidebar && hasSpaces && nativeSidebar.onSpaceChange) {
+        nativeSidebar.onSpaceChange(function(spaceId) {
+          sidebar.dispatchEvent(new CustomEvent('craft-sidebar:space', {
+            bubbles: true,
+            detail: { spaceId: spaceId, sidebarId: config.id }
+          }));
+        });
+      }
+      if (nativeSidebar && !hasSpaces && config.sections) {
         config.sections.forEach(function(section) {
           if (nativeSidebar.addSection) nativeSidebar.addSection(section);
         });
@@ -2458,7 +2834,7 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   document.addEventListener('craft:nativeui:ready', initializeCraftComponents);
 })();
 </script>
-
+`}
 </body>`);else U+=`
 <script id="craft-component-runtime">
 (function() {
@@ -2495,11 +2871,36 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
     var config = parseConfig(sidebar);
     if (!config) return;
 
+    var hasSpaces = !!(config.spaces && config.spaces.length);
+    // Spaces need a host that can swipe between whole scenes. Falling back to
+    // createSidebar would flatten every space into one list, which is worse
+    // than the web rendering already on the page \u2014 so leave that in place.
+    if (hasSpaces && typeof nativeUI.createSpacesSidebar !== 'function') return;
+
     try {
       var nativeConfig = Object.assign({}, config);
       delete nativeConfig.sections;
-      var nativeSidebar = nativeUI.createSidebar(nativeConfig);
-      if (nativeSidebar && config.sections) {
+      delete nativeConfig.spaces;
+
+      var nativeSidebar = hasSpaces
+        ? nativeUI.createSpacesSidebar(nativeConfig)
+        : nativeUI.createSidebar(nativeConfig);
+
+      if (nativeSidebar && hasSpaces && nativeSidebar.setSpaces) {
+        nativeSidebar.setSpaces(config.spaces);
+      }
+      if (nativeSidebar && hasSpaces && config.selectedSpace && nativeSidebar.setActiveSpace) {
+        nativeSidebar.setActiveSpace(config.selectedSpace);
+      }
+      if (nativeSidebar && hasSpaces && nativeSidebar.onSpaceChange) {
+        nativeSidebar.onSpaceChange(function(spaceId) {
+          sidebar.dispatchEvent(new CustomEvent('craft-sidebar:space', {
+            bubbles: true,
+            detail: { spaceId: spaceId, sidebarId: config.id }
+          }));
+        });
+      }
+      if (nativeSidebar && !hasSpaces && config.sections) {
         config.sections.forEach(function(section) {
           if (nativeSidebar.addSection) nativeSidebar.addSection(section);
         });
@@ -2538,42 +2939,49 @@ ${$}    `)}]`:"";return`Craft.create("${U.zigType}", ${Y}${K})`}function jU(U,X,
   document.addEventListener('craft:nativeui:ready', initializeCraftComponents);
 })();
 </script>
-`;return U=U.replace(/<@craft-sidebar\s*([^>]*)>([\s\S]*?)<\/@craft-sidebar>/g,(q,Y,J)=>{return P("sidebar",Y,J.trim(),X,$)}),U=U.replace(/<@craft-sidebar\s*([^>]*?)\/>/g,(q,Y)=>{return P("sidebar",Y,"",X,$)}),U=U.replace(/<@craft-(\w+[-\w]*)\s*([^>]*?)\/>/g,(q,Y,J)=>{return P(Y,J,"",X,$)}),U=U.replace(/<@craft-(\w+[-\w]*)\s*([^>]*)>([\s\S]*?)<\/@craft-\1>/g,(q,Y,J,K)=>{return P(Y,J,K.trim(),X,$)}),U}function P(U,X,$,q,Y){let J=q.components?.[U]||u[U];if(!J)return console.warn(`[stx] Unknown Craft component: @craft-${U}`),`<div class="${Y}-unknown" data-component="${U}">${$}</div>`;let K=g(X),G=[J.fallbackClasses||`${Y}-${U}`];if(K.class)G.push(K.class),delete K.class;if(J.render)return K.__fallbackClasses=G.join(" "),J.render(K,$);let Q=mU(K,J,G);if(["input","hr","br","img"].includes(J.fallbackTag))return`<${J.fallbackTag} ${Q}>`;return`<${J.fallbackTag} ${Q}>${$}</${J.fallbackTag}>`}function g(U){let X={},$=/(?::|@)?(\w+[-\w]*)(?:=(?:"([^"]*)"|'([^']*)'))?/g,q;while((q=$.exec(U))!==null){let[Y,J,K,G]=q,Q=K??G;if(Y.startsWith(":"))X[J]=Q;else if(Y.startsWith("@"))X[`on${J.charAt(0).toUpperCase()}${J.slice(1)}`]=Q;else if(Q===void 0)X[J]=!0;else X[J]=Q}return X}function SU(U,X){let $=D(String(U.id||`craft-sidebar-${fU(X||JSON.stringify(U))}`)),q=uU(U.sections)||NU(X),Y=String(U.selectedItem||U.selected||q[0]?.items[0]?.id||""),J={id:$,variant:String(U.variant||"desktop"),material:String(U.material||"sidebar"),backgroundEffect:String(U.backgroundEffect||"shimmer"),allowsVibrancy:U.allowsVibrancy!==!1&&U.allowsVibrancy!=="false",materialOpacity:Number(U.materialOpacity??0.68),materialDarkOpacity:U.materialDarkOpacity===void 0?void 0:Number(U.materialDarkOpacity),minWidth:U.minWidth===void 0?240:Number(U.minWidth),maxWidth:U.maxWidth===void 0?340:Number(U.maxWidth),canCollapse:U.canCollapse!==!1&&U.canCollapse!=="false",searchPlaceholder:U.searchPlaceholder?String(U.searchPlaceholder):void 0,selectedItem:Y,sections:q},K=String(U.__fallbackClasses||"craft-sidebar craft-sidebar-tahoe"),G=Number(U.width||U.sidebarWidth||286),Q=U.native===!1||U.native==="false"?"false":"true",W=J.searchPlaceholder?`<div class="craft-sidebar-search"><input type="search" placeholder="${I(J.searchPlaceholder)}"></div>`:"",_=q.length?q.map((w)=>gU(w,Y)).join(""):X;return`<aside class="${H(K)}" data-craft="craft-sidebar" data-craft-native-sidebar data-craft-sidebar-id="${H($)}" data-native="${Q}" style="--craft-sidebar-width:${G}px">
-  ${W}
-  ${_}
+`;return U=U.replace(/<@craft-sidebar(?![-\w])\s*([^>]*)>([\s\S]*?)<\/@craft-sidebar>/g,(q,J,Y)=>{return D("sidebar",J,Y.trim(),X,$)}),U=U.replace(/<@craft-sidebar(?![-\w])\s*([^>]*?)\/>/g,(q,J)=>{return D("sidebar",J,"",X,$)}),U=U.replace(/<@craft-(\w+[-\w]*)\s*([^>]*?)\/>/g,(q,J,Y)=>{return D(J,Y,"",X,$)}),U=U.replace(/<@craft-(\w+[-\w]*)\s*([^>]*)>([\s\S]*?)<\/@craft-\1>/g,(q,J,Y,K)=>{return D(J,Y,K.trim(),X,$)}),U}function D(U,X,$,q,J){let Y=q.components?.[U]||g[U];if(!Y)return console.warn(`[stx] Unknown Craft component: @craft-${U}`),`<div class="${J}-unknown" data-component="${U}">${$}</div>`;let K=C(X),G=[Y.fallbackClasses||`${J}-${U}`];if(K.class)G.push(K.class),delete K.class;if(Y.render)return K.__fallbackClasses=G.join(" "),Y.render(K,$);let Q=cU(K,Y,G);if(["input","hr","br","img"].includes(Y.fallbackTag))return`<${Y.fallbackTag} ${Q}>`;return`<${Y.fallbackTag} ${Q}>${$}</${Y.fallbackTag}>`}function C(U){let X={},$=/(?::|@)?(\w+[-\w]*)(?:=(?:"([^"]*)"|'([^']*)'))?/g,q;while((q=$.exec(U))!==null){let[J,Y,K,G]=q,Q=K??G;if(J.startsWith(":"))X[Y]=Q;else if(J.startsWith("@"))X[`on${Y.charAt(0).toUpperCase()}${Y.slice(1)}`]=Q;else if(Q===void 0)X[Y]=!0;else X[Y]=Q}return X}function SU(U,X){let $=M(String(U.id||`craft-sidebar-${lU(X||JSON.stringify(U))}`)),q=hU(U.spaces)||fU(X),J=q.length?[]:dU(U.sections)||t(X),Y=String(U.selectedSpace||q[0]?.id||""),K=q.find((O)=>O.id===Y)||q[0],G=String(U.selectedItem||U.selected||(q.length?K?.sections[0]?.items[0]?.id:J[0]?.items[0]?.id)||""),Q={id:$,variant:String(U.variant||"desktop"),material:String(U.material||"sidebar"),backgroundEffect:String(U.backgroundEffect||"shimmer"),allowsVibrancy:U.allowsVibrancy!==!1&&U.allowsVibrancy!=="false",materialOpacity:Number(U.materialOpacity??0.68),materialDarkOpacity:U.materialDarkOpacity===void 0?void 0:Number(U.materialDarkOpacity),minWidth:U.minWidth===void 0?240:Number(U.minWidth),maxWidth:U.maxWidth===void 0?340:Number(U.maxWidth),canCollapse:U.canCollapse!==!1&&U.canCollapse!=="false",searchPlaceholder:U.searchPlaceholder?String(U.searchPlaceholder):void 0,selectedItem:G,sections:J,spaces:q,selectedSpace:Y||void 0},W=String(U.__fallbackClasses||"craft-sidebar craft-sidebar-tahoe"),_=Number(U.width||U.sidebarWidth||286),w=U.native===!1||U.native==="false"?"false":"true",F=Q.searchPlaceholder?`<div class="craft-sidebar-search"><input type="search" placeholder="${R(Q.searchPlaceholder)}"></div>`:"",L;if(q.length)L=mU(q,Y,G);else if(J.length)L=J.map((O)=>e(O,G)).join("");else L=X;return`<aside class="${E(W)}" data-craft="craft-sidebar" data-craft-native-sidebar data-craft-sidebar-id="${E($)}" data-native="${w}" style="--craft-sidebar-width:${_}px">
+  ${F}
+  ${L}
 </aside>
-<script type="application/json" data-craft-sidebar-config="${H($)}">${hU(J)}</script>`}function yU(U,X){let $=String(U.header||U.title||"");return`<section class="craft-sidebar-section" data-craft="craft-sidebar-section" data-section-id="${H(String(U.id||"section"))}">
-    ${$?`<div class="craft-sidebar-section-title">${I($)}</div>`:""}
+<script type="application/json" data-craft-sidebar-config="${E($)}">${sU(Q)}</script>`}function NU(U,X){let $=M(String(U.id||U.label||"space"));return`<section class="craft-sidebar-space" data-craft="craft-sidebar-space" data-space-id="${E($)}">
+    ${U.label?`<div class="craft-sidebar-space-title">${R(String(U.label))}</div>`:""}
+    ${X}
+  </section>`}function vU(U,X){let $=String(U.header||U.title||"");return`<section class="craft-sidebar-section" data-craft="craft-sidebar-section" data-section-id="${E(String(U.id||"section"))}">
+    ${$?`<div class="craft-sidebar-section-title">${R($)}</div>`:""}
     ${X}
-  </section>`}function CU(U,X){let $={id:String(U.id||D(String(U.label||X||"item"))),label:String(U.label||X||""),icon:U.icon?String(U.icon):void 0,badge:U.badge?String(U.badge):void 0,tintColor:U.tintColor?String(U.tintColor):void 0};return t($,String(U.selected||"")==="true")}function NU(U){let X=[],$=/<@craft-sidebar-section\s*([^>]*?)(?:\/>|>([\s\S]*?)<\/@craft-sidebar-section>)/g,q;while((q=$.exec(U))!==null){let Y=g(q[1]||""),J=q[2]||"",K=String(Y.id||D(String(Y.header||Y.title||`section-${X.length+1}`))),G=String(Y.header||Y.title||K),Q=vU(J);X.push({id:K,header:G,title:G,items:Q})}return X}function vU(U){let X=[],$=/<@craft-sidebar-item\s*([^>]*?)(?:\/>|>([\s\S]*?)<\/@craft-sidebar-item>)/g,q;while((q=$.exec(U))!==null){let Y=g(q[1]||""),J=String(Y.label||(q[2]||"").replace(/<[^>]*>/g,"").trim()),K=String(Y.id||D(J||`item-${X.length+1}`));X.push({id:K,label:J,icon:Y.icon?String(Y.icon):void 0,badge:Y.badge?String(Y.badge):void 0,tintColor:Y.tintColor?String(Y.tintColor):void 0})}return X}function uU(U){if(!U)return;if(Array.isArray(U))return U;if(typeof U!=="string")return;try{let X=JSON.parse(U);return Array.isArray(X)?X:void 0}catch{return}}function gU(U,X){let $=U.header||U.title||U.id;return`<section class="craft-sidebar-section" data-section-id="${H(U.id)}">
-    <div class="craft-sidebar-section-title">${I($)}</div>
-    ${U.items.map((q)=>t(q,q.id===X)).join("")}
-  </section>`}function t(U,X){let $=U.tintColor?` style="--craft-sidebar-icon-color:${H(U.tintColor)}"`:"";return`<button class="craft-sidebar-item" type="button" data-item-id="${H(U.id)}" data-selected="${X?"true":"false"}">
-    ${U.icon?`<span class="craft-sidebar-item-icon" data-icon="${H(U.icon)}"${$}></span>`:""}
-    <span class="craft-sidebar-item-label">${I(U.label)}</span>
-    ${U.badge?`<span class="craft-sidebar-item-badge">${I(U.badge)}</span>`:""}
-  </button>`}function D(U){return U.trim().toLowerCase().replace(/[^a-z0-9_-]+/g,"-").replace(/^-|-$/g,"")||"craft-sidebar"}function fU(U){let X=5381;for(let $=0;$<U.length;$++)X=X*33^U.charCodeAt($);return(X>>>0).toString(36)}function I(U){return U.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function H(U){return I(U).replace(/`/g,"&#96;")}function hU(U){return JSON.stringify(U).replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026")}function mU(U,X,$){let q=[];q.push(`class="${$.join(" ")}"`),q.push(`data-craft="${X.nativeType}"`);for(let[Y,J]of Object.entries(U))if(J===!0)q.push(Y);else if(J!==!1&&J!==void 0&&J!==null){let K=String(J).replace(/"/g,"&quot;");q.push(`${Y}="${K}"`)}return q.join(" ")}function PX(U,X){u[U]=X}function DX(){return{...u}}var M=new Map,z=new Map;function dU(U,X){let $=X?.id||UX(U),q=XX(U),Y=M.get($);if(Y&&Y.hash===q)return Y;let J=lU(U),K=nU(U),G=oU(U),Q=pU(J),{staticParts:W,dynamicParts:_}=aU(J),w=tU(U),F={id:$,hash:q,tree:J,scripts:K,styles:G,staticParts:W,dynamicParts:_,dependencies:w,metadata:Q};return M.set($,F),F}async function yX(U,X={},$={}){let q=performance.now();if($.cache){let G=`${U.id}:${JSON.stringify(X)}`,Q=z.get(G);if(Q&&Date.now()-Q.timestamp<($.cacheTTL||60000))return{html:Q.html,styles:U.styles.join(`
+  </section>`}function uU(U,X){let $={id:String(U.id||M(String(U.label||X||"item"))),label:String(U.label||X||""),icon:U.icon?String(U.icon):void 0,badge:U.badge?String(U.badge):void 0,tintColor:U.tintColor?String(U.tintColor):void 0};return UU($,String(U.selected||"")==="true")}function t(U){let X=[],$=/<@craft-sidebar-section\s*([^>]*?)(?:\/>|>([\s\S]*?)<\/@craft-sidebar-section>)/g,q;while((q=$.exec(U))!==null){let J=C(q[1]||""),Y=q[2]||"",K=String(J.id||M(String(J.header||J.title||`section-${X.length+1}`))),G=String(J.header||J.title||K),Q=gU(Y);X.push({id:K,header:G,title:G,items:Q})}return X}function gU(U){let X=[],$=/<@craft-sidebar-item\s*([^>]*?)(?:\/>|>([\s\S]*?)<\/@craft-sidebar-item>)/g,q;while((q=$.exec(U))!==null){let J=C(q[1]||""),Y=String(J.label||(q[2]||"").replace(/<[^>]*>/g,"").trim()),K=String(J.id||M(Y||`item-${X.length+1}`));X.push({id:K,label:Y,icon:J.icon?String(J.icon):void 0,badge:J.badge?String(J.badge):void 0,tintColor:J.tintColor?String(J.tintColor):void 0})}return X}function fU(U){let X=[],$=/<@craft-sidebar-space\s*([^>]*?)(?:\/>|>([\s\S]*?)<\/@craft-sidebar-space>)/g,q;while((q=$.exec(U))!==null){let J=C(q[1]||""),Y=q[2]||"",K=String(J.label||J.title||`Space ${X.length+1}`);X.push({id:String(J.id||M(K)),label:K,icon:J.icon?String(J.icon):void 0,tint:J.tint?String(J.tint):void 0,sections:t(Y)})}return X}function hU(U){if(!U)return;if(Array.isArray(U))return U;if(typeof U!=="string")return;try{let X=JSON.parse(U);return Array.isArray(X)?X:void 0}catch{return}}function mU(U,X,$){let q=U.map((Y)=>`<button class="craft-sidebar-space-tab" type="button" data-space-target="${E(Y.id)}" data-selected="${Y.id===X?"true":"false"}" title="${E(Y.label||Y.id)}">${Y.icon?`<span class="craft-sidebar-item-icon" data-icon="${E(Y.icon)}"></span>`:R((Y.label||Y.id).charAt(0))}</button>`).join("");return`<div class="craft-sidebar-spaces">${U.map((Y)=>`<section class="craft-sidebar-space" data-space-id="${E(Y.id)}" data-selected="${Y.id===X?"true":"false"}">
+    ${Y.label?`<div class="craft-sidebar-space-title">${R(Y.label)}</div>`:""}
+    ${Y.sections.map((K)=>e(K,$)).join("")}
+  </section>`).join("")}</div>
+  <div class="craft-sidebar-space-switcher">${q}</div>`}function dU(U){if(!U)return;if(Array.isArray(U))return U;if(typeof U!=="string")return;try{let X=JSON.parse(U);return Array.isArray(X)?X:void 0}catch{return}}function e(U,X){let $=U.header||U.title||U.id;return`<section class="craft-sidebar-section" data-section-id="${E(U.id)}">
+    <div class="craft-sidebar-section-title">${R($)}</div>
+    ${U.items.map((q)=>UU(q,q.id===X)).join("")}
+  </section>`}function UU(U,X){let $=U.tintColor?` style="--craft-sidebar-icon-color:${E(U.tintColor)}"`:"";return`<button class="craft-sidebar-item" type="button" data-item-id="${E(U.id)}" data-selected="${X?"true":"false"}">
+    ${U.icon?`<span class="craft-sidebar-item-icon" data-icon="${E(U.icon)}"${$}></span>`:""}
+    <span class="craft-sidebar-item-label">${R(U.label)}</span>
+    ${U.badge?`<span class="craft-sidebar-item-badge">${R(U.badge)}</span>`:""}
+  </button>`}function M(U){return U.trim().toLowerCase().replace(/[^a-z0-9_-]+/g,"-").replace(/^-|-$/g,"")||"craft-sidebar"}function lU(U){let X=5381;for(let $=0;$<U.length;$++)X=X*33^U.charCodeAt($);return(X>>>0).toString(36)}function R(U){return U.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function E(U){return R(U).replace(/`/g,"&#96;")}function sU(U){return JSON.stringify(U).replace(/</g,"\\u003c").replace(/>/g,"\\u003e").replace(/&/g,"\\u0026")}function cU(U,X,$){let q=[];q.push(`class="${$.join(" ")}"`),q.push(`data-craft="${X.nativeType}"`);for(let[J,Y]of Object.entries(U))if(Y===!0)q.push(J);else if(Y!==!1&&Y!==void 0&&Y!==null){let K=String(Y).replace(/"/g,"&quot;");q.push(`${J}="${K}"`)}return q.join(" ")}function SX(U,X){g[U]=X}function NX(){return{...g}}var z=new Map,j=new Map;function iU(U,X){let $=X?.id||YX(U),q=JX(U),J=z.get($);if(J&&J.hash===q)return J;let Y=rU(U),K=UX(U),G=XX(U),Q=tU(Y),{staticParts:W,dynamicParts:_}=eU(Y),w=$X(U),F={id:$,hash:q,tree:Y,scripts:K,styles:G,staticParts:W,dynamicParts:_,dependencies:w,metadata:Q};return z.set($,F),F}async function uX(U,X={},$={}){let q=performance.now();if($.cache){let G=`${U.id}:${JSON.stringify(X)}`,Q=j.get(G);if(Q&&Date.now()-Q.timestamp<($.cacheTTL||60000))return{html:Q.html,styles:U.styles.join(`
 `),scripts:U.scripts.join(`
-`),metadata:{renderTime:0,cacheHit:!0,totalSize:Q.html.length,componentCount:U.metadata.componentCount}}}let Y;if($.streaming)Y=await cU(U.tree,X);else Y=j(U.tree,X);let J;if($.hydrate){let G=rU(Y,U,X);Y=G.html,J=G.data}if($.minify)Y=eU(Y);if($.cache){let G=`${U.id}:${JSON.stringify(X)}`;z.set(G,{html:Y,timestamp:Date.now()})}let K=performance.now()-q;return{html:Y,styles:U.styles.join(`
+`),metadata:{renderTime:0,cacheHit:!0,totalSize:Q.html.length,componentCount:U.metadata.componentCount}}}let J;if($.streaming)J=await nU(U.tree,X);else J=k(U.tree,X);let Y;if($.hydrate){let G=oU(J,U,X);J=G.html,Y=G.data}if($.minify)J=qX(J);if($.cache){let G=`${U.id}:${JSON.stringify(X)}`;j.set(G,{html:J,timestamp:Date.now()})}let K=performance.now()-q;return{html:J,styles:U.styles.join(`
 `),scripts:U.scripts.join(`
-`),hydrationData:J,metadata:{renderTime:K,cacheHit:!1,totalSize:Y.length,componentCount:U.metadata.componentCount}}}function CX(U,X){let $=[],q=[],Y=[],J=new Map,K=[];return k(U.tree,(G,Q)=>{if(G.type==="component"&&G.componentName){if(JU(G.componentName))$.push(G.componentName)}if(G.type==="element"&&G.tag){let W=YX(G);if(W)K.push(W);if(G.props){for(let[_,w]of Object.entries(G.props))if(_.startsWith("on")&&typeof w==="string"){let F=`handler_${J.size}`;J.set(F,w)}}}if(G.isStatic&&G.type==="element")q.push(XU(G));else if(!G.isStatic&&G.type!=="text")Y.push(G.tag||G.componentName||"unknown")}),{nativeComponents:$,staticHTML:q,dynamicParts:Y,eventHandlers:J,nativeWidgets:K}}function NX(U,X={}){let $=dU(U),q=iU($,X),Y=new Map,J=[];return k($.tree,(K)=>{if(K.type==="component"&&K.componentName){if(JU(K.componentName)){J.push(K.componentName);let G=`<!--craft:${K.componentName}:${K.hydrationKey||"default"}-->`;Y.set(K.hydrationKey||K.componentName,G)}}}),{staticHTML:q,dynamicPlaceholders:Y,craftComponents:J}}function lU(U){let X={type:"fragment",children:[]},$=X,q=[X],Y=U,J=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]);while(Y.length>0){let K=Y.match(/^<(@?[\w-]+)([^>]*)>/);if(K){let[W,_,w]=K,F=sU(w),L=_.startsWith("@craft-"),O=L?_:_.toLowerCase(),B={type:L?"component":"element",tag:O,props:F,children:[],componentName:L?O.slice(1):void 0,isStatic:!e(w),hydrationKey:qX()};if($.children=$.children||[],$.children.push(B),!J.has(O)&&!w.endsWith("/"))q.push(B),$=B;Y=Y.slice(W.length);continue}let G=Y.match(/^<\/(@?[\w-]+)>/);if(G){let[W,_]=G,F=_.startsWith("@craft-")?_:_.toLowerCase();while(q.length>1){let L=q.pop();if($=q[q.length-1],L.tag===F)break}Y=Y.slice(W.length);continue}let Q=Y.match(/^[^<]+/);if(Q){let W=Q[0];if(W.trim()){let _={type:"text",text:W,isStatic:!e(W)};$.children=$.children||[],$.children.push(_)}Y=Y.slice(W.length);continue}Y=Y.slice(1)}return X}function sU(U){let X={},$=/([\w-:@]+)(?:=(?:"([^"]*)"|'([^']*)'|(\S+)))?/g,q;while((q=$.exec(U))!==null){let[,Y,J,K,G]=q,Q=J??K??G??!0;X[Y]=Q}return X}function k(U,X,$=[]){if(X(U,$),U.children)U.children.forEach((q,Y)=>{k(q,X,[...$,`${Y}`])})}function j(U,X){switch(U.type){case"text":return qU(U.text||"",X);case"element":case"component":{let $=U.tag||"div",q=$U(U.props||{},X),Y=(U.children||[]).map((J)=>j(J,X)).join("");if(!U.children||U.children.length===0){if(["input","br","hr","img","meta","link"].includes($))return`<${$}${q} />`}return`<${$}${q}>${Y}</${$}>`}case"fragment":return(U.children||[]).map(($)=>j($,X)).join("");case"slot":return`<!--slot:${U.slotName||"default"}-->`;default:return""}}function XU(U){if(U.type==="text")return U.text||"";let X=U.tag||"div",$=$U(U.props||{},{});return`<${X}${$}></${X}>`}function $U(U,X){let $=[];for(let[q,Y]of Object.entries(U))if(Y===!0)$.push(` ${q}`);else if(Y!==!1&&Y!==null&&Y!==void 0){let J=qU(String(Y),X);$.push(` ${q}="${YU(J)}"`)}return $.join("")}async function cU(U,X){return j(U,X)}function iU(U,X){let $=[];return k(U.tree,(q)=>{if(q.isStatic)$.push(j(q,X))}),$.join("")}function rU(U,X,$){let q={templateId:X.id,context:$,dynamicParts:Array.from(X.dynamicParts.entries())},Y=`
+`),hydrationData:Y,metadata:{renderTime:K,cacheHit:!1,totalSize:J.length,componentCount:U.metadata.componentCount}}}function gX(U,X){let $=[],q=[],J=[],Y=new Map,K=[];return T(U.tree,(G,Q)=>{if(G.type==="component"&&G.componentName){if(KU(G.componentName))$.push(G.componentName)}if(G.type==="element"&&G.tag){let W=QX(G);if(W)K.push(W);if(G.props){for(let[_,w]of Object.entries(G.props))if(_.startsWith("on")&&typeof w==="string"){let F=`handler_${Y.size}`;Y.set(F,w)}}}if(G.isStatic&&G.type==="element")q.push(qU(G));else if(!G.isStatic&&G.type!=="text")J.push(G.tag||G.componentName||"unknown")}),{nativeComponents:$,staticHTML:q,dynamicParts:J,eventHandlers:Y,nativeWidgets:K}}function fX(U,X={}){let $=iU(U),q=aU($,X),J=new Map,Y=[];return T($.tree,(K)=>{if(K.type==="component"&&K.componentName){if(KU(K.componentName)){Y.push(K.componentName);let G=`<!--craft:${K.componentName}:${K.hydrationKey||"default"}-->`;J.set(K.hydrationKey||K.componentName,G)}}}),{staticHTML:q,dynamicPlaceholders:J,craftComponents:Y}}function rU(U){let X={type:"fragment",children:[]},$=X,q=[X],J=U,Y=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]);while(J.length>0){let K=J.match(/^<(@?[\w-]+)([^>]*)>/);if(K){let[W,_,w]=K,F=pU(w),L=_.startsWith("@craft-"),O=L?_:_.toLowerCase(),B={type:L?"component":"element",tag:O,props:F,children:[],componentName:L?O.slice(1):void 0,isStatic:!XU(w),hydrationKey:KX()};if($.children=$.children||[],$.children.push(B),!Y.has(O)&&!w.endsWith("/"))q.push(B),$=B;J=J.slice(W.length);continue}let G=J.match(/^<\/(@?[\w-]+)>/);if(G){let[W,_]=G,F=_.startsWith("@craft-")?_:_.toLowerCase();while(q.length>1){let L=q.pop();if($=q[q.length-1],L.tag===F)break}J=J.slice(W.length);continue}let Q=J.match(/^[^<]+/);if(Q){let W=Q[0];if(W.trim()){let _={type:"text",text:W,isStatic:!XU(W)};$.children=$.children||[],$.children.push(_)}J=J.slice(W.length);continue}J=J.slice(1)}return X}function pU(U){let X={},$=/([\w-:@]+)(?:=(?:"([^"]*)"|'([^']*)'|(\S+)))?/g,q;while((q=$.exec(U))!==null){let[,J,Y,K,G]=q,Q=Y??K??G??!0;X[J]=Q}return X}function T(U,X,$=[]){if(X(U,$),U.children)U.children.forEach((q,J)=>{T(q,X,[...$,`${J}`])})}function k(U,X){switch(U.type){case"text":return JU(U.text||"",X);case"element":case"component":{let $=U.tag||"div",q=YU(U.props||{},X),J=(U.children||[]).map((Y)=>k(Y,X)).join("");if(!U.children||U.children.length===0){if(["input","br","hr","img","meta","link"].includes($))return`<${$}${q} />`}return`<${$}${q}>${J}</${$}>`}case"fragment":return(U.children||[]).map(($)=>k($,X)).join("");case"slot":return`<!--slot:${U.slotName||"default"}-->`;default:return""}}function qU(U){if(U.type==="text")return U.text||"";let X=U.tag||"div",$=YU(U.props||{},{});return`<${X}${$}></${X}>`}function YU(U,X){let $=[];for(let[q,J]of Object.entries(U))if(J===!0)$.push(` ${q}`);else if(J!==!1&&J!==null&&J!==void 0){let Y=JU(String(J),X);$.push(` ${q}="${GU(Y)}"`)}return $.join("")}async function nU(U,X){return k(U,X)}function aU(U,X){let $=[];return T(U.tree,(q)=>{if(q.isStatic)$.push(k(q,X))}),$.join("")}function oU(U,X,$){let q={templateId:X.id,context:$,dynamicParts:Array.from(X.dynamicParts.entries())},J=`
 <script data-craft-hydration>
   window.__CRAFT_HYDRATION__ = ${JSON.stringify(q)};
-</script>`;return{html:U+Y,data:q}}function pU(U){let X=!1,$=!1,q=!1,Y=!1,J=0,K=0;function G(Q,W){if(K=Math.max(K,W),Q.type==="slot")X=!0;if(Q.type==="component")J++;if(!Q.isStatic)$=!0;if(Q.props)for(let _ of Object.keys(Q.props)){if(_.startsWith("on"))q=!0;if(_==="@async"||_==="data-async")Y=!0}if(Q.children)Q.children.forEach((_)=>G(_,W+1))}return G(U,0),{hasSlots:X,hasDynamicContent:$,hasEventHandlers:q,hasAsyncContent:Y,componentCount:J,maxDepth:K,estimatedSize:JSON.stringify(U).length}}function aU(U){let X=new Map,$=new Map;return k(U,(q,Y)=>{let J=Y.join(".");if(q.isStatic)X.set(J,XU(q));else $.set(J,q.tag||q.componentName||"dynamic")}),{staticParts:X,dynamicParts:$}}function nU(U){let X=[],$=/<script[^>]*>([\s\S]*?)<\/script>/gi,q;while((q=$.exec(U))!==null)X.push(q[1]);return X}function oU(U){let X=[],$=/<style[^>]*>([\s\S]*?)<\/style>/gi,q;while((q=$.exec(U))!==null)X.push(q[1]);return X}function tU(U){let X=[],$=/@include\s*\(\s*['"]([^'"]+)['"]/g,q;while((q=$.exec(U))!==null)X.push(q[1]);let Y=/@component\s*\(\s*['"]([^'"]+)['"]/g;while((q=Y.exec(U))!==null)X.push(q[1]);let J=/<@craft-[\w-]+/g;while((q=J.exec(U))!==null)X.push(q[0].slice(2));return[...new Set(X)]}function e(U){return/\{\{.*?\}\}|\{\!\!.*?\!\!\}/.test(U)}function qU(U,X){let $=U.replace(/\{\{\s*(.+?)\s*\}\}/g,(q,Y)=>{try{let J=UU(Y.trim(),X);return YU(String(J??""))}catch{return""}});return $=$.replace(/\{!!\s*(.+?)\s*!!\}/g,(q,Y)=>{try{let J=UU(Y.trim(),X);return String(J??"")}catch{return""}}),$}function UU(U,X){if(/^[\w.]+$/.test(U)){let $=U.split("."),q=X;for(let Y of $)if(q&&typeof q==="object"&&Y in q)q=q[Y];else return;return q}try{return Function(...Object.keys(X),`return ${U}`)(...Object.values(X))}catch{return}}function YU(U){return U.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function eU(U){return U.replace(/\s+/g," ").replace(/>\s+</g,"><").replace(/\s+>/g,">").replace(/<\s+/g,"<").trim()}function UX(U){let X=0;for(let $=0;$<U.length;$++){let q=U.charCodeAt($);X=(X<<5)-X+q,X=X&X}return`tpl_${Math.abs(X).toString(36)}`}function XX(U){let X=0;for(let $=0;$<U.length;$++){let q=U.charCodeAt($);X=(X<<5)-X+q,X=X&X}return Math.abs(X).toString(36)}var $X=0;function qX(){return`h_${++$X}`}function JU(U){return["craft-button","craft-text-input","craft-textarea","craft-checkbox","craft-radio","craft-select","craft-slider","craft-toggle","craft-date-picker","craft-time-picker","craft-color-picker","craft-file-input","craft-modal","craft-alert","craft-toast","craft-progress","craft-spinner","craft-avatar","craft-badge","craft-card","craft-accordion","craft-tabs","craft-tooltip","craft-popover","craft-dropdown","craft-context-menu","craft-data-table","craft-virtual-list","craft-tree-view","craft-map","craft-chart","craft-video","craft-audio","craft-webview","craft-canvas","craft-image-viewer","craft-pdf-viewer","craft-code-editor","craft-rich-editor"].includes(U)}function YX(U){let X=U.tag?.toLowerCase(),$=U.props?.type,q={button:{component:"craft-button",confidence:0.95,reason:"Native button provides better touch feedback"},"input:text":{component:"craft-text-input",confidence:0.9,reason:"Native text input has better keyboard handling"},"input:checkbox":{component:"craft-checkbox",confidence:0.95,reason:"Native checkbox follows platform conventions"},"input:range":{component:"craft-slider",confidence:0.9,reason:"Native slider provides smooth interaction"},"input:date":{component:"craft-date-picker",confidence:0.95,reason:"Native date picker provides platform-specific UI"},"input:time":{component:"craft-time-picker",confidence:0.95,reason:"Native time picker provides platform-specific UI"},"input:color":{component:"craft-color-picker",confidence:0.9,reason:"Native color picker provides platform-specific UI"},textarea:{component:"craft-textarea",confidence:0.85,reason:"Native textarea handles multiline input better"},select:{component:"craft-select",confidence:0.9,reason:"Native select provides platform dropdown UI"},progress:{component:"craft-progress",confidence:0.95,reason:"Native progress bar matches platform style"},video:{component:"craft-video",confidence:0.95,reason:"Native video provides hardware acceleration"},audio:{component:"craft-audio",confidence:0.95,reason:"Native audio provides system integration"},dialog:{component:"craft-modal",confidence:0.9,reason:"Native modal provides proper layering and focus"}},Y=$?`${X}:${$}`:X,J=q[Y||""]||q[X||""];if(J)return{htmlSelector:Y||X||"",nativeComponent:J.component,confidence:J.confidence,reason:J.reason};return null}function JX(){M.clear()}function GX(){z.clear()}function vX(){JX(),GX()}function uX(){return{templateCacheSize:M.size,renderCacheSize:z.size,totalEntries:M.size+z.size}}import{existsSync as KU,mkdirSync as E,copyFileSync as b,chmodSync as R}from"fs";import{join as Z,basename as KX}from"path";import{spawn as y,execSync as QX}from"child_process";import{tmpdir as QU,homedir as GU,platform as WX}from"os";async function rX(U){let X=Date.now();try{if(!await Bun.file(U.input).exists())return{success:!1,target:U.target||S(),format:U.format||"app",error:`Input file not found: ${U.input}`};let $=U.target||S(),q=U.format||OX($),Y=U.output||Z(process.cwd(),"dist","native");if(!KU(Y))E(Y,{recursive:!0});let J=await Bun.file(U.input).text();if(J=m(J,{debug:U.verbose}),J=o(J),!J.includes("craft-component-styles")){if(J.includes("</head>"))J=J.replace("</head>",`${n}
-</head>`)}let K=U.name||KX(U.input,".stx"),G=U.version||"1.0.0",Q=U.craftPath||await BX();if(!Q)return{success:!1,target:$,format:q,error:"Craft binary not found. Please install Craft or specify craftPath."};if(U.verbose)console.log(`\uD83D\uDCE6 Building native app for ${$}...`),console.log(`   Input: ${U.input}`),console.log(`   Output: ${Y}`),console.log(`   Craft: ${Q}`);let W;switch($){case"macos":W=await ZX(J,K,G,Y,q,U,Q);break;case"windows":W=await _X(J,K,G,Y,q,U,Q);break;case"linux":W=await wX(J,K,G,Y,q,U,Q);break;case"ios":W=await FX(J,K,G,Y,U,Q);break;case"android":W=await LX(J,K,G,Y,U,Q);break;default:W={success:!1,target:$,format:q,error:`Unsupported target: ${$}`}}return W.duration=Date.now()-X,W}catch($){return{success:!1,target:U.target||S(),format:U.format||"app",error:$.message,duration:Date.now()-X}}}async function ZX(U,X,$,q,Y,J,K){let G=J.bundleId||`com.stx.${X.toLowerCase().replace(/[^a-z0-9]/g,"")}`,Q=Z(q,`${X}.app`),W=Z(Q,"Contents"),_=Z(W,"MacOS"),w=Z(W,"Resources");E(_,{recursive:!0}),E(w,{recursive:!0});let F=Z(w,"index.html");await Bun.write(F,U);let L="";if(J.sidebar?.enabled&&J.sidebar?.config)L=Z(w,"sidebar-config.json"),await Bun.write(L,JSON.stringify(J.sidebar.config));let O=J.sidebar?.enabled?`--native-sidebar --sidebar-width ${J.sidebar?.width||240} --sidebar-config "$(cat "$RESOURCES/sidebar-config.json")"`:"",B=`#!/bin/bash
+</script>`;return{html:U+J,data:q}}function tU(U){let X=!1,$=!1,q=!1,J=!1,Y=0,K=0;function G(Q,W){if(K=Math.max(K,W),Q.type==="slot")X=!0;if(Q.type==="component")Y++;if(!Q.isStatic)$=!0;if(Q.props)for(let _ of Object.keys(Q.props)){if(_.startsWith("on"))q=!0;if(_==="@async"||_==="data-async")J=!0}if(Q.children)Q.children.forEach((_)=>G(_,W+1))}return G(U,0),{hasSlots:X,hasDynamicContent:$,hasEventHandlers:q,hasAsyncContent:J,componentCount:Y,maxDepth:K,estimatedSize:JSON.stringify(U).length}}function eU(U){let X=new Map,$=new Map;return T(U,(q,J)=>{let Y=J.join(".");if(q.isStatic)X.set(Y,qU(q));else $.set(Y,q.tag||q.componentName||"dynamic")}),{staticParts:X,dynamicParts:$}}function UX(U){let X=[],$=/<script[^>]*>([\s\S]*?)<\/script>/gi,q;while((q=$.exec(U))!==null)X.push(q[1]);return X}function XX(U){let X=[],$=/<style[^>]*>([\s\S]*?)<\/style>/gi,q;while((q=$.exec(U))!==null)X.push(q[1]);return X}function $X(U){let X=[],$=/@include\s*\(\s*['"]([^'"]+)['"]/g,q;while((q=$.exec(U))!==null)X.push(q[1]);let J=/@component\s*\(\s*['"]([^'"]+)['"]/g;while((q=J.exec(U))!==null)X.push(q[1]);let Y=/<@craft-[\w-]+/g;while((q=Y.exec(U))!==null)X.push(q[0].slice(2));return[...new Set(X)]}function XU(U){return/\{\{.*?\}\}|\{\!\!.*?\!\!\}/.test(U)}function JU(U,X){let $=U.replace(/\{\{\s*(.+?)\s*\}\}/g,(q,J)=>{try{let Y=$U(J.trim(),X);return GU(String(Y??""))}catch{return""}});return $=$.replace(/\{!!\s*(.+?)\s*!!\}/g,(q,J)=>{try{let Y=$U(J.trim(),X);return String(Y??"")}catch{return""}}),$}function $U(U,X){if(/^[\w.]+$/.test(U)){let $=U.split("."),q=X;for(let J of $)if(q&&typeof q==="object"&&J in q)q=q[J];else return;return q}try{return Function(...Object.keys(X),`return ${U}`)(...Object.values(X))}catch{return}}function GU(U){return U.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function qX(U){return U.replace(/\s+/g," ").replace(/>\s+</g,"><").replace(/\s+>/g,">").replace(/<\s+/g,"<").trim()}function YX(U){let X=0;for(let $=0;$<U.length;$++){let q=U.charCodeAt($);X=(X<<5)-X+q,X=X&X}return`tpl_${Math.abs(X).toString(36)}`}function JX(U){let X=0;for(let $=0;$<U.length;$++){let q=U.charCodeAt($);X=(X<<5)-X+q,X=X&X}return Math.abs(X).toString(36)}var GX=0;function KX(){return`h_${++GX}`}function KU(U){return["craft-button","craft-text-input","craft-textarea","craft-checkbox","craft-radio","craft-select","craft-slider","craft-toggle","craft-date-picker","craft-time-picker","craft-color-picker","craft-file-input","craft-modal","craft-alert","craft-toast","craft-progress","craft-spinner","craft-avatar","craft-badge","craft-card","craft-accordion","craft-tabs","craft-tooltip","craft-popover","craft-dropdown","craft-context-menu","craft-data-table","craft-virtual-list","craft-tree-view","craft-map","craft-chart","craft-video","craft-audio","craft-webview","craft-canvas","craft-image-viewer","craft-pdf-viewer","craft-code-editor","craft-rich-editor"].includes(U)}function QX(U){let X=U.tag?.toLowerCase(),$=U.props?.type,q={button:{component:"craft-button",confidence:0.95,reason:"Native button provides better touch feedback"},"input:text":{component:"craft-text-input",confidence:0.9,reason:"Native text input has better keyboard handling"},"input:checkbox":{component:"craft-checkbox",confidence:0.95,reason:"Native checkbox follows platform conventions"},"input:range":{component:"craft-slider",confidence:0.9,reason:"Native slider provides smooth interaction"},"input:date":{component:"craft-date-picker",confidence:0.95,reason:"Native date picker provides platform-specific UI"},"input:time":{component:"craft-time-picker",confidence:0.95,reason:"Native time picker provides platform-specific UI"},"input:color":{component:"craft-color-picker",confidence:0.9,reason:"Native color picker provides platform-specific UI"},textarea:{component:"craft-textarea",confidence:0.85,reason:"Native textarea handles multiline input better"},select:{component:"craft-select",confidence:0.9,reason:"Native select provides platform dropdown UI"},progress:{component:"craft-progress",confidence:0.95,reason:"Native progress bar matches platform style"},video:{component:"craft-video",confidence:0.95,reason:"Native video provides hardware acceleration"},audio:{component:"craft-audio",confidence:0.95,reason:"Native audio provides system integration"},dialog:{component:"craft-modal",confidence:0.9,reason:"Native modal provides proper layering and focus"}},J=$?`${X}:${$}`:X,Y=q[J||""]||q[X||""];if(Y)return{htmlSelector:J||X||"",nativeComponent:Y.component,confidence:Y.confidence,reason:Y.reason};return null}function WX(){z.clear()}function ZX(){j.clear()}function hX(){WX(),ZX()}function mX(){return{templateCacheSize:z.size,renderCacheSize:j.size,totalEntries:z.size+j.size}}import{existsSync as WU,mkdirSync as V,copyFileSync as b,chmodSync as I}from"fs";import{join as Z,basename as _X}from"path";import{spawn as S,execSync as wX}from"child_process";import{tmpdir as ZU,homedir as QU,platform as LX}from"os";async function oX(U){let X=Date.now();try{if(!await Bun.file(U.input).exists())return{success:!1,target:U.target||y(),format:U.format||"app",error:`Input file not found: ${U.input}`};let $=U.target||y(),q=U.format||HX($),J=U.output||Z(process.cwd(),"dist","native");if(!WU(J))V(J,{recursive:!0});let Y=await Bun.file(U.input).text();if(Y=m(Y,{debug:U.verbose}),Y=o(Y),!Y.includes("craft-component-styles")){if(Y.includes("</head>"))Y=Y.replace("</head>",`${a}
+</head>`)}let K=U.name||_X(U.input,".stx"),G=U.version||"1.0.0",Q=U.craftPath||await AX();if(!Q)return{success:!1,target:$,format:q,error:"Craft binary not found. Please install Craft or specify craftPath."};if(U.verbose)console.log(`\uD83D\uDCE6 Building native app for ${$}...`),console.log(`   Input: ${U.input}`),console.log(`   Output: ${J}`),console.log(`   Craft: ${Q}`);let W;switch($){case"macos":W=await FX(Y,K,G,J,q,U,Q);break;case"windows":W=await BX(Y,K,G,J,q,U,Q);break;case"linux":W=await OX(Y,K,G,J,q,U,Q);break;case"ios":W=await EX(Y,K,G,J,U,Q);break;case"android":W=await VX(Y,K,G,J,U,Q);break;default:W={success:!1,target:$,format:q,error:`Unsupported target: ${$}`}}return W.duration=Date.now()-X,W}catch($){return{success:!1,target:U.target||y(),format:U.format||"app",error:$.message,duration:Date.now()-X}}}async function FX(U,X,$,q,J,Y,K){let G=Y.bundleId||`com.stx.${X.toLowerCase().replace(/[^a-z0-9]/g,"")}`,Q=Z(q,`${X}.app`),W=Z(Q,"Contents"),_=Z(W,"MacOS"),w=Z(W,"Resources");V(_,{recursive:!0}),V(w,{recursive:!0});let F=Z(w,"index.html");await Bun.write(F,U);let L="";if(Y.sidebar?.enabled&&Y.sidebar?.config)L=Z(w,"sidebar-config.json"),await Bun.write(L,JSON.stringify(Y.sidebar.config));let O=Y.sidebar?.enabled?`--native-sidebar --sidebar-width ${Y.sidebar?.width||240} --sidebar-config "$(cat "$RESOURCES/sidebar-config.json")"`:"",B=`#!/bin/bash
 DIR="$( cd "$( dirname "\${BASH_SOURCE[0]}" )" && pwd )"
 RESOURCES="$DIR/../Resources"
 "${K}" --html "$(cat "$RESOURCES/index.html")" \\
-  --title "${J.window?.title||X}" \\
-  --width ${J.window?.width||1200} \\
-  --height ${J.window?.height||800} \\
-  ${J.systemTray?"--system-tray":""} \\
-  ${J.devTools?"--dev-tools":""} \\
-  ${J.window?.frameless?"--frameless":""} \\
-  ${J.window?.alwaysOnTop?"--always-on-top":""} \\
+  --title "${Y.window?.title||X}" \\
+  --width ${Y.window?.width||1200} \\
+  --height ${Y.window?.height||800} \\
+  ${Y.systemTray?"--system-tray":""} \\
+  ${Y.devTools?"--dev-tools":""} \\
+  ${Y.window?.frameless?"--frameless":""} \\
+  ${Y.window?.alwaysOnTop?"--always-on-top":""} \\
   ${O}
-`,A=Z(_,X);await Bun.write(A,B),R(A,493);let T=Z(_,"craft");try{b(K,T),R(T,493)}catch{let x=`#!/bin/bash
-exec "${K}" "$@"`;await Bun.write(T,x),R(T,493)}let WU=`<?xml version="1.0" encoding="UTF-8"?>
+`,H=Z(_,X);await Bun.write(H,B),I(H,493);let x=Z(_,"craft");try{b(K,x),I(x,493)}catch{let P=`#!/bin/bash
+exec "${K}" "$@"`;await Bun.write(x,P),I(x,493)}let _U=`<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
@@ -2600,50 +3008,50 @@ exec "${K}" "$@"`;await Bun.write(T,x),R(T,493)}let WU=`<?xml version="1.0" enco
     <key>NSSupportsAutomaticGraphicsSwitching</key>
     <true/>
     <key>LSUIElement</key>
-    <${J.systemTray?"true":"false"}/>
+    <${Y.systemTray?"true":"false"}/>
 </dict>
-</plist>`;if(await Bun.write(Z(W,"Info.plist"),WU),J.icon&&await Bun.file(J.icon).exists())b(J.icon,Z(w,"AppIcon.icns"));if(Y==="dmg"){let x=Z(q,`${X}-${$}.dmg`),f=await EX(Q,x,X);if(!f.success)return{success:!1,target:"macos",format:"dmg",error:f.error};return{success:!0,target:"macos",format:"dmg",outputPath:x}}return{success:!0,target:"macos",format:"app",outputPath:Q}}async function _X(U,X,$,q,Y,J,K){let G=Z(q,X);E(G,{recursive:!0});let Q=Z(G,"index.html");await Bun.write(Q,U);let W=`@echo off
+</plist>`;if(await Bun.write(Z(W,"Info.plist"),_U),Y.icon&&await Bun.file(Y.icon).exists())b(Y.icon,Z(w,"AppIcon.icns"));if(J==="dmg"){let P=Z(q,`${X}-${$}.dmg`),f=await RX(Q,P,X);if(!f.success)return{success:!1,target:"macos",format:"dmg",error:f.error};return{success:!0,target:"macos",format:"dmg",outputPath:P}}return{success:!0,target:"macos",format:"app",outputPath:Q}}async function BX(U,X,$,q,J,Y,K){let G=Z(q,X);V(G,{recursive:!0});let Q=Z(G,"index.html");await Bun.write(Q,U);let W=`@echo off
 set DIR=%~dp0
 "${K}" --html-file "%DIR%index.html" ^
-  --title "${J.window?.title||X}" ^
-  --width ${J.window?.width||1200} ^
-  --height ${J.window?.height||800} ^
-  ${J.systemTray?"--system-tray":""} ^
-  ${J.devTools?"--dev-tools":""}
-`;if(await Bun.write(Z(G,`${X}.bat`),W),Y==="zip"){let _=Z(q,`${X}-${$}-windows.zip`),w=await VX(G,_);if(!w.success)return{success:!1,target:"windows",format:"zip",error:w.error};return{success:!0,target:"windows",format:"zip",outputPath:_}}return{success:!0,target:"windows",format:"app",outputPath:G}}async function wX(U,X,$,q,Y,J,K){let G=Z(q,X);E(G,{recursive:!0});let Q=Z(G,"index.html");await Bun.write(Q,U);let W=`#!/bin/bash
+  --title "${Y.window?.title||X}" ^
+  --width ${Y.window?.width||1200} ^
+  --height ${Y.window?.height||800} ^
+  ${Y.systemTray?"--system-tray":""} ^
+  ${Y.devTools?"--dev-tools":""}
+`;if(await Bun.write(Z(G,`${X}.bat`),W),J==="zip"){let _=Z(q,`${X}-${$}-windows.zip`),w=await IX(G,_);if(!w.success)return{success:!1,target:"windows",format:"zip",error:w.error};return{success:!0,target:"windows",format:"zip",outputPath:_}}return{success:!0,target:"windows",format:"app",outputPath:G}}async function OX(U,X,$,q,J,Y,K){let G=Z(q,X);V(G,{recursive:!0});let Q=Z(G,"index.html");await Bun.write(Q,U);let W=`#!/bin/bash
 DIR="$( cd "$( dirname "\${BASH_SOURCE[0]}" )" && pwd )"
 "${K}" --html-file "$DIR/index.html" \\
-  --title "${J.window?.title||X}" \\
-  --width ${J.window?.width||1200} \\
-  --height ${J.window?.height||800} \\
-  ${J.systemTray?"--system-tray":""} \\
-  ${J.devTools?"--dev-tools":""}
-`,_=Z(G,X.toLowerCase());await Bun.write(_,W),R(_,493);let w=`[Desktop Entry]
+  --title "${Y.window?.title||X}" \\
+  --width ${Y.window?.width||1200} \\
+  --height ${Y.window?.height||800} \\
+  ${Y.systemTray?"--system-tray":""} \\
+  ${Y.devTools?"--dev-tools":""}
+`,_=Z(G,X.toLowerCase());await Bun.write(_,W),I(_,493);let w=`[Desktop Entry]
 Type=Application
 Name=${X}
 Exec=${_}
 Terminal=false
 Categories=Utility;
-`;if(await Bun.write(Z(G,`${X.toLowerCase()}.desktop`),w),Y==="deb"){let F=Z(q,`${X.toLowerCase()}_${$}_amd64.deb`),L=await AX(G,F,X,$,J);if(!L.success)return{success:!1,target:"linux",format:"deb",error:L.error};return{success:!0,target:"linux",format:"deb",outputPath:F}}if(Y==="appimage"){let F=Z(q,`${X}-${$}-x86_64.AppImage`),L=await HX(G,F,X,J);if(!L.success)return{success:!1,target:"linux",format:"appimage",error:L.error};return{success:!0,target:"linux",format:"appimage",outputPath:F}}return{success:!0,target:"linux",format:"app",outputPath:G}}async function FX(U,X,$,q,Y,J){return{success:!1,target:"ios",format:"ipa",error:`iOS build requires Xcode and additional setup. Use 'stx init:ios ${X}' to create an iOS project.`}}async function LX(U,X,$,q,Y,J){return{success:!1,target:"android",format:"apk",error:`Android build requires Android SDK and additional setup. Use 'stx init:android ${X}' to create an Android project.`}}async function BX(){let U=[Z(process.cwd(),"../../craft/packages/zig/zig-out/bin/craft-minimal"),Z(process.cwd(),"../craft/packages/zig/zig-out/bin/craft-minimal"),Z(GU(),"Code/craft/packages/zig/zig-out/bin/craft-minimal"),"/usr/local/bin/craft","/usr/bin/craft",Z(GU(),".local/bin/craft"),Z(process.env.LOCALAPPDATA||"","craft","craft.exe"),Z(process.env.PROGRAMFILES||"","craft","craft.exe")];for(let X of U)if(await Bun.file(X).exists())return X;try{let $=QX("which craft 2>/dev/null || where craft 2>nul",{encoding:"utf-8"}).trim().split(`
-`)[0];if($&&await Bun.file($).exists())return $}catch{}return null}function S(){switch(WX()){case"darwin":return"macos";case"win32":return"windows";default:return"linux"}}function OX(U){switch(U){case"macos":return"app";case"windows":return"zip";case"linux":return"appimage";case"ios":return"ipa";case"android":return"apk";default:return"app"}}async function EX(U,X,$){return new Promise((q)=>{let Y=y("hdiutil",["create","-volname",$,"-srcfolder",U,"-ov","-format","UDZO",X]);Y.on("close",(J)=>{if(J===0)q({success:!0});else q({success:!1,error:`hdiutil exited with code ${J}`})}),Y.on("error",(J)=>{q({success:!1,error:J.message})})})}async function VX(U,X){return new Promise(($)=>{let q=y("zip",["-r",X,"."],{cwd:U});q.on("close",(Y)=>{if(Y===0)$({success:!0});else $({success:!1,error:`zip exited with code ${Y}`})}),q.on("error",(Y)=>{$({success:!1,error:Y.message})})})}async function AX(U,X,$,q,Y){return new Promise((J)=>{try{let K=Z(QU(),`stx-deb-${Date.now()}`),G=Z(K,"DEBIAN"),Q=Z(K,"usr","bin"),W=Z(K,"usr","share","applications"),_=Z(K,"usr","share",$.toLowerCase());E(G,{recursive:!0}),E(Q,{recursive:!0}),E(W,{recursive:!0}),E(_,{recursive:!0});let w=V("fs").readdirSync(U);for(let B of w)b(Z(U,B),Z(_,B));let F=`#!/bin/bash
-exec /usr/share/${$.toLowerCase()}/${$.toLowerCase()} "$@"`;V("fs").writeFileSync(Z(Q,$.toLowerCase()),F),R(Z(Q,$.toLowerCase()),493);let L=`Package: ${$.toLowerCase()}
+`;if(await Bun.write(Z(G,`${X.toLowerCase()}.desktop`),w),J==="deb"){let F=Z(q,`${X.toLowerCase()}_${$}_amd64.deb`),L=await MX(G,F,X,$,Y);if(!L.success)return{success:!1,target:"linux",format:"deb",error:L.error};return{success:!0,target:"linux",format:"deb",outputPath:F}}if(J==="appimage"){let F=Z(q,`${X}-${$}-x86_64.AppImage`),L=await zX(G,F,X,Y);if(!L.success)return{success:!1,target:"linux",format:"appimage",error:L.error};return{success:!0,target:"linux",format:"appimage",outputPath:F}}return{success:!0,target:"linux",format:"app",outputPath:G}}async function EX(U,X,$,q,J,Y){return{success:!1,target:"ios",format:"ipa",error:`iOS build requires Xcode and additional setup. Use 'stx init:ios ${X}' to create an iOS project.`}}async function VX(U,X,$,q,J,Y){return{success:!1,target:"android",format:"apk",error:`Android build requires Android SDK and additional setup. Use 'stx init:android ${X}' to create an Android project.`}}async function AX(){let U=[Z(process.cwd(),"../../craft/packages/zig/zig-out/bin/craft-minimal"),Z(process.cwd(),"../craft/packages/zig/zig-out/bin/craft-minimal"),Z(QU(),"Code/craft/packages/zig/zig-out/bin/craft-minimal"),"/usr/local/bin/craft","/usr/bin/craft",Z(QU(),".local/bin/craft"),Z(process.env.LOCALAPPDATA||"","craft","craft.exe"),Z(process.env.PROGRAMFILES||"","craft","craft.exe")];for(let X of U)if(await Bun.file(X).exists())return X;try{let $=wX("which craft 2>/dev/null || where craft 2>nul",{encoding:"utf-8"}).trim().split(`
+`)[0];if($&&await Bun.file($).exists())return $}catch{}return null}function y(){switch(LX()){case"darwin":return"macos";case"win32":return"windows";default:return"linux"}}function HX(U){switch(U){case"macos":return"app";case"windows":return"zip";case"linux":return"appimage";case"ios":return"ipa";case"android":return"apk";default:return"app"}}async function RX(U,X,$){return new Promise((q)=>{let J=S("hdiutil",["create","-volname",$,"-srcfolder",U,"-ov","-format","UDZO",X]);J.on("close",(Y)=>{if(Y===0)q({success:!0});else q({success:!1,error:`hdiutil exited with code ${Y}`})}),J.on("error",(Y)=>{q({success:!1,error:Y.message})})})}async function IX(U,X){return new Promise(($)=>{let q=S("zip",["-r",X,"."],{cwd:U});q.on("close",(J)=>{if(J===0)$({success:!0});else $({success:!1,error:`zip exited with code ${J}`})}),q.on("error",(J)=>{$({success:!1,error:J.message})})})}async function MX(U,X,$,q,J){return new Promise((Y)=>{try{let K=Z(ZU(),`stx-deb-${Date.now()}`),G=Z(K,"DEBIAN"),Q=Z(K,"usr","bin"),W=Z(K,"usr","share","applications"),_=Z(K,"usr","share",$.toLowerCase());V(G,{recursive:!0}),V(Q,{recursive:!0}),V(W,{recursive:!0}),V(_,{recursive:!0});let w=A("fs").readdirSync(U);for(let B of w)b(Z(U,B),Z(_,B));let F=`#!/bin/bash
+exec /usr/share/${$.toLowerCase()}/${$.toLowerCase()} "$@"`;A("fs").writeFileSync(Z(Q,$.toLowerCase()),F),I(Z(Q,$.toLowerCase()),493);let L=`Package: ${$.toLowerCase()}
 Version: ${q}
 Section: utils
 Priority: optional
 Architecture: amd64
 Depends: libgtk-3-0, libwebkit2gtk-4.0-37
-Maintainer: ${Y.author||"Unknown"}
-Description: ${Y.description||$}
-`;V("fs").writeFileSync(Z(G,"control"),L);let O=y("dpkg-deb",["--build",K,X]);O.on("close",(B)=>{if(V("fs").rmSync(K,{recursive:!0,force:!0}),B===0)J({success:!0});else J({success:!1,error:`dpkg-deb exited with code ${B}`})}),O.on("error",(B)=>{V("fs").rmSync(K,{recursive:!0,force:!0}),J({success:!1,error:B.message})})}catch(K){J({success:!1,error:K.message})}})}async function HX(U,X,$,q){return new Promise((Y)=>{try{let J=Z(QU(),`stx-appimage-${Date.now()}`),K=Z(J,`${$}.AppDir`),G=Z(K,"usr"),Q=Z(G,"bin"),W=Z(G,"share");E(Q,{recursive:!0}),E(W,{recursive:!0});let _=Z(W,$.toLowerCase());E(_,{recursive:!0});let w=V("fs").readdirSync(U);for(let A of w)b(Z(U,A),Z(_,A));let F=`#!/bin/bash
+Maintainer: ${J.author||"Unknown"}
+Description: ${J.description||$}
+`;A("fs").writeFileSync(Z(G,"control"),L);let O=S("dpkg-deb",["--build",K,X]);O.on("close",(B)=>{if(A("fs").rmSync(K,{recursive:!0,force:!0}),B===0)Y({success:!0});else Y({success:!1,error:`dpkg-deb exited with code ${B}`})}),O.on("error",(B)=>{A("fs").rmSync(K,{recursive:!0,force:!0}),Y({success:!1,error:B.message})})}catch(K){Y({success:!1,error:K.message})}})}async function zX(U,X,$,q){return new Promise((J)=>{try{let Y=Z(ZU(),`stx-appimage-${Date.now()}`),K=Z(Y,`${$}.AppDir`),G=Z(K,"usr"),Q=Z(G,"bin"),W=Z(G,"share");V(Q,{recursive:!0}),V(W,{recursive:!0});let _=Z(W,$.toLowerCase());V(_,{recursive:!0});let w=A("fs").readdirSync(U);for(let H of w)b(Z(U,H),Z(_,H));let F=`#!/bin/bash
 SELF=$(readlink -f "$0")
 HERE=\${SELF%/*}
 export PATH="\${HERE}/usr/bin:\${PATH}"
 exec "\${HERE}/usr/share/${$.toLowerCase()}/${$.toLowerCase()}" "$@"
-`;V("fs").writeFileSync(Z(K,"AppRun"),F),R(Z(K,"AppRun"),493);let L=`[Desktop Entry]
+`;A("fs").writeFileSync(Z(K,"AppRun"),F),I(Z(K,"AppRun"),493);let L=`[Desktop Entry]
 Type=Application
 Name=${$}
 Exec=${$.toLowerCase()}
 Terminal=false
 Categories=Utility;
 Icon=${$.toLowerCase()}
-`;V("fs").writeFileSync(Z(K,`${$.toLowerCase()}.desktop`),L);let O=Buffer.from([137,80,78,71,13,10,26,10,0,0,0,13,73,72,68,82,0,0,0,1,0,0,0,1,8,2,0,0,0,144,119,83,222,0,0,0,12,73,68,65,84,8,215,99,248,255,255,63,0,5,254,2,254,220,204,89,231,0,0,0,0,73,69,78,68,174,66,96,130]);if(V("fs").writeFileSync(Z(K,`${$.toLowerCase()}.png`),O),q.icon&&KU(q.icon))b(q.icon,Z(K,`${$.toLowerCase()}.png`));let B=y("appimagetool",[K,X],{env:{...process.env,ARCH:"x86_64"}});B.on("close",(A)=>{if(V("fs").rmSync(J,{recursive:!0,force:!0}),A===0)R(X,493),Y({success:!0});else Y({success:!1,error:`appimagetool exited with code ${A}. Install from https://appimage.github.io/appimagetool/`})}),B.on("error",(A)=>{V("fs").rmSync(J,{recursive:!0,force:!0}),Y({success:!1,error:`appimagetool not found: ${A.message}`})})}catch(J){Y({success:!1,error:J.message})}})}function pX(){return[S()]}function aX(U){switch(U){case"macos":return["app","dmg","pkg"];case"windows":return["app","zip","msi"];case"linux":return["app","deb","rpm","appimage"];case"ios":return["ipa"];case"android":return["apk"];default:return["app"]}}export{yX as renderSSR,PX as registerCraftComponent,zX as processCraftDirective,o as processCraftComponents,NX as prerenderForCraft,MX as isCraftEnvironment,m as injectCraftBridge,uX as getSSRCacheStats,DX as getCraftComponents,pX as getAvailableTargets,aX as getAvailableFormats,CX as generateCraftOptimizations,h as generateCraftBridgeScript,bX as createHotReloadServer,kX as compileToNative,dU as compileTemplate,JX as clearTemplateCache,GX as clearRenderCache,vX as clearAllCaches,rX as buildNative,ZU as NATIVE_COMPONENTS,n as CRAFT_COMPONENT_STYLES,xX as CRAFT_COMPONENT_RUNTIME,u as CRAFT_COMPONENTS,IX as CRAFT_BRIDGE_SCRIPT};
+`;A("fs").writeFileSync(Z(K,`${$.toLowerCase()}.desktop`),L);let O=Buffer.from([137,80,78,71,13,10,26,10,0,0,0,13,73,72,68,82,0,0,0,1,0,0,0,1,8,2,0,0,0,144,119,83,222,0,0,0,12,73,68,65,84,8,215,99,248,255,255,63,0,5,254,2,254,220,204,89,231,0,0,0,0,73,69,78,68,174,66,96,130]);if(A("fs").writeFileSync(Z(K,`${$.toLowerCase()}.png`),O),q.icon&&WU(q.icon))b(q.icon,Z(K,`${$.toLowerCase()}.png`));let B=S("appimagetool",[K,X],{env:{...process.env,ARCH:"x86_64"}});B.on("close",(H)=>{if(A("fs").rmSync(Y,{recursive:!0,force:!0}),H===0)I(X,493),J({success:!0});else J({success:!1,error:`appimagetool exited with code ${H}. Install from https://appimage.github.io/appimagetool/`})}),B.on("error",(H)=>{A("fs").rmSync(Y,{recursive:!0,force:!0}),J({success:!1,error:`appimagetool not found: ${H.message}`})})}catch(Y){J({success:!1,error:Y.message})}})}function tX(){return[y()]}function eX(U){switch(U){case"macos":return["app","dmg","pkg"];case"windows":return["app","zip","msi"];case"linux":return["app","deb","rpm","appimage"];case"ios":return["ipa"];case"android":return["apk"];default:return["app"]}}export{uX as renderSSR,SX as registerCraftComponent,bX as processCraftDirective,o as processCraftComponents,fX as prerenderForCraft,TX as isCraftEnvironment,m as injectCraftBridge,mX as getSSRCacheStats,NX as getCraftComponents,tX as getAvailableTargets,eX as getAvailableFormats,gX as generateCraftOptimizations,h as generateCraftBridgeScript,DX as createHotReloadServer,PX as compileToNative,iU as compileTemplate,WX as clearTemplateCache,ZX as clearRenderCache,hX as clearAllCaches,oX as buildNative,wU as NATIVE_COMPONENTS,a as CRAFT_COMPONENT_STYLES,yX as CRAFT_COMPONENT_RUNTIME,g as CRAFT_COMPONENTS,kX as CRAFT_BRIDGE_SCRIPT};