@jxsuite/studio 5.1.0 → 5.3.0

package/dist/chunks/{studio-kkqkcp3d.js → studio-d1n2bykn.js}

@@ -1,6 +1,6 @@
 import {
   isJsonObject,
-  isRef2,
+  isRef,
   isFunctionDef,
   isExpressionDef,
   isNamedFormulaDef,
@@ -15,7 +15,7 @@ import {
   paramNames,
   isTagExpression,
   isPrivateStateKey
-} from "./studio-7r42c6ca.js";
+} from "./studio-3ntvq6cg.js";
 import {
   effectScope,
   onScopeDispose,
@@ -27,11 +27,11 @@ import {
   shallowReactive,
   isReactive,
   toRaw,
-  isRef,
+  isRef2,
   ref,
   shallowRef,
   computed
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   __export
 } from "./studio-5te5tqng.js";
@@ -1063,7 +1063,7 @@ function buildStyleRules(style, options = {}) {
     resolveValue
   } = options;
   const rules = [];
-  const isBlock = (value) => value !== null && typeof value === "object" && !Array.isArray(value) && !isRef2(value);
+  const isBlock = (value) => value !== null && typeof value === "object" && !Array.isArray(value) && !isRef(value);
   const blocksOf = (key, value) => {
     if (isBlock(value)) {
       return [value];
@@ -1077,7 +1077,7 @@ function buildStyleRules(style, options = {}) {
     if (value === undefined || value === null) {
       return null;
     }
-    if (isRef2(value)) {
+    if (isRef(value)) {
       return reactive ? resolveValue?.(property, value, target) ?? null : null;
     }
     if (typeof value === "object") {
@@ -2369,7 +2369,7 @@ function boundPropKey(key, val, state) {
     return null;
   }
   const stored = toRaw(state)[sub];
-  if (isRef(stored) || typeof stored === "function") {
+  if (isRef2(stored) || typeof stored === "function") {
     return null;
   }
   if (typeof stored === "object" && stored !== null) {
@@ -3918,7 +3918,7 @@ function resolveRef(refPath, state) {
   return readPath(state, refPath) ?? null;
 }
 function isRefObj(v) {
-  return isRef2(v);
+  return isRef(v);
 }
 function getPath2(obj, path) {
   return readPath(obj, path);
@@ -4577,7 +4577,8 @@ __export(exports_split, {
   onSplitPointerDown: () => onSplitPointerDown,
   onSplitPointerMove: () => onSplitPointerMove,
   onSplitPointerUp: () => onSplitPointerUp,
-  splitModifiersOf: () => splitModifiersOf
+  splitModifiersOf: () => splitModifiersOf,
+  trackOf: () => trackOf
 });
 var HOST = "jx-split";
 var EPSILON = 0.000001;
@@ -4624,7 +4625,16 @@ function isVertical(state) {
 function coordOf(vertical, event) {
   return vertical ? event.clientX : event.clientY;
 }
+var trackCache = new WeakMap;
 function trackOf(host, vertical) {
+  const cached = trackCache.get(host);
+  if (cached && cached.vertical === vertical && cached.element.isConnected && host.isConnected && cached.element.contains(host)) {
+    const box = cached.element.getBoundingClientRect();
+    const length = vertical ? box.width : box.height;
+    if (length > 0) {
+      return length;
+    }
+  }
   for (let node = host.parentElement;node; node = node.parentElement) {
     if (globalThis.getComputedStyle(node).display === "contents") {
       continue;
@@ -4632,6 +4642,7 @@ function trackOf(host, vertical) {
     const box = node.getBoundingClientRect();
     const length = vertical ? box.width : box.height;
     if (length > 0) {
+      trackCache.set(host, { element: node, vertical });
       return length;
     }
   }
@@ -15431,8 +15442,24 @@ function syncListbox(host, active) {
 }
 function mountListbox(state, host) {
   syncListbox(host, String(state.active ?? ""));
+  let frameId = null;
+  const scheduleSync = () => {
+    if (frameId !== null) {
+      return;
+    }
+    frameId = requestAnimationFrame(() => {
+      frameId = null;
+      if (host.isConnected) {
+        syncListbox(host, String(state.active ?? ""));
+      }
+    });
+  };
   const observer = new MutationObserver(() => {
-    syncListbox(host, String(state.active ?? ""));
+    if (typeof requestAnimationFrame === "function") {
+      scheduleSync();
+    } else {
+      syncListbox(host, String(state.active ?? ""));
+    }
   });
   observer.observe(host, {
     attributeFilter: ["data-active"],
@@ -17662,7 +17689,7 @@ function registerUi(options = {}) {
   return registration;
 }
 
-export { isKeyframesAtRule, pureSchemeOf, intlHelpersClause, PURE_METHOD_OPS, BLESSED_OPERATORS, BLESSED_GLOBALS, isMutating, evaluateExpression, assetUrlFor, PUBLIC_DIR, BUILD_LANES, splitRefSuffix, isNonRelativeRef, normalizeProjectPath, dirOfPath, joinProjectPath, projectPathForRef, encodeProjectPath, mount3, preloadDocument, setSkipServerFunctions, runScoped, setCanvasAssetResolver, buildScope, renderNode, redefineElement, defineElement, openAt, close, showModal, close2, ensureCaret, focusItem, splitModifiersOf, selectValue, POPOVER_DEFAULT_MODE, attrs, literalAttr, tagOf, labelOf, isPopover, idOf, walk, popoverIdsIn, documentHasPopover, scalar, findPopoverDefects, popoverDisplayRepair, POPOVER_TAGS, INVOKER_TAGS, KIT_BASE, registerUi, setActiveRegistry, activeRegistry };
+export { isKeyframesAtRule, pureSchemeOf, intlHelpersClause, PURE_METHOD_OPS, BLESSED_OPERATORS, BLESSED_GLOBALS, isMutating, evaluateExpression, assetUrlFor, PUBLIC_DIR, BUILD_LANES, splitRefSuffix, isNonRelativeRef, normalizeProjectPath, dirOfPath, joinProjectPath, projectPathForRef, encodeProjectPath, mount3, preloadDocument, setSkipServerFunctions, runScoped, setCanvasAssetResolver, buildScope, renderNode, redefineElement, defineElement, openAt, close, showModal, close2, ensureCaret, focusItem, splitModifiersOf, trackOf, selectValue, POPOVER_DEFAULT_MODE, attrs, literalAttr, tagOf, labelOf, isPopover, idOf, walk, popoverIdsIn, documentHasPopover, scalar, findPopoverDefects, popoverDisplayRepair, POPOVER_TAGS, INVOKER_TAGS, KIT_BASE, registerUi, setActiveRegistry, activeRegistry };
 
-//# debugId=FA9BCD95DF486F2164756E2164756E21
-//# sourceMappingURL=studio-kkqkcp3d.js.map
+//# debugId=1CA7B04A8FCB779F64756E2164756E21
+//# sourceMappingURL=studio-d1n2bykn.js.map

package/dist/chunks/{studio-p1dw8wfw.js → studio-d8z5bajd.js}

@@ -700,7 +700,11 @@ function reactiveReadArray(array) {
   if (raw === array)
     return raw;
   track(raw, "iterate", ARRAY_ITERATE_KEY);
-  return isShallow(array) ? raw : raw.map(toReactive);
+  if (isShallow(array))
+    return raw;
+  if (!isReadonly(array))
+    return raw.map(toReactive);
+  return isReactive(array) ? raw.map((item) => toReadonly(toReactive(item))) : raw.map(toReadonly);
 }
 function shallowReadArray(arr) {
   track(arr = toRaw(arr), "iterate", ARRAY_ITERATE_KEY);
@@ -921,7 +925,7 @@ class BaseReactiveHandler {
         return hasOwnProperty2;
       }
     }
-    const res = Reflect.get(target, key, isRef(target) ? target : receiver);
+    const res = Reflect.get(target, key, isRef2(target) ? target : receiver);
     if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) {
       return res;
     }
@@ -931,7 +935,7 @@ class BaseReactiveHandler {
     if (isShallow2) {
       return res;
     }
-    if (isRef(res)) {
+    if (isRef2(res)) {
       const value = targetIsArray && isIntegerKey(key) ? res : res.value;
       return isReadonly2 && isObject(value) ? readonly(value) : value;
     }
@@ -955,7 +959,7 @@ class MutableReactiveHandler extends BaseReactiveHandler {
         oldValue = toRaw(oldValue);
         value = toRaw(value);
       }
-      if (!isArrayWithIntegerKey && isRef(oldValue) && !isRef(value)) {
+      if (!isArrayWithIntegerKey && isRef2(oldValue) && !isRef2(value)) {
         if (isOldValueReadonly) {
           if (true) {
             warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target[key]);
@@ -968,7 +972,7 @@ class MutableReactiveHandler extends BaseReactiveHandler {
       }
     }
     const hadKey = isArrayWithIntegerKey ? Number(key) < target.length : hasOwn(target, key);
-    const result = Reflect.set(target, key, value, isRef(target) ? target : receiver);
+    const result = Reflect.set(target, key, value, isRef2(target) ? target : receiver);
     if (target === toRaw(receiver) && result) {
       if (!hadKey) {
         trigger(target, "add", key, value);
@@ -1286,7 +1290,7 @@ function toRaw(observed) {
 }
 var toReactive = (value) => isObject(value) ? /* @__PURE__ */ reactive(value) : value;
 var toReadonly = (value) => isObject(value) ? /* @__PURE__ */ readonly(value) : value;
-function isRef(r) {
+function isRef2(r) {
   return r ? r["__v_isRef"] === true : false;
 }
 function ref(value) {
@@ -1296,7 +1300,7 @@ function shallowRef(value) {
   return createRef(value, true);
 }
 function createRef(rawValue, shallow) {
-  if (/* @__PURE__ */ isRef(rawValue)) {
+  if (/* @__PURE__ */ isRef2(rawValue)) {
     return rawValue;
   }
   return new RefImpl(rawValue, shallow);
@@ -1559,7 +1563,7 @@ function problemFindings2(source) {
 function problemCount2(severity) {
   return severity === undefined ? problems2.length : problems2.filter((record) => record.severity === severity).length;
 }
-export { effectScope, onScopeDispose, effect, pauseTracking, resetTracking, onEffectCleanup, reactive, shallowReactive, isReactive, toRaw, isRef, ref, shallowRef, computed, announce, now, pinClock, toasts2, problems2, notify2, dismiss2, clearProblems2, problemFindings2, problemCount2 };
+export { effectScope, onScopeDispose, effect, pauseTracking, resetTracking, onEffectCleanup, reactive, shallowReactive, isReactive, toRaw, isRef2, ref, shallowRef, computed, announce, now, pinClock, toasts2, problems2, notify2, dismiss2, clearProblems2, problemFindings2, problemCount2 };
 
-//# debugId=38C812A39B55E29E64756E2164756E21
-//# sourceMappingURL=studio-p1dw8wfw.js.map
+//# debugId=F249290D0F37435164756E2164756E21
+//# sourceMappingURL=studio-d8z5bajd.js.map

package/dist/chunks/{studio-3rz5md06.js → studio-dd1qqkry.js}

@@ -2,7 +2,7 @@ import {
   githubTokenStored,
   githubTokenLocation,
   clearGithubToken
-} from "./studio-qk4bfsq2.js";
+} from "./studio-msc1ee1m.js";
 import {
   getPlatform2,
   hasPlatform2
@@ -11,14 +11,14 @@ import {
   getCfToken2,
   getCfAccountId2,
   clearCfConnection2
-} from "./studio-6xa21ej9.js";
+} from "./studio-c04nzbby.js";
 import {
   hasOpenAiKey,
   getBaseUrl,
   clearAiProvider,
   resetModelCache,
   preferredModel
-} from "./studio-hhvs4sdg.js";
+} from "./studio-vn5hske5.js";
 import {
   __preload
 } from "./studio-5te5tqng.js";
@@ -56,7 +56,7 @@ function resetCfConnectionCache() {
 async function hostedConnect() {
   const outcome = await getPlatform2().cfConnect?.();
   if (outcome?.status === "connected" && !outcome.connection.accountId) {
-    const { openCfAccountPicker } = await (__preload("qwkm9zrf"), import("./cf-account-picker-qwkm9zrf.js"));
+    const { openCfAccountPicker } = await (__preload("nwnwdm6p"), import("./cf-account-picker-nwnwdm6p.js"));
     await openCfAccountPicker();
   }
   resetModelCache();
@@ -111,7 +111,7 @@ function brokeredCloudflareRecord() {
           id: "choose-account",
           label: "Choose account",
           run: async () => {
-            const { openCfAccountPicker } = await (__preload("qwkm9zrf"), import("./cf-account-picker-qwkm9zrf.js"));
+            const { openCfAccountPicker } = await (__preload("nwnwdm6p"), import("./cf-account-picker-nwnwdm6p.js"));
             if (await openCfAccountPicker()) {
               resetModelCache();
               await refreshCfConnection();
@@ -192,4 +192,4 @@ function notifyCredentialsChanged() {
 export { platformBrokersCf, refreshCfConnection, ensureCfConnection, resetCfConnectionCache, listAccounts, revokeAccount, onCredentialsChanged, notifyCredentialsChanged };
 
 //# debugId=5A4E8AE3D8A598C464756E2164756E21
-//# sourceMappingURL=studio-3rz5md06.js.map
+//# sourceMappingURL=studio-dd1qqkry.js.map

package/dist/chunks/{studio-1z1kcjv4.js → studio-drg8qj9k.js}

@@ -5,7 +5,7 @@ import {
 import {
   displayTagName,
   isPrivateStateKey
-} from "./studio-7r42c6ca.js";
+} from "./studio-3ntvq6cg.js";
 import {
   getNodeAtPath2,
   childList,
@@ -17,23 +17,23 @@ import {
   stripEventHandlers,
   leftPanel,
   renderOnly
-} from "./studio-6ewqv390.js";
+} from "./studio-m1p9b6c3.js";
 import {
   effectScope,
   effect,
   toRaw,
   notify2
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   view,
   surfaceForPane,
   allCanvasSurfaces,
   stageContaining
-} from "./studio-q3x06vmj.js";
+} from "./studio-wnsyffg1.js";
 import {
   loadExtensions2,
   formatByName2
-} from "./studio-vw7mzp6z.js";
+} from "./studio-6gryj0sg.js";
 import {
   localeDirection,
   primarySelection,
@@ -62,7 +62,7 @@ import {
   paneById2,
   focusPane2,
   isTabActive2
-} from "./studio-k75n7vhp.js";
+} from "./studio-gk2twyh4.js";
 import {
   getEffectiveMedia,
   getEffectiveImports,
@@ -74,12 +74,12 @@ import {
   distributePageIntoLayout,
   shell,
   setLayoutSelection
-} from "./studio-qk90fgqm.js";
+} from "./studio-fzjx96t2.js";
 import {
   componentRegistry2,
   buildComponentInstance2,
   computeRelativePath2
-} from "./studio-zdn2g6dt.js";
+} from "./studio-zjjde71a.js";
 import {
   pureSchemeOf,
   setSkipServerFunctions,
@@ -97,7 +97,7 @@ import {
   POPOVER_TAGS,
   INVOKER_TAGS,
   activeRegistry
-} from "./studio-kkqkcp3d.js";
+} from "./studio-d1n2bykn.js";
 import {
   _defineProperty,
   combine,
@@ -109,7 +109,7 @@ import {
   canvasBaseOrigin,
   documentBase,
   assetContextFor
-} from "./studio-nzzpvzx9.js";
+} from "./studio-ab87phj1.js";
 import {
   rectOf,
   elementAtPoint
@@ -5736,4 +5736,4 @@ function getEditBarAnchorRect2() {
 export { activeCanvasSurface, tabOfPane, derivationOfPane, surfacesShowingTab, canvasModeOfTab, canvasModeOfPane, activeMediaOfPane, paneOfContainer, tabOfContainer, findDialogDefects, getPreviewNavigateHandler, documentUrlPattern, dynamicRouteParams, pagePathsDef, invalidateParamValues, loadParamValues, isComponentDoc, componentPropEntries, SPAN_FULL_RENDER, SPAN_MOUNT_CANVAS, SPAN_PATCH_BATCH, canvasPerf, recordEscalation, timeSpan, timeSpanAsync, mediaDisplayName, defaultDef, parentCursorToIframe, serializeJxPath, elements_meta_default, getInlineActions, isInlineElement, isEditing, bubbleInlinePath, isSchemeQuery, schemeOfQuery, parseMediaEntries, snapEditWidth, EDIT_WIDTH_MIN, EDIT_WIDTH_SNAP_TOLERANCE, EDIT_CANVAS_GUTTER, declaredWidthOfTab, resolveEditColumnWidth, clearEditWidth, snapTargetsOfTab, setEditWidth, ancestorPopoverPath, ancestorDialogPath, dialogPathFor, stageZoom, canvasPanelEntry, bindCanvasPanels, activateCanvasPanel, observeCenterUntilStable, applyTransform, applyEditZoom, setEditZoom, requestEditZoom, fitToScreen, getFit, setFit, markExplicitZoom, setUserZoom, fitOnCanvasEntry, resetZoom, panToParentRect, canvasBaseViewsFor, canvasBaseViewOf, previewStateOf, setCanvasView, registerCanvasViewCommands, updateActivePanelHeaders, setDragGhost, moveDragGhost, clearDragGhost, disableNativeDragPreview, attachInstruction, extractInstruction, hasElement, enableElement, disableElement, removePackageElements, removeElementRef, renderComponentPreview, registerLayersDnD, registerComponentsDnD, registerElementsDnD, applyDropInstruction, sawIframeDragOver2, allowAutoRequestsOnNextRender2, requestCanvasEval2, flushCanvasEdits2, hostForCanvas2, liveDragHostAt2, beginDragSession2, currentDragSession2, hostDragGeometry2, canvasIdleBlockers2, canvasPointAt2, revealCanvasPath2, revealCanvasPathIn2, measureInCanvas2, adoptCanvasPreviewMode2, postDragMessage2, endDragSession2, clearDropIndicator2, setNativeDragEnterHandler2, setInsertZoneClickHandler2, setFileDropHandler2, setCanvasSlashHandler2, setCanvasContextMenuHandler2, setStylebookHitHandler2, isCaretActive2, setToolbarRefresh2, setCanvasPointerDownHandler2, setIframePatchEscalation2, postPopoverOpen2, postDialogOpen2, postPatchToHosts2, dragHostTab2, releaseCanvasHosts2, mountIframeCanvas2, mountStylebookCanvas2, postColorSchemeToLiveHosts2, postLocaleToLiveHosts2, postRedefineElementToLiveHosts2, postSiteStyleToLiveHosts2, postStyleUpdateToStylebookHosts2, panToStylebookTag2, getEditSnapshot2, setKeymapSource2, postApplyFormat2, postOpenSlash2, commitActiveEditSession2, getEditBarAnchorRect2 };
 
 //# debugId=138206C03AA4653064756E2164756E21
-//# sourceMappingURL=studio-1z1kcjv4.js.map
+//# sourceMappingURL=studio-drg8qj9k.js.map

package/dist/chunks/{studio-kcgff4r0.js → studio-fgmfksz8.js}

@@ -1,7 +1,7 @@
 import {
   schema_default,
   project_schema_default
-} from "./studio-d0300636.js";
+} from "./studio-ks2zzth2.js";
 import {
   __toESM,
   __preload
@@ -85,4 +85,4 @@ async function validateProjectConfig2(config) {
 export { applyProjectSchemas2, validateDoc2, validateDocOrNull2, validateProjectConfig2 };
 
 //# debugId=EC74C1A0E86832FC64756E2164756E21
-//# sourceMappingURL=studio-kcgff4r0.js.map
+//# sourceMappingURL=studio-fgmfksz8.js.map

package/dist/chunks/{studio-qk90fgqm.js → studio-fzjx96t2.js}

@@ -5,18 +5,18 @@ import {
   toRaw,
   pinClock,
   notify2
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   getPlatform2
 } from "./studio-6nzaktvy.js";
 import {
   loadedMonaco
-} from "./studio-vw7mzp6z.js";
+} from "./studio-6gryj0sg.js";
 import {
   projectState,
   setProjectState,
   requireProjectState
-} from "./studio-6ewqv390.js";
+} from "./studio-m1p9b6c3.js";
 import {
   isWellFormedLocale,
   resolveI18n,
@@ -36,12 +36,12 @@ import {
   workspace2,
   focusPane2,
   setWorkspaceProject2
-} from "./studio-k75n7vhp.js";
+} from "./studio-gk2twyh4.js";
 import {
   SETTINGS,
   readStoredSetting,
   setSetting
-} from "./studio-y9zedyjn.js";
+} from "./studio-z2smx5ce.js";
 import {
   errorMessage2
 } from "./studio-yxa81f45.js";
@@ -1345,7 +1345,7 @@ function extensionsKey(config) {
   return JSON.stringify(config.extensions ?? null);
 }
 async function refreshExtensionSurfaces() {
-  const { loadFormats, refreshExtensionUi, refreshFormats } = await (__preload("779sfp2n"), import("./format-host-779sfp2n.js"));
+  const { loadFormats, refreshExtensionUi, refreshFormats } = await (__preload("1k4qrcqd"), import("./format-host-1k4qrcqd.js"));
   refreshFormats();
   loadFormats();
   refreshExtensionUi(getPlatform2());
@@ -1583,4 +1583,4 @@ async function updateSiteConfig(patch) {
 export { parseJsonDocument, serializeJson, serializeProjectConfig, lendProjectConfigLayout, commitProjectConfig, adoptProjectConfig, getEffectiveMedia, getEffectiveStyle, getEffectiveImports, getEffectiveElements, getEffectiveHead, getEffectiveLocales, invalidateLayoutCache, getEffectiveLayoutPath, resolveLayoutDoc, distributePageIntoLayout, updateSiteConfig, restoreSession, requireNavigatorPanelId, DEFAULT_INSPECTOR_TAB, isInspectorTabId, BOTTOM_TAB_IDS, DEFAULT_BOTTOM_TAB, isBottomTabId, CHROME_THEMES, DOCK_IDS, DOCK_DEFAULT_SIZES, DEFAULT_PANE_SPLIT, PANE_SPLIT_MIN, PANE_SPLIT_MAX, setPaneSplit, shell, persistDocks, persistedSession, markSessionRestored, flushSession, monacoTheme, registerShellSurface, mountShell, setDockCollapsed, setDockSize, setActivityTab, setBottomTab, setChromeTheme, toggleActivityTab, setLayoutSelection, resetProjectShell, registerShellViewCommands };
 
 //# debugId=41F1C61D2E957DBB64756E2164756E21
-//# sourceMappingURL=studio-qk90fgqm.js.map
+//# sourceMappingURL=studio-fzjx96t2.js.map

package/dist/chunks/{studio-a79k90n9.js → studio-g33v4fe9.js}

@@ -5,34 +5,34 @@ import {
   flattenTree,
   nodeLabel,
   projectState
-} from "./studio-6ewqv390.js";
+} from "./studio-m1p9b6c3.js";
 import {
   loadFormats2,
   formatByExtension2,
   documentExtensions2
-} from "./studio-vw7mzp6z.js";
+} from "./studio-6gryj0sg.js";
 import {
   activeTab2
-} from "./studio-k75n7vhp.js";
+} from "./studio-gk2twyh4.js";
 import {
   registerSurface,
   mountSurface,
   runReported,
   runActiveReported,
   getLayerSlot2
-} from "./studio-vfq8qpjt.js";
+} from "./studio-0j7r7s9g.js";
 import {
   activeRegistry
-} from "./studio-kkqkcp3d.js";
+} from "./studio-d1n2bykn.js";
 import {
   reactive
-} from "./studio-p1dw8wfw.js";
+} from "./studio-d8z5bajd.js";
 import {
   getRecentProjects,
   getRecentFiles,
   trackRecentFile,
   openFileInTab2
-} from "./studio-b0k5tqgp.js";
+} from "./studio-7rrb1esn.js";
 // src/surfaces/palette.json
 var palette_default = {
   $schema: "https://jxsuite.com/schema/v1",
@@ -53,6 +53,9 @@ var palette_default = {
       paddingTop: "60px",
       background: "rgba(0, 0, 0, 0.4)"
     },
+    '& [part="overlay"][hidden]': {
+      display: "none"
+    },
     '& [part="panel"]': {
       width: "560px",
       maxWidth: "calc(100vw - 32px)",
@@ -169,14 +172,12 @@ var palette_default = {
       color: "var(--jx-fg-dim)"
     }
   },
-  $switch: {
-    $ref: "#/state/open"
-  },
-  cases: {
-    true: {
+  children: [
+    {
       tagName: "div",
       attributes: {
-        part: "overlay"
+        part: "overlay",
+        hidden: "${state.open ? null : ''}"
       },
       onclick: {
         $prototype: "Function",
@@ -567,7 +568,7 @@ var palette_default = {
         }
       ]
     }
-  }
+  ]
 };
 
 // src/panels/quick-search.ts
@@ -1158,5 +1159,5 @@ function renderOverlay() {
 
 export { initQuickSearch2, openQuickSearch2 };
 
-//# debugId=EFFDF77A3587A37264756E2164756E21
-//# sourceMappingURL=studio-a79k90n9.js.map
+//# debugId=501BF2683AE15AEE64756E2164756E21
+//# sourceMappingURL=studio-g33v4fe9.js.map