@stacksjs/desktop 0.2.198 → 0.2.199

package/dist/index.js

@@ -1,1155 +1,86 @@
 // @bun
-import {
-  DEFAULT_WATCH_INTERVAL_MS,
-  MAX_WATCH_INTERVAL_MS,
-  MIN_WATCH_INTERVAL_MS,
-  MODAL_STYLES,
-  TOAST_STYLES,
-  alert,
-  app,
-  appleScript,
-  audio,
-  battery,
-  biometric,
-  bluetooth,
-  bonjour,
-  caffeinate,
-  clipboard,
-  closeAllModals,
-  confirm,
-  continuityCamera,
-  coreml,
-  crashReporter,
-  createInterval,
-  createTimer,
-  decaffeinate,
-  deepLinks,
-  delay,
-  dismissAlertById,
-  dismissAllAlerts,
-  dragOut,
-  fileAssociations,
-  focus,
-  focusShortcutsReady,
-  formatCompact,
-  formatDuration,
-  formatRemainingTime,
-  formatShortcut,
-  formatTime,
-  fs,
-  getActiveAlertCount,
-  getActiveModalCount,
-  getCaffeinateStatus,
-  getCapabilities,
-  getCapability,
-  getDialogBridgeScript,
-  getRegisteredHotkeys,
-  globalShortcuts,
-  handoff,
-  hasBridge,
-  hasFocusShortcuts,
-  iap,
-  isAvailable,
-  isCaffeinated,
-  isDragOutAvailable,
-  keychain,
-  liveActivities,
-  localServer,
-  location,
-  log,
-  menu,
-  midi,
-  nativeAutoLaunch,
-  network,
-  notifications,
-  notify,
-  parseShortcut,
-  pdf,
-  permissions,
-  printing,
-  prompt,
-  redactPII,
-  registerHotkey,
-  requestNotificationPermission,
-  screen,
-  screenCapture,
-  screenSharing,
-  serial,
-  serviceMenu,
-  shell,
-  showAlert,
-  showAlertDialog,
-  showColorPicker,
-  showConfirmDialog,
-  showErrorDialog,
-  showErrorModal,
-  showErrorToast,
-  showInfoModal,
-  showInfoToast,
-  showMessageBox,
-  showModal,
-  showOpenDialog,
-  showQuestionModal,
-  showSaveDialog,
-  showSuccessModal,
-  showSuccessToast,
-  showToast,
-  showWarningDialog,
-  showWarningModal,
-  showWarningToast,
-  signPayload,
-  speech,
-  speechRecognition,
-  spotlight,
-  tags,
-  theme,
-  touchbar,
-  unregisterAllHotkeys,
-  unregisterHotkey,
-  updater,
-  vision,
-  watchScreenSharing,
-  windowEvents
-} from "./chunk-ys4frvmj.js";
-import {
-  __require
-} from "./chunk-2mx7fq49.js";
-// src/components.ts
-function generateId(prefix = "stx") {
-  return `${prefix}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
-}
-function escapeHtml(str) {
-  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-}
-function buildClasses(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-function buildStyles(styles) {
-  if (!styles)
-    return "";
-  return Object.entries(styles).map(([key, value]) => `${key.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${value}`).join("; ");
-}
-function createButton(props) {
-  const {
-    text,
-    variant = "primary",
-    size = "medium",
-    disabled = false,
-    loading = false,
-    icon,
-    iconPosition = "left",
-    id = generateId("btn"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-button", `stx-button--${variant}`, `stx-button--${size}`, disabled && "stx-button--disabled", loading && "stx-button--loading", className);
-  const styleStr = buildStyles(style);
-  const iconHtml = icon ? `<span class="stx-button-icon">${icon}</span>` : "";
-  const loadingHtml = loading ? '<span class="stx-button-spinner"></span>' : "";
-  const content = iconPosition === "left" ? `${iconHtml}${loadingHtml}<span class="stx-button-text">${escapeHtml(text)}</span>` : `<span class="stx-button-text">${escapeHtml(text)}</span>${iconHtml}${loadingHtml}`;
-  return `<button id="${id}" class="${classes}" ${disabled || loading ? "disabled" : ""} ${styleStr ? `style='${styleStr}'` : ""}>${content}</button>`;
-}
-function createTextInput(props) {
-  const {
-    value = "",
-    placeholder = "",
-    type = "text",
-    disabled = false,
-    readonly = false,
-    maxLength,
-    minLength,
-    pattern,
-    required = false,
-    autocomplete,
-    label,
-    error,
-    hint,
-    id = generateId("input"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-input", error && "stx-input--error", disabled && "stx-input--disabled", className);
-  const styleStr = buildStyles(style);
-  const attrs = [
-    `type="${type}"`,
-    `id="${id}"`,
-    `class="${classes}"`,
-    value && `value="${escapeHtml(value)}"`,
-    placeholder && `placeholder="${escapeHtml(placeholder)}"`,
-    disabled && "disabled",
-    readonly && "readonly",
-    required && "required",
-    maxLength && `maxlength="${maxLength}"`,
-    minLength && `minlength="${minLength}"`,
-    pattern && `pattern="${escapeHtml(pattern)}"`,
-    autocomplete && `autocomplete="${autocomplete}"`,
-    styleStr && `style="${styleStr}"`
-  ].filter(Boolean).join(" ");
-  let html = "";
-  if (label) {
-    html += `<label class="stx-input-label" for="${id}">${escapeHtml(label)}</label>`;
-  }
-  html += `<input ${attrs} />`;
-  if (error) {
-    html += `<div class="stx-input-error">${escapeHtml(error)}</div>`;
-  } else if (hint) {
-    html += `<div class="stx-input-hint">${escapeHtml(hint)}</div>`;
-  }
-  return `<div class="stx-input-wrapper">${html}</div>`;
-}
-function createCheckbox(props) {
-  const {
-    checked = false,
-    label,
-    disabled = false,
-    indeterminate = false,
-    id = generateId("checkbox"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-checkbox", disabled && "stx-checkbox--disabled", className);
-  const styleStr = buildStyles(style);
-  const inputAttrs = [
-    'type="checkbox"',
-    `id="${id}"`,
-    checked && "checked",
-    disabled && "disabled",
-    indeterminate && 'data-indeterminate="true"'
-  ].filter(Boolean).join(" ");
-  return `
-    <label class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>
-      <input ${inputAttrs} />
+import{$ as hZ,$a as h0,A as FZ,Aa as B0,B as jZ,Ba as F0,C as DZ,Ca as j0,D as VZ,Da as D0,E as LZ,Ea as V0,F as OZ,Fa as L0,G as zZ,Ga as O0,H as MZ,Ha as z0,I as TZ,Ia as M0,J as WZ,Ja as T0,K as PZ,Ka as W0,L as AZ,La as P0,M as NZ,Ma as A0,N as kZ,Na as N0,O as xZ,Oa as k0,P as CZ,Pa as x0,Q as IZ,Qa as C0,R as HZ,Ra as I0,S as vZ,Sa as H0,T as wZ,Ta as v0,U as fZ,Ua as w0,V as SZ,Va as f0,W as gZ,Wa as S0,X as bZ,Xa as g0,Y as m,Ya as b0,Z as uZ,Za as u0,_ as yZ,_a as y0,a as cY,aa as mZ,ab as m0,b as dY,ba as cZ,bb as c0,c as pY,ca as dZ,d as rY,da as pZ,e as nY,ea as rZ,f as oY,fa as nZ,g as lY,ga as oZ,h as aY,ha as lZ,i as iY,ia as aZ,j as sY,ja as iZ,k as tY,ka as sZ,l as eY,la as tZ,m as QZ,ma as eZ,n as YZ,na as Q0,o as ZZ,oa as Y0,p as XZ,pa as Z0,q as $Z,qa as X0,r as GZ,ra as $0,s as JZ,sa as G0,t as qZ,ta as J0,u as RZ,ua as q0,v as UZ,va as R0,w as KZ,wa as U0,x as _Z,xa as K0,y as EZ,ya as _0,z as BZ,za as E0}from"./chunk-0954hbsb.js";import{cb as N}from"./chunk-ts9f0mxv.js";function L(Y="stx"){return`${Y}-${Date.now()}-${Math.random().toString(36).substring(2,9)}`}function B(Y){return Y.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function V(...Y){return Y.filter(Boolean).join(" ")}function D(Y){if(!Y)return"";return Object.entries(Y).map(([Q,Z])=>`${Q.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${Z}`).join("; ")}function UQ(Y){let{text:Q,variant:Z="primary",size:X="medium",disabled:$=!1,loading:J=!1,icon:U,iconPosition:q="left",id:G=L("btn"),className:_,style:K}=Y,E=V("stx-button",`stx-button--${Z}`,`stx-button--${X}`,$&&"stx-button--disabled",J&&"stx-button--loading",_),R=D(K),F=U?`<span class="stx-button-icon">${U}</span>`:"",j=J?'<span class="stx-button-spinner"></span>':"",O=q==="left"?`${F}${j}<span class="stx-button-text">${B(Q)}</span>`:`<span class="stx-button-text">${B(Q)}</span>${F}${j}`;return`<button id="${G}" class="${E}" ${$||J?"disabled":""} ${R?`style='${R}'`:""}>${O}</button>`}function KQ(Y){let{value:Q="",placeholder:Z="",type:X="text",disabled:$=!1,readonly:J=!1,maxLength:U,minLength:q,pattern:G,required:_=!1,autocomplete:K,label:E,error:R,hint:F,id:j=L("input"),className:O,style:z}=Y,M=V("stx-input",R&&"stx-input--error",$&&"stx-input--disabled",O),v=D(z),RQ=[`type="${X}"`,`id="${j}"`,`class="${M}"`,Q&&`value="${B(Q)}"`,Z&&`placeholder="${B(Z)}"`,$&&"disabled",J&&"readonly",_&&"required",U&&`maxlength="${U}"`,q&&`minlength="${q}"`,G&&`pattern="${B(G)}"`,K&&`autocomplete="${K}"`,v&&`style="${v}"`].filter(Boolean).join(" "),I="";if(E)I+=`<label class="stx-input-label" for="${j}">${B(E)}</label>`;if(I+=`<input ${RQ} />`,R)I+=`<div class="stx-input-error">${B(R)}</div>`;else if(F)I+=`<div class="stx-input-hint">${B(F)}</div>`;return`<div class="stx-input-wrapper">${I}</div>`}function _Q(Y){let{checked:Q=!1,label:Z,disabled:X=!1,indeterminate:$=!1,id:J=L("checkbox"),className:U,style:q}=Y,G=V("stx-checkbox",X&&"stx-checkbox--disabled",U),_=D(q),K=['type="checkbox"',`id="${J}"`,Q&&"checked",X&&"disabled",$&&'data-indeterminate="true"'].filter(Boolean).join(" ");return`
+    <label class="${G}" ${_?`style="${_}"`:""}>
+      <input ${K} />
       <span class="stx-checkbox-box"></span>
-      ${label ? `<span class="stx-checkbox-label">${escapeHtml(label)}</span>` : ""}
+      ${Z?`<span class="stx-checkbox-label">${B(Z)}</span>`:""}
     </label>
-  `;
-}
-function createSlider(props) {
-  const {
-    value = 50,
-    min = 0,
-    max = 100,
-    step = 1,
-    disabled = false,
-    label,
-    showValue = true,
-    id = generateId("slider"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-slider", disabled && "stx-slider--disabled", className);
-  const styleStr = buildStyles(style);
-  const inputAttrs = [
-    'type="range"',
-    `id="${id}"`,
-    `value="${value}"`,
-    `min="${min}"`,
-    `max="${max}"`,
-    `step="${step}"`,
-    disabled && "disabled"
-  ].filter(Boolean).join(" ");
-  let html = "";
-  if (label) {
-    html += `<label class="stx-slider-label" for="${id}">${escapeHtml(label)}</label>`;
-  }
-  html += `<div class="stx-slider-track"><input ${inputAttrs} /></div>`;
-  if (showValue) {
-    html += `<span class="stx-slider-value">${value}</span>`;
-  }
-  return `<div class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createProgressBar(props) {
-  const {
-    value,
-    max = 100,
-    variant = "default",
-    size = "medium",
-    showLabel = false,
-    indeterminate = false,
-    id = generateId("progress"),
-    className,
-    style
-  } = props;
-  const percentage = Math.min(100, Math.max(0, value / max * 100));
-  const classes = buildClasses("stx-progress", `stx-progress--${variant}`, `stx-progress--${size}`, indeterminate && "stx-progress--indeterminate", className);
-  const styleStr = buildStyles(style);
-  return `
-    <div id="${id}" class="${classes}" role="progressbar" aria-valuenow="${value}" aria-valuemin="0" aria-valuemax="${max}" ${styleStr ? `style="${styleStr}"` : ""}>
-      <div class="stx-progress-bar" style="width: ${indeterminate ? "100%" : `${percentage}%`}"></div>
-      ${showLabel ? `<span class="stx-progress-label">${Math.round(percentage)}%</span>` : ""}
+  `}function EQ(Y){let{value:Q=50,min:Z=0,max:X=100,step:$=1,disabled:J=!1,label:U,showValue:q=!0,id:G=L("slider"),className:_,style:K}=Y,E=V("stx-slider",J&&"stx-slider--disabled",_),R=D(K),F=['type="range"',`id="${G}"`,`value="${Q}"`,`min="${Z}"`,`max="${X}"`,`step="${$}"`,J&&"disabled"].filter(Boolean).join(" "),j="";if(U)j+=`<label class="stx-slider-label" for="${G}">${B(U)}</label>`;if(j+=`<div class="stx-slider-track"><input ${F} /></div>`,q)j+=`<span class="stx-slider-value">${Q}</span>`;return`<div class="${E}" ${R?`style='${R}'`:""}>${j}</div>`}function BQ(Y){let{value:Q,max:Z=100,variant:X="default",size:$="medium",showLabel:J=!1,indeterminate:U=!1,id:q=L("progress"),className:G,style:_}=Y,K=Math.min(100,Math.max(0,Q/Z*100)),E=V("stx-progress",`stx-progress--${X}`,`stx-progress--${$}`,U&&"stx-progress--indeterminate",G),R=D(_);return`
+    <div id="${q}" class="${E}" role="progressbar" aria-valuenow="${Q}" aria-valuemin="0" aria-valuemax="${Z}" ${R?`style="${R}"`:""}>
+      <div class="stx-progress-bar" style="width: ${U?"100%":`${K}%`}"></div>
+      ${J?`<span class="stx-progress-label">${Math.round(K)}%</span>`:""}
     </div>
-  `;
-}
-function createBadge(props) {
-  const {
-    text,
-    variant = "default",
-    size = "medium",
-    id = generateId("badge"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-badge", `stx-badge--${variant}`, `stx-badge--${size}`, className);
-  const styleStr = buildStyles(style);
-  return `<span id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${escapeHtml(text)}</span>`;
-}
-function createAvatar(props) {
-  const {
-    src,
-    alt = "",
-    name,
-    size = "medium",
-    shape = "circle",
-    id = generateId("avatar"),
-    className,
-    style
-  } = props;
-  const sizeClass = typeof size === "number" ? "" : `stx-avatar--${size}`;
-  const sizeStyle = typeof size === "number" ? `width: ${size}px; height: ${size}px;` : "";
-  const classes = buildClasses("stx-avatar", sizeClass, `stx-avatar--${shape}`, className);
-  const combinedStyle = [sizeStyle, buildStyles(style)].filter(Boolean).join(" ");
-  const initials = name ? name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) : "";
-  if (src) {
-    return `<div id="${id}" class="${classes}" ${combinedStyle ? `style="${combinedStyle}"` : ""}>
-      <img src="${escapeHtml(src)}" alt="${escapeHtml(alt)}" class="stx-avatar-img" />
-    </div>`;
-  }
-  return `<div id="${id}" class="${classes}" ${combinedStyle ? `style="${combinedStyle}"` : ""}>
-    <span class="stx-avatar-initials">${initials}</span>
-  </div>`;
-}
-function createCard(props) {
-  const {
-    title,
-    subtitle,
-    content,
-    image,
-    footer,
-    variant = "default",
-    id = generateId("card"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-card", `stx-card--${variant}`, className);
-  const styleStr = buildStyles(style);
-  let html = "";
-  if (image) {
-    html += `<div class="stx-card-image"><img src="${escapeHtml(image)}" alt="" /></div>`;
-  }
-  html += '<div class="stx-card-body">';
-  if (title) {
-    html += `<h3 class="stx-card-title">${escapeHtml(title)}</h3>`;
-  }
-  if (subtitle) {
-    html += `<p class="stx-card-subtitle">${escapeHtml(subtitle)}</p>`;
-  }
-  if (content) {
-    html += `<div class="stx-card-content">${escapeHtml(content)}</div>`;
-  }
-  html += "</div>";
-  if (footer) {
-    html += `<div class="stx-card-footer">${escapeHtml(footer)}</div>`;
-  }
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createTabs(props) {
-  const {
-    tabs,
-    activeTab,
-    variant = "default",
-    id = generateId("tabs"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-tabs", `stx-tabs--${variant}`, className);
-  const styleStr = buildStyles(style);
-  const tabsHtml = tabs.map((tab, index) => {
-    const isActive = activeTab ? tab.value === activeTab : index === 0;
-    const tabClasses = buildClasses("stx-tab", isActive && "stx-tab--active", tab.disabled && "stx-tab--disabled");
-    return `<button class="${tabClasses}" data-value="${escapeHtml(tab.value)}" ${tab.disabled ? "disabled" : ""} role="tab" aria-selected="${isActive}">${escapeHtml(tab.label)}</button>`;
-  }).join("");
-  return `<div id="${id}" class="${classes}" role="tablist" ${styleStr ? `style='${styleStr}'` : ""}>${tabsHtml}</div>`;
-}
-function createDropdown(props) {
-  const {
-    options,
-    value,
-    placeholder = "Select...",
-    disabled = false,
-    id = generateId("dropdown"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-dropdown", disabled && "stx-dropdown--disabled", className);
-  const styleStr = buildStyles(style);
-  const optionsHtml = options.map((opt) => {
-    const selected = opt.value === value ? "selected" : "";
-    const disabledAttr = opt.disabled ? "disabled" : "";
-    return `<option value="${escapeHtml(opt.value)}" ${selected} ${disabledAttr}>${escapeHtml(opt.label)}</option>`;
-  }).join("");
-  const placeholderOption = value ? "" : `<option value="" disabled selected>${escapeHtml(placeholder)}</option>`;
-  return `<select id="${id}" class="${classes}" ${disabled ? "disabled" : ""} ${styleStr ? `style='${styleStr}'` : ""}>${placeholderOption}${optionsHtml}</select>`;
-}
-function createRating(props) {
-  const {
-    value = 0,
-    max = 5,
-    readonly = false,
-    size = "medium",
-    allowHalf = false,
-    id = generateId("rating"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-rating", `stx-rating--${size}`, readonly && "stx-rating--readonly", className);
-  const styleStr = buildStyles(style);
-  let starsHtml = "";
-  for (let i = 1;i <= max; i++) {
-    const filled = i <= value;
-    const halfFilled = allowHalf && i - 0.5 === value;
-    const starClass = filled ? "stx-star--filled" : halfFilled ? "stx-star--half" : "";
-    starsHtml += `<span class="stx-star ${starClass}" data-value="${i}">\u2605</span>`;
-  }
-  return `<div id="${id}" class="${classes}" role="slider" aria-valuenow="${value}" aria-valuemin="0" aria-valuemax="${max}" ${styleStr ? `style='${styleStr}'` : ""}>${starsHtml}</div>`;
-}
-function createRadioButton(props) {
-  const {
-    value,
-    name,
-    checked = false,
-    label,
-    disabled = false,
-    id = generateId("radio"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-radio", disabled && "stx-radio--disabled", className);
-  const styleStr = buildStyles(style);
-  const inputAttrs = [
-    'type="radio"',
-    `id="${id}"`,
-    `name="${escapeHtml(name)}"`,
-    `value="${escapeHtml(value)}"`,
-    checked && "checked",
-    disabled && "disabled"
-  ].filter(Boolean).join(" ");
-  return `
-    <label class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>
-      <input ${inputAttrs} />
+  `}function FQ(Y){let{text:Q,variant:Z="default",size:X="medium",id:$=L("badge"),className:J,style:U}=Y,q=V("stx-badge",`stx-badge--${Z}`,`stx-badge--${X}`,J),G=D(U);return`<span id="${$}" class="${q}" ${G?`style='${G}'`:""}>${B(Q)}</span>`}function jQ(Y){let{src:Q,alt:Z="",name:X,size:$="medium",shape:J="circle",id:U=L("avatar"),className:q,style:G}=Y,_=typeof $==="number"?"":`stx-avatar--${$}`,K=typeof $==="number"?`width: ${$}px; height: ${$}px;`:"",E=V("stx-avatar",_,`stx-avatar--${J}`,q),R=[K,D(G)].filter(Boolean).join(" "),F=X?X.split(" ").map((j)=>j[0]).join("").toUpperCase().slice(0,2):"";if(Q)return`<div id="${U}" class="${E}" ${R?`style="${R}"`:""}>
+      <img src="${B(Q)}" alt="${B(Z)}" class="stx-avatar-img" />
+    </div>`;return`<div id="${U}" class="${E}" ${R?`style="${R}"`:""}>
+    <span class="stx-avatar-initials">${F}</span>
+  </div>`}function DQ(Y){let{title:Q,subtitle:Z,content:X,image:$,footer:J,variant:U="default",id:q=L("card"),className:G,style:_}=Y,K=V("stx-card",`stx-card--${U}`,G),E=D(_),R="";if($)R+=`<div class="stx-card-image"><img src="${B($)}" alt="" /></div>`;if(R+='<div class="stx-card-body">',Q)R+=`<h3 class="stx-card-title">${B(Q)}</h3>`;if(Z)R+=`<p class="stx-card-subtitle">${B(Z)}</p>`;if(X)R+=`<div class="stx-card-content">${B(X)}</div>`;if(R+="</div>",J)R+=`<div class="stx-card-footer">${B(J)}</div>`;return`<div id="${q}" class="${K}" ${E?`style='${E}'`:""}>${R}</div>`}function VQ(Y){let{tabs:Q,activeTab:Z,variant:X="default",id:$=L("tabs"),className:J,style:U}=Y,q=V("stx-tabs",`stx-tabs--${X}`,J),G=D(U),_=Q.map((K,E)=>{let R=Z?K.value===Z:E===0;return`<button class="${V("stx-tab",R&&"stx-tab--active",K.disabled&&"stx-tab--disabled")}" data-value="${B(K.value)}" ${K.disabled?"disabled":""} role="tab" aria-selected="${R}">${B(K.label)}</button>`}).join("");return`<div id="${$}" class="${q}" role="tablist" ${G?`style='${G}'`:""}>${_}</div>`}function LQ(Y){let{options:Q,value:Z,placeholder:X="Select...",disabled:$=!1,id:J=L("dropdown"),className:U,style:q}=Y,G=V("stx-dropdown",$&&"stx-dropdown--disabled",U),_=D(q),K=Q.map((R)=>{let F=R.value===Z?"selected":"",j=R.disabled?"disabled":"";return`<option value="${B(R.value)}" ${F} ${j}>${B(R.label)}</option>`}).join(""),E=Z?"":`<option value="" disabled selected>${B(X)}</option>`;return`<select id="${J}" class="${G}" ${$?"disabled":""} ${_?`style='${_}'`:""}>${E}${K}</select>`}function OQ(Y){let{value:Q=0,max:Z=5,readonly:X=!1,size:$="medium",allowHalf:J=!1,id:U=L("rating"),className:q,style:G}=Y,_=V("stx-rating",`stx-rating--${$}`,X&&"stx-rating--readonly",q),K=D(G),E="";for(let R=1;R<=Z;R++){let F=R<=Q,j=J&&R-0.5===Q;E+=`<span class="stx-star ${F?"stx-star--filled":j?"stx-star--half":""}" data-value="${R}">\u2605</span>`}return`<div id="${U}" class="${_}" role="slider" aria-valuenow="${Q}" aria-valuemin="0" aria-valuemax="${Z}" ${K?`style='${K}'`:""}>${E}</div>`}function zQ(Y){let{value:Q,name:Z,checked:X=!1,label:$,disabled:J=!1,id:U=L("radio"),className:q,style:G}=Y,_=V("stx-radio",J&&"stx-radio--disabled",q),K=D(G),E=['type="radio"',`id="${U}"`,`name="${B(Z)}"`,`value="${B(Q)}"`,X&&"checked",J&&"disabled"].filter(Boolean).join(" ");return`
+    <label class="${_}" ${K?`style="${K}"`:""}>
+      <input ${E} />
       <span class="stx-radio-circle"></span>
-      ${label ? `<span class="stx-radio-label">${escapeHtml(label)}</span>` : ""}
+      ${$?`<span class="stx-radio-label">${B($)}</span>`:""}
     </label>
-  `;
-}
-function createColorPicker(props) {
-  const {
-    value = "#3498db",
-    disabled = false,
-    label,
-    presetColors = ["#e74c3c", "#f39c12", "#27ae60", "#3498db", "#9b59b6", "#1abc9c", "#34495e", "#000000"],
-    id = generateId("color"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-color-picker", disabled && "stx-color-picker--disabled", className);
-  const styleStr = buildStyles(style);
-  let html = "";
-  if (label) {
-    html += `<label class="stx-color-picker-label" for="${id}">${escapeHtml(label)}</label>`;
-  }
-  html += `<div class="stx-color-picker-input">
-    <input type="color" id="${id}" value="${escapeHtml(value)}" ${disabled ? "disabled" : ""} />
-    <span class="stx-color-picker-value">${escapeHtml(value)}</span>
-  </div>`;
-  if (presetColors.length > 0) {
-    html += '<div class="stx-color-picker-presets">';
-    for (const color of presetColors) {
-      html += `<button class="stx-color-preset" style="background: ${escapeHtml(color)}" data-color="${escapeHtml(color)}" ${disabled ? "disabled" : ""}></button>`;
-    }
-    html += "</div>";
-  }
-  return `<div class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createDatePicker(props) {
-  const {
-    value,
-    min,
-    max,
-    disabled = false,
-    label,
-    placeholder = "Select date",
-    showClear = true,
-    id = generateId("date"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-date-picker", disabled && "stx-date-picker--disabled", className);
-  const styleStr = buildStyles(style);
-  const dateValue = value instanceof Date ? value.toISOString().split("T")[0] : value || "";
-  const minValue = min instanceof Date ? min.toISOString().split("T")[0] : min;
-  const maxValue = max instanceof Date ? max.toISOString().split("T")[0] : max;
-  const inputAttrs = [
-    'type="date"',
-    `id="${id}"`,
-    dateValue && `value="${dateValue}"`,
-    minValue && `min="${minValue}"`,
-    maxValue && `max="${maxValue}"`,
-    disabled && "disabled",
-    `placeholder="${escapeHtml(placeholder)}"`
-  ].filter(Boolean).join(" ");
-  let html = "";
-  if (label) {
-    html += `<label class="stx-date-picker-label" for="${id}">${escapeHtml(label)}</label>`;
-  }
-  html += `<div class="stx-date-picker-input">
-    <input ${inputAttrs} />
-    ${showClear && dateValue ? '<button class="stx-date-picker-clear" type="button">&times;</button>' : ""}
-  </div>`;
-  return `<div class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createTimePicker(props) {
-  const {
-    value = "",
-    disabled = false,
-    label,
-    step = 60,
-    min,
-    max,
-    id = generateId("time"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-time-picker", disabled && "stx-time-picker--disabled", className);
-  const styleStr = buildStyles(style);
-  const inputAttrs = [
-    'type="time"',
-    `id="${id}"`,
-    value && `value="${escapeHtml(value)}"`,
-    `step="${step}"`,
-    min && `min="${escapeHtml(min)}"`,
-    max && `max="${escapeHtml(max)}"`,
-    disabled && "disabled"
-  ].filter(Boolean).join(" ");
-  let html = "";
-  if (label) {
-    html += `<label class="stx-time-picker-label" for="${id}">${escapeHtml(label)}</label>`;
-  }
-  html += `<input ${inputAttrs} class="stx-time-picker-input" />`;
-  return `<div class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createAutocomplete(props) {
-  const {
-    options,
-    value = "",
-    placeholder = "Search...",
-    disabled = false,
-    label,
-    loading = false,
-    id = generateId("autocomplete"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-autocomplete", disabled && "stx-autocomplete--disabled", className);
-  const styleStr = buildStyles(style);
-  const selectedOption = options.find((opt) => opt.value === value);
-  const displayValue = selectedOption ? selectedOption.label : value;
-  let html = "";
-  if (label) {
-    html += `<label class="stx-autocomplete-label" for="${id}">${escapeHtml(label)}</label>`;
-  }
-  html += `<div class="stx-autocomplete-input-wrapper">
-    <input type="text" id="${id}" value="${escapeHtml(displayValue)}" placeholder="${escapeHtml(placeholder)}" ${disabled ? "disabled" : ""} autocomplete="off" class="stx-autocomplete-input" />
-    ${loading ? '<span class="stx-autocomplete-spinner"></span>' : ""}
-  </div>`;
-  html += '<ul class="stx-autocomplete-list">';
-  for (const opt of options) {
-    html += `<li class="stx-autocomplete-item ${opt.value === value ? "stx-autocomplete-item--selected" : ""}" data-value="${escapeHtml(opt.value)}">${escapeHtml(opt.label)}</li>`;
-  }
-  html += "</ul>";
-  return `<div class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createLabel(props) {
-  const {
-    text,
-    htmlFor,
-    required = false,
-    size = "medium",
-    id = generateId("label"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-label", `stx-label--${size}`, className);
-  const styleStr = buildStyles(style);
-  return `<label id="${id}" class="${classes}" ${htmlFor ? `for='${escapeHtml(htmlFor)}'` : ""} ${styleStr ? `style='${styleStr}'` : ""}>${escapeHtml(text)}${required ? '<span class="stx-label-required">*</span>' : ""}</label>`;
-}
-function createImageView(props) {
-  const {
-    src,
-    alt = "",
-    width,
-    height,
-    objectFit = "cover",
-    fallback,
-    loading = "lazy",
-    id = generateId("image"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-image", className);
-  const imageStyles = { objectFit };
-  if (width)
-    imageStyles.width = typeof width === "number" ? `${width}px` : width;
-  if (height)
-    imageStyles.height = typeof height === "number" ? `${height}px` : height;
-  const combinedStyle = [buildStyles(imageStyles), buildStyles(style)].filter(Boolean).join("; ");
-  const fallbackAttr = fallback ? `onerror="this.src='${escapeHtml(fallback)}'"` : "";
-  return `<img id="${id}" class="${classes}" src="${escapeHtml(src)}" alt="${escapeHtml(alt)}" loading="${loading}" ${combinedStyle ? `style='${combinedStyle}'` : ""} ${fallbackAttr} />`;
-}
-function createChip(props) {
-  const {
-    text,
-    variant = "default",
-    size = "medium",
-    removable = false,
-    icon,
-    id = generateId("chip"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-chip", `stx-chip--${variant}`, `stx-chip--${size}`, className);
-  const styleStr = buildStyles(style);
-  let html = "";
-  if (icon) {
-    html += `<span class="stx-chip-icon">${icon}</span>`;
-  }
-  html += `<span class="stx-chip-text">${escapeHtml(text)}</span>`;
-  if (removable) {
-    html += '<button class="stx-chip-remove" type="button">&times;</button>';
-  }
-  return `<span id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</span>`;
-}
-function createTooltip(props) {
-  const {
-    text,
-    position = "top",
-    delay: delay2 = 200,
-    children,
-    id = generateId("tooltip"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-tooltip-wrapper", className);
-  const styleStr = buildStyles(style);
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""} data-tooltip="${escapeHtml(text)}" data-position="${position}" data-delay="${delay2}">
-    ${children}
-    <span class="stx-tooltip stx-tooltip--${position}">${escapeHtml(text)}</span>
-  </div>`;
-}
-function createScrollView(props) {
-  const {
-    direction = "vertical",
-    showScrollbar = true,
-    smooth = true,
-    height,
-    width,
-    children,
-    id = generateId("scroll"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-scroll-view", `stx-scroll-view--${direction}`, !showScrollbar && "stx-scroll-view--hide-scrollbar", smooth && "stx-scroll-view--smooth", className);
-  const scrollStyles = {};
-  if (height)
-    scrollStyles.height = typeof height === "number" ? `${height}px` : height;
-  if (width)
-    scrollStyles.width = typeof width === "number" ? `${width}px` : width;
-  const combinedStyle = [buildStyles(scrollStyles), buildStyles(style)].filter(Boolean).join("; ");
-  return `<div id="${id}" class="${classes}" ${combinedStyle ? `style='${combinedStyle}'` : ""}>${children}</div>`;
-}
-function createSplitView(props) {
-  const {
-    direction = "horizontal",
-    sizes = [50, 50],
-    resizable = true,
-    children,
-    id = generateId("split"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-split-view", `stx-split-view--${direction}`, resizable && "stx-split-view--resizable", className);
-  const styleStr = buildStyles(style);
-  const sizeUnit = direction === "horizontal" ? "width" : "height";
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>
-    <div class="stx-split-pane" style="${sizeUnit}: ${sizes[0]}%">${children[0]}</div>
-    ${resizable ? '<div class="stx-split-divider"></div>' : ""}
-    <div class="stx-split-pane" style="${sizeUnit}: ${sizes[1]}%">${children[1]}</div>
-  </div>`;
-}
-function createAccordion(props) {
-  const {
-    items,
-    multiple = false,
-    defaultOpen = [],
-    id = generateId("accordion"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-accordion", className);
-  const styleStr = buildStyles(style);
-  let html = "";
-  items.forEach((item, index) => {
-    const isOpen = defaultOpen.includes(index);
-    const itemClasses = buildClasses("stx-accordion-item", isOpen && "stx-accordion-item--open", item.disabled && "stx-accordion-item--disabled");
-    html += `<div class="${itemClasses}" data-index="${index}">
-      <button class="stx-accordion-header" ${item.disabled ? "disabled" : ""} aria-expanded="${isOpen}" data-multiple="${multiple}">
-        <span class="stx-accordion-title">${escapeHtml(item.title)}</span>
+  `}function MQ(Y){let{value:Q="#3498db",disabled:Z=!1,label:X,presetColors:$=["#e74c3c","#f39c12","#27ae60","#3498db","#9b59b6","#1abc9c","#34495e","#000000"],id:J=L("color"),className:U,style:q}=Y,G=V("stx-color-picker",Z&&"stx-color-picker--disabled",U),_=D(q),K="";if(X)K+=`<label class="stx-color-picker-label" for="${J}">${B(X)}</label>`;if(K+=`<div class="stx-color-picker-input">
+    <input type="color" id="${J}" value="${B(Q)}" ${Z?"disabled":""} />
+    <span class="stx-color-picker-value">${B(Q)}</span>
+  </div>`,$.length>0){K+='<div class="stx-color-picker-presets">';for(let E of $)K+=`<button class="stx-color-preset" style="background: ${B(E)}" data-color="${B(E)}" ${Z?"disabled":""}></button>`;K+="</div>"}return`<div class="${G}" ${_?`style='${_}'`:""}>${K}</div>`}function TQ(Y){let{value:Q,min:Z,max:X,disabled:$=!1,label:J,placeholder:U="Select date",showClear:q=!0,id:G=L("date"),className:_,style:K}=Y,E=V("stx-date-picker",$&&"stx-date-picker--disabled",_),R=D(K),F=Q instanceof Date?Q.toISOString().split("T")[0]:Q||"",j=Z instanceof Date?Z.toISOString().split("T")[0]:Z,O=X instanceof Date?X.toISOString().split("T")[0]:X,z=['type="date"',`id="${G}"`,F&&`value="${F}"`,j&&`min="${j}"`,O&&`max="${O}"`,$&&"disabled",`placeholder="${B(U)}"`].filter(Boolean).join(" "),M="";if(J)M+=`<label class="stx-date-picker-label" for="${G}">${B(J)}</label>`;return M+=`<div class="stx-date-picker-input">
+    <input ${z} />
+    ${q&&F?'<button class="stx-date-picker-clear" type="button">&times;</button>':""}
+  </div>`,`<div class="${E}" ${R?`style='${R}'`:""}>${M}</div>`}function WQ(Y){let{value:Q="",disabled:Z=!1,label:X,step:$=60,min:J,max:U,id:q=L("time"),className:G,style:_}=Y,K=V("stx-time-picker",Z&&"stx-time-picker--disabled",G),E=D(_),R=['type="time"',`id="${q}"`,Q&&`value="${B(Q)}"`,`step="${$}"`,J&&`min="${B(J)}"`,U&&`max="${B(U)}"`,Z&&"disabled"].filter(Boolean).join(" "),F="";if(X)F+=`<label class="stx-time-picker-label" for="${q}">${B(X)}</label>`;return F+=`<input ${R} class="stx-time-picker-input" />`,`<div class="${K}" ${E?`style='${E}'`:""}>${F}</div>`}function PQ(Y){let{options:Q,value:Z="",placeholder:X="Search...",disabled:$=!1,label:J,loading:U=!1,id:q=L("autocomplete"),className:G,style:_}=Y,K=V("stx-autocomplete",$&&"stx-autocomplete--disabled",G),E=D(_),R=Q.find((O)=>O.value===Z),F=R?R.label:Z,j="";if(J)j+=`<label class="stx-autocomplete-label" for="${q}">${B(J)}</label>`;j+=`<div class="stx-autocomplete-input-wrapper">
+    <input type="text" id="${q}" value="${B(F)}" placeholder="${B(X)}" ${$?"disabled":""} autocomplete="off" class="stx-autocomplete-input" />
+    ${U?'<span class="stx-autocomplete-spinner"></span>':""}
+  </div>`,j+='<ul class="stx-autocomplete-list">';for(let O of Q)j+=`<li class="stx-autocomplete-item ${O.value===Z?"stx-autocomplete-item--selected":""}" data-value="${B(O.value)}">${B(O.label)}</li>`;return j+="</ul>",`<div class="${K}" ${E?`style='${E}'`:""}>${j}</div>`}function AQ(Y){let{text:Q,htmlFor:Z,required:X=!1,size:$="medium",id:J=L("label"),className:U,style:q}=Y,G=V("stx-label",`stx-label--${$}`,U),_=D(q);return`<label id="${J}" class="${G}" ${Z?`for='${B(Z)}'`:""} ${_?`style='${_}'`:""}>${B(Q)}${X?'<span class="stx-label-required">*</span>':""}</label>`}function NQ(Y){let{src:Q,alt:Z="",width:X,height:$,objectFit:J="cover",fallback:U,loading:q="lazy",id:G=L("image"),className:_,style:K}=Y,E=V("stx-image",_),R={objectFit:J};if(X)R.width=typeof X==="number"?`${X}px`:X;if($)R.height=typeof $==="number"?`${$}px`:$;let F=[D(R),D(K)].filter(Boolean).join("; "),j=U?`onerror="this.src='${B(U)}'"`:"";return`<img id="${G}" class="${E}" src="${B(Q)}" alt="${B(Z)}" loading="${q}" ${F?`style='${F}'`:""} ${j} />`}function kQ(Y){let{text:Q,variant:Z="default",size:X="medium",removable:$=!1,icon:J,id:U=L("chip"),className:q,style:G}=Y,_=V("stx-chip",`stx-chip--${Z}`,`stx-chip--${X}`,q),K=D(G),E="";if(J)E+=`<span class="stx-chip-icon">${J}</span>`;if(E+=`<span class="stx-chip-text">${B(Q)}</span>`,$)E+='<button class="stx-chip-remove" type="button">&times;</button>';return`<span id="${U}" class="${_}" ${K?`style='${K}'`:""}>${E}</span>`}function xQ(Y){let{text:Q,position:Z="top",delay:X=200,children:$,id:J=L("tooltip"),className:U,style:q}=Y,G=V("stx-tooltip-wrapper",U),_=D(q);return`<div id="${J}" class="${G}" ${_?`style="${_}"`:""} data-tooltip="${B(Q)}" data-position="${Z}" data-delay="${X}">
+    ${$}
+    <span class="stx-tooltip stx-tooltip--${Z}">${B(Q)}</span>
+  </div>`}function CQ(Y){let{direction:Q="vertical",showScrollbar:Z=!0,smooth:X=!0,height:$,width:J,children:U,id:q=L("scroll"),className:G,style:_}=Y,K=V("stx-scroll-view",`stx-scroll-view--${Q}`,!Z&&"stx-scroll-view--hide-scrollbar",X&&"stx-scroll-view--smooth",G),E={};if($)E.height=typeof $==="number"?`${$}px`:$;if(J)E.width=typeof J==="number"?`${J}px`:J;let R=[D(E),D(_)].filter(Boolean).join("; ");return`<div id="${q}" class="${K}" ${R?`style='${R}'`:""}>${U}</div>`}function IQ(Y){let{direction:Q="horizontal",sizes:Z=[50,50],resizable:X=!0,children:$,id:J=L("split"),className:U,style:q}=Y,G=V("stx-split-view",`stx-split-view--${Q}`,X&&"stx-split-view--resizable",U),_=D(q),K=Q==="horizontal"?"width":"height";return`<div id="${J}" class="${G}" ${_?`style="${_}"`:""}>
+    <div class="stx-split-pane" style="${K}: ${Z[0]}%">${$[0]}</div>
+    ${X?'<div class="stx-split-divider"></div>':""}
+    <div class="stx-split-pane" style="${K}: ${Z[1]}%">${$[1]}</div>
+  </div>`}function HQ(Y){let{items:Q,multiple:Z=!1,defaultOpen:X=[],id:$=L("accordion"),className:J,style:U}=Y,q=V("stx-accordion",J),G=D(U),_="";return Q.forEach((K,E)=>{let R=X.includes(E),F=V("stx-accordion-item",R&&"stx-accordion-item--open",K.disabled&&"stx-accordion-item--disabled");_+=`<div class="${F}" data-index="${E}">
+      <button class="stx-accordion-header" ${K.disabled?"disabled":""} aria-expanded="${R}" data-multiple="${Z}">
+        <span class="stx-accordion-title">${B(K.title)}</span>
         <span class="stx-accordion-icon">\u25BC</span>
       </button>
-      <div class="stx-accordion-content" ${isOpen ? "" : "hidden"}>
-        ${escapeHtml(item.content)}
+      <div class="stx-accordion-content" ${R?"":"hidden"}>
+        ${B(K.content)}
       </div>
-    </div>`;
-  });
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createStepper(props) {
-  const {
-    steps,
-    currentStep,
-    orientation = "horizontal",
-    id = generateId("stepper"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-stepper", `stx-stepper--${orientation}`, className);
-  const styleStr = buildStyles(style);
-  let html = "";
-  steps.forEach((step, index) => {
-    const stepClasses = buildClasses("stx-step", index < currentStep && "stx-step--completed", index === currentStep && "stx-step--active");
-    html += `<div class="${stepClasses}" data-step="${index}">
+    </div>`}),`<div id="${$}" class="${q}" ${G?`style='${G}'`:""}>${_}</div>`}function vQ(Y){let{steps:Q,currentStep:Z,orientation:X="horizontal",id:$=L("stepper"),className:J,style:U}=Y,q=V("stx-stepper",`stx-stepper--${X}`,J),G=D(U),_="";return Q.forEach((K,E)=>{let R=V("stx-step",E<Z&&"stx-step--completed",E===Z&&"stx-step--active");if(_+=`<div class="${R}" data-step="${E}">
       <div class="stx-step-indicator">
-        ${index < currentStep ? "\u2713" : index + 1}
+        ${E<Z?"\u2713":E+1}
       </div>
       <div class="stx-step-content">
-        <div class="stx-step-label">${escapeHtml(step.label)}</div>
-        ${step.description ? `<div class="stx-step-description">${escapeHtml(step.description)}</div>` : ""}
+        <div class="stx-step-label">${B(K.label)}</div>
+        ${K.description?`<div class="stx-step-description">${B(K.description)}</div>`:""}
       </div>
-    </div>`;
-    if (index < steps.length - 1) {
-      html += '<div class="stx-step-connector"></div>';
-    }
-  });
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createModalComponent(props) {
-  const {
-    open = false,
-    title,
-    size = "medium",
-    closable = true,
-    children,
-    footer,
-    id = generateId("modal"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-modal-component", `stx-modal-component--${size}`, className);
-  const styleStr = buildStyles(style);
-  if (!open) {
-    return `<div id="${id}" class="${classes} stx-modal-component--hidden" ${styleStr ? `style='${styleStr}'` : ""}></div>`;
-  }
-  let html = '<div class="stx-modal-component-overlay">';
-  html += '<div class="stx-modal-component-dialog">';
-  if (title || closable) {
-    html += '<div class="stx-modal-component-header">';
-    if (title) {
-      html += `<h3 class="stx-modal-component-title">${escapeHtml(title)}</h3>`;
-    }
-    if (closable) {
-      html += '<button class="stx-modal-component-close">&times;</button>';
-    }
-    html += "</div>";
-  }
-  html += `<div class="stx-modal-component-body">${children}</div>`;
-  if (footer) {
-    html += `<div class="stx-modal-component-footer">${footer}</div>`;
-  }
-  html += "</div></div>";
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createListView(props) {
-  const {
-    items,
-    selectable = false,
-    multiSelect = false,
-    emptyMessage = "No items",
-    id = generateId("list"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-list-view", selectable && "stx-list-view--selectable", multiSelect && "stx-list-view--multi", className);
-  const styleStr = buildStyles(style);
-  if (items.length === 0) {
-    return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>
-      <div class="stx-list-view-empty">${escapeHtml(emptyMessage)}</div>
-    </div>`;
-  }
-  let html = '<ul class="stx-list-view-items">';
-  for (const item of items) {
-    const itemClasses = buildClasses("stx-list-view-item", item.selected && "stx-list-view-item--selected");
-    html += `<li class="${itemClasses}" data-id="${escapeHtml(item.id)}" ${selectable ? 'tabindex="0"' : ""}>${item.content}</li>`;
-  }
-  html += "</ul>";
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createTable(props) {
-  const {
-    columns,
-    data,
-    striped = false,
-    bordered = false,
-    hoverable = true,
-    sortBy,
-    sortOrder,
-    id = generateId("table"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-table", striped && "stx-table--striped", bordered && "stx-table--bordered", hoverable && "stx-table--hoverable", className);
-  const styleStr = buildStyles(style);
-  let html = "<table>";
-  html += "<thead><tr>";
-  for (const col of columns) {
-    const isSorted = col.key === sortBy;
-    const sortClass = isSorted ? `stx-table-sorted stx-table-sorted--${sortOrder}` : "";
-    const sortable = col.sortable ? 'data-sortable="true"' : "";
-    const widthStyle = col.width ? `style="width: ${col.width}"` : "";
-    html += `<th class="${sortClass}" ${sortable} ${widthStyle} data-key="${escapeHtml(col.key)}">${escapeHtml(col.label)}${col.sortable ? '<span class="stx-table-sort-icon"></span>' : ""}</th>`;
-  }
-  html += "</tr></thead>";
-  html += "<tbody>";
-  for (const row of data) {
-    html += "<tr>";
-    for (const col of columns) {
-      const cellValue = row[col.key];
-      html += `<td>${cellValue != null ? escapeHtml(String(cellValue)) : ""}</td>`;
-    }
-    html += "</tr>";
-  }
-  html += "</tbody></table>";
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function renderTreeNode(node, expandedKeys, selectedKeys, checkable) {
-  const isExpanded = expandedKeys.includes(node.key);
-  const isSelected = selectedKeys.includes(node.key);
-  const hasChildren = node.children && node.children.length > 0;
-  const nodeClasses = buildClasses("stx-tree-node", isSelected && "stx-tree-node--selected", node.disabled && "stx-tree-node--disabled");
-  let html = `<div class="${nodeClasses}" data-key="${escapeHtml(node.key)}">`;
-  html += '<div class="stx-tree-node-content">';
-  if (hasChildren) {
-    html += `<span class="stx-tree-toggle ${isExpanded ? "stx-tree-toggle--expanded" : ""}">\u25B6</span>`;
-  } else {
-    html += '<span class="stx-tree-toggle-placeholder"></span>';
-  }
-  if (checkable) {
-    html += `<input type="checkbox" class="stx-tree-checkbox" ${isSelected ? "checked" : ""} ${node.disabled ? "disabled" : ""} />`;
-  }
-  if (node.icon) {
-    html += `<span class="stx-tree-icon">${node.icon}</span>`;
-  }
-  html += `<span class="stx-tree-label">${escapeHtml(node.label)}</span>`;
-  html += "</div>";
-  if (hasChildren && isExpanded) {
-    html += '<div class="stx-tree-children">';
-    for (const child of node.children) {
-      html += renderTreeNode(child, expandedKeys, selectedKeys, checkable);
-    }
-    html += "</div>";
-  }
-  html += "</div>";
-  return html;
-}
-function createTreeView(props) {
-  const {
-    nodes,
-    expandedKeys = [],
-    selectedKeys = [],
-    checkable = false,
-    id = generateId("tree"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-tree-view", checkable && "stx-tree-view--checkable", className);
-  const styleStr = buildStyles(style);
-  let html = "";
-  for (const node of nodes) {
-    html += renderTreeNode(node, expandedKeys, selectedKeys, checkable);
-  }
-  return `<div id="${id}" class="${classes}" role="tree" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createDataGrid(props) {
-  const {
-    columns,
-    data,
-    pagination,
-    selectable = false,
-    id = generateId("datagrid"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-data-grid", selectable && "stx-data-grid--selectable", className);
-  const styleStr = buildStyles(style);
-  let html = '<div class="stx-data-grid-table-wrapper">';
-  html += '<table class="stx-data-grid-table">';
-  html += "<thead><tr>";
-  if (selectable) {
-    html += '<th class="stx-data-grid-select-all"><input type="checkbox" /></th>';
-  }
-  for (const col of columns) {
-    const widthStyle = col.width ? `style="width: ${col.width}"` : "";
-    html += `<th ${widthStyle}>
+    </div>`,E<Q.length-1)_+='<div class="stx-step-connector"></div>'}),`<div id="${$}" class="${q}" ${G?`style='${G}'`:""}>${_}</div>`}function wQ(Y){let{open:Q=!1,title:Z,size:X="medium",closable:$=!0,children:J,footer:U,id:q=L("modal"),className:G,style:_}=Y,K=V("stx-modal-component",`stx-modal-component--${X}`,G),E=D(_);if(!Q)return`<div id="${q}" class="${K} stx-modal-component--hidden" ${E?`style='${E}'`:""}></div>`;let R='<div class="stx-modal-component-overlay">';if(R+='<div class="stx-modal-component-dialog">',Z||$){if(R+='<div class="stx-modal-component-header">',Z)R+=`<h3 class="stx-modal-component-title">${B(Z)}</h3>`;if($)R+='<button class="stx-modal-component-close">&times;</button>';R+="</div>"}if(R+=`<div class="stx-modal-component-body">${J}</div>`,U)R+=`<div class="stx-modal-component-footer">${U}</div>`;return R+="</div></div>",`<div id="${q}" class="${K}" ${E?`style='${E}'`:""}>${R}</div>`}function fQ(Y){let{items:Q,selectable:Z=!1,multiSelect:X=!1,emptyMessage:$="No items",id:J=L("list"),className:U,style:q}=Y,G=V("stx-list-view",Z&&"stx-list-view--selectable",X&&"stx-list-view--multi",U),_=D(q);if(Q.length===0)return`<div id="${J}" class="${G}" ${_?`style="${_}"`:""}>
+      <div class="stx-list-view-empty">${B($)}</div>
+    </div>`;let K='<ul class="stx-list-view-items">';for(let E of Q){let R=V("stx-list-view-item",E.selected&&"stx-list-view-item--selected");K+=`<li class="${R}" data-id="${B(E.id)}" ${Z?'tabindex="0"':""}>${E.content}</li>`}return K+="</ul>",`<div id="${J}" class="${G}" ${_?`style='${_}'`:""}>${K}</div>`}function SQ(Y){let{columns:Q,data:Z,striped:X=!1,bordered:$=!1,hoverable:J=!0,sortBy:U,sortOrder:q,id:G=L("table"),className:_,style:K}=Y,E=V("stx-table",X&&"stx-table--striped",$&&"stx-table--bordered",J&&"stx-table--hoverable",_),R=D(K),F="<table>";F+="<thead><tr>";for(let j of Q){let z=j.key===U?`stx-table-sorted stx-table-sorted--${q}`:"",M=j.sortable?'data-sortable="true"':"",v=j.width?`style="width: ${j.width}"`:"";F+=`<th class="${z}" ${M} ${v} data-key="${B(j.key)}">${B(j.label)}${j.sortable?'<span class="stx-table-sort-icon"></span>':""}</th>`}F+="</tr></thead>",F+="<tbody>";for(let j of Z){F+="<tr>";for(let O of Q){let z=j[O.key];F+=`<td>${z!=null?B(String(z)):""}</td>`}F+="</tr>"}return F+="</tbody></table>",`<div id="${G}" class="${E}" ${R?`style='${R}'`:""}>${F}</div>`}function c(Y,Q,Z,X){let $=Q.includes(Y.key),J=Z.includes(Y.key),U=Y.children&&Y.children.length>0,G=`<div class="${V("stx-tree-node",J&&"stx-tree-node--selected",Y.disabled&&"stx-tree-node--disabled")}" data-key="${B(Y.key)}">`;if(G+='<div class="stx-tree-node-content">',U)G+=`<span class="stx-tree-toggle ${$?"stx-tree-toggle--expanded":""}">\u25B6</span>`;else G+='<span class="stx-tree-toggle-placeholder"></span>';if(X)G+=`<input type="checkbox" class="stx-tree-checkbox" ${J?"checked":""} ${Y.disabled?"disabled":""} />`;if(Y.icon)G+=`<span class="stx-tree-icon">${Y.icon}</span>`;if(G+=`<span class="stx-tree-label">${B(Y.label)}</span>`,G+="</div>",U&&$){G+='<div class="stx-tree-children">';for(let _ of Y.children)G+=c(_,Q,Z,X);G+="</div>"}return G+="</div>",G}function gQ(Y){let{nodes:Q,expandedKeys:Z=[],selectedKeys:X=[],checkable:$=!1,id:J=L("tree"),className:U,style:q}=Y,G=V("stx-tree-view",$&&"stx-tree-view--checkable",U),_=D(q),K="";for(let E of Q)K+=c(E,Z,X,$);return`<div id="${J}" class="${G}" role="tree" ${_?`style='${_}'`:""}>${K}</div>`}function bQ(Y){let{columns:Q,data:Z,pagination:X,selectable:$=!1,id:J=L("datagrid"),className:U,style:q}=Y,G=V("stx-data-grid",$&&"stx-data-grid--selectable",U),_=D(q),K='<div class="stx-data-grid-table-wrapper">';if(K+='<table class="stx-data-grid-table">',K+="<thead><tr>",$)K+='<th class="stx-data-grid-select-all"><input type="checkbox" /></th>';for(let E of Q){let R=E.width?`style="width: ${E.width}"`:"";K+=`<th ${R}>
       <div class="stx-data-grid-header-cell">
-        <span>${escapeHtml(col.label)}</span>
-        ${col.sortable ? '<button class="stx-data-grid-sort">\u21C5</button>' : ""}
-        ${col.filterable ? '<button class="stx-data-grid-filter">\u22BB</button>' : ""}
+        <span>${B(E.label)}</span>
+        ${E.sortable?'<button class="stx-data-grid-sort">\u21C5</button>':""}
+        ${E.filterable?'<button class="stx-data-grid-filter">\u22BB</button>':""}
       </div>
-    </th>`;
-  }
-  html += "</tr></thead>";
-  html += "<tbody>";
-  for (const row of data) {
-    html += "<tr>";
-    if (selectable) {
-      html += '<td class="stx-data-grid-select"><input type="checkbox" /></td>';
-    }
-    for (const col of columns) {
-      const cellValue = row[col.key];
-      html += `<td>${cellValue != null ? escapeHtml(String(cellValue)) : ""}</td>`;
-    }
-    html += "</tr>";
-  }
-  html += "</tbody></table></div>";
-  if (pagination) {
-    const totalPages = Math.ceil(pagination.total / pagination.pageSize);
-    html += `<div class="stx-data-grid-pagination">
-      <span class="stx-data-grid-page-info">Page ${pagination.page} of ${totalPages} (${pagination.total} items)</span>
+    </th>`}K+="</tr></thead>",K+="<tbody>";for(let E of Z){if(K+="<tr>",$)K+='<td class="stx-data-grid-select"><input type="checkbox" /></td>';for(let R of Q){let F=E[R.key];K+=`<td>${F!=null?B(String(F)):""}</td>`}K+="</tr>"}if(K+="</tbody></table></div>",X){let E=Math.ceil(X.total/X.pageSize);K+=`<div class="stx-data-grid-pagination">
+      <span class="stx-data-grid-page-info">Page ${X.page} of ${E} (${X.total} items)</span>
       <div class="stx-data-grid-page-buttons">
-        <button class="stx-data-grid-page-btn" ${pagination.page <= 1 ? "disabled" : ""}>\u25C0</button>
-        <button class="stx-data-grid-page-btn" ${pagination.page >= totalPages ? "disabled" : ""}>\u25B6</button>
+        <button class="stx-data-grid-page-btn" ${X.page<=1?"disabled":""}>\u25C0</button>
+        <button class="stx-data-grid-page-btn" ${X.page>=E?"disabled":""}>\u25B6</button>
       </div>
-    </div>`;
-  }
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createChart(props) {
-  const {
-    type,
-    data,
-    options = {},
-    width = "100%",
-    height = 300,
-    id = generateId("chart"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-chart", `stx-chart--${type}`, className);
-  const chartStyles = {
-    width: typeof width === "number" ? `${width}px` : width,
-    height: typeof height === "number" ? `${height}px` : height
-  };
-  const combinedStyle = [buildStyles(chartStyles), buildStyles(style)].filter(Boolean).join("; ");
-  const chartData = JSON.stringify({ type, data, options });
-  return `<div id="${id}" class="${classes}" style="${combinedStyle}" data-chart='${escapeHtml(chartData)}'>
+    </div>`}return`<div id="${J}" class="${G}" ${_?`style='${_}'`:""}>${K}</div>`}function uQ(Y){let{type:Q,data:Z,options:X={},width:$="100%",height:J=300,id:U=L("chart"),className:q,style:G}=Y,_=V("stx-chart",`stx-chart--${Q}`,q),K={width:typeof $==="number"?`${$}px`:$,height:typeof J==="number"?`${J}px`:J},E=[D(K),D(G)].filter(Boolean).join("; "),R=JSON.stringify({type:Q,data:Z,options:X});return`<div id="${U}" class="${_}" style="${E}" data-chart='${B(R)}'>
     <div class="stx-chart-placeholder">
-      ${options.title ? `<div class="stx-chart-title">${escapeHtml(options.title)}</div>` : ""}
-      <div class="stx-chart-type">${type.charAt(0).toUpperCase() + type.slice(1)} Chart</div>
-      <div class="stx-chart-info">${data.datasets.length} dataset(s), ${data.labels.length} labels</div>
+      ${X.title?`<div class="stx-chart-title">${B(X.title)}</div>`:""}
+      <div class="stx-chart-type">${Q.charAt(0).toUpperCase()+Q.slice(1)} Chart</div>
+      <div class="stx-chart-info">${Z.datasets.length} dataset(s), ${Z.labels.length} labels</div>
     </div>
-  </div>`;
-}
-function createCodeEditor(props) {
-  const {
-    value = "",
-    language = "plaintext",
-    theme: theme2 = "dark",
-    lineNumbers = true,
-    readOnly = false,
-    height = 300,
-    tabSize = 2,
-    wordWrap = false,
-    id = generateId("code"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-code-editor", `stx-code-editor--${theme2}`, lineNumbers && "stx-code-editor--line-numbers", readOnly && "stx-code-editor--readonly", wordWrap && "stx-code-editor--wrap", className);
-  const editorStyles = {
-    height: typeof height === "number" ? `${height}px` : height
-  };
-  const combinedStyle = [buildStyles(editorStyles), buildStyles(style)].filter(Boolean).join("; ");
-  const lines = value.split(`
-`);
-  let codeHtml = "";
-  if (lineNumbers) {
-    codeHtml += '<div class="stx-code-editor-gutter">';
-    for (let i = 1;i <= lines.length; i++) {
-      codeHtml += `<div class="stx-code-editor-line-number">${i}</div>`;
-    }
-    codeHtml += "</div>";
-  }
-  codeHtml += `<pre class="stx-code-editor-content"><code class="language-${escapeHtml(language)}">${escapeHtml(value)}</code></pre>`;
-  return `<div id="${id}" class="${classes}" style="${combinedStyle}" data-language="${escapeHtml(language)}" data-tab-size="${tabSize}">${codeHtml}</div>`;
-}
-function createMediaPlayer(props) {
-  const {
-    src,
-    type = "video",
-    poster,
-    autoplay = false,
-    loop = false,
-    muted = false,
-    controls = true,
-    width,
-    height,
-    id = generateId("media"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-media-player", `stx-media-player--${type}`, className);
-  const mediaStyles = {};
-  if (width)
-    mediaStyles.width = typeof width === "number" ? `${width}px` : width;
-  if (height)
-    mediaStyles.height = typeof height === "number" ? `${height}px` : height;
-  const combinedStyle = [buildStyles(mediaStyles), buildStyles(style)].filter(Boolean).join("; ");
-  const mediaAttrs = [
-    `id="${id}-media"`,
-    `src="${escapeHtml(src)}"`,
-    controls && "controls",
-    autoplay && "autoplay",
-    loop && "loop",
-    muted && "muted",
-    type === "video" && poster && `poster="${escapeHtml(poster)}"`
-  ].filter(Boolean).join(" ");
-  const mediaElement = type === "video" ? `<video ${mediaAttrs}>Your browser does not support the video tag.</video>` : `<audio ${mediaAttrs}>Your browser does not support the audio tag.</audio>`;
-  return `<div id="${id}" class="${classes}" ${combinedStyle ? `style='${combinedStyle}'` : ""}>${mediaElement}</div>`;
-}
-function formatFileSize(bytes) {
-  if (bytes === undefined)
-    return "";
-  const units = ["B", "KB", "MB", "GB"];
-  let size = bytes;
-  let unitIndex = 0;
-  while (size >= 1024 && unitIndex < units.length - 1) {
-    size /= 1024;
-    unitIndex++;
-  }
-  return `${size.toFixed(1)} ${units[unitIndex]}`;
-}
-function createFileExplorer(props) {
-  const {
-    files,
-    viewMode = "list",
-    showHidden = false,
-    selectable = true,
-    id = generateId("files"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-file-explorer", `stx-file-explorer--${viewMode}`, className);
-  const styleStr = buildStyles(style);
-  const filteredFiles = showHidden ? files : files.filter((f) => !f.name.startsWith("."));
-  let html = "";
-  if (viewMode === "list") {
-    html = '<table class="stx-file-explorer-list"><thead><tr><th>Name</th><th>Size</th><th>Modified</th></tr></thead><tbody>';
-    for (const file of filteredFiles) {
-      const icon = file.icon || (file.type === "folder" ? "\uD83D\uDCC1" : "\uD83D\uDCC4");
-      const size = file.type === "file" ? formatFileSize(file.size) : "";
-      const modified = file.modified ? file.modified.toLocaleDateString() : "";
-      html += `<tr class="stx-file-explorer-item ${selectable ? "stx-file-explorer-item--selectable" : ""}" data-path="${escapeHtml(file.path)}" data-type="${file.type}">
-        <td><span class="stx-file-explorer-icon">${icon}</span>${escapeHtml(file.name)}</td>
-        <td>${size}</td>
-        <td>${modified}</td>
-      </tr>`;
-    }
-    html += "</tbody></table>";
-  } else {
-    html = '<div class="stx-file-explorer-grid">';
-    for (const file of filteredFiles) {
-      const icon = file.icon || (file.type === "folder" ? "\uD83D\uDCC1" : "\uD83D\uDCC4");
-      html += `<div class="stx-file-explorer-item ${selectable ? "stx-file-explorer-item--selectable" : ""}" data-path="${escapeHtml(file.path)}" data-type="${file.type}">
-        <div class="stx-file-explorer-icon">${icon}</div>
-        <div class="stx-file-explorer-name">${escapeHtml(file.name)}</div>
-      </div>`;
-    }
-    html += "</div>";
-  }
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
-}
-function createWebView(props) {
-  const {
-    url,
-    width = "100%",
-    height = 400,
-    sandbox = true,
-    allowScripts = true,
-    id = generateId("webview"),
-    className,
-    style
-  } = props;
-  const classes = buildClasses("stx-webview", className);
-  const webviewStyles = {
-    width: typeof width === "number" ? `${width}px` : width,
-    height: typeof height === "number" ? `${height}px` : height
-  };
-  const combinedStyle = [buildStyles(webviewStyles), buildStyles(style)].filter(Boolean).join("; ");
-  const sandboxAttrs = [];
-  if (sandbox) {
-    sandboxAttrs.push("allow-same-origin");
-    if (allowScripts) {
-      sandboxAttrs.push("allow-scripts");
-    }
-  }
-  const sandboxAttr = sandbox ? `sandbox="${sandboxAttrs.join(" ")}"` : "";
-  return `<iframe id="${id}" class="${classes}" src="${escapeHtml(url)}" style="${combinedStyle}" ${sandboxAttr} loading="lazy" frameborder="0"></iframe>`;
-}
-var AVAILABLE_COMPONENTS = [
-  "Button",
-  "TextInput",
-  "Checkbox",
-  "RadioButton",
-  "Slider",
-  "ColorPicker",
-  "DatePicker",
-  "TimePicker",
-  "Autocomplete",
-  "Label",
-  "ImageView",
-  "ProgressBar",
-  "Avatar",
-  "Badge",
-  "Chip",
-  "Card",
-  "Tooltip",
-  "Toast",
-  "ScrollView",
-  "SplitView",
-  "Accordion",
-  "Stepper",
-  "Modal",
-  "Tabs",
-  "Dropdown",
-  "ListView",
-  "Table",
-  "TreeView",
-  "DataGrid",
-  "Chart",
-  "Rating",
-  "CodeEditor",
-  "MediaPlayer",
-  "FileExplorer",
-  "WebView"
-];
-var COMPONENT_STYLES = `
+  </div>`}function yQ(Y){let{value:Q="",language:Z="plaintext",theme:X="dark",lineNumbers:$=!0,readOnly:J=!1,height:U=300,tabSize:q=2,wordWrap:G=!1,id:_=L("code"),className:K,style:E}=Y,R=V("stx-code-editor",`stx-code-editor--${X}`,$&&"stx-code-editor--line-numbers",J&&"stx-code-editor--readonly",G&&"stx-code-editor--wrap",K),F={height:typeof U==="number"?`${U}px`:U},j=[D(F),D(E)].filter(Boolean).join("; "),O=Q.split(`
+`),z="";if($){z+='<div class="stx-code-editor-gutter">';for(let M=1;M<=O.length;M++)z+=`<div class="stx-code-editor-line-number">${M}</div>`;z+="</div>"}return z+=`<pre class="stx-code-editor-content"><code class="language-${B(Z)}">${B(Q)}</code></pre>`,`<div id="${_}" class="${R}" style="${j}" data-language="${B(Z)}" data-tab-size="${q}">${z}</div>`}function hQ(Y){let{src:Q,type:Z="video",poster:X,autoplay:$=!1,loop:J=!1,muted:U=!1,controls:q=!0,width:G,height:_,id:K=L("media"),className:E,style:R}=Y,F=V("stx-media-player",`stx-media-player--${Z}`,E),j={};if(G)j.width=typeof G==="number"?`${G}px`:G;if(_)j.height=typeof _==="number"?`${_}px`:_;let O=[D(j),D(R)].filter(Boolean).join("; "),z=[`id="${K}-media"`,`src="${B(Q)}"`,q&&"controls",$&&"autoplay",J&&"loop",U&&"muted",Z==="video"&&X&&`poster="${B(X)}"`].filter(Boolean).join(" "),M=Z==="video"?`<video ${z}>Your browser does not support the video tag.</video>`:`<audio ${z}>Your browser does not support the audio tag.</audio>`;return`<div id="${K}" class="${F}" ${O?`style='${O}'`:""}>${M}</div>`}function mQ(Y){if(Y===void 0)return"";let Q=["B","KB","MB","GB"],Z=Y,X=0;while(Z>=1024&&X<Q.length-1)Z/=1024,X++;return`${Z.toFixed(1)} ${Q[X]}`}function cQ(Y){let{files:Q,viewMode:Z="list",showHidden:X=!1,selectable:$=!0,id:J=L("files"),className:U,style:q}=Y,G=V("stx-file-explorer",`stx-file-explorer--${Z}`,U),_=D(q),K=X?Q:Q.filter((R)=>!R.name.startsWith(".")),E="";if(Z==="list"){E='<table class="stx-file-explorer-list"><thead><tr><th>Name</th><th>Size</th><th>Modified</th></tr></thead><tbody>';for(let R of K){let F=R.icon||(R.type==="folder"?"\uD83D\uDCC1":"\uD83D\uDCC4"),j=R.type==="file"?mQ(R.size):"",O=R.modified?R.modified.toLocaleDateString():"";E+=`<tr class="stx-file-explorer-item ${$?"stx-file-explorer-item--selectable":""}" data-path="${B(R.path)}" data-type="${R.type}">
+        <td><span class="stx-file-explorer-icon">${F}</span>${B(R.name)}</td>
+        <td>${j}</td>
+        <td>${O}</td>
+      </tr>`}E+="</tbody></table>"}else{E='<div class="stx-file-explorer-grid">';for(let R of K){let F=R.icon||(R.type==="folder"?"\uD83D\uDCC1":"\uD83D\uDCC4");E+=`<div class="stx-file-explorer-item ${$?"stx-file-explorer-item--selectable":""}" data-path="${B(R.path)}" data-type="${R.type}">
+        <div class="stx-file-explorer-icon">${F}</div>
+        <div class="stx-file-explorer-name">${B(R.name)}</div>
+      </div>`}E+="</div>"}return`<div id="${J}" class="${G}" ${_?`style='${_}'`:""}>${E}</div>`}function dQ(Y){let{url:Q,width:Z="100%",height:X=400,sandbox:$=!0,allowScripts:J=!0,id:U=L("webview"),className:q,style:G}=Y,_=V("stx-webview",q),K={width:typeof Z==="number"?`${Z}px`:Z,height:typeof X==="number"?`${X}px`:X},E=[D(K),D(G)].filter(Boolean).join("; "),R=[];if($){if(R.push("allow-same-origin"),J)R.push("allow-scripts")}let F=$?`sandbox="${R.join(" ")}"`:"";return`<iframe id="${U}" class="${_}" src="${B(Q)}" style="${E}" ${F} loading="lazy" frameborder="0"></iframe>`}var pQ=["Button","TextInput","Checkbox","RadioButton","Slider","ColorPicker","DatePicker","TimePicker","Autocomplete","Label","ImageView","ProgressBar","Avatar","Badge","Chip","Card","Tooltip","Toast","ScrollView","SplitView","Accordion","Stepper","Modal","Tabs","Dropdown","ListView","Table","TreeView","DataGrid","Chart","Rating","CodeEditor","MediaPlayer","FileExplorer","WebView"],rQ=`
 /* Button */
 .stx-button {
   display: inline-flex;
@@ -1506,266 +437,7 @@ var COMPONENT_STYLES = `
   .stx-chip--warning { background: #3a2a1a; }
   .stx-chip--error { background: #3a1a1a; }
 }
-`;
-// src/system-tray.ts
-import process2 from "process";
-function getPlatform() {
-  if (process2.platform) {
-    return process2.platform;
-  }
-  return "unknown";
-}
-function isInCraftWindow() {
-  if (typeof window !== "undefined" && window.craft?.tray) {
-    return true;
-  }
-  return false;
-}
-function convertMenuItem(item, index) {
-  if (item.type === "separator") {
-    return {
-      id: `sep-${index}`,
-      label: "",
-      type: "separator"
-    };
-  }
-  const menuItem = {
-    id: `item-${index}-${item.label.replace(/\s+/g, "-").toLowerCase()}`,
-    label: item.label,
-    type: item.type || "normal",
-    enabled: item.enabled !== false
-  };
-  if (item.accelerator) {
-    menuItem.shortcut = item.accelerator;
-  }
-  if (item.type === "checkbox") {
-    menuItem.checked = item.checked || false;
-  }
-  if (item.type === "submenu" && item.submenu) {
-    menuItem.submenu = item.submenu.map((subItem, subIndex) => convertMenuItem(subItem, subIndex));
-  }
-  return menuItem;
-}
-function convertMenuItems(items) {
-  return items.map((item, index) => convertMenuItem(item, index));
-}
-function renderMenuItem(item, level = 0) {
-  if (item.type === "separator") {
-    return '<hr class="stx-tray-separator" />';
-  }
-  const indent = "  ".repeat(level);
-  const disabled = item.enabled === false ? "disabled" : "";
-  const checked = item.checked ? "\u2713 " : "";
-  const accelerator = item.accelerator ? `<span class="accelerator">${item.accelerator}</span>` : "";
-  let html = `${indent}<div class="stx-tray-item ${disabled}" data-action="${item.label}">`;
-  html += `<span class="label">${checked}${item.label}</span>${accelerator}`;
-  if (item.type === "submenu" && item.submenu) {
-    html += '<span class="arrow">\u25B8</span>';
-    html += '<div class="stx-tray-submenu">';
-    for (const subItem of item.submenu) {
-      html += renderMenuItem(subItem, level + 1);
-    }
-    html += "</div>";
-  }
-  html += "</div>";
-  return html;
-}
-function renderTrayMenu(menu2) {
-  let html = '<div class="stx-tray-menu">';
-  for (const item of menu2) {
-    html += renderMenuItem(item);
-  }
-  html += "</div>";
-  return html;
-}
-var activeTrayInstances = new Map;
-function generateTrayId() {
-  return `tray-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
-}
-var craftTrayListenerSetup = false;
-function setupCraftTrayListener() {
-  if (craftTrayListenerSetup || typeof window === "undefined")
-    return;
-  window.addEventListener("craft:tray:menu", (event) => {
-    const { action } = event.detail;
-    for (const instance of activeTrayInstances.values()) {
-      const handler = instance.handlers.get(action);
-      if (handler) {
-        handler();
-        break;
-      }
-    }
-  });
-  craftTrayListenerSetup = true;
-}
-async function createSystemTray(options = {}) {
-  const id = generateTrayId();
-  const platform = getPlatform();
-  const inCraft = isInCraftWindow();
-  const state = {
-    icon: options.icon || "",
-    tooltip: options.tooltip || "stx Application",
-    menu: options.menu || [],
-    visible: true
-  };
-  const handlers = new Map;
-  for (const item of options.menu || []) {
-    if (item.type !== "separator" && item.onClick) {
-      handlers.set(item.label, item.onClick);
-    }
-    if (item.type === "submenu" && item.submenu) {
-      for (const subItem of item.submenu) {
-        if (subItem.type !== "separator" && subItem.onClick) {
-          handlers.set(subItem.label, subItem.onClick);
-        }
-      }
-    }
-  }
-  activeTrayInstances.set(id, { state, handlers });
-  if (inCraft) {
-    setupCraftTrayListener();
-    const craftWindow = window;
-    try {
-      if (state.tooltip) {
-        await craftWindow.craft.tray.setTitle({ title: state.tooltip });
-        await craftWindow.craft.tray.setTooltip({ tooltip: state.tooltip });
-      }
-      if (state.icon) {
-        await craftWindow.craft.tray.setIcon({ icon: state.icon });
-      }
-      const craftMenu = convertMenuItems(state.menu);
-      await craftWindow.craft.tray.setMenu({ items: craftMenu });
-      console.log(`[stx-tray] Native tray created for ${platform}`);
-    } catch (error) {
-      console.warn("[stx-tray] Failed to create native tray:", error);
-    }
-  } else {
-    console.log(`[stx-tray] Created simulated tray (not in Craft window)`);
-    console.log(`[stx-tray] ID: ${id}`);
-    console.log(`[stx-tray] Tooltip: ${state.tooltip}`);
-    console.log(`[stx-tray] Menu items: ${state.menu.length}`);
-  }
-  const instance = {
-    id,
-    setIcon: (icon) => {
-      state.icon = icon;
-      if (inCraft) {
-        const craftWindow = window;
-        craftWindow.craft.tray.setIcon({ icon }).catch((e) => {
-          console.warn("[stx-tray] Failed to set icon:", e);
-        });
-      }
-      console.log(`[stx-tray:${id}] Icon updated`);
-    },
-    setTooltip: (tooltip) => {
-      state.tooltip = tooltip;
-      if (inCraft) {
-        const craftWindow = window;
-        craftWindow.craft.tray.setTooltip({ tooltip }).catch((e) => {
-          console.warn("[stx-tray] Failed to set tooltip:", e);
-        });
-      }
-      console.log(`[stx-tray:${id}] Tooltip: ${tooltip}`);
-    },
-    setMenu: (menu2) => {
-      state.menu = menu2;
-      handlers.clear();
-      for (const item of menu2) {
-        if (item.type !== "separator" && item.onClick) {
-          handlers.set(item.label, item.onClick);
-        }
-        if (item.type === "submenu" && item.submenu) {
-          for (const subItem of item.submenu) {
-            if (subItem.type !== "separator" && subItem.onClick) {
-              handlers.set(subItem.label, subItem.onClick);
-            }
-          }
-        }
-      }
-      if (inCraft) {
-        const craftWindow = window;
-        const craftMenu = convertMenuItems(menu2);
-        craftWindow.craft.tray.setMenu({ items: craftMenu }).catch((e) => {
-          console.warn("[stx-tray] Failed to set menu:", e);
-        });
-      }
-      console.log(`[stx-tray:${id}] Menu updated (${menu2.length} items)`);
-    },
-    destroy: () => {
-      state.visible = false;
-      activeTrayInstances.delete(id);
-      if (inCraft) {
-        const craftWindow = window;
-        craftWindow.craft.tray.destroy?.().catch((e) => {
-          console.warn("[stx-tray] Failed to destroy tray:", e);
-        });
-      }
-      console.log(`[stx-tray:${id}] Destroyed`);
-    }
-  };
-  return instance;
-}
-var createMenubar = createSystemTray;
-function getActiveTrayInstances() {
-  return Array.from(activeTrayInstances.keys());
-}
-function getTrayInstance(id) {
-  const instance = activeTrayInstances.get(id);
-  if (!instance)
-    return null;
-  const inCraft = isInCraftWindow();
-  return {
-    id,
-    setIcon: (icon) => {
-      instance.state.icon = icon;
-      if (inCraft) {
-        const craftWindow = window;
-        craftWindow.craft.tray.setIcon({ icon }).catch(() => {});
-      }
-    },
-    setTooltip: (tooltip) => {
-      instance.state.tooltip = tooltip;
-      if (inCraft) {
-        const craftWindow = window;
-        craftWindow.craft.tray.setTooltip({ tooltip }).catch(() => {});
-      }
-    },
-    setMenu: (menu2) => {
-      instance.state.menu = menu2;
-      if (inCraft) {
-        const craftWindow = window;
-        const craftMenu = convertMenuItems(menu2);
-        craftWindow.craft.tray.setMenu({ items: craftMenu }).catch(() => {});
-      }
-    },
-    destroy: () => {
-      activeTrayInstances.delete(id);
-      if (inCraft) {
-        const craftWindow = window;
-        craftWindow.craft.tray.destroy?.().catch(() => {});
-      }
-    }
-  };
-}
-function triggerTrayAction(trayId, actionLabel) {
-  const instance = activeTrayInstances.get(trayId);
-  if (!instance)
-    return false;
-  const handler = instance.handlers.get(actionLabel);
-  if (handler) {
-    handler();
-    return true;
-  }
-  return false;
-}
-function getSimulatedTrayHTML(trayId) {
-  const instance = activeTrayInstances.get(trayId);
-  if (!instance)
-    return null;
-  return renderTrayMenu(instance.state.menu);
-}
-function getTrayBridgeScript() {
-  return `
+`;import d from"process";function nQ(){if(d.platform)return d.platform;return"unknown"}function r(){if(typeof window<"u"&&window.craft?.tray)return!0;return!1}function n(Y,Q){if(Y.type==="separator")return{id:`sep-${Q}`,label:"",type:"separator"};let Z={id:`item-${Q}-${Y.label.replace(/\s+/g,"-").toLowerCase()}`,label:Y.label,type:Y.type||"normal",enabled:Y.enabled!==!1};if(Y.accelerator)Z.shortcut=Y.accelerator;if(Y.type==="checkbox")Z.checked=Y.checked||!1;if(Y.type==="submenu"&&Y.submenu)Z.submenu=Y.submenu.map((X,$)=>n(X,$));return Z}function g(Y){return Y.map((Q,Z)=>n(Q,Z))}function o(Y,Q=0){if(Y.type==="separator")return'<hr class="stx-tray-separator" />';let Z="  ".repeat(Q),X=Y.enabled===!1?"disabled":"",$=Y.checked?"\u2713 ":"",J=Y.accelerator?`<span class="accelerator">${Y.accelerator}</span>`:"",U=`${Z}<div class="stx-tray-item ${X}" data-action="${Y.label}">`;if(U+=`<span class="label">${$}${Y.label}</span>${J}`,Y.type==="submenu"&&Y.submenu){U+='<span class="arrow">\u25B8</span>',U+='<div class="stx-tray-submenu">';for(let q of Y.submenu)U+=o(q,Q+1);U+="</div>"}return U+="</div>",U}function oQ(Y){let Q='<div class="stx-tray-menu">';for(let Z of Y)Q+=o(Z);return Q+="</div>",Q}var A=new Map;function lQ(){return`tray-${Date.now()}-${Math.random().toString(36).substring(2,9)}`}var p=!1;function aQ(){if(p||typeof window>"u")return;window.addEventListener("craft:tray:menu",(Y)=>{let{action:Q}=Y.detail;for(let Z of A.values()){let X=Z.handlers.get(Q);if(X){X();break}}}),p=!0}async function l(Y={}){let Q=lQ(),Z=nQ(),X=r(),$={icon:Y.icon||"",tooltip:Y.tooltip||"stx Application",menu:Y.menu||[],visible:!0},J=new Map;for(let q of Y.menu||[]){if(q.type!=="separator"&&q.onClick)J.set(q.label,q.onClick);if(q.type==="submenu"&&q.submenu){for(let G of q.submenu)if(G.type!=="separator"&&G.onClick)J.set(G.label,G.onClick)}}if(A.set(Q,{state:$,handlers:J}),X){aQ();let q=window;try{if($.tooltip)await q.craft.tray.setTitle({title:$.tooltip}),await q.craft.tray.setTooltip({tooltip:$.tooltip});if($.icon)await q.craft.tray.setIcon({icon:$.icon});let G=g($.menu);await q.craft.tray.setMenu({items:G}),console.log(`[stx-tray] Native tray created for ${Z}`)}catch(G){console.warn("[stx-tray] Failed to create native tray:",G)}}else console.log("[stx-tray] Created simulated tray (not in Craft window)"),console.log(`[stx-tray] ID: ${Q}`),console.log(`[stx-tray] Tooltip: ${$.tooltip}`),console.log(`[stx-tray] Menu items: ${$.menu.length}`);return{id:Q,setIcon:(q)=>{if($.icon=q,X)window.craft.tray.setIcon({icon:q}).catch((_)=>{console.warn("[stx-tray] Failed to set icon:",_)});console.log(`[stx-tray:${Q}] Icon updated`)},setTooltip:(q)=>{if($.tooltip=q,X)window.craft.tray.setTooltip({tooltip:q}).catch((_)=>{console.warn("[stx-tray] Failed to set tooltip:",_)});console.log(`[stx-tray:${Q}] Tooltip: ${q}`)},setMenu:(q)=>{$.menu=q,J.clear();for(let G of q){if(G.type!=="separator"&&G.onClick)J.set(G.label,G.onClick);if(G.type==="submenu"&&G.submenu){for(let _ of G.submenu)if(_.type!=="separator"&&_.onClick)J.set(_.label,_.onClick)}}if(X){let G=window,_=g(q);G.craft.tray.setMenu({items:_}).catch((K)=>{console.warn("[stx-tray] Failed to set menu:",K)})}console.log(`[stx-tray:${Q}] Menu updated (${q.length} items)`)},destroy:()=>{if($.visible=!1,A.delete(Q),X)window.craft.tray.destroy?.().catch((G)=>{console.warn("[stx-tray] Failed to destroy tray:",G)});console.log(`[stx-tray:${Q}] Destroyed`)}}}var iQ=l;function sQ(){return Array.from(A.keys())}function tQ(Y){let Q=A.get(Y);if(!Q)return null;let Z=r();return{id:Y,setIcon:(X)=>{if(Q.state.icon=X,Z)window.craft.tray.setIcon({icon:X}).catch(()=>{})},setTooltip:(X)=>{if(Q.state.tooltip=X,Z)window.craft.tray.setTooltip({tooltip:X}).catch(()=>{})},setMenu:(X)=>{if(Q.state.menu=X,Z){let $=window,J=g(X);$.craft.tray.setMenu({items:J}).catch(()=>{})}},destroy:()=>{if(A.delete(Y),Z)window.craft.tray.destroy?.().catch(()=>{})}}}function eQ(Y,Q){let Z=A.get(Y);if(!Z)return!1;let X=Z.handlers.get(Q);if(X)return X(),!0;return!1}function QY(Y){let Q=A.get(Y);if(!Q)return null;return oQ(Q.state.menu)}function YY(){return`
 // STX Desktop Tray Bridge
 // Provides convenient wrappers around window.craft.tray APIs
 window.stxTray = {
@@ -1778,9 +450,7 @@ window.stxTray = {
   // Check if tray is available
   isAvailable: () => typeof window.craft?.tray !== 'undefined',
 };
-`;
-}
-var TRAY_MENU_STYLES = `
+`}var ZY=`
 .stx-tray-menu {
   background: #2d2d2d;
   border-radius: 8px;
@@ -1846,315 +516,7 @@ var TRAY_MENU_STYLES = `
 .stx-tray-item:hover > .stx-tray-submenu {
   display: block;
 }
-`;
-// src/window.ts
-import process3 from "process";
-import { existsSync } from "fs";
-import { dirname, join } from "path";
-import { craftBinaryNotFoundMessage, resolveCraftBinary } from "craft-native";
-var currentConfig = {};
-function setDesktopConfig(config) {
-  currentConfig = { ...currentConfig, ...config };
-}
-function getDesktopConfig() {
-  return { ...currentConfig };
-}
-function resetDesktopConfig() {
-  currentConfig = {};
-}
-function prepareSidebarConfig(options) {
-  if (!options.sidebarConfig)
-    return;
-  const config = { ...options.sidebarConfig };
-  if (config.variant === "desktop") {
-    config.material = config.material ?? "sidebar";
-    config.backgroundEffect = config.backgroundEffect ?? "shimmer";
-    config.allowsVibrancy = config.allowsVibrancy ?? true;
-  }
-  return config;
-}
-function getCraftBinaryPath() {
-  const overrides = [
-    process3.env.CRAFT_BINARY_PATH,
-    currentConfig.craftBinaryPath,
-    ...currentConfig.additionalSearchPaths || [],
-    join(dirname(process3.execPath), "craft")
-  ];
-  for (const candidate of overrides) {
-    if (candidate && existsSync(candidate))
-      return candidate;
-  }
-  return resolveCraftBinary();
-}
-var activeWindows = new Map;
-function getActiveWindowIds() {
-  return Array.from(activeWindows.keys());
-}
-function getWindow(id) {
-  const windowData = activeWindows.get(id);
-  if (!windowData)
-    return null;
-  return createWindowInstance(id, windowData.app);
-}
-function closeAllWindows() {
-  for (const [id, windowData] of activeWindows) {
-    try {
-      windowData.app?.close?.();
-    } catch (e) {
-      console.warn(`Failed to close window ${id}:`, e);
-    }
-  }
-  activeWindows.clear();
-}
-function createWindowInstance(id, app2) {
-  return {
-    id,
-    show: () => {
-      console.log(`[stx/desktop] Window ${id} shown`);
-    },
-    hide: () => {
-      console.log(`[stx/desktop] To hide window, use window.craft.window.hide() from inside the webview`);
-    },
-    close: () => {
-      const windowData = activeWindows.get(id);
-      if (windowData?.app) {
-        windowData.app.close();
-        activeWindows.delete(id);
-        console.log(`[stx/desktop] Window ${id} closed`);
-      }
-    },
-    focus: () => {
-      console.log(`[stx/desktop] To focus window, use window.craft.window.focus() from inside the webview`);
-    },
-    minimize: () => {
-      console.log(`[stx/desktop] To minimize window, use window.craft.window.minimize() from inside the webview`);
-    },
-    maximize: () => {
-      console.log(`[stx/desktop] To maximize window, use window.craft.window.maximize() from inside the webview`);
-    },
-    restore: () => {
-      console.log(`[stx/desktop] To restore window, use window.craft.window.show() from inside the webview`);
-    },
-    setTitle: (title) => {
-      console.log(`[stx/desktop] To set title, use window.craft.window.setTitle({ title: "${title}" }) from inside the webview`);
-    },
-    loadURL: (url) => {
-      console.log(`[stx/desktop] To navigate, use window.location.href = "${url}" from inside the webview`);
-    },
-    reload: () => {
-      console.log(`[stx/desktop] To reload, use window.craft.window.reload() from inside the webview`);
-    }
-  };
-}
-function craftWindowArguments(url, options = {}) {
-  const args = [
-    "--url",
-    url,
-    "--title",
-    options.title || "stx Desktop",
-    "--width",
-    String(options.width ?? 1200),
-    "--height",
-    String(options.height ?? 800)
-  ];
-  if (options.darkMode)
-    args.push("--dark");
-  if (options.hotReload)
-    args.push("--hot-reload");
-  if (options.resizable === false)
-    args.push("--no-resize");
-  if (options.frameless)
-    args.push("--frameless");
-  if (options.alwaysOnTop)
-    args.push("--always-on-top");
-  if (options.titlebarHidden)
-    args.push("--titlebar-hidden");
-  if (options.systemTray)
-    args.push("--system-tray");
-  if (options.hideDockIcon)
-    args.push("--hide-dock-icon");
-  if (options.devTools === false)
-    args.push("--no-devtools");
-  if (options.nativeSidebar)
-    args.push("--native-sidebar");
-  if (options.sidebarWidth !== undefined)
-    args.push("--sidebar-width", String(options.sidebarWidth));
-  const sidebarConfig = prepareSidebarConfig(options);
-  if (sidebarConfig)
-    args.push("--sidebar-config", JSON.stringify(sidebarConfig));
-  return args;
-}
-async function createWindow(url, options = {}) {
-  const id = `craft-window-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-  const craftPath = getCraftBinaryPath();
-  try {
-    const { createApp } = await import("craft-native");
-    const app2 = createApp({
-      url,
-      craftPath,
-      window: {
-        title: options.title || "stx Desktop",
-        width: options.width ?? 1200,
-        height: options.height ?? 800,
-        darkMode: options.darkMode ?? false,
-        hotReload: options.hotReload ?? false,
-        resizable: options.resizable ?? true,
-        frameless: options.frameless ?? false,
-        alwaysOnTop: options.alwaysOnTop ?? false,
-        titlebarHidden: options.titlebarHidden ?? false,
-        systemTray: options.systemTray ?? false,
-        hideDockIcon: options.hideDockIcon ?? false,
-        devTools: options.devTools ?? false,
-        nativeSidebar: options.nativeSidebar ?? false,
-        sidebarWidth: options.sidebarWidth,
-        sidebarConfig: prepareSidebarConfig(options)
-      }
-    });
-    activeWindows.set(id, { app: app2, url, options });
-    await app2.show();
-    return createWindowInstance(id, app2);
-  } catch {
-    try {
-      const { spawn } = await import("child_process");
-      const child = spawn(craftPath, craftWindowArguments(url, options), { stdio: "inherit" });
-      child.on("error", (err) => {
-        console.error(err.code === "ENOENT" ? craftBinaryNotFoundMessage(craftPath) : `craft child error: ${err.message}`);
-      });
-      const app2 = { close: () => child.kill() };
-      activeWindows.set(id, { app: app2, url, options });
-      return createWindowInstance(id, app2);
-    } catch (binaryError) {
-      console.error("Failed to spawn craft binary:", binaryError.message);
-      return null;
-    }
-  }
-}
-async function openDevWindow(port, options = {}) {
-  const url = `http://localhost:${port}/`;
-  const isTestEnv = process3.env.NODE_ENV === "test" || process3.env.BUN_TEST;
-  if (isTestEnv) {
-    console.warn("\u26A0  Skipping native window in test environment");
-    console.log("(Skipping browser fallback in test environment)");
-    return false;
-  }
-  try {
-    const { createApp } = await import("craft-native");
-    console.log("\u26A1 Opening native window via craft-native\u2026");
-    const useSystemTray = !options.nativeSidebar;
-    const sidebarConfig = prepareSidebarConfig(options);
-    const app2 = createApp({
-      url,
-      craftPath: getCraftBinaryPath(),
-      window: {
-        title: options.title || "stx Development",
-        width: options.width || 1400,
-        height: options.height || 900,
-        resizable: true,
-        systemTray: useSystemTray,
-        darkMode: options.darkMode ?? true,
-        hotReload: options.hotReload ?? true,
-        devTools: true,
-        titlebarHidden: options.titlebarHidden ?? false,
-        nativeSidebar: options.nativeSidebar ?? false,
-        sidebarWidth: options.sidebarWidth ?? 260,
-        sidebarConfig
-      }
-    });
-    const id = `dev-window-${port}`;
-    activeWindows.set(id, { app: app2, url, options });
-    await app2.show();
-    console.log(`\u2713 Native window opened at ${url}`);
-    return true;
-  } catch {
-    const craftPath = getCraftBinaryPath();
-    try {
-      console.log(`\u26A1 Opening native window via craft binary (${craftPath})\u2026`);
-      const { spawn } = await import("child_process");
-      const child = spawn(craftPath, craftWindowArguments(url, {
-        title: "stx Development",
-        width: 1400,
-        height: 900,
-        hotReload: true,
-        ...options
-      }), { stdio: "inherit" });
-      child.on("exit", () => process3.exit(0));
-      child.on("error", (err) => {
-        console.warn(err.code === "ENOENT" ? craftBinaryNotFoundMessage(craftPath) : `craft child error: ${err.message}`);
-      });
-      const id = `dev-window-${port}`;
-      activeWindows.set(id, { app: { close: () => child.kill() }, url, options });
-      console.log(`\u2713 Native window opened at ${url}`);
-      return true;
-    } catch (binaryErr) {
-      console.warn("\u26A0  Could not spawn craft binary:", binaryErr.message);
-    }
-    if (process3.env.NODE_ENV === "test" || process3.env.BUN_TEST) {
-      console.log("(Skipping browser fallback in test environment)");
-      return false;
-    }
-    console.log("\uD83D\uDCF1 Opening in browser instead\u2026");
-    try {
-      const { spawn } = await import("child_process");
-      const platform = process3.platform;
-      const command = platform === "darwin" ? "open" : platform === "win32" ? "cmd" : "xdg-open";
-      const args = platform === "win32" ? ["/c", "start", url] : [url];
-      spawn(command, args, { detached: true, stdio: "ignore" }).unref();
-      console.log(`\u2713 Browser opened at ${url}`);
-      return true;
-    } catch (browserError) {
-      console.error("Could not open browser:", browserError);
-      console.log(`Please open manually: ${url}`);
-      return false;
-    }
-  }
-}
-async function createWindowWithHTML(html, options = {}) {
-  const {
-    title = "stx Desktop",
-    width = 1200,
-    height = 800,
-    darkMode = false,
-    hotReload = false,
-    resizable = true,
-    frameless = false,
-    alwaysOnTop = false
-  } = options;
-  try {
-    const { createApp } = await import("craft-native");
-    const craftPath = getCraftBinaryPath();
-    const app2 = createApp({
-      html,
-      craftPath,
-      window: {
-        title,
-        width,
-        height,
-        darkMode,
-        hotReload,
-        resizable,
-        frameless,
-        alwaysOnTop
-      }
-    });
-    const id = `craft-window-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-    activeWindows.set(id, { app: app2, url: "html-content", options });
-    await app2.show();
-    return createWindowInstance(id, app2);
-  } catch (error) {
-    console.error("Failed to create window with HTML:", error);
-    return null;
-  }
-}
-function isWebviewAvailable() {
-  try {
-    __require.resolve("craft-native");
-    return true;
-  } catch {
-    return false;
-  }
-}
-function getWindowBridgeScript() {
-  return `
+`;import P from"process";import{existsSync as XY}from"fs";import{dirname as $Y,join as GY}from"path";import{craftBinaryNotFoundMessage as a,resolveCraftBinary as JY}from"craft-native";var k={};function qY(Y){k={...k,...Y}}function RY(){return{...k}}function UY(){k={}}function b(Y){if(!Y.sidebarConfig)return;let Q={...Y.sidebarConfig};if(Q.variant==="desktop")Q.material=Q.material??"sidebar",Q.backgroundEffect=Q.backgroundEffect??"shimmer",Q.allowsVibrancy=Q.allowsVibrancy??!0;return Q}function w(){let Y=[P.env.CRAFT_BINARY_PATH,k.craftBinaryPath,...k.additionalSearchPaths||[],GY($Y(P.execPath),"craft")];for(let Q of Y)if(Q&&XY(Q))return Q;return JY()}var W=new Map;function KY(){return Array.from(W.keys())}function _Y(Y){let Q=W.get(Y);if(!Q)return null;return f(Y,Q.app)}function EY(){for(let[Y,Q]of W)try{Q.app?.close?.()}catch(Z){console.warn(`Failed to close window ${Y}:`,Z)}W.clear()}function f(Y,Q){return{id:Y,show:()=>{console.log(`[stx/desktop] Window ${Y} shown`)},hide:()=>{console.log("[stx/desktop] To hide window, use window.craft.window.hide() from inside the webview")},close:()=>{let Z=W.get(Y);if(Z?.app)Z.app.close(),W.delete(Y),console.log(`[stx/desktop] Window ${Y} closed`)},focus:()=>{console.log("[stx/desktop] To focus window, use window.craft.window.focus() from inside the webview")},minimize:()=>{console.log("[stx/desktop] To minimize window, use window.craft.window.minimize() from inside the webview")},maximize:()=>{console.log("[stx/desktop] To maximize window, use window.craft.window.maximize() from inside the webview")},restore:()=>{console.log("[stx/desktop] To restore window, use window.craft.window.show() from inside the webview")},setTitle:(Z)=>{console.log(`[stx/desktop] To set title, use window.craft.window.setTitle({ title: "${Z}" }) from inside the webview`)},loadURL:(Z)=>{console.log(`[stx/desktop] To navigate, use window.location.href = "${Z}" from inside the webview`)},reload:()=>{console.log("[stx/desktop] To reload, use window.craft.window.reload() from inside the webview")}}}function u(Y,Q={}){let Z=["--url",Y,"--title",Q.title||"stx Desktop","--width",String(Q.width??1200),"--height",String(Q.height??800)];if(Q.darkMode)Z.push("--dark");if(Q.hotReload)Z.push("--hot-reload");if(Q.resizable===!1)Z.push("--no-resize");if(Q.frameless)Z.push("--frameless");if(Q.alwaysOnTop)Z.push("--always-on-top");if(Q.titlebarHidden)Z.push("--titlebar-hidden");if(Q.systemTray)Z.push("--system-tray");if(Q.hideDockIcon)Z.push("--hide-dock-icon");if(Q.devTools===!1)Z.push("--no-devtools");if(Q.nativeSidebar)Z.push("--native-sidebar");if(Q.sidebarWidth!==void 0)Z.push("--sidebar-width",String(Q.sidebarWidth));let X=b(Q);if(X)Z.push("--sidebar-config",JSON.stringify(X));return Z}async function BY(Y,Q={}){let Z=`craft-window-${Date.now()}-${Math.random().toString(36).slice(2,8)}`,X=w();try{let{createApp:$}=await import("craft-native"),J=$({url:Y,craftPath:X,window:{title:Q.title||"stx Desktop",width:Q.width??1200,height:Q.height??800,darkMode:Q.darkMode??!1,hotReload:Q.hotReload??!1,resizable:Q.resizable??!0,frameless:Q.frameless??!1,alwaysOnTop:Q.alwaysOnTop??!1,titlebarHidden:Q.titlebarHidden??!1,systemTray:Q.systemTray??!1,hideDockIcon:Q.hideDockIcon??!1,devTools:Q.devTools??!1,nativeSidebar:Q.nativeSidebar??!1,sidebarWidth:Q.sidebarWidth,sidebarConfig:b(Q)}});return W.set(Z,{app:J,url:Y,options:Q}),await J.show(),f(Z,J)}catch{try{let{spawn:$}=await import("child_process"),J=$(X,u(Y,Q),{stdio:"inherit"});J.on("error",(q)=>{console.error(q.code==="ENOENT"?a(X):`craft child error: ${q.message}`)});let U={close:()=>J.kill()};return W.set(Z,{app:U,url:Y,options:Q}),f(Z,U)}catch($){return console.error("Failed to spawn craft binary:",$.message),null}}}async function FY(Y,Q={}){let Z=`http://localhost:${Y}/`;if(P.env.NODE_ENV==="test"||P.env.BUN_TEST)return console.warn("\u26A0  Skipping native window in test environment"),console.log("(Skipping browser fallback in test environment)"),!1;try{let{createApp:$}=await import("craft-native");console.log("\u26A1 Opening native window via craft-native\u2026");let J=!Q.nativeSidebar,U=b(Q),q=$({url:Z,craftPath:w(),window:{title:Q.title||"stx Development",width:Q.width||1400,height:Q.height||900,resizable:!0,systemTray:J,darkMode:Q.darkMode??!0,hotReload:Q.hotReload??!0,devTools:!0,titlebarHidden:Q.titlebarHidden??!1,nativeSidebar:Q.nativeSidebar??!1,sidebarWidth:Q.sidebarWidth??260,sidebarConfig:U}}),G=`dev-window-${Y}`;return W.set(G,{app:q,url:Z,options:Q}),await q.show(),console.log(`\u2713 Native window opened at ${Z}`),!0}catch{let $=w();try{console.log(`\u26A1 Opening native window via craft binary (${$})\u2026`);let{spawn:J}=await import("child_process"),U=J($,u(Z,{title:"stx Development",width:1400,height:900,hotReload:!0,...Q}),{stdio:"inherit"});U.on("exit",()=>P.exit(0)),U.on("error",(G)=>{console.warn(G.code==="ENOENT"?a($):`craft child error: ${G.message}`)});let q=`dev-window-${Y}`;return W.set(q,{app:{close:()=>U.kill()},url:Z,options:Q}),console.log(`\u2713 Native window opened at ${Z}`),!0}catch(J){console.warn("\u26A0  Could not spawn craft binary:",J.message)}if(P.env.NODE_ENV==="test"||P.env.BUN_TEST)return console.log("(Skipping browser fallback in test environment)"),!1;console.log("\uD83D\uDCF1 Opening in browser instead\u2026");try{let{spawn:J}=await import("child_process"),U=P.platform;return J(U==="darwin"?"open":U==="win32"?"cmd":"xdg-open",U==="win32"?["/c","start",Z]:[Z],{detached:!0,stdio:"ignore"}).unref(),console.log(`\u2713 Browser opened at ${Z}`),!0}catch(J){return console.error("Could not open browser:",J),console.log(`Please open manually: ${Z}`),!1}}}async function jY(Y,Q={}){let{title:Z="stx Desktop",width:X=1200,height:$=800,darkMode:J=!1,hotReload:U=!1,resizable:q=!0,frameless:G=!1,alwaysOnTop:_=!1}=Q;try{let{createApp:K}=await import("craft-native"),E=w(),R=K({html:Y,craftPath:E,window:{title:Z,width:X,height:$,darkMode:J,hotReload:U,resizable:q,frameless:G,alwaysOnTop:_}}),F=`craft-window-${Date.now()}-${Math.random().toString(36).slice(2,8)}`;return W.set(F,{app:R,url:"html-content",options:Q}),await R.show(),f(F,R)}catch(K){return console.error("Failed to create window with HTML:",K),null}}function DY(){try{return N.resolve("craft-native"),!0}catch{return!1}}function VY(){return`
 // STX Desktop Window Bridge
 // Provides convenient wrappers around window.craft APIs
 window.stxWindow = {
@@ -2195,570 +557,30 @@ window.stxWindow = {
 
 // Expose as global for backwards compatibility
 window.desktop = window.stxWindow;
-`;
-}
-// src/packaging.ts
-import { pack, packageApp } from "craft-native";
-import { craftBinaryNotFoundMessage as craftBinaryNotFoundMessage2, resolveCraftBinary as resolveCraftBinary2 } from "craft-native";
-// src/self-update.ts
-import { AutoUpdater, generateUpdateManifest } from "craft-native";
-var UPDATE_MANIFEST_ASSET = "update.json";
-function githubLatestAssetUrl(repository, asset) {
-  return `https://github.com/${repository}/releases/latest/download/${asset}`;
-}
-function githubReleaseAssetUrl(repository, tag, asset) {
-  return `https://github.com/${repository}/releases/download/${tag}/${asset}`;
-}
-function createGitHubUpdater(options) {
-  const { repository, manifestAsset = UPDATE_MANIFEST_ASSET, ...config } = options;
-  return new AutoUpdater({
-    ...config,
-    updateUrl: githubLatestAssetUrl(repository, manifestAsset)
-  });
-}
-function createGitHubUpdateManifest(options) {
-  const tag = options.tag ?? `v${options.version}`;
-  const platforms = {};
-  for (const [platform, path] of Object.entries(options.artifacts)) {
-    if (!path)
-      continue;
-    platforms[platform] = {
-      path,
-      url: githubReleaseAssetUrl(options.repository, tag, path.split("/").pop())
-    };
-  }
-  return generateUpdateManifest({
-    version: options.version,
-    releaseNotes: options.releaseNotes,
-    platforms
-  });
-}
-// src/preferences.ts
-import { existsSync as existsSync2, mkdirSync, readFileSync, watch, writeFileSync } from "fs";
-import { homedir, platform } from "os";
-import { dirname as dirname2, join as join2 } from "path";
-function getDefaultPrefsDir(appName) {
-  const os = platform();
-  const home = homedir();
-  switch (os) {
-    case "darwin":
-      return join2(home, "Library", "Application Support", appName);
-    case "win32":
-      return join2(process.env.APPDATA || join2(home, "AppData", "Roaming"), appName);
-    default:
-      return join2(home, ".config", appName);
-  }
-}
-
-class PreferencesImpl {
-  _defaults;
-  _data;
-  _path;
-  _changeHandlers = new Map;
-  _anyChangeHandlers = new Set;
-  _watcher = null;
-  _writeTimer = null;
-  _writing = false;
-  constructor(options) {
-    this._defaults = { ...options.defaults };
-    const dir = options.path ? dirname2(options.path) : getDefaultPrefsDir(options.name);
-    this._path = options.path || join2(dir, "preferences.json");
-    if (!existsSync2(dir)) {
-      mkdirSync(dir, { recursive: true });
-    }
-    this._data = this._load();
-    if (options.watch !== false) {
-      this._setupWatcher();
-    }
-  }
-  get path() {
-    return this._path;
-  }
-  get(key) {
-    if (key in this._data) {
-      return this._data[key];
-    }
-    return this._defaults[key];
-  }
-  set(key, value) {
-    const oldValue = this.get(key);
-    if (JSON.stringify(oldValue) === JSON.stringify(value))
-      return;
-    this._data[key] = value;
-    this._scheduleSave();
-    this._notifyChange(key, value, oldValue);
-  }
-  getAll() {
-    return { ...this._defaults, ...this._data };
-  }
-  has(key) {
-    return key in this._data;
-  }
-  delete(key) {
-    if (!(key in this._data))
-      return;
-    const oldValue = this._data[key];
-    delete this._data[key];
-    this._scheduleSave();
-    this._notifyChange(key, this._defaults[key], oldValue);
-  }
-  reset() {
-    const oldData = { ...this._data };
-    this._data = {};
-    this._save();
-    for (const key of Object.keys(oldData)) {
-      const defaultVal = this._defaults[key];
-      this._notifyChange(key, defaultVal, oldData[key]);
-    }
-  }
-  onChange(key, handler) {
-    const keyStr = key;
-    if (!this._changeHandlers.has(keyStr)) {
-      this._changeHandlers.set(keyStr, new Set);
-    }
-    this._changeHandlers.get(keyStr).add(handler);
-    return () => {
-      this._changeHandlers.get(keyStr)?.delete(handler);
-    };
-  }
-  onAnyChange(handler) {
-    this._anyChangeHandlers.add(handler);
-    return () => {
-      this._anyChangeHandlers.delete(handler);
-    };
-  }
-  close() {
-    if (this._watcher) {
-      this._watcher.close();
-      this._watcher = null;
-    }
-    if (this._writeTimer) {
-      clearTimeout(this._writeTimer);
-      this._writeTimer = null;
-      this._save();
-    }
-  }
-  _load() {
-    try {
-      if (existsSync2(this._path)) {
-        const content = readFileSync(this._path, "utf-8");
-        return JSON.parse(content);
-      }
-    } catch {}
-    return {};
-  }
-  _save() {
-    this._writing = true;
-    try {
-      const json = JSON.stringify({ ...this._defaults, ...this._data }, null, 2);
-      writeFileSync(this._path, json, "utf-8");
-    } catch (err) {
-      console.error(`Failed to save preferences to ${this._path}:`, err);
-    } finally {
-      setTimeout(() => {
-        this._writing = false;
-      }, 100);
-    }
-  }
-  _scheduleSave() {
-    if (this._writeTimer) {
-      clearTimeout(this._writeTimer);
-    }
-    this._writeTimer = setTimeout(() => {
-      this._writeTimer = null;
-      this._save();
-    }, 50);
-  }
-  _setupWatcher() {
-    try {
-      if (!existsSync2(this._path)) {
-        this._save();
-      }
-      this._watcher = watch(this._path, () => {
-        if (this._writing)
-          return;
-        const newData = this._load();
-        const oldData = { ...this._data };
-        this._data = newData;
-        const allKeys = new Set([...Object.keys(oldData), ...Object.keys(newData)]);
-        for (const key of allKeys) {
-          const oldVal = key in oldData ? oldData[key] : this._defaults[key];
-          const newVal = key in newData ? newData[key] : this._defaults[key];
-          if (JSON.stringify(oldVal) !== JSON.stringify(newVal)) {
-            this._notifyChange(key, newVal, oldVal);
-          }
-        }
-      });
-    } catch {}
-  }
-  _notifyChange(key, value, oldValue) {
-    const handlers = this._changeHandlers.get(key);
-    if (handlers) {
-      for (const handler of handlers) {
-        try {
-          handler(value, oldValue);
-        } catch {}
-      }
-    }
-    for (const handler of this._anyChangeHandlers) {
-      try {
-        handler(key, value, oldValue);
-      } catch {}
-    }
-  }
-}
-function createPreferences(options) {
-  return new PreferencesImpl(options);
-}
-// src/autolaunch.ts
-import { existsSync as existsSync3, mkdirSync as mkdirSync2, readFileSync as readFileSync2, unlinkSync, writeFileSync as writeFileSync2 } from "fs";
-import { homedir as homedir2, platform as platform2 } from "os";
-import { join as join3 } from "path";
-function getLaunchAgentPath(appName) {
-  const identifier = appName.toLowerCase().replace(/[^a-z0-9]/g, "-");
-  return join3(homedir2(), "Library", "LaunchAgents", `com.${identifier}.plist`);
-}
-function getLinuxAutostartPath(appName) {
-  const configDir = process.env.XDG_CONFIG_HOME || join3(homedir2(), ".config");
-  return join3(configDir, "autostart", `${appName.toLowerCase()}.desktop`);
-}
-async function setAutoLaunchMacOS(enabled, options) {
-  const appName = options.appName || "StxApp";
-  const plistPath = getLaunchAgentPath(appName);
-  const launchAgentsDir = join3(homedir2(), "Library", "LaunchAgents");
-  if (enabled) {
-    const appPath = options.appPath || process.execPath;
-    const args = options.args || [];
-    const programArgs = [appPath, ...args];
-    const plist = `<?xml version="1.0" encoding="UTF-8"?>
+`}import{pack as LY,packageApp as OY}from"craft-native";import{craftBinaryNotFoundMessage as zY,resolveCraftBinary as MY}from"craft-native";import{AutoUpdater as i,generateUpdateManifest as s}from"craft-native";var t="update.json";function e(Y,Q){return`https://github.com/${Y}/releases/latest/download/${Q}`}function QQ(Y,Q,Z){return`https://github.com/${Y}/releases/download/${Q}/${Z}`}function TY(Y){let{repository:Q,manifestAsset:Z=t,...X}=Y;return new i({...X,updateUrl:e(Q,Z)})}function WY(Y){let Q=Y.tag??`v${Y.version}`,Z={};for(let[X,$]of Object.entries(Y.artifacts)){if(!$)continue;Z[X]={path:$,url:QQ(Y.repository,Q,$.split("/").pop())}}return s({version:Y.version,releaseNotes:Y.releaseNotes,platforms:Z})}import{existsSync as y,mkdirSync as PY,readFileSync as AY,watch as NY,writeFileSync as kY}from"fs";import{homedir as xY,platform as CY}from"os";import{dirname as IY,join as H}from"path";function HY(Y){let Q=CY(),Z=xY();switch(Q){case"darwin":return H(Z,"Library","Application Support",Y);case"win32":return H(process.env.APPDATA||H(Z,"AppData","Roaming"),Y);default:return H(Z,".config",Y)}}class YQ{_defaults;_data;_path;_changeHandlers=new Map;_anyChangeHandlers=new Set;_watcher=null;_writeTimer=null;_writing=!1;constructor(Y){this._defaults={...Y.defaults};let Q=Y.path?IY(Y.path):HY(Y.name);if(this._path=Y.path||H(Q,"preferences.json"),!y(Q))PY(Q,{recursive:!0});if(this._data=this._load(),Y.watch!==!1)this._setupWatcher()}get path(){return this._path}get(Y){if(Y in this._data)return this._data[Y];return this._defaults[Y]}set(Y,Q){let Z=this.get(Y);if(JSON.stringify(Z)===JSON.stringify(Q))return;this._data[Y]=Q,this._scheduleSave(),this._notifyChange(Y,Q,Z)}getAll(){return{...this._defaults,...this._data}}has(Y){return Y in this._data}delete(Y){if(!(Y in this._data))return;let Q=this._data[Y];delete this._data[Y],this._scheduleSave(),this._notifyChange(Y,this._defaults[Y],Q)}reset(){let Y={...this._data};this._data={},this._save();for(let Q of Object.keys(Y)){let Z=this._defaults[Q];this._notifyChange(Q,Z,Y[Q])}}onChange(Y,Q){let Z=Y;if(!this._changeHandlers.has(Z))this._changeHandlers.set(Z,new Set);return this._changeHandlers.get(Z).add(Q),()=>{this._changeHandlers.get(Z)?.delete(Q)}}onAnyChange(Y){return this._anyChangeHandlers.add(Y),()=>{this._anyChangeHandlers.delete(Y)}}close(){if(this._watcher)this._watcher.close(),this._watcher=null;if(this._writeTimer)clearTimeout(this._writeTimer),this._writeTimer=null,this._save()}_load(){try{if(y(this._path)){let Y=AY(this._path,"utf-8");return JSON.parse(Y)}}catch{}return{}}_save(){this._writing=!0;try{let Y=JSON.stringify({...this._defaults,...this._data},null,2);kY(this._path,Y,"utf-8")}catch(Y){console.error(`Failed to save preferences to ${this._path}:`,Y)}finally{setTimeout(()=>{this._writing=!1},100)}}_scheduleSave(){if(this._writeTimer)clearTimeout(this._writeTimer);this._writeTimer=setTimeout(()=>{this._writeTimer=null,this._save()},50)}_setupWatcher(){try{if(!y(this._path))this._save();this._watcher=NY(this._path,()=>{if(this._writing)return;let Y=this._load(),Q={...this._data};this._data=Y;let Z=new Set([...Object.keys(Q),...Object.keys(Y)]);for(let X of Z){let $=X in Q?Q[X]:this._defaults[X],J=X in Y?Y[X]:this._defaults[X];if(JSON.stringify($)!==JSON.stringify(J))this._notifyChange(X,J,$)}})}catch{}}_notifyChange(Y,Q,Z){let X=this._changeHandlers.get(Y);if(X)for(let $ of X)try{$(Q,Z)}catch{}for(let $ of this._anyChangeHandlers)try{$(Y,Q,Z)}catch{}}}function vY(Y){return new YQ(Y)}import{existsSync as x,mkdirSync as ZQ,readFileSync as wY,unlinkSync as XQ,writeFileSync as $Q}from"fs";import{homedir as S,platform as GQ}from"os";import{join as C}from"path";function JQ(Y){let Q=Y.toLowerCase().replace(/[^a-z0-9]/g,"-");return C(S(),"Library","LaunchAgents",`com.${Q}.plist`)}function qQ(Y){let Q=process.env.XDG_CONFIG_HOME||C(S(),".config");return C(Q,"autostart",`${Y.toLowerCase()}.desktop`)}async function fY(Y,Q){let Z=Q.appName||"StxApp",X=JQ(Z),$=C(S(),"Library","LaunchAgents");if(Y){let J=Q.appPath||process.execPath,U=Q.args||[],q=[J,...U],G=`<?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>
     <key>Label</key>
-    <string>com.${appName.toLowerCase().replace(/[^a-z0-9]/g, "-")}</string>
+    <string>com.${Z.toLowerCase().replace(/[^a-z0-9]/g,"-")}</string>
     <key>ProgramArguments</key>
     <array>
-${programArgs.map((arg) => `        <string>${escapeXml(arg)}</string>`).join(`
+${q.map((_)=>`        <string>${uY(_)}</string>`).join(`
 `)}
     </array>
     <key>RunAtLoad</key>
     <true/>
     <key>KeepAlive</key>
     <false/>
-${options.isHidden ? `    <key>ProcessType</key>
-    <string>Background</string>` : ""}
+${Q.isHidden?`    <key>ProcessType</key>
+    <string>Background</string>`:""}
 </dict>
-</plist>`;
-    if (!existsSync3(launchAgentsDir)) {
-      mkdirSync2(launchAgentsDir, { recursive: true });
-    }
-    writeFileSync2(plistPath, plist, "utf-8");
-  } else {
-    if (existsSync3(plistPath)) {
-      unlinkSync(plistPath);
-    }
-  }
-}
-async function setAutoLaunchLinux(enabled, options) {
-  const appName = options.appName || "StxApp";
-  const desktopPath = getLinuxAutostartPath(appName);
-  const autostartDir = join3(process.env.XDG_CONFIG_HOME || join3(homedir2(), ".config"), "autostart");
-  if (enabled) {
-    const appPath = options.appPath || process.execPath;
-    const args = options.args || [];
-    const exec = [appPath, ...args].join(" ");
-    const desktopEntry = `[Desktop Entry]
+</plist>`;if(!x($))ZQ($,{recursive:!0});$Q(X,G,"utf-8")}else if(x(X))XQ(X)}async function SY(Y,Q){let Z=Q.appName||"StxApp",X=qQ(Z),$=C(process.env.XDG_CONFIG_HOME||C(S(),".config"),"autostart");if(Y){let J=Q.appPath||process.execPath,U=Q.args||[],q=[J,...U].join(" "),G=`[Desktop Entry]
 Type=Application
-Name=${appName}
-Exec=${exec}
+Name=${Z}
+Exec=${q}
 Terminal=false
 StartupNotify=false
-${options.isHidden ? `X-GNOME-Autostart-enabled=true
-NoDisplay=true` : ""}
-`;
-    if (!existsSync3(autostartDir)) {
-      mkdirSync2(autostartDir, { recursive: true });
-    }
-    writeFileSync2(desktopPath, desktopEntry, "utf-8");
-  } else {
-    if (existsSync3(desktopPath)) {
-      unlinkSync(desktopPath);
-    }
-  }
-}
-async function isAutoLaunchEnabledMacOS(appName) {
-  return existsSync3(getLaunchAgentPath(appName));
-}
-async function isAutoLaunchEnabledLinux(appName) {
-  const path = getLinuxAutostartPath(appName);
-  if (!existsSync3(path))
-    return false;
-  try {
-    const content = readFileSync2(path, "utf-8");
-    if (content.includes("X-GNOME-Autostart-enabled=false"))
-      return false;
-    if (content.includes("Hidden=true"))
-      return false;
-    return true;
-  } catch {
-    return false;
-  }
-}
-function escapeXml(str) {
-  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
-}
-async function setAutoLaunch(enabled, options = {}) {
-  const os = platform2();
-  switch (os) {
-    case "darwin":
-      return setAutoLaunchMacOS(enabled, options);
-    case "linux":
-      return setAutoLaunchLinux(enabled, options);
-    default:
-      throw new Error(`Auto-launch is not yet supported on ${os}`);
-  }
-}
-async function isAutoLaunchEnabled(appName) {
-  const name = appName || "StxApp";
-  const os = platform2();
-  switch (os) {
-    case "darwin":
-      return isAutoLaunchEnabledMacOS(name);
-    case "linux":
-      return isAutoLaunchEnabledLinux(name);
-    default:
-      return false;
-  }
-}
-// src/system.ts
-var system = {
-  accentColor: () => bridgeOr("system", "accentColor", () => ""),
-  highlightColor: () => bridgeOr("system", "highlightColor", () => ""),
-  language: () => bridgeOr("system", "language", () => {
-    if (typeof navigator === "undefined")
-      return "";
-    return navigator.language?.split("-")[0] || "";
-  }),
-  locale: () => bridgeOr("system", "locale", () => {
-    if (typeof navigator === "undefined")
-      return "";
-    return navigator.language || "";
-  }),
-  timezone: () => bridgeOr("system", "timezone", () => {
-    try {
-      return Intl.DateTimeFormat().resolvedOptions().timeZone || "";
-    } catch {
-      return "";
-    }
-  }),
-  is24HourTime: () => bridgeOr("system", "is24HourTime", () => {
-    try {
-      const opts = new Intl.DateTimeFormat([], { hour: "numeric" }).resolvedOptions();
-      return opts.hourCycle === "h23" || opts.hourCycle === "h24";
-    } catch {
-      return false;
-    }
-  }),
-  reduceMotion: () => bridgeOr("system", "reduceMotion", () => mediaMatches("(prefers-reduced-motion: reduce)")),
-  reduceTransparency: () => bridgeOr("system", "reduceTransparency", () => mediaMatches("(prefers-reduced-transparency: reduce)")),
-  increaseContrast: () => bridgeOr("system", "increaseContrast", () => mediaMatches("(prefers-contrast: more)")),
-  systemVersion: () => bridgeOr("system", "systemVersion", () => ""),
-  hostname: () => bridgeOr("system", "hostname", () => ""),
-  username: () => bridgeOr("system", "username", () => ""),
-  async openPreferences() {
-    if (hasBridge("system"))
-      await window.craft.system.openPreferences();
-  }
-};
-async function bridgeOr(ns, method, fallback) {
-  if (hasBridge(ns))
-    return await window.craft[ns][method]();
-  return await fallback();
-}
-function mediaMatches(query) {
-  if (typeof window === "undefined" || !window.matchMedia)
-    return false;
-  return window.matchMedia(query).matches;
-}
-export {
-  windowEvents,
-  watchScreenSharing,
-  vision,
-  updater,
-  unregisterHotkey,
-  unregisterAllHotkeys,
-  triggerTrayAction,
-  touchbar,
-  theme,
-  tags,
-  system,
-  spotlight,
-  speechRecognition,
-  speech,
-  signPayload,
-  showWarningToast,
-  showWarningModal,
-  showWarningDialog,
-  showToast,
-  showSuccessToast,
-  showSuccessModal,
-  showSaveDialog,
-  showQuestionModal,
-  showOpenDialog,
-  showModal,
-  showMessageBox,
-  showInfoToast,
-  showInfoModal,
-  showErrorToast,
-  showErrorModal,
-  showErrorDialog,
-  showConfirmDialog,
-  showColorPicker,
-  showAlertDialog,
-  showAlert,
-  shell,
-  setDesktopConfig,
-  setAutoLaunch,
-  serviceMenu,
-  serial,
-  screenSharing,
-  screenCapture,
-  screen,
-  resolveCraftBinary2 as resolveCraftBinary,
-  resetDesktopConfig,
-  requestNotificationPermission,
-  registerHotkey,
-  redactPII,
-  prompt,
-  printing,
-  permissions,
-  pdf,
-  parseShortcut,
-  packageApp,
-  pack,
-  openDevWindow,
-  notify,
-  notifications,
-  network,
-  nativeAutoLaunch,
-  midi,
-  menu,
-  log,
-  location,
-  localServer,
-  liveActivities,
-  keychain,
-  isWebviewAvailable,
-  isDragOutAvailable,
-  isCaffeinated,
-  isAvailable,
-  isAutoLaunchEnabled,
-  iap,
-  hasFocusShortcuts,
-  handoff,
-  globalShortcuts,
-  githubReleaseAssetUrl,
-  githubLatestAssetUrl,
-  getWindowBridgeScript,
-  getWindow,
-  getTrayInstance,
-  getTrayBridgeScript,
-  getSimulatedTrayHTML,
-  getRegisteredHotkeys,
-  getDialogBridgeScript,
-  getDesktopConfig,
-  getCapability,
-  getCapabilities,
-  getCaffeinateStatus,
-  getActiveWindowIds,
-  getActiveTrayInstances,
-  getActiveModalCount,
-  getActiveAlertCount,
-  generateUpdateManifest,
-  fs,
-  formatTime,
-  formatShortcut,
-  formatRemainingTime,
-  formatDuration,
-  formatCompact,
-  focusShortcutsReady,
-  focus,
-  fileAssociations,
-  dragOut,
-  dismissAllAlerts,
-  dismissAlertById,
-  delay,
-  deepLinks,
-  decaffeinate,
-  createWindowWithHTML,
-  createWindow,
-  createWebView,
-  createTreeView,
-  createTooltip,
-  createTimer,
-  createTimePicker,
-  createTextInput,
-  createTabs,
-  createTable,
-  createSystemTray,
-  createStepper,
-  createSplitView,
-  createSlider,
-  createScrollView,
-  createRating,
-  createRadioButton,
-  createProgressBar,
-  createPreferences,
-  createModalComponent,
-  createMenubar,
-  createMediaPlayer,
-  createListView,
-  createLabel,
-  createInterval,
-  createImageView,
-  createGitHubUpdater,
-  createGitHubUpdateManifest,
-  createFileExplorer,
-  createDropdown,
-  createDatePicker,
-  createDataGrid,
-  createColorPicker,
-  createCodeEditor,
-  createChip,
-  createCheckbox,
-  createChart,
-  createCard,
-  createButton,
-  createBadge,
-  createAvatar,
-  createAutocomplete,
-  createAccordion,
-  crashReporter,
-  craftWindowArguments,
-  craftBinaryNotFoundMessage2 as craftBinaryNotFoundMessage,
-  coreml,
-  continuityCamera,
-  confirm,
-  closeAllWindows,
-  closeAllModals,
-  clipboard,
-  caffeinate,
-  bonjour,
-  bluetooth,
-  biometric,
-  battery,
-  audio,
-  appleScript,
-  app as appInfo,
-  alert,
-  UPDATE_MANIFEST_ASSET,
-  TRAY_MENU_STYLES,
-  TOAST_STYLES,
-  MODAL_STYLES,
-  MIN_WATCH_INTERVAL_MS,
-  MAX_WATCH_INTERVAL_MS,
-  DEFAULT_WATCH_INTERVAL_MS,
-  COMPONENT_STYLES,
-  AutoUpdater,
-  AVAILABLE_COMPONENTS
-};
+${Q.isHidden?`X-GNOME-Autostart-enabled=true
+NoDisplay=true`:""}
+`;if(!x($))ZQ($,{recursive:!0});$Q(X,G,"utf-8")}else if(x(X))XQ(X)}async function gY(Y){return x(JQ(Y))}async function bY(Y){let Q=qQ(Y);if(!x(Q))return!1;try{let Z=wY(Q,"utf-8");if(Z.includes("X-GNOME-Autostart-enabled=false"))return!1;if(Z.includes("Hidden=true"))return!1;return!0}catch{return!1}}function uY(Y){return Y.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}async function yY(Y,Q={}){let Z=GQ();switch(Z){case"darwin":return fY(Y,Q);case"linux":return SY(Y,Q);default:throw Error(`Auto-launch is not yet supported on ${Z}`)}}async function hY(Y){let Q=Y||"StxApp";switch(GQ()){case"darwin":return gY(Q);case"linux":return bY(Q);default:return!1}}var mY={accentColor:()=>T("system","accentColor",()=>""),highlightColor:()=>T("system","highlightColor",()=>""),language:()=>T("system","language",()=>{if(typeof navigator>"u")return"";return navigator.language?.split("-")[0]||""}),locale:()=>T("system","locale",()=>{if(typeof navigator>"u")return"";return navigator.language||""}),timezone:()=>T("system","timezone",()=>{try{return Intl.DateTimeFormat().resolvedOptions().timeZone||""}catch{return""}}),is24HourTime:()=>T("system","is24HourTime",()=>{try{let Y=new Intl.DateTimeFormat([],{hour:"numeric"}).resolvedOptions();return Y.hourCycle==="h23"||Y.hourCycle==="h24"}catch{return!1}}),reduceMotion:()=>T("system","reduceMotion",()=>h("(prefers-reduced-motion: reduce)")),reduceTransparency:()=>T("system","reduceTransparency",()=>h("(prefers-reduced-transparency: reduce)")),increaseContrast:()=>T("system","increaseContrast",()=>h("(prefers-contrast: more)")),systemVersion:()=>T("system","systemVersion",()=>""),hostname:()=>T("system","hostname",()=>""),username:()=>T("system","username",()=>""),async openPreferences(){if(m("system"))await window.craft.system.openPreferences()}};async function T(Y,Q,Z){if(m(Y))return await window.craft[Y][Q]();return await Z()}function h(Y){if(typeof window>"u"||!window.matchMedia)return!1;return window.matchMedia(Y).matches}export{iZ as windowEvents,O0 as watchScreenSharing,f0 as vision,aZ as updater,IZ as unregisterHotkey,HZ as unregisterAllHotkeys,eQ as triggerTrayAction,$0 as touchbar,dZ as theme,x0 as tags,mY as system,v0 as spotlight,w0 as speechRecognition,J0 as speech,U0 as signPayload,oY as showWarningToast,ZZ as showWarningModal,OZ as showWarningDialog,pY as showToast,nY as showSuccessToast,$Z as showSuccessModal,BZ as showSaveDialog,GZ as showQuestionModal,EZ as showOpenDialog,QZ as showModal,FZ as showMessageBox,rY as showInfoToast,YZ as showInfoModal,lY as showErrorToast,XZ as showErrorModal,LZ as showErrorDialog,VZ as showConfirmDialog,jZ as showColorPicker,DZ as showAlertDialog,dY as showAlert,mZ as shell,qY as setDesktopConfig,yY as setAutoLaunch,u0 as serviceMenu,y0 as serial,L0 as screenSharing,F0 as screenCapture,eZ as screen,MY as resolveCraftBinary,UY as resetDesktopConfig,cY as requestNotificationPermission,CZ as registerHotkey,R0 as redactPII,RZ as prompt,Z0 as printing,Y0 as permissions,C0 as pdf,kZ as parseShortcut,OY as packageApp,LY as pack,FY as openDevWindow,aY as notify,yZ as notifications,lZ as network,X0 as nativeAutoLaunch,S0 as midi,tZ as menu,I0 as log,B0 as location,W0 as localServer,E0 as liveActivities,Q0 as keychain,DY as isWebviewAvailable,rZ as isDragOutAvailable,WZ as isCaffeinated,c0 as isAvailable,hY as isAutoLaunchEnabled,K0 as iap,M0 as hasFocusShortcuts,_0 as handoff,cZ as globalShortcuts,QQ as githubReleaseAssetUrl,e as githubLatestAssetUrl,VY as getWindowBridgeScript,_Y as getWindow,tQ as getTrayInstance,YY as getTrayBridgeScript,QY as getSimulatedTrayHTML,vZ as getRegisteredHotkeys,zZ as getDialogBridgeScript,RY as getDesktopConfig,m0 as getCapability,h0 as getCapabilities,PZ as getCaffeinateStatus,KY as getActiveWindowIds,sQ as getActiveTrayInstances,UZ as getActiveModalCount,tY as getActiveAlertCount,s as generateUpdateManifest,hZ as fs,gZ as formatTime,xZ as formatShortcut,AZ as formatRemainingTime,NZ as formatDuration,bZ as formatCompact,T0 as focusShortcutsReady,z0 as focus,k0 as fileAssociations,pZ as dragOut,sY as dismissAllAlerts,iY as dismissAlertById,SZ as delay,nZ as deepLinks,TZ as decaffeinate,jY as createWindowWithHTML,BY as createWindow,dQ as createWebView,gQ as createTreeView,xQ as createTooltip,wZ as createTimer,WQ as createTimePicker,KQ as createTextInput,VQ as createTabs,SQ as createTable,l as createSystemTray,vQ as createStepper,IQ as createSplitView,EQ as createSlider,CQ as createScrollView,OQ as createRating,zQ as createRadioButton,BQ as createProgressBar,vY as createPreferences,wQ as createModalComponent,iQ as createMenubar,hQ as createMediaPlayer,fQ as createListView,AQ as createLabel,fZ as createInterval,NQ as createImageView,TY as createGitHubUpdater,WY as createGitHubUpdateManifest,cQ as createFileExplorer,LQ as createDropdown,TQ as createDatePicker,bQ as createDataGrid,MQ as createColorPicker,yQ as createCodeEditor,kQ as createChip,_Q as createCheckbox,uQ as createChart,DQ as createCard,UQ as createButton,FQ as createBadge,jQ as createAvatar,PQ as createAutocomplete,HQ as createAccordion,q0 as crashReporter,u as craftWindowArguments,zY as craftBinaryNotFoundMessage,g0 as coreml,b0 as continuityCamera,JZ as confirm,EY as closeAllWindows,KZ as closeAllModals,uZ as clipboard,MZ as caffeinate,H0 as bonjour,G0 as bluetooth,P0 as biometric,oZ as battery,A0 as audio,N0 as appleScript,sZ as appInfo,qZ as alert,t as UPDATE_MANIFEST_ASSET,ZY as TRAY_MENU_STYLES,eY as TOAST_STYLES,_Z as MODAL_STYLES,j0 as MIN_WATCH_INTERVAL_MS,D0 as MAX_WATCH_INTERVAL_MS,V0 as DEFAULT_WATCH_INTERVAL_MS,rQ as COMPONENT_STYLES,i as AutoUpdater,pQ as AVAILABLE_COMPONENTS};