@tanstack/query-devtools 5.51.9 → 5.51.16

package/build/index.cjs

@@ -10,14 +10,18 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// ../../node_modules/.pnpm/solid-js@1.8.17/node_modules/solid-js/dist/solid.js
+// ../../node_modules/.pnpm/solid-js@1.8.19/node_modules/solid-js/dist/solid.js
+function getContextId(count) {
+  const num = String(count), len = num.length - 1;
+  return sharedConfig.context.id + (len ? String.fromCharCode(96 + len) : "") + num;
+}
 function setHydrateContext(context) {
   sharedConfig.context = context;
 }
 function nextHydrateContext() {
   return {
     ...sharedConfig.context,
-    id: `${sharedConfig.context.id}${sharedConfig.context.count++}-`,
+    id: sharedConfig.getNextContextId(),
     count: 0
   };
 }
@@ -102,18 +106,18 @@ function createResource(pSource, pFetcher, pOptions) {
   if (arguments.length === 2 && typeof pFetcher === "object" || arguments.length === 1) {
     source = true;
     fetcher = pSource;
-    options = pFetcher || {};
+    options = {};
   } else {
     source = pSource;
     fetcher = pFetcher;
-    options = pOptions || {};
+    options = {};
   }
   let pr = null, initP = NO_INIT, id = null, loadedUnderTransition = false, scheduled = false, resolved = "initialValue" in options, dynamic = typeof source === "function" && createMemo(source);
   const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error, setError] = createSignal(void 0), [track, trigger] = createSignal(void 0, {
     equals: false
   }), [state, setState] = createSignal(resolved ? "ready" : "unresolved");
   if (sharedConfig.context) {
-    id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
+    id = sharedConfig.getNextContextId();
     let v;
     if (options.ssrLoadFrom === "initial")
       initP = options.initialValue;
@@ -125,11 +129,9 @@ function createResource(pSource, pFetcher, pOptions) {
       pr = null;
       key !== void 0 && (resolved = true);
       if ((p2 === initP || v === initP) && options.onHydrated)
-        queueMicrotask(
-          () => options.onHydrated(key, {
-            value: v
-          })
-        );
+        queueMicrotask(() => options.onHydrated(key, {
+          value: v
+        }));
       initP = NO_INIT;
       if (Transition && p2 && loadedUnderTransition) {
         Transition.promises.delete(p2);
@@ -185,12 +187,10 @@ function createResource(pSource, pFetcher, pOptions) {
     }
     if (Transition && pr)
       Transition.promises.delete(pr);
-    const p2 = initP !== NO_INIT ? initP : untrack(
-      () => fetcher(lookup, {
-        value: value(),
-        refetching
-      })
-    );
+    const p2 = initP !== NO_INIT ? initP : untrack(() => fetcher(lookup, {
+      value: value(),
+      refetching
+    }));
     if (!isPromise(p2)) {
       loadEnd(pr, p2, void 0, lookup);
       return p2;
@@ -200,7 +200,7 @@ function createResource(pSource, pFetcher, pOptions) {
       if (p2.status === "success")
         loadEnd(pr, p2.value, void 0, lookup);
       else
-        loadEnd(pr, void 0, void 0, lookup);
+        loadEnd(pr, void 0, castError(p2.value), lookup);
       return p2;
     }
     scheduled = true;
@@ -209,10 +209,7 @@ function createResource(pSource, pFetcher, pOptions) {
       setState(resolved ? "refreshing" : "pending");
       trigger();
     }, false);
-    return p2.then(
-      (v) => loadEnd(p2, v, void 0, lookup),
-      (e2) => loadEnd(p2, void 0, castError(e2), lookup)
-    );
+    return p2.then((v) => loadEnd(p2, v, void 0, lookup), (e2) => loadEnd(p2, void 0, castError(e2), lookup));
   }
   Object.defineProperties(read, {
     state: {
@@ -242,13 +239,10 @@ function createResource(pSource, pFetcher, pOptions) {
     createComputed(() => load(false));
   else
     load(false);
-  return [
-    read,
-    {
-      refetch: load,
-      mutate: setValue
-    }
-  ];
+  return [read, {
+    refetch: load,
+    mutate: setValue
+  }];
 }
 function batch(fn) {
   return runUpdates(fn, false);
@@ -356,7 +350,8 @@ function createContext(defaultValue, options) {
   };
 }
 function useContext(context) {
-  return Owner && Owner.context && Owner.context[context.id] !== void 0 ? Owner.context[context.id] : context.defaultValue;
+  let value;
+  return Owner && Owner.context && (value = Owner.context[context.id]) !== void 0 ? value : context.defaultValue;
 }
 function children(fn) {
   const children2 = createMemo(fn);
@@ -449,11 +444,7 @@ function updateComputation(node) {
     return;
   cleanNode(node);
   const time = ExecCount;
-  runComputation(
-    node,
-    Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value,
-    time
-  );
+  runComputation(node, Transition && Transition.running && Transition.sources.has(node) ? node.tValue : node.value, time);
   if (Transition && !Transition.running && Transition.sources.has(node)) {
     queueMicrotask(() => {
       runUpdates(() => {
@@ -831,16 +822,13 @@ function resolveChildren(children2) {
 function createProvider(id, options) {
   return function provider(props) {
     let res;
-    createRenderEffect(
-      () => res = untrack(() => {
-        Owner.context = {
-          ...Owner.context,
-          [id]: props.value
-        };
-        return children(() => props.children);
-      }),
-      void 0
-    );
+    createRenderEffect(() => res = untrack(() => {
+      Owner.context = {
+        ...Owner.context,
+        [id]: props.value
+      };
+      return children(() => props.children);
+    }), void 0);
     return res;
   };
 }
@@ -852,10 +840,10 @@ function mapArray(list, mapFn, options = {}) {
   let items = [], mapped = [], disposers = [], len = 0, indexes = mapFn.length > 1 ? [] : null;
   onCleanup(() => dispose(disposers));
   return () => {
-    let newItems = list() || [], i2, j;
+    let newItems = list() || [], newLen = newItems.length, i2, j;
     newItems[$TRACK];
     return untrack(() => {
-      let newLen = newItems.length, newIndices, newIndicesNext, temp, tempdisposers, tempIndexes, start, end, newEnd, item;
+      let newIndices, newIndicesNext, temp, tempdisposers, tempIndexes, start, end, newEnd, item;
       if (newLen === 0) {
         if (len !== 0) {
           dispose(disposers);
@@ -942,10 +930,10 @@ function indexArray(list, mapFn, options = {}) {
   let items = [], mapped = [], disposers = [], signals = [], len = 0, i2;
   onCleanup(() => dispose(disposers));
   return () => {
-    const newItems = list() || [];
+    const newItems = list() || [], newLen = newItems.length;
     newItems[$TRACK];
     return untrack(() => {
-      if (newItems.length === 0) {
+      if (newLen === 0) {
         if (len !== 0) {
           dispose(disposers);
           disposers = [];
@@ -971,7 +959,7 @@ function indexArray(list, mapFn, options = {}) {
         mapped = [];
         len = 0;
       }
-      for (i2 = 0; i2 < newItems.length; i2++) {
+      for (i2 = 0; i2 < newLen; i2++) {
         if (i2 < items.length && items[i2] !== newItems[i2]) {
           signals[i2](() => newItems[i2]);
         } else if (i2 >= items.length) {
@@ -981,7 +969,7 @@ function indexArray(list, mapFn, options = {}) {
       for (; i2 < items.length; i2++) {
         disposers[i2]();
       }
-      len = signals.length = disposers.length = newItems.length;
+      len = signals.length = disposers.length = newLen;
       items = newItems.slice(0);
       return mapped = mapped.slice(0, len);
     });
@@ -1026,31 +1014,28 @@ function mergeProps(...sources) {
     sources[i2] = typeof s2 === "function" ? (proxy = true, createMemo(s2)) : s2;
   }
   if (proxy) {
-    return new Proxy(
-      {
-        get(property) {
-          for (let i2 = sources.length - 1; i2 >= 0; i2--) {
-            const v = resolveSource(sources[i2])[property];
-            if (v !== void 0)
-              return v;
-          }
-        },
-        has(property) {
-          for (let i2 = sources.length - 1; i2 >= 0; i2--) {
-            if (property in resolveSource(sources[i2]))
-              return true;
-          }
-          return false;
-        },
-        keys() {
-          const keys2 = [];
-          for (let i2 = 0; i2 < sources.length; i2++)
-            keys2.push(...Object.keys(resolveSource(sources[i2])));
-          return [...new Set(keys2)];
+    return new Proxy({
+      get(property) {
+        for (let i2 = sources.length - 1; i2 >= 0; i2--) {
+          const v = resolveSource(sources[i2])[property];
+          if (v !== void 0)
+            return v;
         }
       },
-      propTraps
-    );
+      has(property) {
+        for (let i2 = sources.length - 1; i2 >= 0; i2--) {
+          if (property in resolveSource(sources[i2]))
+            return true;
+        }
+        return false;
+      },
+      keys() {
+        const keys2 = [];
+        for (let i2 = 0; i2 < sources.length; i2++)
+          keys2.push(...Object.keys(resolveSource(sources[i2])));
+        return [...new Set(keys2)];
+      }
+    }, propTraps);
   }
   const sourcesMap = {};
   const defined = /* @__PURE__ */ Object.create(null);
@@ -1096,37 +1081,29 @@ function splitProps(props, ...keys2) {
   if ($PROXY in props) {
     const blocked = new Set(keys2.length > 1 ? keys2.flat() : keys2[0]);
     const res = keys2.map((k) => {
-      return new Proxy(
-        {
-          get(property) {
-            return k.includes(property) ? props[property] : void 0;
-          },
-          has(property) {
-            return k.includes(property) && property in props;
-          },
-          keys() {
-            return k.filter((property) => property in props);
-          }
+      return new Proxy({
+        get(property) {
+          return k.includes(property) ? props[property] : void 0;
         },
-        propTraps
-      );
-    });
-    res.push(
-      new Proxy(
-        {
-          get(property) {
-            return blocked.has(property) ? void 0 : props[property];
-          },
-          has(property) {
-            return blocked.has(property) ? false : property in props;
-          },
-          keys() {
-            return Object.keys(props).filter((k) => !blocked.has(k));
-          }
+        has(property) {
+          return k.includes(property) && property in props;
         },
-        propTraps
-      )
-    );
+        keys() {
+          return k.filter((property) => property in props);
+        }
+      }, propTraps);
+    });
+    res.push(new Proxy({
+      get(property) {
+        return blocked.has(property) ? void 0 : props[property];
+      },
+      has(property) {
+        return blocked.has(property) ? false : property in props;
+      },
+      keys() {
+        return Object.keys(props).filter((k) => !blocked.has(k));
+      }
+    }, propTraps));
     return res;
   }
   const otherObject = {};
@@ -1170,26 +1147,24 @@ function lazy(fn) {
       comp = s2;
     }
     let Comp;
-    return createMemo(
-      () => (Comp = comp()) && untrack(() => {
-        if (false)
-          ;
-        if (!ctx)
-          return Comp(props);
-        const c2 = sharedConfig.context;
-        setHydrateContext(ctx);
-        const r2 = Comp(props);
-        setHydrateContext(c2);
-        return r2;
-      })
-    );
+    return createMemo(() => (Comp = comp()) && untrack(() => {
+      if (false)
+        ;
+      if (!ctx)
+        return Comp(props);
+      const c2 = sharedConfig.context;
+      setHydrateContext(ctx);
+      const r2 = Comp(props);
+      setHydrateContext(c2);
+      return r2;
+    }));
   };
   wrap.preload = () => p2 || ((p2 = fn()).then((mod) => comp = () => mod.default), p2);
   return wrap;
 }
 function createUniqueId() {
   const ctx = sharedConfig.context;
-  return ctx ? `${ctx.id}${ctx.count++}` : `cl-${counter++}`;
+  return ctx ? sharedConfig.getNextContextId() : `cl-${counter++}`;
 }
 function For(props) {
   const fallback = "fallback" in props && {
@@ -1208,80 +1183,66 @@ function Show(props) {
   const condition = createMemo(() => props.when, void 0, {
     equals: (a2, b2) => keyed ? a2 === b2 : !a2 === !b2
   });
-  return createMemo(
-    () => {
-      const c2 = condition();
-      if (c2) {
-        const child = props.children;
-        const fn = typeof child === "function" && child.length > 0;
-        return fn ? untrack(
-          () => child(
-            keyed ? c2 : () => {
-              if (!untrack(condition))
-                throw narrowedError("Show");
-              return props.when;
-            }
-          )
-        ) : child;
-      }
-      return props.fallback;
-    },
-    void 0,
-    void 0
-  );
+  return createMemo(() => {
+    const c2 = condition();
+    if (c2) {
+      const child = props.children;
+      const fn = typeof child === "function" && child.length > 0;
+      return fn ? untrack(() => child(keyed ? c2 : () => {
+        if (!untrack(condition))
+          throw narrowedError("Show");
+        return props.when;
+      })) : child;
+    }
+    return props.fallback;
+  }, void 0, void 0);
 }
 function Switch(props) {
   let keyed = false;
   const equals = (a2, b2) => (keyed ? a2[1] === b2[1] : !a2[1] === !b2[1]) && a2[2] === b2[2];
-  const conditions = children(() => props.children), evalConditions = createMemo(
-    () => {
-      let conds = conditions();
-      if (!Array.isArray(conds))
-        conds = [conds];
-      for (let i2 = 0; i2 < conds.length; i2++) {
-        const c2 = conds[i2].when;
-        if (c2) {
-          keyed = !!conds[i2].keyed;
-          return [i2, c2, conds[i2]];
-        }
+  const conditions = children(() => props.children), evalConditions = createMemo(() => {
+    let conds = conditions();
+    if (!Array.isArray(conds))
+      conds = [conds];
+    for (let i2 = 0; i2 < conds.length; i2++) {
+      const c2 = conds[i2].when;
+      if (c2) {
+        keyed = !!conds[i2].keyed;
+        return [i2, c2, conds[i2]];
       }
-      return [-1];
-    },
-    void 0,
-    {
-      equals
     }
-  );
-  return createMemo(
-    () => {
-      const [index, when, cond] = evalConditions();
-      if (index < 0)
-        return props.fallback;
-      const c2 = cond.children;
-      const fn = typeof c2 === "function" && c2.length > 0;
-      return fn ? untrack(
-        () => c2(
-          keyed ? when : () => {
-            if (untrack(evalConditions)[0] !== index)
-              throw narrowedError("Match");
-            return cond.when;
-          }
-        )
-      ) : c2;
-    },
-    void 0,
-    void 0
-  );
+    return [-1];
+  }, void 0, {
+    equals
+  });
+  return createMemo(() => {
+    const [index, when, cond] = evalConditions();
+    if (index < 0)
+      return props.fallback;
+    const c2 = cond.children;
+    const fn = typeof c2 === "function" && c2.length > 0;
+    return fn ? untrack(() => c2(keyed ? when : () => {
+      if (untrack(evalConditions)[0] !== index)
+        throw narrowedError("Match");
+      return cond.when;
+    })) : c2;
+  }, void 0, void 0);
 }
 function Match(props) {
   return props;
 }
 var sharedConfig, equalFn, $PROXY, $TRACK, signalOptions, ERROR, runEffects, STALE, PENDING, UNOWNED, NO_INIT, Owner, Transition, Scheduler, ExternalSourceConfig, Listener, Updates, Effects, ExecCount, transPending, setTransPending, SuspenseContext, FALLBACK, hydrationEnabled, propTraps, counter, narrowedError, DEV;
 var init_solid = __esm({
-  "../../node_modules/.pnpm/solid-js@1.8.17/node_modules/solid-js/dist/solid.js"() {
+  "../../node_modules/.pnpm/solid-js@1.8.19/node_modules/solid-js/dist/solid.js"() {
     sharedConfig = {
       context: void 0,
-      registry: void 0
+      registry: void 0,
+      getContextId() {
+        return getContextId(this.context.count);
+      },
+      getNextContextId() {
+        return getContextId(this.context.count++);
+      }
     };
     equalFn = (a2, b2) => a2 === b2;
     $PROXY = Symbol("solid-proxy");
@@ -1345,7 +1306,7 @@ var init_solid = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/solid-js@1.8.17/node_modules/solid-js/web/dist/web.js
+// ../../node_modules/.pnpm/solid-js@1.8.19/node_modules/solid-js/web/dist/web.js
 function getPropAlias(prop, tagName) {
   const a2 = PropAliases[prop];
   return typeof a2 === "object" ? a2[tagName] ? a2["$"] : void 0 : a2;
@@ -1422,7 +1383,7 @@ function template(html, isCE, isSVG) {
   const create = () => {
     const t2 = document.createElement("template");
     t2.innerHTML = html;
-    return isSVG ? t2.content.firstChild.firstChild : t2.content.firstChild;
+    return t2.content.firstChild;
   };
   const fn = isCE ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
   fn.cloneNode = fn;
@@ -1527,13 +1488,9 @@ function style(node, value, prev) {
 function spread(node, props = {}, isSVG, skipChildren) {
   const prevProps = {};
   if (!skipChildren) {
-    createRenderEffect(
-      () => prevProps.children = insertExpression(node, props.children, prevProps.children)
-    );
+    createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
   }
-  createRenderEffect(
-    () => typeof props.ref === "function" ? use(props.ref, node) : props.ref = node
-  );
+  createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node));
   createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
   return prevProps;
 }
@@ -1558,8 +1515,6 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = fals
   }
   for (const prop in props) {
     if (prop === "children") {
-      if (!skipChildren)
-        insertExpression(node, props.children);
       continue;
     }
     const value = props[prop];
@@ -1688,8 +1643,11 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
   if (t2 === "string" || t2 === "number") {
     if (hydrating)
       return current;
-    if (t2 === "number")
+    if (t2 === "number") {
       value = value.toString();
+      if (value === current)
+        return current;
+    }
     if (multi) {
       let node = current[0];
       if (node && node.nodeType === 3) {
@@ -1777,11 +1735,7 @@ function normalizeIncomingArray(normalized, array, current, unwrap) {
       if (unwrap) {
         while (typeof item === "function")
           item = item();
-        dynamic = normalizeIncomingArray(
-          normalized,
-          Array.isArray(item) ? item : [item],
-          Array.isArray(prev) ? prev : [prev]
-        ) || dynamic;
+        dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
       } else {
         normalized.push(item);
         dynamic = true;
@@ -1822,48 +1776,45 @@ function cleanChildren(parent, current, marker, replacement) {
   return [node];
 }
 function getHydrationKey() {
-  const hydrate = sharedConfig.context;
-  return `${hydrate.id}${hydrate.count++}`;
+  return sharedConfig.getNextContextId();
 }
 function createElement(tagName, isSVG = false) {
   return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName);
 }
 function Portal(props) {
-  const { useShadow } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
+  const {
+    useShadow
+  } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
   let content;
   let hydrating = !!sharedConfig.context;
-  createEffect(
-    () => {
-      if (hydrating)
-        getOwner().user = hydrating = false;
-      content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
-      const el = mount();
-      if (el instanceof HTMLHeadElement) {
-        const [clean, setClean] = createSignal(false);
-        const cleanup = () => setClean(true);
-        createRoot((dispose3) => insert(el, () => !clean() ? content() : dispose3(), null));
-        onCleanup(cleanup);
-      } else {
-        const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
-          mode: "open"
-        }) : container;
-        Object.defineProperty(container, "_$host", {
-          get() {
-            return marker.parentNode;
-          },
-          configurable: true
-        });
-        insert(renderRoot, content);
-        el.appendChild(container);
-        props.ref && props.ref(container);
-        onCleanup(() => el.removeChild(container));
-      }
-    },
-    void 0,
-    {
-      render: !hydrating
+  createEffect(() => {
+    if (hydrating)
+      getOwner().user = hydrating = false;
+    content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
+    const el = mount();
+    if (el instanceof HTMLHeadElement) {
+      const [clean, setClean] = createSignal(false);
+      const cleanup = () => setClean(true);
+      createRoot((dispose3) => insert(el, () => !clean() ? content() : dispose3(), null));
+      onCleanup(cleanup);
+    } else {
+      const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
+        mode: "open"
+      }) : container;
+      Object.defineProperty(container, "_$host", {
+        get() {
+          return marker.parentNode;
+        },
+        configurable: true
+      });
+      insert(renderRoot, content);
+      el.appendChild(container);
+      props.ref && props.ref(container);
+      onCleanup(() => el.removeChild(container));
     }
-  );
+  }, void 0, {
+    render: !hydrating
+  });
   return marker;
 }
 function Dynamic(props) {
@@ -1884,52 +1835,12 @@ function Dynamic(props) {
 }
 var booleans, Properties, ChildProperties, Aliases, PropAliases, DelegatedEvents, SVGElements, SVGNamespace, $$EVENTS, isServer, SVG_NAMESPACE;
 var init_web = __esm({
-  "../../node_modules/.pnpm/solid-js@1.8.17/node_modules/solid-js/web/dist/web.js"() {
+  "../../node_modules/.pnpm/solid-js@1.8.19/node_modules/solid-js/web/dist/web.js"() {
     init_solid();
     init_solid();
-    booleans = [
-      "allowfullscreen",
-      "async",
-      "autofocus",
-      "autoplay",
-      "checked",
-      "controls",
-      "default",
-      "disabled",
-      "formnovalidate",
-      "hidden",
-      "indeterminate",
-      "inert",
-      "ismap",
-      "loop",
-      "multiple",
-      "muted",
-      "nomodule",
-      "novalidate",
-      "open",
-      "playsinline",
-      "readonly",
-      "required",
-      "reversed",
-      "seamless",
-      "selected"
-    ];
-    Properties = /* @__PURE__ */ new Set([
-      "className",
-      "value",
-      "readOnly",
-      "formNoValidate",
-      "isMap",
-      "noModule",
-      "playsInline",
-      ...booleans
-    ]);
-    ChildProperties = /* @__PURE__ */ new Set([
-      "innerHTML",
-      "textContent",
-      "innerText",
-      "children"
-    ]);
+    booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "inert", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
+    Properties = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
+    ChildProperties = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]);
     Aliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
       className: "class",
       htmlFor: "for"
@@ -1959,30 +1870,7 @@ var init_web = __esm({
         TEXTAREA: 1
       }
     });
-    DelegatedEvents = /* @__PURE__ */ new Set([
-      "beforeinput",
-      "click",
-      "dblclick",
-      "contextmenu",
-      "focusin",
-      "focusout",
-      "input",
-      "keydown",
-      "keyup",
-      "mousedown",
-      "mousemove",
-      "mouseout",
-      "mouseover",
-      "mouseup",
-      "pointerdown",
-      "pointermove",
-      "pointerout",
-      "pointerover",
-      "pointerup",
-      "touchend",
-      "touchmove",
-      "touchstart"
-    ]);
+    DelegatedEvents = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
     SVGElements = /* @__PURE__ */ new Set([
       "altGlyph",
       "altGlyphDef",
@@ -2770,21 +2658,21 @@ var init_plainer = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/is-what@4.1.15/node_modules/is-what/dist/index.js
+// ../../node_modules/.pnpm/is-what@4.1.16/node_modules/is-what/dist/index.js
 function getType2(payload) {
   return Object.prototype.toString.call(payload).slice(8, -1);
 }
+function isArray2(payload) {
+  return getType2(payload) === "Array";
+}
 function isPlainObject2(payload) {
   if (getType2(payload) !== "Object")
     return false;
   const prototype = Object.getPrototypeOf(payload);
   return !!prototype && prototype.constructor === Object && prototype === Object.prototype;
 }
-function isArray2(payload) {
-  return getType2(payload) === "Array";
-}
 var init_dist = __esm({
-  "../../node_modules/.pnpm/is-what@4.1.15/node_modules/is-what/dist/index.js"() {
+  "../../node_modules/.pnpm/is-what@4.1.16/node_modules/is-what/dist/index.js"() {
   }
 });
 
@@ -3787,7 +3675,7 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@solid-primitives+transition-group@1.0.3_solid-js@1.8.17/node_modules/@solid-primitives/transition-group/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+transition-group@1.0.5_solid-js@1.8.19/node_modules/@solid-primitives/transition-group/dist/index.js
 function createListTransition(source, options) {
   const initSource = untrack(source);
   if (isServer) {
@@ -3854,7 +3742,7 @@ function createListTransition(source, options) {
 }
 var noop;
 var init_dist4 = __esm({
-  "../../node_modules/.pnpm/@solid-primitives+transition-group@1.0.3_solid-js@1.8.17/node_modules/@solid-primitives/transition-group/dist/index.js"() {
+  "../../node_modules/.pnpm/@solid-primitives+transition-group@1.0.5_solid-js@1.8.19/node_modules/@solid-primitives/transition-group/dist/index.js"() {
     init_solid();
     init_web();
     noop = () => {
@@ -3862,7 +3750,7 @@ var init_dist4 = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.8.17/node_modules/@solid-primitives/utils/dist/chunk/R5675YMU.js
+// ../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.8.19/node_modules/@solid-primitives/utils/dist/chunk/R5675YMU.js
 function chain(callbacks) {
   return (...args) => {
     for (const callback of callbacks)
@@ -3905,7 +3793,7 @@ function handleDiffArray(current, prev, handleAdded, handleRemoved) {
 }
 var isClient, isDev, noop2, isNonNullable, filterNonNullable, access, asArray, tryOnCleanup;
 var init_R5675YMU = __esm({
-  "../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.8.17/node_modules/@solid-primitives/utils/dist/chunk/R5675YMU.js"() {
+  "../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.8.19/node_modules/@solid-primitives/utils/dist/chunk/R5675YMU.js"() {
     init_solid();
     init_web();
     isClient = !isServer;
@@ -3919,14 +3807,14 @@ var init_R5675YMU = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.8.17/node_modules/@solid-primitives/utils/dist/index/index.js
+// ../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.8.19/node_modules/@solid-primitives/utils/dist/index/index.js
 var init_index = __esm({
-  "../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.8.17/node_modules/@solid-primitives/utils/dist/index/index.js"() {
+  "../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.8.19/node_modules/@solid-primitives/utils/dist/index/index.js"() {
     init_R5675YMU();
   }
 });
 
-// ../../node_modules/.pnpm/@solid-primitives+refs@1.0.5_solid-js@1.8.17/node_modules/@solid-primitives/refs/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+refs@1.0.8_solid-js@1.8.19/node_modules/@solid-primitives/refs/dist/index.js
 function mergeRefs(...refs) {
   return chain(refs);
 }
@@ -3959,7 +3847,7 @@ function resolveElements(fn, predicate = defaultElementPredicate, serverPredicat
 }
 var defaultElementPredicate;
 var init_dist5 = __esm({
-  "../../node_modules/.pnpm/@solid-primitives+refs@1.0.5_solid-js@1.8.17/node_modules/@solid-primitives/refs/dist/index.js"() {
+  "../../node_modules/.pnpm/@solid-primitives+refs@1.0.8_solid-js@1.8.19/node_modules/@solid-primitives/refs/dist/index.js"() {
     init_index();
     init_solid();
     init_web();
@@ -3967,7 +3855,7 @@ var init_dist5 = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/solid-transition-group@0.2.3_solid-js@1.8.17/node_modules/solid-transition-group/dist/index.js
+// ../../node_modules/.pnpm/solid-transition-group@0.2.3_solid-js@1.8.19/node_modules/solid-transition-group/dist/index.js
 function createClassnames(props) {
   return createMemo(() => {
     const name = props.name || "s";
@@ -4005,7 +3893,6 @@ function enterTransition(classes, events, el, done) {
   });
   function endTransition(e2) {
     if (!e2 || e2.target === el) {
-      done?.();
       el.removeEventListener("transitionend", endTransition);
       el.removeEventListener("animationend", endTransition);
       el.classList.remove(...classes.enterActive);
@@ -4043,7 +3930,7 @@ function exitTransition(classes, events, el, done) {
 }
 var TransitionGroup;
 var init_dist6 = __esm({
-  "../../node_modules/.pnpm/solid-transition-group@0.2.3_solid-js@1.8.17/node_modules/solid-transition-group/dist/index.js"() {
+  "../../node_modules/.pnpm/solid-transition-group@0.2.3_solid-js@1.8.19/node_modules/solid-transition-group/dist/index.js"() {
     init_solid();
     init_dist4();
     init_dist5();
@@ -4097,7 +3984,7 @@ var init_dist6 = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@solid-primitives+keyed@1.2.2_solid-js@1.8.17/node_modules/@solid-primitives/keyed/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+keyed@1.2.2_solid-js@1.8.19/node_modules/@solid-primitives/keyed/dist/index.js
 function dispose2(list) {
   for (const o2 of list)
     o2.dispose();
@@ -4195,14 +4082,14 @@ function Key(props) {
 }
 var FALLBACK2;
 var init_dist7 = __esm({
-  "../../node_modules/.pnpm/@solid-primitives+keyed@1.2.2_solid-js@1.8.17/node_modules/@solid-primitives/keyed/dist/index.js"() {
+  "../../node_modules/.pnpm/@solid-primitives+keyed@1.2.2_solid-js@1.8.19/node_modules/@solid-primitives/keyed/dist/index.js"() {
     init_solid();
     init_web();
     FALLBACK2 = Symbol("fallback");
   }
 });
 
-// ../../node_modules/.pnpm/@solid-primitives+storage@1.3.11_solid-js@1.8.17/node_modules/@solid-primitives/storage/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+storage@1.3.11_solid-js@1.8.19/node_modules/@solid-primitives/storage/dist/index.js
 function createStorage(props) {
   const [error, setError] = createSignal();
   const handleError2 = props?.throw ? (err, fallback) => {
@@ -4347,7 +4234,7 @@ function createStorage(props) {
 }
 var createLocalStorage, addClearMethod, serializeCookieOptions, cookieStorage;
 var init_dist8 = __esm({
-  "../../node_modules/.pnpm/@solid-primitives+storage@1.3.11_solid-js@1.8.17/node_modules/@solid-primitives/storage/dist/index.js"() {
+  "../../node_modules/.pnpm/@solid-primitives+storage@1.3.11_solid-js@1.8.19/node_modules/@solid-primitives/storage/dist/index.js"() {
     init_solid();
     createLocalStorage = createStorage;
     addClearMethod = (storage) => {
@@ -4427,7 +4314,7 @@ var init_dist8 = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@solid-primitives+event-listener@2.3.3_solid-js@1.8.17/node_modules/@solid-primitives/event-listener/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+event-listener@2.3.3_solid-js@1.8.19/node_modules/@solid-primitives/event-listener/dist/index.js
 function makeEventListener(target, type, handler, options) {
   target.addEventListener(type, handler, options);
   return tryOnCleanup(target.removeEventListener.bind(target, type, handler, options));
@@ -4447,14 +4334,14 @@ function createEventListener(targets, type, handler, options) {
     createRenderEffect(attachListeners);
 }
 var init_dist9 = __esm({
-  "../../node_modules/.pnpm/@solid-primitives+event-listener@2.3.3_solid-js@1.8.17/node_modules/@solid-primitives/event-listener/dist/index.js"() {
+  "../../node_modules/.pnpm/@solid-primitives+event-listener@2.3.3_solid-js@1.8.19/node_modules/@solid-primitives/event-listener/dist/index.js"() {
     init_index();
     init_solid();
     init_web();
   }
 });
 
-// ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.25_solid-js@1.8.17/node_modules/@solid-primitives/resize-observer/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.26_solid-js@1.8.19/node_modules/@solid-primitives/resize-observer/dist/index.js
 function makeResizeObserver(callback, options) {
   if (isServer) {
     return { observe: noop2, unobserve: noop2 };
@@ -4485,14 +4372,40 @@ function createResizeObserver(targets, onResize, options) {
   }, []);
 }
 var init_dist10 = __esm({
-  "../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.25_solid-js@1.8.17/node_modules/@solid-primitives/resize-observer/dist/index.js"() {
+  "../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.26_solid-js@1.8.19/node_modules/@solid-primitives/resize-observer/dist/index.js"() {
     init_index();
     init_solid();
     init_web();
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+utils@0.9.0_solid-js@1.8.17/node_modules/@kobalte/utils/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+props@3.1.11_solid-js@1.8.19/node_modules/@solid-primitives/props/dist/index.js
+function stringStyleToObject(style2) {
+  const object = {};
+  let match;
+  while (match = extractCSSregex.exec(style2)) {
+    object[match[1]] = match[2];
+  }
+  return object;
+}
+function combineStyle(a2, b2) {
+  if (typeof a2 === "string") {
+    if (typeof b2 === "string")
+      return `${a2};${b2}`;
+    a2 = stringStyleToObject(a2);
+  } else if (typeof b2 === "string") {
+    b2 = stringStyleToObject(b2);
+  }
+  return { ...a2, ...b2 };
+}
+var extractCSSregex;
+var init_dist11 = __esm({
+  "../../node_modules/.pnpm/@solid-primitives+props@3.1.11_solid-js@1.8.19/node_modules/@solid-primitives/props/dist/index.js"() {
+    extractCSSregex = /((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g;
+  }
+});
+
+// ../../node_modules/.pnpm/@kobalte+utils@0.9.0_solid-js@1.8.19/node_modules/@kobalte/utils/dist/index.js
 function addItemToArray(array, item, index = -1) {
   if (!(index in array)) {
     return [...array, item];
@@ -4702,9 +4615,6 @@ function isStyleVisible(element) {
 function isAttributeVisible(element, childElement) {
   return !element.hasAttribute("hidden") && (element.nodeName === "DETAILS" && childElement && childElement.nodeName !== "SUMMARY" ? element.hasAttribute("open") : true);
 }
-function isElementInScope(element, scope) {
-  return scope.some((node) => node.contains(element));
-}
 function getFocusableTreeWalker(root, opts, scope) {
   const selector = opts?.tabbable ? TABBABLE_ELEMENT_SELECTOR : FOCUSABLE_ELEMENT_SELECTOR;
   const walker2 = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
@@ -4712,7 +4622,7 @@ function getFocusableTreeWalker(root, opts, scope) {
       if (opts?.from?.contains(node)) {
         return NodeFilter.FILTER_REJECT;
       }
-      if (node.matches(selector) && isElementVisible(node) && (!scope || isElementInScope(node, scope)) && (!opts?.accept || opts.accept(node))) {
+      if (node.matches(selector) && isElementVisible(node) && (!scope) && (!opts?.accept || opts.accept(node))) {
         return NodeFilter.FILTER_ACCEPT;
       }
       return NodeFilter.FILTER_SKIP;
@@ -4867,7 +4777,6 @@ function scrollIntoViewport(targetElement, opts) {
       targetElement?.scrollIntoView?.({ block: "nearest" });
       const { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
       if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
-        opts?.containingElement?.scrollIntoView?.({ block: "center", inline: "center" });
         targetElement.scrollIntoView?.({ block: "nearest" });
       }
     } else {
@@ -4881,8 +4790,8 @@ function scrollIntoViewport(targetElement, opts) {
   }
 }
 var EventKey, supportsPreventScrollCached, focusableElements, tabbableElements, FOCUSABLE_ELEMENT_SELECTOR, TABBABLE_ELEMENT_SELECTOR, transitionsByElement, transitionCallbacks, visuallyHiddenStyles;
-var init_dist11 = __esm({
-  "../../node_modules/.pnpm/@kobalte+utils@0.9.0_solid-js@1.8.17/node_modules/@kobalte/utils/dist/index.js"() {
+var init_dist12 = __esm({
+  "../../node_modules/.pnpm/@kobalte+utils@0.9.0_solid-js@1.8.19/node_modules/@kobalte/utils/dist/index.js"() {
     init_solid();
     init_dist9();
     init_dist5();
@@ -4947,60 +4856,317 @@ var init_dist11 = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/BLN63FDC.js
-function createControllableSignal(props) {
-  const [_value, _setValue] = createSignal(props.defaultValue?.());
-  const isControlled = createMemo(() => props.value?.() !== void 0);
-  const value = createMemo(() => isControlled() ? props.value?.() : _value());
-  const setValue = (next) => {
-    untrack(() => {
-      const nextValue = accessWith(next, value());
-      if (!Object.is(nextValue, value())) {
-        if (!isControlled()) {
-          _setValue(nextValue);
-        }
-        props.onChange?.(nextValue);
-      }
-      return nextValue;
-    });
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/E4R2EMM4.js
+function createRegisterId(setter) {
+  return (id) => {
+    setter(id);
+    return () => setter(void 0);
   };
-  return [value, setValue];
 }
-function createControllableBooleanSignal(props) {
-  const [_value, setValue] = createControllableSignal(props);
-  const value = () => _value() ?? false;
-  return [value, setValue];
+var init_E4R2EMM4 = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/E4R2EMM4.js"() {
+  }
+});
+
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/ET5T45DO.js
+function createTagName(ref, fallback) {
+  const [tagName, setTagName] = createSignal(stringOrUndefined(fallback?.()));
+  createEffect(() => {
+    setTagName(ref()?.tagName.toLowerCase() || stringOrUndefined(fallback?.()));
+  });
+  return tagName;
 }
-function createControllableArraySignal(props) {
-  const [_value, setValue] = createControllableSignal(props);
-  const value = () => _value() ?? [];
-  return [value, setValue];
+function stringOrUndefined(value) {
+  return isString2(value) ? value : void 0;
 }
-var init_BLN63FDC = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/BLN63FDC.js"() {
-    init_dist11();
+var init_ET5T45DO = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/ET5T45DO.js"() {
+    init_dist12();
     init_solid();
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/7CVNMTYF.js
-function useOptionalDomCollectionContext() {
-  return useContext(DomCollectionContext);
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/6Y7B2NEO.js
+function Polymorphic(props) {
+  const [local, others] = splitProps(props, ["as"]);
+  if (!local.as) {
+    throw new Error("[kobalte]: Polymorphic is missing the required `as` prop.");
+  }
+  return (
+    // @ts-ignore: Props are valid but not worth calculating
+    createComponent(Dynamic, mergeProps(others, {
+      get component() {
+        return local.as;
+      }
+    }))
+  );
 }
-function useDomCollectionContext() {
-  const context = useOptionalDomCollectionContext();
+var init_Y7B2NEO = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/6Y7B2NEO.js"() {
+    init_web();
+    init_solid();
+  }
+});
+
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/Q2DJLZQE.js
+function createFormControl(props) {
+  const defaultId = `form-control-${createUniqueId()}`;
+  const mergedProps = mergeDefaultProps({
+    id: defaultId
+  }, props);
+  const [labelId, setLabelId] = createSignal();
+  const [fieldId, setFieldId] = createSignal();
+  const [descriptionId, setDescriptionId] = createSignal();
+  const [errorMessageId, setErrorMessageId] = createSignal();
+  const getAriaLabelledBy = (fieldId2, fieldAriaLabel, fieldAriaLabelledBy) => {
+    const hasAriaLabelledBy = fieldAriaLabelledBy != null || labelId() != null;
+    return [
+      fieldAriaLabelledBy,
+      labelId(),
+      // If there is both an aria-label and aria-labelledby, add the field itself has an aria-labelledby
+      hasAriaLabelledBy && fieldAriaLabel != null ? fieldId2 : void 0
+    ].filter(Boolean).join(" ") || void 0;
+  };
+  const getAriaDescribedBy = (fieldAriaDescribedBy) => {
+    return [
+      descriptionId(),
+      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA.
+      // See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
+      errorMessageId(),
+      fieldAriaDescribedBy
+    ].filter(Boolean).join(" ") || void 0;
+  };
+  const dataset = createMemo(() => ({
+    "data-valid": access(mergedProps.validationState) === "valid" ? "" : void 0,
+    "data-invalid": access(mergedProps.validationState) === "invalid" ? "" : void 0,
+    "data-required": access(mergedProps.required) ? "" : void 0,
+    "data-disabled": access(mergedProps.disabled) ? "" : void 0,
+    "data-readonly": access(mergedProps.readOnly) ? "" : void 0
+  }));
+  const formControlContext = {
+    name: () => access(mergedProps.name) ?? access(mergedProps.id),
+    dataset,
+    validationState: () => access(mergedProps.validationState),
+    isRequired: () => access(mergedProps.required),
+    isDisabled: () => access(mergedProps.disabled),
+    isReadOnly: () => access(mergedProps.readOnly),
+    labelId,
+    fieldId,
+    descriptionId,
+    errorMessageId,
+    getAriaLabelledBy,
+    getAriaDescribedBy,
+    generateId: createGenerateId(() => access(mergedProps.id)),
+    registerLabel: createRegisterId(setLabelId),
+    registerField: createRegisterId(setFieldId),
+    registerDescription: createRegisterId(setDescriptionId),
+    registerErrorMessage: createRegisterId(setErrorMessageId)
+  };
+  return {
+    formControlContext
+  };
+}
+function useFormControlContext() {
+  const context = useContext(FormControlContext);
   if (context === void 0) {
-    throw new Error(
-      "[kobalte]: `useDomCollectionContext` must be used within a `DomCollectionProvider` component"
-    );
+    throw new Error("[kobalte]: `useFormControlContext` must be used within a `FormControlContext.Provider` component");
   }
   return context;
 }
-function isElementPreceding(a2, b2) {
-  return Boolean(
-    b2.compareDocumentPosition(a2) & Node.DOCUMENT_POSITION_PRECEDING
-  );
-}
+function FormControlDescription(props) {
+  const context = useFormControlContext();
+  const mergedProps = mergeDefaultProps({
+    id: context.generateId("description")
+  }, props);
+  createEffect(() => onCleanup(context.registerDescription(mergedProps.id)));
+  return createComponent(Polymorphic, mergeProps({
+    as: "div"
+  }, () => context.dataset(), mergedProps));
+}
+function FormControlErrorMessage(props) {
+  const context = useFormControlContext();
+  const mergedProps = mergeDefaultProps({
+    id: context.generateId("error-message")
+  }, props);
+  const [local, others] = splitProps(mergedProps, ["forceMount"]);
+  const isInvalid = () => context.validationState() === "invalid";
+  createEffect(() => {
+    if (!isInvalid()) {
+      return;
+    }
+    onCleanup(context.registerErrorMessage(others.id));
+  });
+  return createComponent(Show, {
+    get when() {
+      return local.forceMount || isInvalid();
+    },
+    get children() {
+      return createComponent(Polymorphic, mergeProps({
+        as: "div"
+      }, () => context.dataset(), others));
+    }
+  });
+}
+function FormControlLabel(props) {
+  let ref;
+  const context = useFormControlContext();
+  const mergedProps = mergeDefaultProps({
+    id: context.generateId("label")
+  }, props);
+  const [local, others] = splitProps(mergedProps, ["ref"]);
+  const tagName = createTagName(() => ref, () => "label");
+  createEffect(() => onCleanup(context.registerLabel(others.id)));
+  return createComponent(Polymorphic, mergeProps({
+    as: "label",
+    ref(r$) {
+      const _ref$ = mergeRefs((el) => ref = el, local.ref);
+      typeof _ref$ === "function" && _ref$(r$);
+    },
+    get ["for"]() {
+      return createMemo(() => tagName() === "label")() ? context.fieldId() : void 0;
+    }
+  }, () => context.dataset(), others));
+}
+var FORM_CONTROL_PROP_NAMES, FormControlContext;
+var init_Q2DJLZQE = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/Q2DJLZQE.js"() {
+    init_E4R2EMM4();
+    init_ET5T45DO();
+    init_Y7B2NEO();
+    init_dist12();
+    init_solid();
+    init_web();
+    FORM_CONTROL_PROP_NAMES = ["id", "name", "validationState", "required", "disabled", "readOnly"];
+    FormControlContext = createContext();
+  }
+});
+
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/ANN3A2QM.js
+function createFormResetListener(element, handler) {
+  createEffect(
+    on(element, (element2) => {
+      if (element2 == null) {
+        return;
+      }
+      const form = getClosestForm(element2);
+      if (form == null) {
+        return;
+      }
+      form.addEventListener("reset", handler, { passive: true });
+      onCleanup(() => {
+        form.removeEventListener("reset", handler);
+      });
+    })
+  );
+}
+function getClosestForm(element) {
+  return isFormElement(element) ? element.form : element.closest("form");
+}
+function isFormElement(element) {
+  return element.matches("textarea, input, select, button");
+}
+var init_ANN3A2QM = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/ANN3A2QM.js"() {
+    init_solid();
+  }
+});
+
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/BLN63FDC.js
+function createControllableSignal(props) {
+  const [_value, _setValue] = createSignal(props.defaultValue?.());
+  const isControlled = createMemo(() => props.value?.() !== void 0);
+  const value = createMemo(() => isControlled() ? props.value?.() : _value());
+  const setValue = (next) => {
+    untrack(() => {
+      const nextValue = accessWith(next, value());
+      if (!Object.is(nextValue, value())) {
+        if (!isControlled()) {
+          _setValue(nextValue);
+        }
+        props.onChange?.(nextValue);
+      }
+      return nextValue;
+    });
+  };
+  return [value, setValue];
+}
+function createControllableBooleanSignal(props) {
+  const [_value, setValue] = createControllableSignal(props);
+  const value = () => _value() ?? false;
+  return [value, setValue];
+}
+function createControllableArraySignal(props) {
+  const [_value, setValue] = createControllableSignal(props);
+  const value = () => _value() ?? [];
+  return [value, setValue];
+}
+var init_BLN63FDC = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/BLN63FDC.js"() {
+    init_dist12();
+    init_solid();
+  }
+});
+
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/YGDQXQ2B.js
+function createToggleState(props = {}) {
+  const [isSelected, _setIsSelected] = createControllableBooleanSignal({
+    value: () => access(props.isSelected),
+    defaultValue: () => !!access(props.defaultIsSelected),
+    onChange: (value) => props.onSelectedChange?.(value)
+  });
+  const setIsSelected = (value) => {
+    if (!access(props.isReadOnly) && !access(props.isDisabled)) {
+      _setIsSelected(value);
+    }
+  };
+  const toggle = () => {
+    if (!access(props.isReadOnly) && !access(props.isDisabled)) {
+      _setIsSelected(!isSelected());
+    }
+  };
+  return {
+    isSelected,
+    setIsSelected,
+    toggle
+  };
+}
+var init_YGDQXQ2B = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/YGDQXQ2B.js"() {
+    init_BLN63FDC();
+    init_dist12();
+  }
+});
+
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/5ZKAE4VZ.js
+var __defProp2, __export2;
+var init_ZKAE4VZ = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/5ZKAE4VZ.js"() {
+    __defProp2 = Object.defineProperty;
+    __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+  }
+});
+
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/7CVNMTYF.js
+function useOptionalDomCollectionContext() {
+  return useContext(DomCollectionContext);
+}
+function useDomCollectionContext() {
+  const context = useOptionalDomCollectionContext();
+  if (context === void 0) {
+    throw new Error(
+      "[kobalte]: `useDomCollectionContext` must be used within a `DomCollectionProvider` component"
+    );
+  }
+  return context;
+}
+function isElementPreceding(a2, b2) {
+  return Boolean(
+    b2.compareDocumentPosition(a2) & Node.DOCUMENT_POSITION_PRECEDING
+  );
+}
 function findDOMIndex(items, item) {
   const itemEl = item.ref();
   if (!itemEl) {
@@ -5147,15 +5313,15 @@ function createDomCollectionItem(props) {
 }
 var DomCollectionContext;
 var init_CVNMTYF = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/7CVNMTYF.js"() {
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/7CVNMTYF.js"() {
     init_BLN63FDC();
-    init_dist11();
+    init_dist12();
     init_solid();
     DomCollectionContext = createContext();
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/3NGA46QE.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/JMA2RWU6.js
 function buildNodes(params) {
   let index = params.startIndex ?? 0;
   const level = params.startLevel ?? 0;
@@ -5263,14 +5429,14 @@ function createCollection(props, deps = []) {
     return props.factory(nodes);
   });
 }
-var init_NGA46QE = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/3NGA46QE.js"() {
-    init_dist11();
+var init_JMA2RWU6 = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/JMA2RWU6.js"() {
+    init_dist12();
     init_solid();
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/XHJPQEZP.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/XHJPQEZP.js
 function isRTL(locale) {
   if (Intl.Locale) {
     const script = new Intl.Locale(locale).maximize().script ?? "";
@@ -5347,7 +5513,7 @@ function createCollator(options) {
 }
 var RTL_SCRIPTS, RTL_LANGS, currentLocale, listeners, I18nContext, cache;
 var init_XHJPQEZP = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/XHJPQEZP.js"() {
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/XHJPQEZP.js"() {
     init_solid();
     init_web();
     RTL_SCRIPTS = /* @__PURE__ */ new Set([
@@ -5392,7 +5558,7 @@ var init_XHJPQEZP = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/F2YUHYY4.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/H6DSIDEC.js
 function createControllableSelectionSignal(props) {
   const [_value, setValue] = createControllableSignal(props);
   const value = () => _value() ?? new Selection();
@@ -5533,7 +5699,7 @@ function createSelectableCollection(props, ref, scrollRef) {
     selectOnFocus: () => access(props.selectionManager).selectionBehavior() === "replace"
   };
   const mergedProps = mergeProps(defaultProps, props);
-  const finalScrollRef = () => scrollRef?.() ?? ref();
+  const finalScrollRef = () => ref();
   const { direction } = useLocale();
   let scrollPos = { top: 0, left: 0 };
   createEventListener(
@@ -5555,6 +5721,7 @@ function createSelectableCollection(props, ref, scrollRef) {
     keyboardDelegate: () => access(mergedProps.keyboardDelegate),
     selectionManager: () => access(mergedProps.selectionManager)
   });
+  const orientation = () => access(mergedProps.orientation) ?? "vertical";
   const onKeyDown = (e2) => {
     callHandler(e2, typeSelectHandlers.onKeyDown);
     if (e2.altKey && e2.key === "Tab") {
@@ -5580,7 +5747,7 @@ function createSelectableCollection(props, ref, scrollRef) {
     const shouldFocusWrap = access(mergedProps.shouldFocusWrap);
     const focusedKey = manager.focusedKey();
     switch (e2.key) {
-      case "ArrowDown": {
+      case (orientation() === "vertical" ? "ArrowDown" : "ArrowRight"): {
         if (delegate.getKeyBelow) {
           e2.preventDefault();
           let nextKey;
@@ -5596,7 +5763,7 @@ function createSelectableCollection(props, ref, scrollRef) {
         }
         break;
       }
-      case "ArrowUp": {
+      case (orientation() === "vertical" ? "ArrowUp" : "ArrowLeft"): {
         if (delegate.getKeyAbove) {
           e2.preventDefault();
           let nextKey;
@@ -5612,7 +5779,7 @@ function createSelectableCollection(props, ref, scrollRef) {
         }
         break;
       }
-      case "ArrowLeft": {
+      case (orientation() === "vertical" ? "ArrowLeft" : "ArrowUp"): {
         if (delegate.getKeyLeftOf) {
           e2.preventDefault();
           const isRTL3 = direction() === "rtl";
@@ -5626,7 +5793,7 @@ function createSelectableCollection(props, ref, scrollRef) {
         }
         break;
       }
-      case "ArrowRight": {
+      case (orientation() === "vertical" ? "ArrowRight" : "ArrowDown"): {
         if (delegate.getKeyRightOf) {
           e2.preventDefault();
           const isRTL3 = direction() === "rtl";
@@ -5999,12 +6166,12 @@ function createListState(props) {
   };
 }
 var Selection, SelectionManager, ListCollection;
-var init_F2YUHYY4 = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/F2YUHYY4.js"() {
-    init_NGA46QE();
+var init_H6DSIDEC = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/H6DSIDEC.js"() {
+    init_JMA2RWU6();
     init_XHJPQEZP();
     init_BLN63FDC();
-    init_dist11();
+    init_dist12();
     init_solid();
     Selection = class _Selection extends Set {
       anchorKey;
@@ -6386,343 +6553,99 @@ var init_F2YUHYY4 = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/32MH7W7S.js
-function createPresence(present) {
-  const [node, setNode] = createSignal();
-  let styles = {};
-  let prevPresent = present();
-  let prevAnimationName = "none";
-  const [state, send] = createStateMachine(
-    present() ? "mounted" : "unmounted",
-    {
-      mounted: {
-        UNMOUNT: "unmounted",
-        ANIMATION_OUT: "unmountSuspended"
-      },
-      unmountSuspended: {
-        MOUNT: "mounted",
-        ANIMATION_END: "unmounted"
-      },
-      unmounted: {
-        MOUNT: "mounted"
-      }
-    }
-  );
-  createEffect(
-    on(state, (state2) => {
-      const currentAnimationName = getAnimationName(styles);
-      prevAnimationName = state2 === "mounted" ? currentAnimationName : "none";
-    })
-  );
-  createEffect(
-    on(present, (present2) => {
-      if (prevPresent === present2) {
-        return;
-      }
-      const currentAnimationName = getAnimationName(styles);
-      if (present2) {
-        send("MOUNT");
-      } else if (styles?.display === "none") {
-        send("UNMOUNT");
-      } else {
-        const isAnimating = prevAnimationName !== currentAnimationName;
-        if (prevPresent && isAnimating) {
-          send("ANIMATION_OUT");
-        } else {
-          send("UNMOUNT");
-        }
-      }
-      prevPresent = present2;
-    })
-  );
-  createEffect(
-    on(node, (node2) => {
-      if (node2) {
-        const handleAnimationEnd = (event) => {
-          const currentAnimationName = getAnimationName(styles);
-          const isCurrentAnimation = currentAnimationName.includes(
-            event.animationName
-          );
-          if (event.target === node2 && isCurrentAnimation) {
-            send("ANIMATION_END");
-          }
-        };
-        const handleAnimationStart = (event) => {
-          if (event.target === node2) {
-            prevAnimationName = getAnimationName(styles);
-          }
-        };
-        node2.addEventListener("animationstart", handleAnimationStart);
-        node2.addEventListener("animationcancel", handleAnimationEnd);
-        node2.addEventListener("animationend", handleAnimationEnd);
-        onCleanup(() => {
-          node2.removeEventListener("animationstart", handleAnimationStart);
-          node2.removeEventListener("animationcancel", handleAnimationEnd);
-          node2.removeEventListener("animationend", handleAnimationEnd);
-        });
-      } else {
-        send("ANIMATION_END");
-      }
-    })
-  );
-  return {
-    isPresent: () => ["mounted", "unmountSuspended"].includes(state()),
-    setRef: (el) => {
-      if (el) {
-        styles = getComputedStyle(el);
-      }
-      setNode(el);
-    }
-  };
-}
-function getAnimationName(styles) {
-  return styles?.animationName || "none";
-}
-function createStateMachine(initialState, machine) {
-  const reduce = (state2, event) => {
-    const nextState = machine[state2][event];
-    return nextState ?? state2;
-  };
-  const [state, setState] = createSignal(initialState);
-  const send = (event) => {
-    setState((prev) => reduce(prev, event));
-  };
-  return [state, send];
-}
-var init_MH7W7S = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/32MH7W7S.js"() {
-    init_solid();
-  }
-});
-
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/SNFWSEOJ.js
-function Polymorphic(props) {
-  const [local, others] = splitProps(props, ["as"]);
-  if (!local.as) {
-    throw new Error("[kobalte]: Polymorphic is missing the required `as` prop.");
-  }
-  return (
-    // @ts-ignore: Props are valid but not worth calculating
-    createComponent(Dynamic, mergeProps({
-      get component() {
-        return local.as;
-      }
-    }, others))
-  );
-}
-var init_SNFWSEOJ = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/SNFWSEOJ.js"() {
-    init_web();
-    init_solid();
-  }
-});
-
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/5ZKAE4VZ.js
-var __defProp2, __export2;
-var init_ZKAE4VZ = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/5ZKAE4VZ.js"() {
-    __defProp2 = Object.defineProperty;
-    __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-  }
-});
-
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/E4R2EMM4.js
-function createRegisterId(setter) {
-  return (id) => {
-    setter(id);
-    return () => setter(void 0);
-  };
-}
-var init_E4R2EMM4 = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/E4R2EMM4.js"() {
+// ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.8.19/node_modules/@corvu/utils/dist/chunk/ZV6G25TT.js
+var access2;
+var init_ZV6G25TT = __esm({
+  "../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.8.19/node_modules/@corvu/utils/dist/chunk/ZV6G25TT.js"() {
+    access2 = (v) => typeof v === "function" ? v() : v;
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/3QD537TT.js
-function createTagName(ref, fallback) {
-  const [tagName, setTagName] = createSignal(stringOrUndefined(fallback?.()));
-  createEffect(() => {
-    setTagName(ref()?.tagName.toLowerCase() || stringOrUndefined(fallback?.()));
-  });
-  return tagName;
-}
-function stringOrUndefined(value) {
-  return isString2(value) ? value : void 0;
-}
-var init_QD537TT = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/3QD537TT.js"() {
-    init_dist11();
-    init_solid();
+// ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.8.19/node_modules/@corvu/utils/dist/reactivity/index.js
+var init_reactivity = __esm({
+  "../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.8.19/node_modules/@corvu/utils/dist/reactivity/index.js"() {
+    init_ZV6G25TT();
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/IXGTCCA7.js
-function createFormControl(props) {
-  const defaultId = `form-control-${createUniqueId()}`;
-  const mergedProps = mergeDefaultProps({
-    id: defaultId
-  }, props);
-  const [labelId, setLabelId] = createSignal();
-  const [fieldId, setFieldId] = createSignal();
-  const [descriptionId, setDescriptionId] = createSignal();
-  const [errorMessageId, setErrorMessageId] = createSignal();
-  const getAriaLabelledBy = (fieldId2, fieldAriaLabel, fieldAriaLabelledBy) => {
-    const hasAriaLabelledBy = fieldAriaLabelledBy != null || labelId() != null;
-    return [
-      fieldAriaLabelledBy,
-      labelId(),
-      // If there is both an aria-label and aria-labelledby, add the field itself has an aria-labelledby
-      hasAriaLabelledBy && fieldAriaLabel != null ? fieldId2 : void 0
-    ].filter(Boolean).join(" ") || void 0;
-  };
-  const getAriaDescribedBy = (fieldAriaDescribedBy) => {
-    return [
-      descriptionId(),
-      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA.
-      // See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
-      errorMessageId(),
-      fieldAriaDescribedBy
-    ].filter(Boolean).join(" ") || void 0;
-  };
-  const dataset = createMemo(() => ({
-    "data-valid": access(mergedProps.validationState) === "valid" ? "" : void 0,
-    "data-invalid": access(mergedProps.validationState) === "invalid" ? "" : void 0,
-    "data-required": access(mergedProps.required) ? "" : void 0,
-    "data-disabled": access(mergedProps.disabled) ? "" : void 0,
-    "data-readonly": access(mergedProps.readOnly) ? "" : void 0
-  }));
-  const formControlContext = {
-    name: () => access(mergedProps.name) ?? access(mergedProps.id),
-    dataset,
-    validationState: () => access(mergedProps.validationState),
-    isRequired: () => access(mergedProps.required),
-    isDisabled: () => access(mergedProps.disabled),
-    isReadOnly: () => access(mergedProps.readOnly),
-    labelId,
-    fieldId,
-    descriptionId,
-    errorMessageId,
-    getAriaLabelledBy,
-    getAriaDescribedBy,
-    generateId: createGenerateId(() => access(mergedProps.id)),
-    registerLabel: createRegisterId(setLabelId),
-    registerField: createRegisterId(setFieldId),
-    registerDescription: createRegisterId(setDescriptionId),
-    registerErrorMessage: createRegisterId(setErrorMessageId)
-  };
-  return {
-    formControlContext
-  };
-}
-function useFormControlContext() {
-  const context = useContext(FormControlContext);
-  if (context === void 0) {
-    throw new Error("[kobalte]: `useFormControlContext` must be used within a `FormControlContext.Provider` component");
-  }
-  return context;
-}
-function FormControlDescription(props) {
-  const context = useFormControlContext();
-  const mergedProps = mergeDefaultProps({
-    id: context.generateId("description")
-  }, props);
-  createEffect(() => onCleanup(context.registerDescription(mergedProps.id)));
-  return createComponent(Polymorphic, mergeProps({
-    as: "div"
-  }, () => context.dataset(), mergedProps));
-}
-function FormControlErrorMessage(props) {
-  const context = useFormControlContext();
-  const mergedProps = mergeDefaultProps({
-    id: context.generateId("error-message")
-  }, props);
-  const [local, others] = splitProps(mergedProps, ["forceMount"]);
-  const isInvalid = () => context.validationState() === "invalid";
-  createEffect(() => {
-    if (!isInvalid()) {
-      return;
-    }
-    onCleanup(context.registerErrorMessage(others.id));
-  });
-  return createComponent(Show, {
-    get when() {
-      return local.forceMount || isInvalid();
-    },
-    get children() {
-      return createComponent(Polymorphic, mergeProps({
-        as: "div"
-      }, () => context.dataset(), others));
-    }
-  });
-}
-function FormControlLabel(props) {
-  let ref;
-  const context = useFormControlContext();
-  const mergedProps = mergeDefaultProps({
-    id: context.generateId("label")
-  }, props);
-  const [local, others] = splitProps(mergedProps, ["ref"]);
-  const tagName = createTagName(() => ref, () => "label");
-  createEffect(() => onCleanup(context.registerLabel(others.id)));
-  return createComponent(Polymorphic, mergeProps({
-    as: "label",
-    ref(r$) {
-      const _ref$ = mergeRefs((el) => ref = el, local.ref);
-      typeof _ref$ === "function" && _ref$(r$);
-    },
-    get ["for"]() {
-      return createMemo(() => tagName() === "label")() ? context.fieldId() : void 0;
-    }
-  }, () => context.dataset(), others));
-}
-var FORM_CONTROL_PROP_NAMES, FormControlContext;
-var init_IXGTCCA7 = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/IXGTCCA7.js"() {
-    init_E4R2EMM4();
-    init_QD537TT();
-    init_SNFWSEOJ();
-    init_dist11();
+// ../../node_modules/.pnpm/solid-presence@0.1.7_solid-js@1.8.19/node_modules/solid-presence/dist/index.js
+var createPresence, presence_default, src_default;
+var init_dist13 = __esm({
+  "../../node_modules/.pnpm/solid-presence@0.1.7_solid-js@1.8.19/node_modules/solid-presence/dist/index.js"() {
+    init_reactivity();
     init_solid();
-    init_web();
-    FORM_CONTROL_PROP_NAMES = ["id", "name", "validationState", "required", "disabled", "readOnly"];
-    FormControlContext = createContext();
-  }
-});
-
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/ANN3A2QM.js
-function createFormResetListener(element, handler) {
-  createEffect(
-    on(element, (element2) => {
-      if (element2 == null) {
-        return;
-      }
-      const form = getClosestForm(element2);
-      if (form == null) {
-        return;
-      }
-      form.addEventListener("reset", handler, { passive: true });
-      onCleanup(() => {
-        form.removeEventListener("reset", handler);
+    createPresence = (props) => {
+      const refStyles = createMemo(() => {
+        const element = access2(props.element);
+        if (!element)
+          return;
+        return getComputedStyle(element);
+      });
+      const getAnimationName = () => {
+        return refStyles()?.animationName ?? "none";
+      };
+      const [presentState, setPresentState] = createSignal(access2(props.show) ? "present" : "hidden");
+      let animationName = "none";
+      createEffect((prevShow) => {
+        const show = access2(props.show);
+        untrack(() => {
+          if (prevShow === show)
+            return show;
+          const prevAnimationName = animationName;
+          const currentAnimationName = getAnimationName();
+          if (show) {
+            setPresentState("present");
+          } else if (currentAnimationName === "none" || refStyles()?.display === "none") {
+            setPresentState("hidden");
+          } else {
+            const isAnimating = prevAnimationName !== currentAnimationName;
+            if (prevShow === true && isAnimating) {
+              setPresentState("hiding");
+            } else {
+              setPresentState("hidden");
+            }
+          }
+        });
+        return show;
+      });
+      createEffect(() => {
+        const element = access2(props.element);
+        if (!element)
+          return;
+        const handleAnimationStart = (event) => {
+          if (event.target === element) {
+            animationName = getAnimationName();
+          }
+        };
+        const handleAnimationEnd = (event) => {
+          const currentAnimationName = getAnimationName();
+          const isCurrentAnimation = currentAnimationName.includes(
+            event.animationName
+          );
+          if (event.target === element && isCurrentAnimation && presentState() === "hiding") {
+            setPresentState("hidden");
+          }
+        };
+        element.addEventListener("animationstart", handleAnimationStart);
+        element.addEventListener("animationcancel", handleAnimationEnd);
+        element.addEventListener("animationend", handleAnimationEnd);
+        onCleanup(() => {
+          element.removeEventListener("animationstart", handleAnimationStart);
+          element.removeEventListener("animationcancel", handleAnimationEnd);
+          element.removeEventListener("animationend", handleAnimationEnd);
+        });
       });
-    })
-  );
-}
-function getClosestForm(element) {
-  return isFormElement(element) ? element.form : element.closest("form");
-}
-function isFormElement(element) {
-  return element.matches("textarea, input, select, button");
-}
-var init_ANN3A2QM = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/ANN3A2QM.js"() {
-    init_solid();
+      return {
+        present: () => presentState() === "present" || presentState() === "hiding",
+        state: presentState
+      };
+    };
+    presence_default = createPresence;
+    src_default = presence_default;
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/ZKYDDHM6.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/ZKYDDHM6.js
 function indexOf(node) {
   return layers.findIndex((layer) => layer.node === node);
 }
@@ -6783,8 +6706,8 @@ function restoreBodyPointerEvents(node) {
 }
 var DATA_TOP_LAYER_ATTR, originalBodyPointerEvents, hasDisabledBodyPointerEvents, layers, layerStack;
 var init_ZKYDDHM6 = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/ZKYDDHM6.js"() {
-    init_dist11();
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/ZKYDDHM6.js"() {
+    init_dist12();
     DATA_TOP_LAYER_ATTR = "data-kb-top-layer";
     hasDisabledBodyPointerEvents = false;
     layers = [];
@@ -6804,7 +6727,7 @@ var init_ZKYDDHM6 = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/EOS4KX3P.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/7OVKXYPU.js
 function isButton(element) {
   const tagName = element.tagName.toLowerCase();
   if (tagName === "button") {
@@ -6865,13 +6788,13 @@ function ButtonRoot(props) {
   }, others));
 }
 var button_exports, BUTTON_INPUT_TYPES, Button;
-var init_EOS4KX3P = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/EOS4KX3P.js"() {
-    init_QD537TT();
-    init_SNFWSEOJ();
+var init_OVKXYPU = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/7OVKXYPU.js"() {
+    init_ET5T45DO();
+    init_Y7B2NEO();
     init_ZKAE4VZ();
     init_web();
-    init_dist11();
+    init_dist12();
     init_solid();
     button_exports = {};
     __export2(button_exports, {
@@ -6890,37 +6813,7 @@ var init_EOS4KX3P = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/YGDQXQ2B.js
-function createToggleState(props = {}) {
-  const [isSelected, _setIsSelected] = createControllableBooleanSignal({
-    value: () => access(props.isSelected),
-    defaultValue: () => !!access(props.defaultIsSelected),
-    onChange: (value) => props.onSelectedChange?.(value)
-  });
-  const setIsSelected = (value) => {
-    if (!access(props.isReadOnly) && !access(props.isDisabled)) {
-      _setIsSelected(value);
-    }
-  };
-  const toggle = () => {
-    if (!access(props.isReadOnly) && !access(props.isDisabled)) {
-      _setIsSelected(!isSelected());
-    }
-  };
-  return {
-    isSelected,
-    setIsSelected,
-    toggle
-  };
-}
-var init_YGDQXQ2B = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/YGDQXQ2B.js"() {
-    init_BLN63FDC();
-    init_dist11();
-  }
-});
-
-// ../../node_modules/.pnpm/@floating-ui+utils@0.1.6/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+// ../../node_modules/.pnpm/@floating-ui+utils@0.2.5/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 function clamp2(start, value, end) {
   return max(start, min(value, end));
 }
@@ -7015,20 +6908,35 @@ function getPaddingObject(padding) {
   };
 }
 function rectToClientRect(rect) {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = rect;
   return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
+    width,
+    height,
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y
   };
 }
-var sides, min, max, oppositeSideMap, oppositeAlignmentMap;
+var sides, min, max, round, floor, createCoords, oppositeSideMap, oppositeAlignmentMap;
 var init_floating_ui_utils = __esm({
-  "../../node_modules/.pnpm/@floating-ui+utils@0.1.6/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs"() {
+  "../../node_modules/.pnpm/@floating-ui+utils@0.2.5/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs"() {
     sides = ["top", "right", "bottom", "left"];
     min = Math.min;
     max = Math.max;
+    round = Math.round;
+    floor = Math.floor;
+    createCoords = (v) => ({
+      x: v,
+      y: v
+    });
     oppositeSideMap = {
       left: "right",
       right: "left",
@@ -7042,7 +6950,7 @@ var init_floating_ui_utils = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@floating-ui+core@1.5.0/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+// ../../node_modules/.pnpm/@floating-ui+core@1.6.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
 function computeCoordsFromPlacement(_ref, placement, rtl) {
   let {
     reference,
@@ -7128,9 +7036,10 @@ async function detectOverflow(state, options) {
     strategy
   }));
   const rect = elementContext === "floating" ? {
-    ...rects.floating,
     x,
-    y
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
   } : rects.reference;
   const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
   const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
@@ -7141,6 +7050,7 @@ async function detectOverflow(state, options) {
     y: 1
   };
   const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
     rect,
     offsetParent,
     strategy
@@ -7203,7 +7113,7 @@ async function convertValueToCoords(state, options) {
 }
 var computePosition, arrow, flip, hide, offset, shift, size;
 var init_floating_ui_core = __esm({
-  "../../node_modules/.pnpm/@floating-ui+core@1.5.0/node_modules/@floating-ui/core/dist/floating-ui.core.mjs"() {
+  "../../node_modules/.pnpm/@floating-ui+core@1.6.5/node_modules/@floating-ui/core/dist/floating-ui.core.mjs"() {
     init_floating_ui_utils();
     init_floating_ui_utils();
     computePosition = async (reference, floating, config) => {
@@ -7279,7 +7189,6 @@ var init_floating_ui_core = __esm({
             } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
           }
           i2 = -1;
-          continue;
         }
       }
       return {
@@ -7334,11 +7243,11 @@ var init_floating_ui_core = __esm({
         const minPadding = min(paddingObject[minProp], largestPossiblePadding);
         const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
         const min$1 = minPadding;
-        const max3 = clientSize - arrowDimensions[length] - maxPadding;
+        const max2 = clientSize - arrowDimensions[length] - maxPadding;
         const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-        const offset3 = clamp2(min$1, center, max3);
-        const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
-        const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max3 : 0;
+        const offset3 = clamp2(min$1, center, max2);
+        const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+        const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
         return {
           [axis]: coords[axis] + alignmentOffset,
           data: {
@@ -7382,10 +7291,12 @@ var init_floating_ui_core = __esm({
             return {};
           }
           const side = getSide(placement);
+          const initialSideAxis = getSideAxis(initialPlacement);
           const isBasePlacement = getSide(initialPlacement) === initialPlacement;
           const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
           const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-          if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
+          const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+          if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
             fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
           }
           const placements2 = [initialPlacement, ...fallbackPlacements];
@@ -7422,8 +7333,16 @@ var init_floating_ui_core = __esm({
             if (!resetPlacement) {
               switch (fallbackStrategy) {
                 case "bestFit": {
-                  var _overflowsData$map$so;
-                  const placement2 = (_overflowsData$map$so = overflowsData.map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+                  var _overflowsData$filter2;
+                  const placement2 = (_overflowsData$filter2 = overflowsData.filter((d) => {
+                    if (hasFallbackAxisSideDirection) {
+                      const currentSideAxis = getSideAxis(d.placement);
+                      return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                      // reading directions favoring greater width.
+                      currentSideAxis === "y";
+                    }
+                    return true;
+                  }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
                   if (placement2) {
                     resetPlacement = placement2;
                   }
@@ -7503,15 +7422,24 @@ var init_floating_ui_core = __esm({
         name: "offset",
         options,
         async fn(state) {
+          var _middlewareData$offse, _middlewareData$arrow;
           const {
             x,
-            y
+            y,
+            placement,
+            middlewareData
           } = state;
           const diffCoords = await convertValueToCoords(state, options);
+          if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+            return {};
+          }
           return {
             x: x + diffCoords.x,
             y: y + diffCoords.y,
-            data: diffCoords
+            data: {
+              ...diffCoords,
+              placement
+            }
           };
         }
       };
@@ -7558,16 +7486,16 @@ var init_floating_ui_core = __esm({
           if (checkMainAxis) {
             const minSide = mainAxis === "y" ? "top" : "left";
             const maxSide = mainAxis === "y" ? "bottom" : "right";
-            const min3 = mainAxisCoord + overflow[minSide];
-            const max3 = mainAxisCoord - overflow[maxSide];
-            mainAxisCoord = clamp2(min3, mainAxisCoord, max3);
+            const min2 = mainAxisCoord + overflow[minSide];
+            const max2 = mainAxisCoord - overflow[maxSide];
+            mainAxisCoord = clamp2(min2, mainAxisCoord, max2);
           }
           if (checkCrossAxis) {
             const minSide = crossAxis === "y" ? "top" : "left";
             const maxSide = crossAxis === "y" ? "bottom" : "right";
-            const min3 = crossAxisCoord + overflow[minSide];
-            const max3 = crossAxisCoord - overflow[maxSide];
-            crossAxisCoord = clamp2(min3, crossAxisCoord, max3);
+            const min2 = crossAxisCoord + overflow[minSide];
+            const max2 = crossAxisCoord - overflow[maxSide];
+            crossAxisCoord = clamp2(min2, crossAxisCoord, max2);
           }
           const limitedCoords = limiter.fn({
             ...state,
@@ -7620,16 +7548,16 @@ var init_floating_ui_core = __esm({
             widthSide = side;
             heightSide = alignment === "end" ? "top" : "bottom";
           }
-          const overflowAvailableHeight = height - overflow[heightSide];
-          const overflowAvailableWidth = width - overflow[widthSide];
+          const maximumClippingHeight = height - overflow.top - overflow.bottom;
+          const maximumClippingWidth = width - overflow.left - overflow.right;
+          const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
+          const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
           const noShift = !state.middlewareData.shift;
           let availableHeight = overflowAvailableHeight;
           let availableWidth = overflowAvailableWidth;
           if (isYAxis) {
-            const maximumClippingWidth = width - overflow.left - overflow.right;
             availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
           } else {
-            const maximumClippingHeight = height - overflow.top - overflow.bottom;
             availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
           }
           if (noShift && !alignment) {
@@ -7663,22 +7591,7 @@ var init_floating_ui_core = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@floating-ui+utils@0.2.2/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
-var min2, max2, round, floor, createCoords;
-var init_floating_ui_utils2 = __esm({
-  "../../node_modules/.pnpm/@floating-ui+utils@0.2.2/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs"() {
-    min2 = Math.min;
-    max2 = Math.max;
-    round = Math.round;
-    floor = Math.floor;
-    createCoords = (v) => ({
-      x: v,
-      y: v
-    });
-  }
-});
-
-// ../../node_modules/.pnpm/@floating-ui+utils@0.2.2/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+// ../../node_modules/.pnpm/@floating-ui+utils@0.2.5/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || "").toLowerCase();
@@ -7720,9 +7633,18 @@ function isOverflowElement(element) {
 function isTableElement(element) {
   return ["table", "td", "th"].includes(getNodeName(element));
 }
-function isContainingBlock(element) {
+function isTopLayer(element) {
+  return [":popover-open", ":modal"].some((selector) => {
+    try {
+      return element.matches(selector);
+    } catch (e2) {
+      return false;
+    }
+  });
+}
+function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = getComputedStyle2(element);
+  const css = isElement(elementOrCss) ? getComputedStyle2(elementOrCss) : elementOrCss;
   return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
 }
 function getContainingBlock(element) {
@@ -7730,6 +7652,8 @@ function getContainingBlock(element) {
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
     if (isContainingBlock(currentNode)) {
       return currentNode;
+    } else if (isTopLayer(currentNode)) {
+      return null;
     }
     currentNode = getParentNode(currentNode);
   }
@@ -7754,8 +7678,8 @@ function getNodeScroll(element) {
     };
   }
   return {
-    scrollLeft: element.pageXOffset,
-    scrollTop: element.pageYOffset
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
   };
 }
 function getParentNode(node) {
@@ -7798,11 +7722,11 @@ function getOverflowAncestors(node, list, traverseIframes) {
   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 var init_floating_ui_utils_dom = __esm({
-  "../../node_modules/.pnpm/@floating-ui+utils@0.2.2/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs"() {
+  "../../node_modules/.pnpm/@floating-ui+utils@0.2.5/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs"() {
   }
 });
 
-// ../../node_modules/.pnpm/@floating-ui+dom@1.6.5/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+// ../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function getCssDimensions(element) {
   const css = getComputedStyle2(element);
   let width = parseFloat(css.width) || 0;
@@ -7919,15 +7843,6 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     y
   });
 }
-function isTopLayer(element) {
-  return topLayerSelectors.some((selector) => {
-    try {
-      return element.matches(selector);
-    } catch (e2) {
-      return false;
-    }
-  });
-}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     elements,
@@ -7976,12 +7891,12 @@ function getDocumentRect(element) {
   const html = getDocumentElement(element);
   const scroll = getNodeScroll(element);
   const body = element.ownerDocument.body;
-  const width = max2(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
-  const height = max2(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
+  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
+  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y = -scroll.scrollTop;
   if (getComputedStyle2(body).direction === "rtl") {
-    x += max2(html.clientWidth, body.clientWidth) - width;
+    x += max(html.clientWidth, body.clientWidth) - width;
   }
   return {
     width,
@@ -8093,10 +8008,10 @@ function getClippingRect(_ref) {
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
     const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
-    accRect.top = max2(rect.top, accRect.top);
-    accRect.right = min2(rect.right, accRect.right);
-    accRect.bottom = min2(rect.bottom, accRect.bottom);
-    accRect.left = max2(rect.left, accRect.left);
+    accRect.top = max(rect.top, accRect.top);
+    accRect.right = min(rect.right, accRect.right);
+    accRect.bottom = min(rect.bottom, accRect.bottom);
+    accRect.left = max(rect.left, accRect.left);
     return accRect;
   }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
   return {
@@ -8223,7 +8138,7 @@ function observeMove(element, onMove) {
     const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
     const options = {
       rootMargin,
-      threshold: max2(0, min2(1, threshold)) || 1
+      threshold: max(0, min(1, threshold)) || 1
     };
     let isFirstUpdate = true;
     function handleObserve(entries2) {
@@ -8324,14 +8239,13 @@ function autoUpdate(reference, floating, update, options) {
     }
   };
 }
-var noOffsets, topLayerSelectors, getElementRects, platform, offset2, shift2, flip2, size2, hide2, arrow2, computePosition2;
+var noOffsets, getElementRects, platform, offset2, shift2, flip2, size2, hide2, arrow2, computePosition2;
 var init_floating_ui_dom = __esm({
-  "../../node_modules/.pnpm/@floating-ui+dom@1.6.5/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"() {
+  "../../node_modules/.pnpm/@floating-ui+dom@1.6.8/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"() {
     init_floating_ui_core();
-    init_floating_ui_utils2();
+    init_floating_ui_utils();
     init_floating_ui_utils_dom();
     noOffsets = /* @__PURE__ */ createCoords(0);
-    topLayerSelectors = [":popover-open", ":modal"];
     getElementRects = async function(data) {
       const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
       const getDimensionsFn = this.getDimensions;
@@ -8382,7 +8296,7 @@ var init_floating_ui_dom = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/6SUY5UYD.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/4X2EKUJ3.js
 function usePopperContext() {
   const context = useContext(PopperContext);
   if (context === void 0) {
@@ -8402,10 +8316,10 @@ function PopperArrow(props) {
   const stroke = () => contentStyle()?.getPropertyValue(`border-${dir()}-color`) || "none";
   const borderWidth = () => contentStyle()?.getPropertyValue(`border-${dir()}-width`) || "0px";
   const strokeWidth = () => {
-    return parseInt(borderWidth()) * 2 * (DEFAULT_SIZE / local.size);
+    return Number.parseInt(borderWidth()) * 2 * (DEFAULT_SIZE / local.size);
   };
   const rotate = () => {
-    return `rotate(${ROTATION_DEG[dir()]} ${HALF_DEFAULT_SIZE} ${HALF_DEFAULT_SIZE})`;
+    return `rotate(${ROTATION_DEG[dir()]} ${HALF_DEFAULT_SIZE} ${HALF_DEFAULT_SIZE}) translate(0 2)`;
   };
   return createComponent(Polymorphic, mergeProps({
     as: "div",
@@ -8415,7 +8329,7 @@ function PopperArrow(props) {
     },
     "aria-hidden": "true",
     get style() {
-      return {
+      return combineStyle({
         // server side rendering
         position: "absolute",
         "font-size": `${local.size}px`,
@@ -8424,9 +8338,8 @@ function PopperArrow(props) {
         "pointer-events": "none",
         fill: fill(),
         stroke: stroke(),
-        "stroke-width": strokeWidth(),
-        ...local.style
-      };
+        "stroke-width": strokeWidth()
+      }, local.style);
     }
   }, others, {
     get children() {
@@ -8455,13 +8368,12 @@ function PopperPositioner(props) {
     },
     "data-popper-positioner": "",
     get style() {
-      return {
+      return combineStyle({
         position: "absolute",
         top: 0,
         left: 0,
-        "min-width": "max-content",
-        ...local.style
-      };
+        "min-width": "max-content"
+      }, local.style);
     }
   }, others));
 }
@@ -8688,16 +8600,17 @@ function PopperRoot(props) {
   });
 }
 var PopperContext, _tmpl$, DEFAULT_SIZE, HALF_DEFAULT_SIZE, ROTATION_DEG, REVERSE_BASE_PLACEMENT, Popper;
-var init_SUY5UYD = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/6SUY5UYD.js"() {
+var init_X2EKUJ3 = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/4X2EKUJ3.js"() {
     init_XHJPQEZP();
-    init_SNFWSEOJ();
+    init_Y7B2NEO();
     init_web();
-    init_dist11();
+    init_dist12();
     init_solid();
+    init_dist11();
     init_floating_ui_dom();
     PopperContext = createContext();
-    _tmpl$ = /* @__PURE__ */ template(`<svg display="block" viewBox="0 0 30 30"><g><path fill="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"></path><path stroke="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z">`);
+    _tmpl$ = /* @__PURE__ */ template(`<svg display="block" viewBox="0 0 30 30" style="transform:scale(1.02)"><g><path fill="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"></path><path stroke="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z">`);
     DEFAULT_SIZE = 30;
     HALF_DEFAULT_SIZE = DEFAULT_SIZE / 2;
     ROTATION_DEG = {
@@ -8721,7 +8634,7 @@ var init_SUY5UYD = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/QZ25QYEA.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/QEMPLYZX.js
 function createEscapeKeyDown(props) {
   const handleKeyDown = (event) => {
     if (event.key === EventKey.Escape) {
@@ -8742,15 +8655,15 @@ function createEscapeKeyDown(props) {
     });
   });
 }
-var init_QZ25QYEA = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/QZ25QYEA.js"() {
-    init_dist11();
+var init_QEMPLYZX = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/QEMPLYZX.js"() {
+    init_dist12();
     init_solid();
     init_web();
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/QGCMYLTA.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/QGCMYLTA.js
 function createInteractOutside(props, ref) {
   let pointerDownTimeoutId;
   let clickHandler = noop3;
@@ -8851,9 +8764,9 @@ function createInteractOutside(props, ref) {
 }
 var POINTER_DOWN_OUTSIDE_EVENT, FOCUS_OUTSIDE_EVENT;
 var init_QGCMYLTA = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/QGCMYLTA.js"() {
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/QGCMYLTA.js"() {
     init_ZKYDDHM6();
-    init_dist11();
+    init_dist12();
     init_solid();
     init_web();
     POINTER_DOWN_OUTSIDE_EVENT = "interactOutside.pointerDownOutside";
@@ -8861,7 +8774,7 @@ var init_QGCMYLTA = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/7MUMWGWR.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/G7G3PFRJ.js
 function useOptionalDismissableLayerContext() {
   return useContext(DismissableLayerContext);
 }
@@ -8979,20 +8892,20 @@ function DismissableLayer(props) {
   });
 }
 var DismissableLayerContext;
-var init_MUMWGWR = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/7MUMWGWR.js"() {
-    init_QZ25QYEA();
+var init_G7G3PFRJ = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/G7G3PFRJ.js"() {
+    init_QEMPLYZX();
     init_QGCMYLTA();
     init_ZKYDDHM6();
-    init_SNFWSEOJ();
+    init_Y7B2NEO();
     init_web();
-    init_dist11();
+    init_dist12();
     init_solid();
     DismissableLayerContext = createContext();
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/7LCANGHD.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/7LCANGHD.js
 function createDisclosureState(props = {}) {
   const [isOpen, setIsOpen] = createControllableBooleanSignal({
     value: () => access(props.open),
@@ -9017,13 +8930,13 @@ function createDisclosureState(props = {}) {
   };
 }
 var init_LCANGHD = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/7LCANGHD.js"() {
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/7LCANGHD.js"() {
     init_BLN63FDC();
-    init_dist11();
+    init_dist12();
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/YXI762UW.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/Q2BOFK7I.js
 function useRadioGroupContext() {
   const context = useContext(RadioGroupContext);
   if (context === void 0) {
@@ -9136,16 +9049,22 @@ function RadioGroupItemIndicator(props) {
     id: context.generateId("indicator")
   }, props);
   const [local, others] = splitProps(mergedProps, ["ref", "forceMount"]);
-  const presence = createPresence(() => local.forceMount || context.isSelected());
+  const [ref, setRef] = createSignal();
+  const {
+    present
+  } = src_default({
+    show: () => local.forceMount || context.isSelected(),
+    element: () => ref() ?? null
+  });
   return createComponent(Show, {
     get when() {
-      return presence.isPresent();
+      return present();
     },
     get children() {
       return createComponent(Polymorphic, mergeProps({
         as: "div",
         ref(r$) {
-          const _ref$ = mergeRefs(presence.setRef, local.ref);
+          const _ref$ = mergeRefs(setRef, local.ref);
           typeof _ref$ === "function" && _ref$(r$);
         }
       }, () => context.dataset(), others));
@@ -9233,10 +9152,9 @@ function RadioGroupItemInput(props) {
       return formControlContext.isReadOnly();
     },
     get style() {
-      return {
-        ...visuallyHiddenStyles,
-        ...local.style
-      };
+      return combineStyle({
+        ...visuallyHiddenStyles
+      }, local.style);
     },
     get ["aria-labelledby"]() {
       return ariaLabelledBy();
@@ -9352,18 +9270,19 @@ function RadioGroupRoot(props) {
   });
 }
 var radio_group_exports, RadioGroupContext, RadioGroupItemContext, RadioGroup;
-var init_YXI762UW = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/YXI762UW.js"() {
-    init_IXGTCCA7();
+var init_Q2BOFK7I = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/Q2BOFK7I.js"() {
+    init_Q2DJLZQE();
     init_ANN3A2QM();
     init_E4R2EMM4();
-    init_MH7W7S();
     init_BLN63FDC();
-    init_SNFWSEOJ();
+    init_Y7B2NEO();
     init_ZKAE4VZ();
     init_web();
-    init_dist11();
+    init_dist12();
     init_solid();
+    init_dist13();
+    init_dist11();
     radio_group_exports = {};
     __export2(radio_group_exports, {
       Description: () => FormControlDescription,
@@ -9394,7 +9313,7 @@ var init_YXI762UW = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/FHLXHFZN.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/GLKC2QFF.js
 function createSelectableList(props, ref, scrollRef) {
   const collator = createCollator({ usage: "search", sensitivity: "base" });
   const delegate = createMemo(() => {
@@ -9417,18 +9336,17 @@ function createSelectableList(props, ref, scrollRef) {
       shouldUseVirtualFocus: () => access(props.shouldUseVirtualFocus),
       allowsTabNavigation: () => access(props.allowsTabNavigation),
       isVirtualized: () => access(props.isVirtualized),
-      scrollToKey: (key) => access(props.scrollToKey)?.(key)
+      scrollToKey: (key) => access(props.scrollToKey)?.(key),
+      orientation: () => access(props.orientation)
     },
-    ref,
-    scrollRef
-  );
+    ref);
 }
 var ListKeyboardDelegate;
-var init_FHLXHFZN = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/FHLXHFZN.js"() {
-    init_F2YUHYY4();
+var init_GLKC2QFF = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/GLKC2QFF.js"() {
+    init_H6DSIDEC();
     init_XHJPQEZP();
-    init_dist11();
+    init_dist12();
     init_solid();
     ListKeyboardDelegate = class {
       collection;
@@ -9539,7 +9457,7 @@ var init_FHLXHFZN = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/ISKHZMHS.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/ISKHZMHS.js
 function createFocusScope(props, ref) {
   const [isPaused, setIsPaused] = createSignal(false);
   const focusScope = {
@@ -9717,9 +9635,9 @@ function createFocusScope(props, ref) {
 }
 var AUTOFOCUS_ON_MOUNT_EVENT, AUTOFOCUS_ON_UNMOUNT_EVENT, EVENT_OPTIONS, focusScopeStack;
 var init_ISKHZMHS = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/ISKHZMHS.js"() {
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/ISKHZMHS.js"() {
     init_ZKYDDHM6();
-    init_dist11();
+    init_dist12();
     init_solid();
     init_web();
     AUTOFOCUS_ON_MOUNT_EVENT = "focusScope.autoFocusOnMount";
@@ -9749,15 +9667,15 @@ var init_ISKHZMHS = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/YA7DCYMB.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/YA7DCYMB.js
 var DATA_LIVE_ANNOUNCER_ATTR;
 var init_YA7DCYMB = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/YA7DCYMB.js"() {
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/YA7DCYMB.js"() {
     DATA_LIVE_ANNOUNCER_ATTR = "data-live-announcer";
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/TZGE2AQH.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/TZGE2AQH.js
 function createHideOutside(props) {
   createEffect(() => {
     if (access(props.isDisabled)) {
@@ -9876,36 +9794,21 @@ function ariaHideOutside(targets, root = document.body) {
 }
 var refCountMap, observerStack;
 var init_TZGE2AQH = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/TZGE2AQH.js"() {
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/TZGE2AQH.js"() {
     init_YA7DCYMB();
     init_ZKYDDHM6();
-    init_dist11();
+    init_dist12();
     init_solid();
     refCountMap = /* @__PURE__ */ new WeakMap();
     observerStack = [];
   }
 });
 
-// ../../node_modules/.pnpm/@corvu+utils@0.2.0_solid-js@1.8.17/node_modules/@corvu/utils/dist/chunk/OZCI4NDN.js
-var access2;
-var init_OZCI4NDN = __esm({
-  "../../node_modules/.pnpm/@corvu+utils@0.2.0_solid-js@1.8.17/node_modules/@corvu/utils/dist/chunk/OZCI4NDN.js"() {
-    access2 = (v) => typeof v === "function" ? v() : v;
-  }
-});
-
-// ../../node_modules/.pnpm/@corvu+utils@0.2.0_solid-js@1.8.17/node_modules/@corvu/utils/dist/reactivity/index.js
-var init_reactivity = __esm({
-  "../../node_modules/.pnpm/@corvu+utils@0.2.0_solid-js@1.8.17/node_modules/@corvu/utils/dist/reactivity/index.js"() {
-    init_OZCI4NDN();
-  }
-});
-
-// ../../node_modules/.pnpm/@corvu+utils@0.2.0_solid-js@1.8.17/node_modules/@corvu/utils/dist/chunk/6PYUKSWQ.js
+// ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.8.19/node_modules/@corvu/utils/dist/chunk/HD4B7J7A.js
 var activeStyles, createStyle, style_default;
-var init_PYUKSWQ = __esm({
-  "../../node_modules/.pnpm/@corvu+utils@0.2.0_solid-js@1.8.17/node_modules/@corvu/utils/dist/chunk/6PYUKSWQ.js"() {
-    init_OZCI4NDN();
+var init_HD4B7J7A = __esm({
+  "../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.8.19/node_modules/@corvu/utils/dist/chunk/HD4B7J7A.js"() {
+    init_ZV6G25TT();
     init_solid();
     activeStyles = /* @__PURE__ */ new Map();
     createStyle = (props) => {
@@ -9956,17 +9859,17 @@ var init_PYUKSWQ = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@corvu+utils@0.2.0_solid-js@1.8.17/node_modules/@corvu/utils/dist/create/style.js
+// ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.8.19/node_modules/@corvu/utils/dist/create/style.js
 var init_style = __esm({
-  "../../node_modules/.pnpm/@corvu+utils@0.2.0_solid-js@1.8.17/node_modules/@corvu/utils/dist/create/style.js"() {
-    init_PYUKSWQ();
+  "../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.8.19/node_modules/@corvu/utils/dist/create/style.js"() {
+    init_HD4B7J7A();
   }
 });
 
-// ../../node_modules/.pnpm/@corvu+utils@0.2.0_solid-js@1.8.17/node_modules/@corvu/utils/dist/scroll/index.js
+// ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.8.19/node_modules/@corvu/utils/dist/scroll/index.js
 var getScrollDimensions, isScrollContainer, getScrollAtLocation;
 var init_scroll = __esm({
-  "../../node_modules/.pnpm/@corvu+utils@0.2.0_solid-js@1.8.17/node_modules/@corvu/utils/dist/scroll/index.js"() {
+  "../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.8.19/node_modules/@corvu/utils/dist/scroll/index.js"() {
     getScrollDimensions = (element, axis) => {
       switch (axis) {
         case "x":
@@ -10008,10 +9911,10 @@ var init_scroll = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/solid-prevent-scroll@0.1.7_solid-js@1.8.17/node_modules/solid-prevent-scroll/dist/index.js
-var preventScrollStack, setPreventScrollStack, isActive, createPreventScroll, getDeltaXY, getTouchXY, wouldScroll, contains2, preventScroll_default, src_default;
-var init_dist12 = __esm({
-  "../../node_modules/.pnpm/solid-prevent-scroll@0.1.7_solid-js@1.8.17/node_modules/solid-prevent-scroll/dist/index.js"() {
+// ../../node_modules/.pnpm/solid-prevent-scroll@0.1.9_solid-js@1.8.19/node_modules/solid-prevent-scroll/dist/index.js
+var preventScrollStack, setPreventScrollStack, isActive, createPreventScroll, getDeltaXY, getTouchXY, wouldScroll, contains2, preventScroll_default, src_default2;
+var init_dist14 = __esm({
+  "../../node_modules/.pnpm/solid-prevent-scroll@0.1.9_solid-js@1.8.19/node_modules/solid-prevent-scroll/dist/index.js"() {
     init_reactivity();
     init_solid();
     init_style();
@@ -10026,6 +9929,7 @@ var init_dist12 = __esm({
           hideScrollbar: true,
           preventScrollbarShift: true,
           preventScrollbarShiftMode: "padding",
+          restoreScrollPosition: true,
           allowPinchZoom: false
         },
         props
@@ -10049,15 +9953,8 @@ var init_dist12 = __esm({
           return;
         const { body } = document;
         const scrollbarWidth = window.innerWidth - body.offsetWidth;
-        style_default({
-          key: "prevent-scroll-overflow",
-          element: body,
-          style: {
-            overflow: "hidden"
-          }
-        });
         if (access2(defaultedProps.preventScrollbarShift)) {
-          const style2 = {};
+          const style2 = { overflow: "hidden" };
           const properties = [];
           if (scrollbarWidth > 0) {
             if (access2(defaultedProps.preventScrollbarShiftMode) === "padding") {
@@ -10073,16 +9970,24 @@ var init_dist12 = __esm({
           const offsetTop = window.scrollY;
           const offsetLeft = window.scrollX;
           style_default({
-            key: "prevent-scroll-scrollbar",
+            key: "prevent-scroll",
             element: body,
             style: style2,
             properties,
             cleanup: () => {
-              if (scrollbarWidth > 0) {
+              if (access2(defaultedProps.restoreScrollPosition) && scrollbarWidth > 0) {
                 window.scrollTo(offsetLeft, offsetTop);
               }
             }
           });
+        } else {
+          style_default({
+            key: "prevent-scroll",
+            element: body,
+            style: {
+              overflow: "hidden"
+            }
+          });
         }
       });
       createEffect(() => {
@@ -10193,11 +10098,11 @@ var init_dist12 = __esm({
       return false;
     };
     preventScroll_default = createPreventScroll;
-    src_default = preventScroll_default;
+    src_default2 = preventScroll_default;
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/FEWVDVRO.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/3F4B62RP.js
 function useOptionalMenuContext() {
   return useContext(MenuContext);
 }
@@ -10393,22 +10298,177 @@ function MenuCheckboxItem(props) {
     local.onSelect?.();
     state.toggle();
   };
-  return createComponent(MenuItemBase, mergeProps({
-    role: "menuitemcheckbox",
-    get checked() {
-      return state.isSelected();
+  return createComponent(MenuItemBase, mergeProps({
+    role: "menuitemcheckbox",
+    get checked() {
+      return state.isSelected();
+    },
+    onSelect
+  }, others));
+}
+function useOptionalMenubarContext() {
+  return useContext(MenubarContext);
+}
+function MenuTrigger(props) {
+  const rootContext = useMenuRootContext();
+  const context = useMenuContext();
+  const optionalMenubarContext = useOptionalMenubarContext();
+  const {
+    direction
+  } = useLocale();
+  const mergedProps = mergeDefaultProps({
+    id: rootContext.generateId("trigger")
+  }, props);
+  const [local, others] = splitProps(mergedProps, ["ref", "id", "disabled", "onPointerDown", "onClick", "onKeyDown", "onMouseOver", "onFocus"]);
+  let key = () => rootContext.value();
+  if (optionalMenubarContext !== void 0) {
+    key = () => rootContext.value() ?? local.id;
+    if (optionalMenubarContext.lastValue() === void 0)
+      optionalMenubarContext.setLastValue(key);
+  }
+  const tagName = createTagName(() => context.triggerRef(), () => "button");
+  const isNativeLink = createMemo(() => {
+    return tagName() === "a" && context.triggerRef()?.getAttribute("href") != null;
+  });
+  createEffect(on(() => optionalMenubarContext?.value(), (value) => {
+    if (!isNativeLink())
+      return;
+    if (value === key())
+      context.triggerRef()?.focus();
+  }));
+  const handleClick = () => {
+    if (optionalMenubarContext !== void 0) {
+      if (!context.isOpen()) {
+        if (!optionalMenubarContext.autoFocusMenu()) {
+          optionalMenubarContext.setAutoFocusMenu(true);
+        }
+        context.open(false);
+      } else {
+        if (optionalMenubarContext.value() === key())
+          optionalMenubarContext.closeMenu();
+      }
+    } else
+      context.toggle(true);
+  };
+  const onPointerDown = (e2) => {
+    callHandler(e2, local.onPointerDown);
+    e2.currentTarget.dataset.pointerType = e2.pointerType;
+    if (!local.disabled && e2.pointerType !== "touch" && e2.button === 0) {
+      handleClick();
+    }
+  };
+  const onClick = (e2) => {
+    callHandler(e2, local.onClick);
+    if (!local.disabled) {
+      if (e2.currentTarget.dataset.pointerType === "touch")
+        handleClick();
+    }
+  };
+  const onKeyDown = (e2) => {
+    callHandler(e2, local.onKeyDown);
+    if (local.disabled) {
+      return;
+    }
+    if (isNativeLink()) {
+      switch (e2.key) {
+        case "Enter":
+        case " ":
+          return;
+      }
+    }
+    switch (e2.key) {
+      case "Enter":
+      case " ":
+      case MENU_KEYS.first(rootContext.orientation()):
+        e2.stopPropagation();
+        e2.preventDefault();
+        scrollIntoViewport(e2.currentTarget);
+        context.open("first");
+        optionalMenubarContext?.setAutoFocusMenu(true);
+        optionalMenubarContext?.setValue(key);
+        break;
+      case MENU_KEYS.last(rootContext.orientation()):
+        e2.stopPropagation();
+        e2.preventDefault();
+        context.open("last");
+        break;
+      case MENUBAR_KEYS.next(direction(), rootContext.orientation()):
+        if (optionalMenubarContext === void 0)
+          break;
+        e2.stopPropagation();
+        e2.preventDefault();
+        optionalMenubarContext.nextMenu();
+        break;
+      case MENUBAR_KEYS.previous(direction(), rootContext.orientation()):
+        if (optionalMenubarContext === void 0)
+          break;
+        e2.stopPropagation();
+        e2.preventDefault();
+        optionalMenubarContext.previousMenu();
+        break;
+    }
+  };
+  const onMouseOver = (e2) => {
+    callHandler(e2, local.onMouseOver);
+    if (context.triggerRef()?.dataset.pointerType === "touch")
+      return;
+    if (!local.disabled && optionalMenubarContext !== void 0 && optionalMenubarContext.value() !== void 0) {
+      optionalMenubarContext.setValue(key);
+    }
+  };
+  const onFocus = (e2) => {
+    callHandler(e2, local.onFocus);
+    if (optionalMenubarContext !== void 0 && e2.currentTarget.dataset.pointerType !== "touch")
+      optionalMenubarContext.setValue(key);
+  };
+  createEffect(() => onCleanup(context.registerTriggerId(local.id)));
+  return createComponent(ButtonRoot, mergeProps({
+    ref(r$) {
+      const _ref$ = mergeRefs(context.setTriggerRef, local.ref);
+      typeof _ref$ === "function" && _ref$(r$);
     },
-    onSelect
-  }, others));
+    get ["data-kb-menu-value-trigger"]() {
+      return rootContext.value();
+    },
+    get id() {
+      return local.id;
+    },
+    get disabled() {
+      return local.disabled;
+    },
+    "aria-haspopup": "true",
+    get ["aria-expanded"]() {
+      return context.isOpen();
+    },
+    get ["aria-controls"]() {
+      return createMemo(() => !!context.isOpen())() ? context.contentId() : void 0;
+    },
+    get ["data-highlighted"]() {
+      return key() !== void 0 && optionalMenubarContext?.value() === key() ? true : void 0;
+    },
+    get tabIndex() {
+      return optionalMenubarContext !== void 0 ? optionalMenubarContext.value() === key() || optionalMenubarContext.lastValue() === key() ? 0 : -1 : void 0;
+    },
+    onPointerDown,
+    onMouseOver,
+    onClick,
+    onKeyDown,
+    onFocus,
+    role: optionalMenubarContext !== void 0 ? "menuitem" : void 0
+  }, () => context.dataset(), others));
 }
-function useOptionalMenubarContext() {
-  return useContext(MenubarContext);
+function useOptionalNavigationMenuContext() {
+  return useContext(NavigationMenuContext);
 }
 function MenuContentBase(props) {
   let ref;
   const rootContext = useMenuRootContext();
   const context = useMenuContext();
   const optionalMenubarContext = useOptionalMenubarContext();
+  const optionalNavigationMenuContext = useOptionalNavigationMenuContext();
+  const {
+    direction
+  } = useLocale();
   const mergedProps = mergeDefaultProps({
     id: rootContext.generateId(`content-${createUniqueId()}`)
   }, props);
@@ -10424,7 +10484,8 @@ function MenuContentBase(props) {
     deferAutoFocus: true,
     // ensure all menu items are mounted and collection is not empty before trying to autofocus.
     shouldFocusWrap: true,
-    disallowTypeAhead: () => !context.listState().selectionManager().isFocused()
+    disallowTypeAhead: () => !context.listState().selectionManager().isFocused(),
+    orientation: () => rootContext.orientation() === "horizontal" ? "vertical" : "horizontal"
   }, () => ref);
   createFocusScope({
     trapFocus: () => isRootModalContent() && context.isOpen(),
@@ -10444,14 +10505,14 @@ function MenuContentBase(props) {
     if (optionalMenubarContext !== void 0) {
       if (e2.currentTarget.getAttribute("aria-haspopup") !== "true")
         switch (e2.key) {
-          case "ArrowRight":
+          case MENUBAR_KEYS.next(direction(), rootContext.orientation()):
             e2.stopPropagation();
             e2.preventDefault();
             context.close(true);
             optionalMenubarContext.setAutoFocusMenu(true);
             optionalMenubarContext.nextMenu();
             break;
-          case "ArrowLeft":
+          case MENUBAR_KEYS.previous(direction(), rootContext.orientation()):
             if (e2.currentTarget.hasAttribute("data-closed"))
               break;
             e2.stopPropagation();
@@ -10495,66 +10556,70 @@ function MenuContentBase(props) {
     }
   };
   createEffect(() => onCleanup(context.registerContentId(local.id)));
+  const commonAttributes = {
+    ref: mergeRefs((el) => {
+      context.setContentRef(el);
+      ref = el;
+    }, local.ref),
+    role: "menu",
+    get id() {
+      return local.id;
+    },
+    get tabIndex() {
+      return selectableList.tabIndex();
+    },
+    get "aria-labelledby"() {
+      return context.triggerId();
+    },
+    onKeyDown: composeEventHandlers([local.onKeyDown, selectableList.onKeyDown, onKeyDown]),
+    onMouseDown: composeEventHandlers([local.onMouseDown, selectableList.onMouseDown]),
+    onFocusIn: composeEventHandlers([local.onFocusIn, selectableList.onFocusIn]),
+    onFocusOut: composeEventHandlers([local.onFocusOut, selectableList.onFocusOut]),
+    onPointerEnter,
+    onPointerMove,
+    get "data-orientation"() {
+      return rootContext.orientation();
+    }
+  };
   return createComponent(Show, {
     get when() {
-      return context.contentPresence.isPresent();
+      return context.contentPresent();
     },
     get children() {
-      return createComponent(Popper.Positioner, {
+      return createComponent(Show, {
+        get when() {
+          return optionalNavigationMenuContext === void 0 || context.parentMenuContext() != null;
+        },
+        get fallback() {
+          return createComponent(Polymorphic, mergeProps({
+            as: "div"
+          }, () => context.dataset(), commonAttributes, others));
+        },
         get children() {
-          return createComponent(DismissableLayer, mergeProps({
-            ref(r$) {
-              const _ref$ = mergeRefs((el) => {
-                context.setContentRef(el);
-                context.contentPresence.setRef(el);
-                ref = el;
-              }, local.ref);
-              typeof _ref$ === "function" && _ref$(r$);
-            },
-            role: "menu",
-            get id() {
-              return local.id;
-            },
-            get tabIndex() {
-              return selectableList.tabIndex();
-            },
-            get disableOutsidePointerEvents() {
-              return createMemo(() => !!isRootModalContent())() && context.isOpen();
-            },
-            get excludedElements() {
-              return [context.triggerRef];
-            },
-            bypassTopMostLayerCheck: true,
-            get style() {
-              return {
-                "--kb-menu-content-transform-origin": "var(--kb-popper-content-transform-origin)",
-                position: "relative",
-                ...local.style
-              };
-            },
-            get ["aria-labelledby"]() {
-              return context.triggerId();
-            },
-            onEscapeKeyDown,
-            onFocusOutside,
-            get onDismiss() {
-              return context.close;
-            },
-            get onKeyDown() {
-              return composeEventHandlers([local.onKeyDown, selectableList.onKeyDown, onKeyDown]);
-            },
-            get onMouseDown() {
-              return composeEventHandlers([local.onMouseDown, selectableList.onMouseDown]);
-            },
-            get onFocusIn() {
-              return composeEventHandlers([local.onFocusIn, selectableList.onFocusIn]);
-            },
-            get onFocusOut() {
-              return composeEventHandlers([local.onFocusOut, selectableList.onFocusOut]);
-            },
-            onPointerEnter,
-            onPointerMove
-          }, () => context.dataset(), others));
+          return createComponent(Popper.Positioner, {
+            get children() {
+              return createComponent(DismissableLayer, mergeProps({
+                get disableOutsidePointerEvents() {
+                  return createMemo(() => !!isRootModalContent())() && context.isOpen();
+                },
+                get excludedElements() {
+                  return [context.triggerRef];
+                },
+                bypassTopMostLayerCheck: true,
+                get style() {
+                  return combineStyle({
+                    "--kb-menu-content-transform-origin": "var(--kb-popper-content-transform-origin)",
+                    position: "relative"
+                  }, local.style);
+                },
+                onEscapeKeyDown,
+                onFocusOutside,
+                get onDismiss() {
+                  return context.close;
+                }
+              }, () => context.dataset(), commonAttributes, others));
+            }
+          });
         }
       });
     }
@@ -10565,9 +10630,9 @@ function MenuContent(props) {
   const rootContext = useMenuRootContext();
   const context = useMenuContext();
   const [local, others] = splitProps(props, ["ref"]);
-  src_default({
+  src_default2({
     element: () => ref ?? null,
-    enabled: () => context.isOpen() && rootContext.preventScroll()
+    enabled: () => context.contentPresent() && rootContext.preventScroll()
   });
   return createComponent(MenuContentBase, mergeProps({
     ref(r$) {
@@ -10692,7 +10757,7 @@ function MenuPortal(props) {
   const context = useMenuContext();
   return createComponent(Show, {
     get when() {
-      return context.contentPresence.isPresent();
+      return context.contentPresent();
     },
     get children() {
       return createComponent(Portal, props);
@@ -10796,8 +10861,10 @@ function Menu(props) {
   const rootContext = useMenuRootContext();
   const parentDomCollectionContext = useOptionalDomCollectionContext();
   const parentMenuContext = useOptionalMenuContext();
+  const optionalMenubarContext = useOptionalMenubarContext();
+  const optionalNavigationMenuContext = useOptionalNavigationMenuContext();
   const mergedProps = mergeDefaultProps({
-    placement: "bottom-start"
+    placement: rootContext.orientation() === "horizontal" ? "bottom-start" : "right-start"
   }, props);
   const [local, others] = splitProps(mergedProps, ["open", "defaultOpen", "onOpenChange"]);
   let pointerGraceTimeoutId = 0;
@@ -10822,7 +10889,12 @@ function Menu(props) {
     defaultOpen: () => local.defaultOpen,
     onOpenChange: (isOpen) => local.onOpenChange?.(isOpen)
   });
-  const contentPresence = createPresence(() => rootContext.forceMount() || disclosureState.isOpen());
+  const {
+    present: contentPresent
+  } = src_default({
+    show: () => rootContext.forceMount() || disclosureState.isOpen(),
+    element: () => contentRef() ?? null
+  });
   const listState = createListState({
     selectionMode: "none",
     dataSource: items
@@ -10841,7 +10913,7 @@ function Menu(props) {
     setFocusStrategy(focusStrategy2);
     disclosureState.toggle();
   };
-  const focusContent = () => {
+  const _focusContent = () => {
     const content = contentRef();
     if (content) {
       focusWithoutScrolling(content);
@@ -10849,6 +10921,12 @@ function Menu(props) {
       listState.selectionManager().setFocusedKey(void 0);
     }
   };
+  const focusContent = () => {
+    if (optionalNavigationMenuContext != null)
+      setTimeout(() => _focusContent());
+    else
+      _focusContent();
+  };
   const registerNestedMenu = (element) => {
     setNestedMenus((prev) => [...prev, element]);
     const parentUnregister = parentMenuContext?.registerNestedMenu(element);
@@ -10893,6 +10971,32 @@ function Menu(props) {
       parentUnregister();
     });
   });
+  createEffect(() => {
+    if (parentMenuContext !== void 0)
+      return;
+    optionalMenubarContext?.registerMenu(rootContext.value(), [contentRef(), ...nestedMenus()]);
+  });
+  createEffect(() => {
+    if (parentMenuContext !== void 0 || optionalMenubarContext === void 0)
+      return;
+    if (optionalMenubarContext.value() === rootContext.value()) {
+      triggerRef()?.focus();
+      if (optionalMenubarContext.autoFocusMenu())
+        open(true);
+    } else
+      close();
+  });
+  createEffect(() => {
+    if (parentMenuContext !== void 0 || optionalMenubarContext === void 0)
+      return;
+    if (disclosureState.isOpen())
+      optionalMenubarContext.setValue(rootContext.value());
+  });
+  onCleanup(() => {
+    if (parentMenuContext !== void 0)
+      return;
+    optionalMenubarContext?.unregisterMenu(rootContext.value());
+  });
   const dataset = createMemo(() => ({
     "data-expanded": disclosureState.isOpen() ? "" : void 0,
     "data-closed": !disclosureState.isOpen() ? "" : void 0
@@ -10900,7 +11004,7 @@ function Menu(props) {
   const context = {
     dataset,
     isOpen: disclosureState.isOpen,
-    contentPresence,
+    contentPresent,
     nestedMenus,
     currentPlacement,
     pointerGraceTimeoutId: () => pointerGraceTimeoutId,
@@ -10933,11 +11037,19 @@ function Menu(props) {
       return createComponent(MenuContext.Provider, {
         value: context,
         get children() {
-          return createComponent(Popper, mergeProps({
-            anchorRef: triggerRef,
-            contentRef,
-            onCurrentPlacementChange: setCurrentPlacement
-          }, others));
+          return createComponent(Show, {
+            when: optionalNavigationMenuContext === void 0,
+            get fallback() {
+              return others.children;
+            },
+            get children() {
+              return createComponent(Popper, mergeProps({
+                anchorRef: triggerRef,
+                contentRef,
+                onCurrentPlacementChange: setCurrentPlacement
+              }, others));
+            }
+          });
         }
       });
     }
@@ -10956,6 +11068,7 @@ function MenuSub(props) {
 }
 function MenuSubContent(props) {
   const context = useMenuContext();
+  const rootContext = useMenuRootContext();
   const [local, others] = splitProps(props, ["onFocusOutside", "onKeyDown"]);
   const {
     direction
@@ -10976,7 +11089,7 @@ function MenuSubContent(props) {
   const onKeyDown = (e2) => {
     callHandler(e2, local.onKeyDown);
     const isKeyDownInside = contains(e2.currentTarget, e2.target);
-    const isCloseKey = SUB_CLOSE_KEYS[direction()].includes(e2.key);
+    const isCloseKey = SUB_CLOSE_KEYS.close(direction(), rootContext.orientation()).includes(e2.key);
     const isSubMenu = context.parentMenuContext() != null;
     if (isKeyDownInside && isCloseKey && isSubMenu) {
       context.close();
@@ -11102,7 +11215,7 @@ function MenuSubTrigger(props) {
     if (local.disabled) {
       return;
     }
-    if (SUB_OPEN_KEYS[direction()].includes(e2.key)) {
+    if (SUB_OPEN_KEYS.open(direction(), rootContext.orientation()).includes(e2.key)) {
       e2.stopPropagation();
       e2.preventDefault();
       parentSelectionManager().setFocused(false);
@@ -11196,12 +11309,13 @@ function MenuSubTrigger(props) {
   }, () => context.dataset(), others));
 }
 function MenuRoot(props) {
+  const optionalMenubarContext = useOptionalMenubarContext();
   const defaultId = `menu-${createUniqueId()}`;
   const mergedProps = mergeDefaultProps({
     id: defaultId,
     modal: true
   }, props);
-  const [local, others] = splitProps(mergedProps, ["id", "modal", "preventScroll", "forceMount", "open", "defaultOpen", "onOpenChange", "value"]);
+  const [local, others] = splitProps(mergedProps, ["id", "modal", "preventScroll", "forceMount", "open", "defaultOpen", "onOpenChange", "value", "orientation"]);
   const disclosureState = createDisclosureState({
     open: () => local.open,
     defaultOpen: () => local.defaultOpen,
@@ -11212,7 +11326,8 @@ function MenuRoot(props) {
     preventScroll: () => local.preventScroll ?? context.isModal(),
     forceMount: () => local.forceMount ?? false,
     generateId: createGenerateId(() => local.id),
-    value: () => local.value
+    value: () => local.value,
+    orientation: () => local.orientation ?? optionalMenubarContext?.orientation() ?? "horizontal"
   };
   return createComponent(MenuRootContext.Provider, {
     value: context,
@@ -11228,204 +11343,66 @@ function MenuRoot(props) {
     }
   });
 }
-var MenuContext, MenuItemContext, MenuRootContext, MenubarContext, MenuGroupContext, MenuRadioGroupContext, SUB_CLOSE_KEYS, SELECTION_KEYS, SUB_OPEN_KEYS;
-var init_FEWVDVRO = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/FEWVDVRO.js"() {
-    init_SUY5UYD();
+var MenuContext, MenuItemContext, MenuRootContext, MenubarContext, MENUBAR_KEYS, MENU_KEYS, NavigationMenuContext, MenuGroupContext, MenuRadioGroupContext, SUB_CLOSE_KEYS, SELECTION_KEYS, SUB_OPEN_KEYS;
+var init_F4B62RP = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/3F4B62RP.js"() {
+    init_X2EKUJ3();
     init_CVNMTYF();
-    init_FHLXHFZN();
-    init_F2YUHYY4();
+    init_GLKC2QFF();
+    init_H6DSIDEC();
     init_XHJPQEZP();
     init_ISKHZMHS();
     init_TZGE2AQH();
-    init_MUMWGWR();
+    init_G7G3PFRJ();
     init_YGDQXQ2B();
     init_LCANGHD();
+    init_OVKXYPU();
     init_E4R2EMM4();
-    init_MH7W7S();
     init_BLN63FDC();
-    init_SNFWSEOJ();
+    init_ET5T45DO();
+    init_Y7B2NEO();
     init_web();
-    init_dist11();
-    init_solid();
     init_dist12();
+    init_solid();
+    init_dist14();
+    init_dist11();
+    init_dist13();
     MenuContext = createContext();
     MenuItemContext = createContext();
     MenuRootContext = createContext();
     MenubarContext = createContext();
+    MENUBAR_KEYS = {
+      next: (dir, orientation) => dir === "ltr" ? orientation === "horizontal" ? "ArrowRight" : "ArrowDown" : orientation === "horizontal" ? "ArrowLeft" : "ArrowUp",
+      previous: (dir, orientation) => MENUBAR_KEYS.next(dir === "ltr" ? "rtl" : "ltr", orientation)
+    };
+    MENU_KEYS = {
+      first: (orientation) => orientation === "horizontal" ? "ArrowDown" : "ArrowRight",
+      last: (orientation) => orientation === "horizontal" ? "ArrowUp" : "ArrowLeft"
+    };
+    NavigationMenuContext = createContext();
     MenuGroupContext = createContext();
     MenuRadioGroupContext = createContext();
     SUB_CLOSE_KEYS = {
-      ltr: ["ArrowLeft"],
-      rtl: ["ArrowRight"]
+      close: (dir, orientation) => {
+        if (dir === "ltr") {
+          return [orientation === "horizontal" ? "ArrowLeft" : "ArrowUp"];
+        }
+        return [orientation === "horizontal" ? "ArrowRight" : "ArrowDown"];
+      }
     };
     SELECTION_KEYS = ["Enter", " "];
     SUB_OPEN_KEYS = {
-      ltr: [...SELECTION_KEYS, "ArrowRight"],
-      rtl: [...SELECTION_KEYS, "ArrowLeft"]
-    };
-  }
-});
-
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/7X66VFHP.js
-function MenuTrigger(props) {
-  const rootContext = useMenuRootContext();
-  const context = useMenuContext();
-  const optionalMenubarContext = useOptionalMenubarContext();
-  const mergedProps = mergeDefaultProps({
-    id: rootContext.generateId("trigger")
-  }, props);
-  const [local, others] = splitProps(mergedProps, ["ref", "id", "disabled", "onPointerDown", "onClick", "onKeyDown", "onMouseOver", "onFocus"]);
-  let key;
-  if (optionalMenubarContext !== void 0) {
-    key = rootContext.value() ?? local.id;
-    createEffect(() => {
-      optionalMenubarContext.registerMenu(key, [context.contentRef(), ...context.nestedMenus()]);
-    });
-    createEffect(() => {
-      if (optionalMenubarContext.value() === key) {
-        context.triggerRef()?.focus();
-        if (optionalMenubarContext.autoFocusMenu())
-          context.open(true);
-      } else
-        context.close(true);
-    });
-    createEffect(() => {
-      if (context.isOpen())
-        optionalMenubarContext.setValue(key);
-    });
-    onCleanup(() => {
-      optionalMenubarContext.unregisterMenu(key);
-    });
-    if (optionalMenubarContext.lastValue() === void 0)
-      optionalMenubarContext.setLastValue(key);
-  }
-  const tagName = createTagName(() => context.triggerRef(), () => "button");
-  const isNativeLink = createMemo(() => {
-    return tagName() === "a" && context.triggerRef()?.getAttribute("href") != null;
-  });
-  const handleClick = () => {
-    optionalMenubarContext?.setAutoFocusMenu(true);
-    if (optionalMenubarContext !== void 0)
-      context.toggle(false);
-    else
-      context.toggle(true);
-    if (optionalMenubarContext !== void 0 && !context.isOpen() && optionalMenubarContext.value() === key) {
-      optionalMenubarContext.closeMenu();
-    }
-  };
-  const onPointerDown = (e2) => {
-    callHandler(e2, local.onPointerDown);
-    e2.currentTarget.dataset.pointerType = e2.pointerType;
-    if (!local.disabled && e2.pointerType !== "touch" && e2.button === 0) {
-      handleClick();
-    }
-  };
-  const onClick = (e2) => {
-    callHandler(e2, local.onClick);
-    if (!local.disabled) {
-      if (e2.currentTarget.dataset.pointerType === "touch")
-        handleClick();
-    }
-  };
-  const onKeyDown = (e2) => {
-    callHandler(e2, local.onKeyDown);
-    if (local.disabled) {
-      return;
-    }
-    if (isNativeLink()) {
-      switch (e2.key) {
-        case "Enter":
-        case " ":
-          return;
+      open: (dir, orientation) => {
+        if (dir === "ltr") {
+          return [...SELECTION_KEYS, orientation === "horizontal" ? "ArrowRight" : "ArrowDown"];
+        }
+        return [...SELECTION_KEYS, orientation === "horizontal" ? "ArrowLeft" : "ArrowUp"];
       }
-    }
-    switch (e2.key) {
-      case "Enter":
-      case " ":
-      case "ArrowDown":
-        e2.stopPropagation();
-        e2.preventDefault();
-        scrollIntoViewport(e2.currentTarget);
-        context.toggle("first");
-        break;
-      case "ArrowUp":
-        e2.stopPropagation();
-        e2.preventDefault();
-        context.toggle("last");
-        break;
-      case "ArrowRight":
-        if (optionalMenubarContext === void 0)
-          break;
-        e2.stopPropagation();
-        e2.preventDefault();
-        optionalMenubarContext.nextMenu();
-        break;
-      case "ArrowLeft":
-        if (optionalMenubarContext === void 0)
-          break;
-        e2.stopPropagation();
-        e2.preventDefault();
-        optionalMenubarContext.previousMenu();
-        break;
-    }
-  };
-  const onMouseOver = (e2) => {
-    callHandler(e2, local.onMouseOver);
-    if (!local.disabled && optionalMenubarContext !== void 0 && optionalMenubarContext.value() !== void 0) {
-      optionalMenubarContext.setValue(key);
-    }
-  };
-  const onFocus = (e2) => {
-    callHandler(e2, local.onFocus);
-    if (optionalMenubarContext !== void 0)
-      optionalMenubarContext.setValue(key);
-  };
-  createEffect(() => onCleanup(context.registerTriggerId(local.id)));
-  return createComponent(ButtonRoot, mergeProps({
-    ref(r$) {
-      const _ref$ = mergeRefs(context.setTriggerRef, local.ref);
-      typeof _ref$ === "function" && _ref$(r$);
-    },
-    get id() {
-      return local.id;
-    },
-    get disabled() {
-      return local.disabled;
-    },
-    "aria-haspopup": "true",
-    get ["aria-expanded"]() {
-      return context.isOpen();
-    },
-    get ["aria-controls"]() {
-      return createMemo(() => !!context.isOpen())() ? context.contentId() : void 0;
-    },
-    get ["data-highlighted"]() {
-      return key !== void 0 && optionalMenubarContext?.value() === key ? true : void 0;
-    },
-    get tabIndex() {
-      return optionalMenubarContext !== void 0 ? optionalMenubarContext.value() === key || optionalMenubarContext.lastValue() === key ? 0 : -1 : void 0;
-    },
-    onPointerDown,
-    onMouseOver,
-    onClick,
-    onKeyDown,
-    onFocus,
-    role: optionalMenubarContext !== void 0 ? "menuitem" : void 0
-  }, () => context.dataset(), others));
-}
-var init_X66VFHP = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/7X66VFHP.js"() {
-    init_FEWVDVRO();
-    init_EOS4KX3P();
-    init_QD537TT();
-    init_web();
-    init_dist11();
-    init_solid();
+    };
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/QXPEHVJD.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/STGRFJHZ.js
 function SeparatorRoot(props) {
   let ref;
   const mergedProps = mergeDefaultProps({
@@ -11451,13 +11428,13 @@ function SeparatorRoot(props) {
   }, others));
 }
 var separator_exports, Separator;
-var init_QXPEHVJD = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/QXPEHVJD.js"() {
-    init_QD537TT();
-    init_SNFWSEOJ();
+var init_STGRFJHZ = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/STGRFJHZ.js"() {
+    init_ET5T45DO();
+    init_Y7B2NEO();
     init_ZKAE4VZ();
     init_web();
-    init_dist11();
+    init_dist12();
     init_solid();
     separator_exports = {};
     __export2(separator_exports, {
@@ -11468,7 +11445,7 @@ var init_QXPEHVJD = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/JTYXMUDU.js
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/V2JBZ7BJ.js
 function DropdownMenuContent(props) {
   const rootContext = useMenuRootContext();
   const context = useMenuContext();
@@ -11501,15 +11478,14 @@ function DropdownMenuRoot(props) {
   return createComponent(MenuRoot, mergedProps);
 }
 var dropdown_menu_exports, DropdownMenu;
-var init_JTYXMUDU = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/chunk/JTYXMUDU.js"() {
-    init_X66VFHP();
-    init_FEWVDVRO();
-    init_QXPEHVJD();
-    init_SUY5UYD();
+var init_V2JBZ7BJ = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/chunk/V2JBZ7BJ.js"() {
+    init_F4B62RP();
+    init_STGRFJHZ();
+    init_X2EKUJ3();
     init_ZKAE4VZ();
     init_web();
-    init_dist11();
+    init_dist12();
     init_solid();
     dropdown_menu_exports = {};
     __export2(dropdown_menu_exports, {
@@ -11557,11 +11533,11 @@ var init_JTYXMUDU = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/index.js
-var init_dist13 = __esm({
-  "../../node_modules/.pnpm/@kobalte+core@0.13.1_solid-js@1.8.17/node_modules/@kobalte/core/dist/index.js"() {
-    init_YXI762UW();
-    init_JTYXMUDU();
+// ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/index.js
+var init_dist15 = __esm({
+  "../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.8.19/node_modules/@kobalte/core/dist/index.js"() {
+    init_Q2BOFK7I();
+    init_V2JBZ7BJ();
   }
 });
 
@@ -11882,14 +11858,14 @@ function ArrowDown() {
 }
 function ArrowLeft() {
   return (() => {
-    const _el$6 = _tmpl$5();
+    var _el$6 = _tmpl$5();
     _el$6.style.setProperty("transform", "rotate(90deg)");
     return _el$6;
   })();
 }
 function ArrowRight() {
   return (() => {
-    const _el$7 = _tmpl$5();
+    var _el$7 = _tmpl$5();
     _el$7.style.setProperty("transform", "rotate(-90deg)");
     return _el$7;
   })();
@@ -11920,7 +11896,7 @@ function Copier() {
 }
 function CopiedCopier(props) {
   return (() => {
-    const _el$16 = _tmpl$14(), _el$17 = _el$16.firstChild;
+    var _el$16 = _tmpl$14(), _el$17 = _el$16.firstChild;
     createRenderEffect(() => setAttribute(_el$17, "stroke", props.theme === "dark" ? "#12B76A" : "#027A48"));
     return _el$16;
   })();
@@ -11937,7 +11913,7 @@ function Check(props) {
       return props.checked;
     },
     get children() {
-      const _el$20 = _tmpl$14(), _el$21 = _el$20.firstChild;
+      var _el$20 = _tmpl$14(), _el$21 = _el$20.firstChild;
       createRenderEffect(() => setAttribute(_el$21, "stroke", props.theme === "dark" ? "#9B8AFB" : "#6938EF"));
       return _el$20;
     }
@@ -11946,7 +11922,7 @@ function Check(props) {
       return !props.checked;
     },
     get children() {
-      const _el$22 = _tmpl$17(), _el$23 = _el$22.firstChild;
+      var _el$22 = _tmpl$17(), _el$23 = _el$22.firstChild;
       createRenderEffect(() => setAttribute(_el$23, "stroke", props.theme === "dark" ? "#9B8AFB" : "#6938EF"));
       return _el$22;
     }
@@ -11967,7 +11943,7 @@ function PauseCircle() {
 function TanstackLogo() {
   const id = createUniqueId();
   return (() => {
-    const _el$28 = _tmpl$222(), _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$30.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$31.nextSibling, _el$34 = _el$33.firstChild, _el$35 = _el$33.nextSibling, _el$36 = _el$35.nextSibling, _el$37 = _el$36.firstChild, _el$38 = _el$36.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$38.nextSibling, _el$41 = _el$40.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$41.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$43.nextSibling, _el$46 = _el$45.nextSibling, _el$47 = _el$46.firstChild, _el$48 = _el$46.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$48.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$51.nextSibling, _el$54 = _el$53.firstChild, _el$55 = _el$53.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$56.firstChild, _el$58 = _el$56.nextSibling, _el$59 = _el$58.firstChild, _el$60 = _el$58.nextSibling, _el$61 = _el$60.nextSibling, _el$62 = _el$61.firstChild, _el$63 = _el$61.nextSibling, _el$64 = _el$63.firstChild, _el$65 = _el$63.nextSibling, _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$68 = _el$67.nextSibling, _el$69 = _el$68.nextSibling, _el$70 = _el$69.nextSibling, _el$71 = _el$65.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$71.nextSibling, _el$74 = _el$73.firstChild, _el$75 = _el$73.nextSibling, _el$76 = _el$75.firstChild, _el$77 = _el$76.nextSibling, _el$78 = _el$77.nextSibling, _el$79 = _el$78.firstChild, _el$80 = _el$79.nextSibling, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling, _el$90 = _el$89.nextSibling, _el$91 = _el$75.nextSibling, _el$92 = _el$91.firstChild, _el$93 = _el$91.nextSibling, _el$94 = _el$93.firstChild, _el$95 = _el$93.nextSibling, _el$96 = _el$95.firstChild, _el$97 = _el$96.nextSibling, _el$98 = _el$95.nextSibling, _el$99 = _el$98.firstChild, _el$100 = _el$98.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$100.nextSibling, _el$103 = _el$102.firstChild, _el$104 = _el$103.nextSibling, _el$105 = _el$104.nextSibling, _el$106 = _el$105.nextSibling, _el$107 = _el$106.nextSibling, _el$108 = _el$107.nextSibling, _el$109 = _el$108.nextSibling, _el$110 = _el$109.nextSibling, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling, _el$119 = _el$118.nextSibling, _el$120 = _el$119.nextSibling;
+    var _el$28 = _tmpl$222(), _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$30.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$31.nextSibling, _el$34 = _el$33.firstChild, _el$35 = _el$33.nextSibling, _el$36 = _el$35.nextSibling, _el$37 = _el$36.firstChild, _el$38 = _el$36.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$38.nextSibling, _el$41 = _el$40.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$41.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$43.nextSibling, _el$46 = _el$45.nextSibling, _el$47 = _el$46.firstChild, _el$48 = _el$46.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$48.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$51.nextSibling, _el$54 = _el$53.firstChild, _el$55 = _el$53.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$56.firstChild, _el$58 = _el$56.nextSibling, _el$59 = _el$58.firstChild, _el$60 = _el$58.nextSibling, _el$61 = _el$60.nextSibling, _el$62 = _el$61.firstChild, _el$63 = _el$61.nextSibling, _el$64 = _el$63.firstChild, _el$65 = _el$63.nextSibling, _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$68 = _el$67.nextSibling, _el$69 = _el$68.nextSibling, _el$70 = _el$69.nextSibling, _el$71 = _el$65.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$71.nextSibling, _el$74 = _el$73.firstChild, _el$75 = _el$73.nextSibling, _el$76 = _el$75.firstChild, _el$77 = _el$76.nextSibling, _el$78 = _el$77.nextSibling, _el$79 = _el$78.firstChild, _el$80 = _el$79.nextSibling, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling, _el$90 = _el$89.nextSibling, _el$91 = _el$75.nextSibling, _el$92 = _el$91.firstChild, _el$93 = _el$91.nextSibling, _el$94 = _el$93.firstChild, _el$95 = _el$93.nextSibling, _el$96 = _el$95.firstChild, _el$97 = _el$96.nextSibling, _el$98 = _el$95.nextSibling, _el$99 = _el$98.firstChild, _el$100 = _el$98.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$100.nextSibling, _el$103 = _el$102.firstChild, _el$104 = _el$103.nextSibling, _el$105 = _el$104.nextSibling, _el$106 = _el$105.nextSibling, _el$107 = _el$106.nextSibling, _el$108 = _el$107.nextSibling, _el$109 = _el$108.nextSibling, _el$110 = _el$109.nextSibling, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling, _el$119 = _el$118.nextSibling, _el$120 = _el$119.nextSibling;
     setAttribute(_el$29, "id", `a-${id}`);
     setAttribute(_el$30, "fill", `url(#a-${id})`);
     setAttribute(_el$32, "id", `am-${id}`);
@@ -12108,8 +12084,6 @@ var init_Context = __esm({
 
 // src/Explorer.tsx
 function chunkArray(array, size3) {
-  if (size3 < 1)
-    return [];
   let i2 = 0;
   const result = [];
   while (i2 < array.length) {
@@ -12171,14 +12145,14 @@ function Explorer(props) {
   const subEntryPages = createMemo(() => chunkArray(subEntries(), 100));
   const currentDataPath = props.dataPath ?? [];
   return (() => {
-    const _el$6 = _tmpl$62();
+    var _el$6 = _tmpl$62();
     insert(_el$6, createComponent(Show, {
       get when() {
         return subEntryPages().length;
       },
       get children() {
         return [(() => {
-          const _el$7 = _tmpl$72(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$10 = _el$9.nextSibling, _el$11 = _el$10.nextSibling, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild;
+          var _el$7 = _tmpl$72(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$10 = _el$9.nextSibling, _el$11 = _el$10.nextSibling, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild;
           _el$8.$$click = () => toggleExpanded();
           insert(_el$8, createComponent(Expander, {
             get expanded() {
@@ -12194,7 +12168,7 @@ function Explorer(props) {
               return props.editable;
             },
             get children() {
-              const _el$14 = _tmpl$62();
+              var _el$14 = _tmpl$62();
               insert(_el$14, createComponent(CopyButton, {
                 get value() {
                   return props.value;
@@ -12231,15 +12205,15 @@ function Explorer(props) {
             }
           }), null);
           createRenderEffect((_p$) => {
-            const _v$3 = styles().expanderButtonContainer, _v$4 = styles().expanderButton, _v$5 = styles().info;
-            _v$3 !== _p$._v$3 && className(_el$7, _p$._v$3 = _v$3);
-            _v$4 !== _p$._v$4 && className(_el$8, _p$._v$4 = _v$4);
-            _v$5 !== _p$._v$5 && className(_el$12, _p$._v$5 = _v$5);
+            var _v$3 = styles().expanderButtonContainer, _v$4 = styles().expanderButton, _v$5 = styles().info;
+            _v$3 !== _p$.e && className(_el$7, _p$.e = _v$3);
+            _v$4 !== _p$.t && className(_el$8, _p$.t = _v$4);
+            _v$5 !== _p$.a && className(_el$12, _p$.a = _v$5);
             return _p$;
           }, {
-            _v$3: void 0,
-            _v$4: void 0,
-            _v$5: void 0
+            e: void 0,
+            t: void 0,
+            a: void 0
           });
           return _el$7;
         })(), createComponent(Show, {
@@ -12252,7 +12226,7 @@ function Explorer(props) {
                 return subEntryPages().length === 1;
               },
               get children() {
-                const _el$15 = _tmpl$62();
+                var _el$15 = _tmpl$62();
                 insert(_el$15, createComponent(Key, {
                   get each() {
                     return subEntries();
@@ -12292,13 +12266,13 @@ function Explorer(props) {
                 return subEntryPages().length > 1;
               },
               get children() {
-                const _el$16 = _tmpl$62();
+                var _el$16 = _tmpl$62();
                 insert(_el$16, createComponent(Index, {
                   get each() {
                     return subEntryPages();
                   },
                   children: (entries2, index) => (() => {
-                    const _el$22 = _tmpl$112(), _el$23 = _el$22.firstChild, _el$24 = _el$23.firstChild, _el$25 = _el$24.firstChild, _el$29 = _el$25.nextSibling, _el$27 = _el$29.nextSibling, _el$30 = _el$27.nextSibling; _el$30.nextSibling;
+                    var _el$22 = _tmpl$112(), _el$23 = _el$22.firstChild, _el$24 = _el$23.firstChild, _el$25 = _el$24.firstChild, _el$29 = _el$25.nextSibling, _el$27 = _el$29.nextSibling, _el$30 = _el$27.nextSibling; _el$30.nextSibling;
                     _el$24.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]);
                     insert(_el$24, createComponent(Expander, {
                       get expanded() {
@@ -12312,7 +12286,7 @@ function Explorer(props) {
                         return expandedPages().includes(index);
                       },
                       get children() {
-                        const _el$31 = _tmpl$62();
+                        var _el$31 = _tmpl$62();
                         insert(_el$31, createComponent(Key, {
                           get each() {
                             return entries2();
@@ -12344,13 +12318,13 @@ function Explorer(props) {
                       }
                     }), null);
                     createRenderEffect((_p$) => {
-                      const _v$10 = styles().entry, _v$11 = styles().expanderButton;
-                      _v$10 !== _p$._v$10 && className(_el$23, _p$._v$10 = _v$10);
-                      _v$11 !== _p$._v$11 && className(_el$24, _p$._v$11 = _v$11);
+                      var _v$10 = styles().entry, _v$11 = styles().expanderButton;
+                      _v$10 !== _p$.e && className(_el$23, _p$.e = _v$10);
+                      _v$11 !== _p$.t && className(_el$24, _p$.t = _v$11);
                       return _p$;
                     }, {
-                      _v$10: void 0,
-                      _v$11: void 0
+                      e: void 0,
+                      t: void 0
                     });
                     return _el$22;
                   })()
@@ -12368,7 +12342,7 @@ function Explorer(props) {
         return subEntryPages().length === 0;
       },
       get children() {
-        const _el$17 = _tmpl$102(), _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild;
+        var _el$17 = _tmpl$102(), _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild;
         insert(_el$18, () => props.label, _el$19);
         insert(_el$17, createComponent(Show, {
           get when() {
@@ -12376,7 +12350,7 @@ function Explorer(props) {
           },
           get fallback() {
             return (() => {
-              const _el$32 = _tmpl$92();
+              var _el$32 = _tmpl$92();
               insert(_el$32, () => displayValue(props.value));
               createRenderEffect(() => className(_el$32, styles().value));
               return _el$32;
@@ -12388,20 +12362,20 @@ function Explorer(props) {
                 return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number");
               },
               get children() {
-                const _el$20 = _tmpl$82();
+                var _el$20 = _tmpl$82();
                 _el$20.addEventListener("change", (changeEvent) => {
                   const oldData = props.activeQuery.state.data;
                   const newData = updateNestedDataByPath(oldData, currentDataPath, type() === "number" ? changeEvent.target.valueAsNumber : changeEvent.target.value);
                   queryClient.setQueryData(props.activeQuery.queryKey, newData);
                 });
                 createRenderEffect((_p$) => {
-                  const _v$6 = type() === "number" ? "number" : "text", _v$7 = clsx(styles().value, styles().editableInput);
-                  _v$6 !== _p$._v$6 && setAttribute(_el$20, "type", _p$._v$6 = _v$6);
-                  _v$7 !== _p$._v$7 && className(_el$20, _p$._v$7 = _v$7);
+                  var _v$6 = type() === "number" ? "number" : "text", _v$7 = clsx(styles().value, styles().editableInput);
+                  _v$6 !== _p$.e && setAttribute(_el$20, "type", _p$.e = _v$6);
+                  _v$7 !== _p$.t && className(_el$20, _p$.t = _v$7);
                   return _p$;
                 }, {
-                  _v$6: void 0,
-                  _v$7: void 0
+                  e: void 0,
+                  t: void 0
                 });
                 createRenderEffect(() => _el$20.value = props.value);
                 return _el$20;
@@ -12411,7 +12385,7 @@ function Explorer(props) {
                 return type() === "boolean";
               },
               get children() {
-                const _el$21 = _tmpl$92();
+                var _el$21 = _tmpl$92();
                 insert(_el$21, createComponent(ToggleValueButton, {
                   get activeQuery() {
                     return props.activeQuery;
@@ -12442,13 +12416,13 @@ function Explorer(props) {
           }
         }), null);
         createRenderEffect((_p$) => {
-          const _v$8 = styles().row, _v$9 = styles().label;
-          _v$8 !== _p$._v$8 && className(_el$17, _p$._v$8 = _v$8);
-          _v$9 !== _p$._v$9 && className(_el$18, _p$._v$9 = _v$9);
+          var _v$8 = styles().row, _v$9 = styles().label;
+          _v$8 !== _p$.e && className(_el$17, _p$.e = _v$8);
+          _v$9 !== _p$.t && className(_el$18, _p$.t = _v$9);
           return _p$;
         }, {
-          _v$8: void 0,
-          _v$9: void 0
+          e: void 0,
+          t: void 0
         });
         return _el$17;
       }
@@ -12498,7 +12472,7 @@ var init_Explorer = __esm({
         return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       return (() => {
-        const _el$ = _tmpl$23();
+        var _el$ = _tmpl$23();
         createRenderEffect(() => className(_el$, clsx(styles().expander, css`
           transform: rotate(${props.expanded ? 90 : 0}deg);
         `, props.expanded && css`
@@ -12519,7 +12493,7 @@ var init_Explorer = __esm({
       });
       const [copyState, setCopyState] = createSignal("NoCopy");
       return (() => {
-        const _el$2 = _tmpl$24();
+        var _el$2 = _tmpl$24();
         addEventListener(_el$2, "click", copyState() === "NoCopy" ? () => {
           navigator.clipboard.writeText(stringify(props.value)).then(() => {
             setCopyState("SuccessCopy");
@@ -12564,13 +12538,13 @@ var init_Explorer = __esm({
           }
         }));
         createRenderEffect((_p$) => {
-          const _v$ = styles().actionButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
-          _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
-          _v$2 !== _p$._v$2 && setAttribute(_el$2, "aria-label", _p$._v$2 = _v$2);
+          var _v$ = styles().actionButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
+          _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$2, "aria-label", _p$.t = _v$2);
           return _p$;
         }, {
-          _v$: void 0,
-          _v$2: void 0
+          e: void 0,
+          t: void 0
         });
         return _el$2;
       })();
@@ -12585,7 +12559,7 @@ var init_Explorer = __esm({
       });
       const queryClient = useQueryDevtoolsContext().client;
       return (() => {
-        const _el$3 = _tmpl$32();
+        var _el$3 = _tmpl$32();
         _el$3.$$click = () => {
           const oldData = props.activeQuery.state.data;
           const newData = updateNestedDataByPath(oldData, props.dataPath, []);
@@ -12606,7 +12580,7 @@ var init_Explorer = __esm({
       });
       const queryClient = useQueryDevtoolsContext().client;
       return (() => {
-        const _el$4 = _tmpl$42();
+        var _el$4 = _tmpl$42();
         _el$4.$$click = () => {
           const oldData = props.activeQuery.state.data;
           const newData = deleteNestedDataByPath(oldData, props.dataPath);
@@ -12627,7 +12601,7 @@ var init_Explorer = __esm({
       });
       const queryClient = useQueryDevtoolsContext().client;
       return (() => {
-        const _el$5 = _tmpl$52();
+        var _el$5 = _tmpl$52();
         _el$5.$$click = () => {
           const oldData = props.activeQuery.state.data;
           const newData = updateNestedDataByPath(oldData, props.dataPath, !props.value);
@@ -12815,7 +12789,7 @@ var init_Devtools = __esm({
     init_dist7();
     init_dist8();
     init_dist10();
-    init_dist13();
+    init_dist15();
     init_web();
     init_theme();
     init_utils();
@@ -13077,8 +13051,8 @@ var init_Devtools = __esm({
           });
         }
       }), (() => {
-        const _el$ = _tmpl$26();
-        const _ref$ = transitionsContainerRef;
+        var _el$ = _tmpl$26();
+        var _ref$ = transitionsContainerRef;
         typeof _ref$ === "function" ? use(_ref$, _el$) : transitionsContainerRef = _el$;
         insert(_el$, createComponent(TransitionGroup, {
           name: "tsqd-panel-transition",
@@ -13108,7 +13082,7 @@ var init_Devtools = __esm({
                 return !isOpen();
               },
               get children() {
-                const _el$2 = _tmpl$25(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+                var _el$2 = _tmpl$25(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
                 insert(_el$3, createComponent(TanstackLogo, {}));
                 _el$4.$$click = () => props.setLocalStore("open", "true");
                 insert(_el$4, createComponent(TanstackLogo, {}));
@@ -13191,7 +13165,7 @@ var init_Devtools = __esm({
         });
       });
       return (() => {
-        const _el$5 = _tmpl$26();
+        var _el$5 = _tmpl$26();
         _el$5.style.setProperty("--tsqd-font-size", "16px");
         _el$5.style.setProperty("max-height", "100vh");
         _el$5.style.setProperty("height", "100vh");
@@ -13316,8 +13290,8 @@ var init_Devtools = __esm({
     `;
       };
       return (() => {
-        const _el$6 = _tmpl$33(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
-        const _ref$2 = panelRef;
+        var _el$6 = _tmpl$33(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
+        var _ref$2 = panelRef;
         typeof _ref$2 === "function" ? use(_ref$2, _el$6) : panelRef = _el$6;
         _el$7.$$mousedown = handleDragStart;
         _el$8.$$click = () => props.setLocalStore("open", "false");
@@ -13331,23 +13305,23 @@ var init_Devtools = __esm({
           }
         }), null);
         createRenderEffect((_p$) => {
-          const _v$ = clsx(styles().panel, styles()[`panel-position-${position()}`], getPanelDynamicStyles(), {
+          var _v$ = clsx(styles().panel, styles()[`panel-position-${position()}`], getPanelDynamicStyles(), {
             [css`
             min-width: min-content;
           `]: panelWidth() < thirdBreakpoint && (position() === "right" || position() === "left")
           }, "tsqd-main-panel"), _v$2 = position() === "bottom" || position() === "top" ? `${props.localStore.height || DEFAULT_HEIGHT}px` : "auto", _v$3 = position() === "right" || position() === "left" ? `${props.localStore.width || DEFAULT_WIDTH}px` : "auto", _v$4 = clsx(styles().dragHandle, styles()[`dragHandle-position-${position()}`], "tsqd-drag-handle"), _v$5 = clsx(styles().closeBtn, styles()[`closeBtn-position-${position()}`], "tsqd-minimize-btn");
-          _v$ !== _p$._v$ && className(_el$6, _p$._v$ = _v$);
-          _v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$6.style.setProperty("height", _v$2) : _el$6.style.removeProperty("height"));
-          _v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$6.style.setProperty("width", _v$3) : _el$6.style.removeProperty("width"));
-          _v$4 !== _p$._v$4 && className(_el$7, _p$._v$4 = _v$4);
-          _v$5 !== _p$._v$5 && className(_el$8, _p$._v$5 = _v$5);
+          _v$ !== _p$.e && className(_el$6, _p$.e = _v$);
+          _v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$6.style.setProperty("height", _v$2) : _el$6.style.removeProperty("height"));
+          _v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$6.style.setProperty("width", _v$3) : _el$6.style.removeProperty("width"));
+          _v$4 !== _p$.o && className(_el$7, _p$.o = _v$4);
+          _v$5 !== _p$.i && className(_el$8, _p$.i = _v$5);
           return _p$;
         }, {
-          _v$: void 0,
-          _v$2: void 0,
-          _v$3: void 0,
-          _v$4: void 0,
-          _v$5: void 0
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0
         });
         return _el$6;
       })();
@@ -13408,8 +13382,8 @@ var init_Devtools = __esm({
         el.style.setProperty("--tsqd-font-size", variable);
       };
       return [(() => {
-        const _el$9 = _tmpl$212(), _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$10.nextSibling, _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$23 = _el$20.nextSibling, _el$26 = _el$17.nextSibling, _el$27 = _el$26.firstChild, _el$28 = _el$27.nextSibling;
-        const _ref$3 = containerRef;
+        var _el$9 = _tmpl$212(), _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$10.nextSibling, _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$23 = _el$20.nextSibling, _el$26 = _el$17.nextSibling, _el$27 = _el$26.firstChild, _el$28 = _el$27.nextSibling;
+        var _ref$3 = containerRef;
         typeof _ref$3 === "function" ? use(_ref$3, _el$9) : containerRef = _el$9;
         _el$12.$$click = () => {
           if (!pip().pipWindow) {
@@ -13489,12 +13463,12 @@ var init_Devtools = __esm({
             return selectedView() === "queries";
           },
           get children() {
-            const _el$21 = _tmpl$43();
+            var _el$21 = _tmpl$43();
             _el$21.addEventListener("change", (e2) => {
               props.setLocalStore("sort", e2.currentTarget.value);
             });
             insert(_el$21, () => Object.keys(sortFns).map((key) => (() => {
-              const _el$44 = _tmpl$223(); _el$44.firstChild;
+              var _el$44 = _tmpl$223(); _el$44.firstChild;
               _el$44.value = key;
               insert(_el$44, key, null);
               return _el$44;
@@ -13508,12 +13482,12 @@ var init_Devtools = __esm({
             return selectedView() === "mutations";
           },
           get children() {
-            const _el$22 = _tmpl$53();
+            var _el$22 = _tmpl$53();
             _el$22.addEventListener("change", (e2) => {
               props.setLocalStore("mutationSort", e2.currentTarget.value);
             });
             insert(_el$22, () => Object.keys(mutationSortFns).map((key) => (() => {
-              const _el$46 = _tmpl$223(); _el$46.firstChild;
+              var _el$46 = _tmpl$223(); _el$46.firstChild;
               _el$46.value = key;
               insert(_el$46, key, null);
               return _el$46;
@@ -13564,7 +13538,7 @@ var init_Devtools = __esm({
           }
         };
         insert(_el$28, (() => {
-          const _c$ = createMemo(() => !!offline());
+          var _c$ = createMemo(() => !!offline());
           return () => _c$() ? createComponent(Offline, {}) : createComponent(Wifi, {});
         })());
         insert(_el$26, createComponent(Show, {
@@ -13572,7 +13546,7 @@ var init_Devtools = __esm({
             return !pip().pipWindow;
           },
           get children() {
-            const _el$29 = _tmpl$83();
+            var _el$29 = _tmpl$83();
             _el$29.$$click = () => {
               pip().requestPipWindow(Number(window.innerWidth), Number(props.localStore.height ?? 500));
             };
@@ -13603,7 +13577,7 @@ var init_Devtools = __esm({
                   },
                   get children() {
                     return [(() => {
-                      const _el$30 = _tmpl$93();
+                      var _el$30 = _tmpl$93();
                       createRenderEffect(() => className(_el$30, clsx(styles().settingsMenuHeader, "tsqd-settings-menu-header")));
                       return _el$30;
                     })(), createComponent(dropdown_menu_exports.Sub, {
@@ -13753,7 +13727,7 @@ var init_Devtools = __esm({
             return selectedView() === "queries";
           },
           get children() {
-            const _el$40 = _tmpl$192(), _el$41 = _el$40.firstChild;
+            var _el$40 = _tmpl$192(), _el$41 = _el$40.firstChild;
             insert(_el$41, createComponent(Key, {
               by: (q) => q.queryHash,
               get each() {
@@ -13774,7 +13748,7 @@ var init_Devtools = __esm({
             return selectedView() === "mutations";
           },
           get children() {
-            const _el$42 = _tmpl$202(), _el$43 = _el$42.firstChild;
+            var _el$42 = _tmpl$202(), _el$43 = _el$42.firstChild;
             insert(_el$43, createComponent(Key, {
               by: (m) => m.mutationId,
               get each() {
@@ -13791,55 +13765,55 @@ var init_Devtools = __esm({
           }
         }), null);
         createRenderEffect((_p$) => {
-          const _v$6 = clsx(styles().queriesContainer, panelWidth() < secondBreakpoint && (selectedQueryHash() || selectedMutationId()) && css`
+          var _v$6 = clsx(styles().queriesContainer, panelWidth() < secondBreakpoint && (selectedQueryHash() || selectedMutationId()) && css`
               height: 50%;
               max-height: 50%;
             `, panelWidth() < secondBreakpoint && !(selectedQueryHash() || selectedMutationId()) && css`
               height: 100%;
               max-height: 100%;
             `, "tsqd-queries-container"), _v$7 = clsx(styles().row, "tsqd-header"), _v$8 = styles().logoAndToggleContainer, _v$9 = clsx(styles().logo, "tsqd-text-logo-container"), _v$10 = clsx(styles().tanstackLogo, "tsqd-text-logo-tanstack"), _v$11 = clsx(styles().queryFlavorLogo, "tsqd-text-logo-query-flavor"), _v$12 = clsx(styles().row, "tsqd-filters-actions-container"), _v$13 = clsx(styles().filtersContainer, "tsqd-filters-container"), _v$14 = clsx(styles().filterInput, "tsqd-query-filter-textfield-container"), _v$15 = clsx("tsqd-query-filter-textfield"), _v$16 = clsx(styles().filterSelect, "tsqd-query-filter-sort-container"), _v$17 = `Sort order ${(selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1 ? "descending" : "ascending"}`, _v$18 = (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1, _v$19 = clsx(styles().actionsContainer, "tsqd-actions-container"), _v$20 = clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-clear-cache"), _v$21 = `Clear ${selectedView()} cache`, _v$22 = clsx(styles().actionsBtn, offline() && styles().actionsBtnOffline, "tsqd-actions-btn", "tsqd-action-mock-offline-behavior"), _v$23 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`, _v$24 = offline(), _v$25 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`;
-          _v$6 !== _p$._v$6 && className(_el$9, _p$._v$6 = _v$6);
-          _v$7 !== _p$._v$7 && className(_el$10, _p$._v$7 = _v$7);
-          _v$8 !== _p$._v$8 && className(_el$11, _p$._v$8 = _v$8);
-          _v$9 !== _p$._v$9 && className(_el$12, _p$._v$9 = _v$9);
-          _v$10 !== _p$._v$10 && className(_el$13, _p$._v$10 = _v$10);
-          _v$11 !== _p$._v$11 && className(_el$14, _p$._v$11 = _v$11);
-          _v$12 !== _p$._v$12 && className(_el$16, _p$._v$12 = _v$12);
-          _v$13 !== _p$._v$13 && className(_el$17, _p$._v$13 = _v$13);
-          _v$14 !== _p$._v$14 && className(_el$18, _p$._v$14 = _v$14);
-          _v$15 !== _p$._v$15 && className(_el$19, _p$._v$15 = _v$15);
-          _v$16 !== _p$._v$16 && className(_el$20, _p$._v$16 = _v$16);
-          _v$17 !== _p$._v$17 && setAttribute(_el$23, "aria-label", _p$._v$17 = _v$17);
-          _v$18 !== _p$._v$18 && setAttribute(_el$23, "aria-pressed", _p$._v$18 = _v$18);
-          _v$19 !== _p$._v$19 && className(_el$26, _p$._v$19 = _v$19);
-          _v$20 !== _p$._v$20 && className(_el$27, _p$._v$20 = _v$20);
-          _v$21 !== _p$._v$21 && setAttribute(_el$27, "title", _p$._v$21 = _v$21);
-          _v$22 !== _p$._v$22 && className(_el$28, _p$._v$22 = _v$22);
-          _v$23 !== _p$._v$23 && setAttribute(_el$28, "aria-label", _p$._v$23 = _v$23);
-          _v$24 !== _p$._v$24 && setAttribute(_el$28, "aria-pressed", _p$._v$24 = _v$24);
-          _v$25 !== _p$._v$25 && setAttribute(_el$28, "title", _p$._v$25 = _v$25);
+          _v$6 !== _p$.e && className(_el$9, _p$.e = _v$6);
+          _v$7 !== _p$.t && className(_el$10, _p$.t = _v$7);
+          _v$8 !== _p$.a && className(_el$11, _p$.a = _v$8);
+          _v$9 !== _p$.o && className(_el$12, _p$.o = _v$9);
+          _v$10 !== _p$.i && className(_el$13, _p$.i = _v$10);
+          _v$11 !== _p$.n && className(_el$14, _p$.n = _v$11);
+          _v$12 !== _p$.s && className(_el$16, _p$.s = _v$12);
+          _v$13 !== _p$.h && className(_el$17, _p$.h = _v$13);
+          _v$14 !== _p$.r && className(_el$18, _p$.r = _v$14);
+          _v$15 !== _p$.d && className(_el$19, _p$.d = _v$15);
+          _v$16 !== _p$.l && className(_el$20, _p$.l = _v$16);
+          _v$17 !== _p$.u && setAttribute(_el$23, "aria-label", _p$.u = _v$17);
+          _v$18 !== _p$.c && setAttribute(_el$23, "aria-pressed", _p$.c = _v$18);
+          _v$19 !== _p$.w && className(_el$26, _p$.w = _v$19);
+          _v$20 !== _p$.m && className(_el$27, _p$.m = _v$20);
+          _v$21 !== _p$.f && setAttribute(_el$27, "title", _p$.f = _v$21);
+          _v$22 !== _p$.y && className(_el$28, _p$.y = _v$22);
+          _v$23 !== _p$.g && setAttribute(_el$28, "aria-label", _p$.g = _v$23);
+          _v$24 !== _p$.p && setAttribute(_el$28, "aria-pressed", _p$.p = _v$24);
+          _v$25 !== _p$.b && setAttribute(_el$28, "title", _p$.b = _v$25);
           return _p$;
         }, {
-          _v$6: void 0,
-          _v$7: void 0,
-          _v$8: void 0,
-          _v$9: void 0,
-          _v$10: void 0,
-          _v$11: void 0,
-          _v$12: void 0,
-          _v$13: void 0,
-          _v$14: void 0,
-          _v$15: void 0,
-          _v$16: void 0,
-          _v$17: void 0,
-          _v$18: void 0,
-          _v$19: void 0,
-          _v$20: void 0,
-          _v$21: void 0,
-          _v$22: void 0,
-          _v$23: void 0,
-          _v$24: void 0,
-          _v$25: void 0
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0,
+          n: void 0,
+          s: void 0,
+          h: void 0,
+          r: void 0,
+          d: void 0,
+          l: void 0,
+          u: void 0,
+          c: void 0,
+          w: void 0,
+          m: void 0,
+          f: void 0,
+          y: void 0,
+          g: void 0,
+          p: void 0,
+          b: void 0
         });
         createRenderEffect(() => _el$19.value = selectedView() === "queries" ? props.localStore.filter || "" : props.localStore.mutationFilter || "");
         return _el$9;
@@ -13906,7 +13880,7 @@ var init_Devtools = __esm({
           return queryState();
         },
         get children() {
-          const _el$48 = _tmpl$242(), _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling;
+          var _el$48 = _tmpl$242(), _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling;
           _el$48.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
           insert(_el$49, observers);
           insert(_el$50, () => props.query.queryHash);
@@ -13919,15 +13893,15 @@ var init_Devtools = __esm({
             }
           }), null);
           createRenderEffect((_p$) => {
-            const _v$26 = clsx(styles().queryRow, selectedQueryHash() === props.query.queryHash && styles().selectedQueryRow, "tsqd-query-row"), _v$27 = `Query key ${props.query.queryHash}`, _v$28 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
-            _v$26 !== _p$._v$26 && className(_el$48, _p$._v$26 = _v$26);
-            _v$27 !== _p$._v$27 && setAttribute(_el$48, "aria-label", _p$._v$27 = _v$27);
-            _v$28 !== _p$._v$28 && className(_el$49, _p$._v$28 = _v$28);
+            var _v$26 = clsx(styles().queryRow, selectedQueryHash() === props.query.queryHash && styles().selectedQueryRow, "tsqd-query-row"), _v$27 = `Query key ${props.query.queryHash}`, _v$28 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
+            _v$26 !== _p$.e && className(_el$48, _p$.e = _v$26);
+            _v$27 !== _p$.t && setAttribute(_el$48, "aria-label", _p$.t = _v$27);
+            _v$28 !== _p$.a && className(_el$49, _p$.a = _v$28);
             return _p$;
           }, {
-            _v$26: void 0,
-            _v$27: void 0,
-            _v$28: void 0
+            e: void 0,
+            t: void 0,
+            a: void 0
           });
           return _el$48;
         }
@@ -13986,7 +13960,7 @@ var init_Devtools = __esm({
           return mutationState();
         },
         get children() {
-          const _el$52 = _tmpl$242(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
+          var _el$52 = _tmpl$242(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
           _el$52.$$click = () => {
             setSelectedMutationId(props.mutation.mutationId === selectedMutationId() ? null : props.mutation.mutationId);
           };
@@ -14032,15 +14006,15 @@ var init_Devtools = __esm({
           }), null);
           insert(_el$54, () => new Date(props.mutation.state.submittedAt).toLocaleString(), null);
           createRenderEffect((_p$) => {
-            const _v$29 = clsx(styles().queryRow, selectedMutationId() === props.mutation.mutationId && styles().selectedQueryRow, "tsqd-query-row"), _v$30 = `Mutation submitted at ${new Date(props.mutation.state.submittedAt).toLocaleString()}`, _v$31 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
-            _v$29 !== _p$._v$29 && className(_el$52, _p$._v$29 = _v$29);
-            _v$30 !== _p$._v$30 && setAttribute(_el$52, "aria-label", _p$._v$30 = _v$30);
-            _v$31 !== _p$._v$31 && className(_el$53, _p$._v$31 = _v$31);
+            var _v$29 = clsx(styles().queryRow, selectedMutationId() === props.mutation.mutationId && styles().selectedQueryRow, "tsqd-query-row"), _v$30 = `Mutation submitted at ${new Date(props.mutation.state.submittedAt).toLocaleString()}`, _v$31 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
+            _v$29 !== _p$.e && className(_el$52, _p$.e = _v$29);
+            _v$30 !== _p$.t && setAttribute(_el$52, "aria-label", _p$.t = _v$30);
+            _v$31 !== _p$.a && className(_el$53, _p$.a = _v$31);
             return _p$;
           }, {
-            _v$29: void 0,
-            _v$30: void 0,
-            _v$31: void 0
+            e: void 0,
+            t: void 0,
+            a: void 0
           });
           return _el$52;
         }
@@ -14060,7 +14034,7 @@ var init_Devtools = __esm({
         return theme() === "dark" ? darkStyles2(css) : lightStyles2(css);
       });
       return (() => {
-        const _el$55 = _tmpl$26();
+        var _el$55 = _tmpl$26();
         insert(_el$55, createComponent(QueryStatus, {
           label: "Fresh",
           color: "green",
@@ -14125,7 +14099,7 @@ var init_Devtools = __esm({
         return theme() === "dark" ? darkStyles2(css) : lightStyles2(css);
       });
       return (() => {
-        const _el$56 = _tmpl$26();
+        var _el$56 = _tmpl$26();
         insert(_el$56, createComponent(QueryStatus, {
           label: "Paused",
           color: "purple",
@@ -14186,8 +14160,8 @@ var init_Devtools = __esm({
         return true;
       });
       return (() => {
-        const _el$57 = _tmpl$27(), _el$59 = _el$57.firstChild, _el$61 = _el$59.nextSibling;
-        const _ref$4 = tagRef;
+        var _el$57 = _tmpl$27(), _el$59 = _el$57.firstChild, _el$61 = _el$59.nextSibling;
+        var _ref$4 = tagRef;
         typeof _ref$4 === "function" ? use(_ref$4, _el$57) : tagRef = _el$57;
         _el$57.addEventListener("mouseleave", () => {
           setMouseOver(false);
@@ -14216,7 +14190,7 @@ var init_Devtools = __esm({
             return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
           },
           get children() {
-            const _el$58 = _tmpl$252();
+            var _el$58 = _tmpl$252();
             insert(_el$58, () => props.label);
             createRenderEffect(() => className(_el$58, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
             return _el$58;
@@ -14227,7 +14201,7 @@ var init_Devtools = __esm({
             return showLabel();
           },
           get children() {
-            const _el$60 = _tmpl$262();
+            var _el$60 = _tmpl$262();
             insert(_el$60, () => props.label);
             createRenderEffect(() => className(_el$60, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
             return _el$60;
@@ -14235,7 +14209,7 @@ var init_Devtools = __esm({
         }), _el$61);
         insert(_el$61, () => props.count);
         createRenderEffect((_p$) => {
-          const _v$32 = clsx(css`
+          var _v$32 = clsx(css`
             width: ${tokens.size[1.5]};
             height: ${tokens.size[1.5]};
             border-radius: ${tokens.border.radius.full};
@@ -14244,12 +14218,12 @@ var init_Devtools = __esm({
               background-color: ${t2(colors[props.color][100], colors[props.color][900])};
               color: ${t2(colors[props.color][700], colors[props.color][300])};
             `, "tsqd-query-status-tag-count");
-          _v$32 !== _p$._v$32 && className(_el$59, _p$._v$32 = _v$32);
-          _v$33 !== _p$._v$33 && className(_el$61, _p$._v$33 = _v$33);
+          _v$32 !== _p$.e && className(_el$59, _p$.e = _v$32);
+          _v$33 !== _p$.t && className(_el$61, _p$.t = _v$33);
           return _p$;
         }, {
-          _v$32: void 0,
-          _v$33: void 0
+          e: void 0,
+          t: void 0
         });
         return _el$57;
       })();
@@ -14348,7 +14322,7 @@ var init_Devtools = __esm({
           return createMemo(() => !!activeQuery())() && activeQueryState();
         },
         get children() {
-          const _el$62 = _tmpl$30(), _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.firstChild, _el$67 = _el$66.firstChild, _el$68 = _el$66.nextSibling, _el$69 = _el$65.nextSibling, _el$70 = _el$69.firstChild, _el$71 = _el$70.nextSibling, _el$72 = _el$69.nextSibling, _el$73 = _el$72.firstChild, _el$74 = _el$73.nextSibling, _el$75 = _el$64.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.firstChild, _el$78 = _el$77.firstChild, _el$79 = _el$77.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$79.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$81.nextSibling, _el$84 = _el$83.firstChild, _el$85 = _el$83.nextSibling, _el$86 = _el$85.firstChild, _el$87 = _el$86.nextSibling, _el$96 = _el$76.nextSibling, _el$97 = _el$96.nextSibling, _el$98 = _el$97.nextSibling, _el$99 = _el$98.nextSibling;
+          var _el$62 = _tmpl$30(), _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.firstChild, _el$67 = _el$66.firstChild, _el$68 = _el$66.nextSibling, _el$69 = _el$65.nextSibling, _el$70 = _el$69.firstChild, _el$71 = _el$70.nextSibling, _el$72 = _el$69.nextSibling, _el$73 = _el$72.firstChild, _el$74 = _el$73.nextSibling, _el$75 = _el$64.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.firstChild, _el$78 = _el$77.firstChild, _el$79 = _el$77.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$79.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$81.nextSibling, _el$84 = _el$83.firstChild, _el$85 = _el$83.nextSibling, _el$86 = _el$85.firstChild, _el$87 = _el$86.nextSibling, _el$96 = _el$76.nextSibling, _el$97 = _el$96.nextSibling, _el$98 = _el$97.nextSibling, _el$99 = _el$98.nextSibling;
           insert(_el$67, () => displayValue(activeQuery().queryKey, true));
           insert(_el$68, statusLabel);
           insert(_el$71, observerCount);
@@ -14393,7 +14367,7 @@ var init_Devtools = __esm({
               return errorTypes().length === 0 || queryStatus() === "error";
             },
             get children() {
-              const _el$88 = _tmpl$28(), _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling;
+              var _el$88 = _tmpl$28(), _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling;
               _el$88.$$click = () => {
                 if (!activeQuery().state.error) {
                   triggerError();
@@ -14403,19 +14377,19 @@ var init_Devtools = __esm({
               };
               insert(_el$88, () => queryStatus() === "error" ? "Restore" : "Trigger", _el$90);
               createRenderEffect((_p$) => {
-                const _v$34 = clsx(css`
+                var _v$34 = clsx(css`
                   color: ${t2(colors.red[500], colors.red[400])};
                 `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error"), _v$35 = queryStatus() === "pending", _v$36 = css`
                   background-color: ${t2(colors.red[500], colors.red[400])};
                 `;
-                _v$34 !== _p$._v$34 && className(_el$88, _p$._v$34 = _v$34);
-                _v$35 !== _p$._v$35 && (_el$88.disabled = _p$._v$35 = _v$35);
-                _v$36 !== _p$._v$36 && className(_el$89, _p$._v$36 = _v$36);
+                _v$34 !== _p$.e && className(_el$88, _p$.e = _v$34);
+                _v$35 !== _p$.t && (_el$88.disabled = _p$.t = _v$35);
+                _v$36 !== _p$.a && className(_el$89, _p$.a = _v$36);
                 return _p$;
               }, {
-                _v$34: void 0,
-                _v$35: void 0,
-                _v$36: void 0
+                e: void 0,
+                t: void 0,
+                a: void 0
               });
               return _el$88;
             }
@@ -14425,7 +14399,7 @@ var init_Devtools = __esm({
               return !(errorTypes().length === 0 || queryStatus() === "error");
             },
             get children() {
-              const _el$91 = _tmpl$29(), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling, _el$94 = _el$93.nextSibling; _el$94.firstChild;
+              var _el$91 = _tmpl$29(), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling, _el$94 = _el$93.nextSibling; _el$94.firstChild;
               _el$94.addEventListener("change", (e2) => {
                 const errorType = errorTypes().find((et) => et.name === e2.currentTarget.value);
                 triggerError(errorType);
@@ -14435,7 +14409,7 @@ var init_Devtools = __esm({
                   return errorTypes();
                 },
                 children: (errorType) => (() => {
-                  const _el$100 = _tmpl$31();
+                  var _el$100 = _tmpl$31();
                   insert(_el$100, () => errorType.name);
                   createRenderEffect(() => _el$100.value = errorType.name);
                   return _el$100;
@@ -14443,17 +14417,17 @@ var init_Devtools = __esm({
               }), null);
               insert(_el$91, createComponent(ChevronDown, {}), null);
               createRenderEffect((_p$) => {
-                const _v$37 = clsx(styles().actionsSelect, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error-multiple"), _v$38 = css`
+                var _v$37 = clsx(styles().actionsSelect, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error-multiple"), _v$38 = css`
                   background-color: ${tokens.colors.red[400]};
                 `, _v$39 = queryStatus() === "pending";
-                _v$37 !== _p$._v$37 && className(_el$91, _p$._v$37 = _v$37);
-                _v$38 !== _p$._v$38 && className(_el$92, _p$._v$38 = _v$38);
-                _v$39 !== _p$._v$39 && (_el$94.disabled = _p$._v$39 = _v$39);
+                _v$37 !== _p$.e && className(_el$91, _p$.e = _v$37);
+                _v$38 !== _p$.t && className(_el$92, _p$.t = _v$38);
+                _v$39 !== _p$.a && (_el$94.disabled = _p$.a = _v$39);
                 return _p$;
               }, {
-                _v$37: void 0,
-                _v$38: void 0,
-                _v$39: void 0
+                e: void 0,
+                t: void 0,
+                a: void 0
               });
               return _el$91;
             }
@@ -14477,7 +14451,7 @@ var init_Devtools = __esm({
             }
           }));
           createRenderEffect((_p$) => {
-            const _v$40 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$41 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$42 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$43 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$44 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$45 = clsx(styles().actionsBody, "tsqd-query-details-actions-container"), _v$46 = clsx(css`
+            var _v$40 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$41 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$42 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$43 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$44 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$45 = clsx(styles().actionsBody, "tsqd-query-details-actions-container"), _v$46 = clsx(css`
                 color: ${t2(colors.blue[600], colors.blue[400])};
               `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-refetch"), _v$47 = statusLabel() === "fetching", _v$48 = css`
                 background-color: ${t2(colors.blue[600], colors.blue[400])};
@@ -14498,58 +14472,58 @@ var init_Devtools = __esm({
               `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-loading"), _v$59 = restoringLoading(), _v$60 = css`
                 background-color: ${t2(colors.cyan[500], colors.cyan[400])};
               `, _v$61 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$62 = tokens.size[2], _v$63 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$64 = tokens.size[2];
-            _v$40 !== _p$._v$40 && className(_el$62, _p$._v$40 = _v$40);
-            _v$41 !== _p$._v$41 && className(_el$63, _p$._v$41 = _v$41);
-            _v$42 !== _p$._v$42 && className(_el$64, _p$._v$42 = _v$42);
-            _v$43 !== _p$._v$43 && className(_el$68, _p$._v$43 = _v$43);
-            _v$44 !== _p$._v$44 && className(_el$75, _p$._v$44 = _v$44);
-            _v$45 !== _p$._v$45 && className(_el$76, _p$._v$45 = _v$45);
-            _v$46 !== _p$._v$46 && className(_el$77, _p$._v$46 = _v$46);
-            _v$47 !== _p$._v$47 && (_el$77.disabled = _p$._v$47 = _v$47);
-            _v$48 !== _p$._v$48 && className(_el$78, _p$._v$48 = _v$48);
-            _v$49 !== _p$._v$49 && className(_el$79, _p$._v$49 = _v$49);
-            _v$50 !== _p$._v$50 && (_el$79.disabled = _p$._v$50 = _v$50);
-            _v$51 !== _p$._v$51 && className(_el$80, _p$._v$51 = _v$51);
-            _v$52 !== _p$._v$52 && className(_el$81, _p$._v$52 = _v$52);
-            _v$53 !== _p$._v$53 && (_el$81.disabled = _p$._v$53 = _v$53);
-            _v$54 !== _p$._v$54 && className(_el$82, _p$._v$54 = _v$54);
-            _v$55 !== _p$._v$55 && className(_el$83, _p$._v$55 = _v$55);
-            _v$56 !== _p$._v$56 && (_el$83.disabled = _p$._v$56 = _v$56);
-            _v$57 !== _p$._v$57 && className(_el$84, _p$._v$57 = _v$57);
-            _v$58 !== _p$._v$58 && className(_el$85, _p$._v$58 = _v$58);
-            _v$59 !== _p$._v$59 && (_el$85.disabled = _p$._v$59 = _v$59);
-            _v$60 !== _p$._v$60 && className(_el$86, _p$._v$60 = _v$60);
-            _v$61 !== _p$._v$61 && className(_el$96, _p$._v$61 = _v$61);
-            _v$62 !== _p$._v$62 && ((_p$._v$62 = _v$62) != null ? _el$97.style.setProperty("padding", _v$62) : _el$97.style.removeProperty("padding"));
-            _v$63 !== _p$._v$63 && className(_el$98, _p$._v$63 = _v$63);
-            _v$64 !== _p$._v$64 && ((_p$._v$64 = _v$64) != null ? _el$99.style.setProperty("padding", _v$64) : _el$99.style.removeProperty("padding"));
+            _v$40 !== _p$.e && className(_el$62, _p$.e = _v$40);
+            _v$41 !== _p$.t && className(_el$63, _p$.t = _v$41);
+            _v$42 !== _p$.a && className(_el$64, _p$.a = _v$42);
+            _v$43 !== _p$.o && className(_el$68, _p$.o = _v$43);
+            _v$44 !== _p$.i && className(_el$75, _p$.i = _v$44);
+            _v$45 !== _p$.n && className(_el$76, _p$.n = _v$45);
+            _v$46 !== _p$.s && className(_el$77, _p$.s = _v$46);
+            _v$47 !== _p$.h && (_el$77.disabled = _p$.h = _v$47);
+            _v$48 !== _p$.r && className(_el$78, _p$.r = _v$48);
+            _v$49 !== _p$.d && className(_el$79, _p$.d = _v$49);
+            _v$50 !== _p$.l && (_el$79.disabled = _p$.l = _v$50);
+            _v$51 !== _p$.u && className(_el$80, _p$.u = _v$51);
+            _v$52 !== _p$.c && className(_el$81, _p$.c = _v$52);
+            _v$53 !== _p$.w && (_el$81.disabled = _p$.w = _v$53);
+            _v$54 !== _p$.m && className(_el$82, _p$.m = _v$54);
+            _v$55 !== _p$.f && className(_el$83, _p$.f = _v$55);
+            _v$56 !== _p$.y && (_el$83.disabled = _p$.y = _v$56);
+            _v$57 !== _p$.g && className(_el$84, _p$.g = _v$57);
+            _v$58 !== _p$.p && className(_el$85, _p$.p = _v$58);
+            _v$59 !== _p$.b && (_el$85.disabled = _p$.b = _v$59);
+            _v$60 !== _p$.T && className(_el$86, _p$.T = _v$60);
+            _v$61 !== _p$.A && className(_el$96, _p$.A = _v$61);
+            _v$62 !== _p$.O && ((_p$.O = _v$62) != null ? _el$97.style.setProperty("padding", _v$62) : _el$97.style.removeProperty("padding"));
+            _v$63 !== _p$.I && className(_el$98, _p$.I = _v$63);
+            _v$64 !== _p$.S && ((_p$.S = _v$64) != null ? _el$99.style.setProperty("padding", _v$64) : _el$99.style.removeProperty("padding"));
             return _p$;
           }, {
-            _v$40: void 0,
-            _v$41: void 0,
-            _v$42: void 0,
-            _v$43: void 0,
-            _v$44: void 0,
-            _v$45: void 0,
-            _v$46: void 0,
-            _v$47: void 0,
-            _v$48: void 0,
-            _v$49: void 0,
-            _v$50: void 0,
-            _v$51: void 0,
-            _v$52: void 0,
-            _v$53: void 0,
-            _v$54: void 0,
-            _v$55: void 0,
-            _v$56: void 0,
-            _v$57: void 0,
-            _v$58: void 0,
-            _v$59: void 0,
-            _v$60: void 0,
-            _v$61: void 0,
-            _v$62: void 0,
-            _v$63: void 0,
-            _v$64: void 0
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0,
+            n: void 0,
+            s: void 0,
+            h: void 0,
+            r: void 0,
+            d: void 0,
+            l: void 0,
+            u: void 0,
+            c: void 0,
+            w: void 0,
+            m: void 0,
+            f: void 0,
+            y: void 0,
+            g: void 0,
+            p: void 0,
+            b: void 0,
+            T: void 0,
+            A: void 0,
+            O: void 0,
+            I: void 0,
+            S: void 0
           });
           return _el$62;
         }
@@ -14605,7 +14579,7 @@ var init_Devtools = __esm({
           return activeMutation();
         },
         get children() {
-          const _el$101 = _tmpl$322(), _el$102 = _el$101.firstChild, _el$103 = _el$102.nextSibling, _el$104 = _el$103.firstChild, _el$105 = _el$104.firstChild, _el$106 = _el$105.firstChild, _el$107 = _el$105.nextSibling, _el$108 = _el$104.nextSibling, _el$109 = _el$108.firstChild, _el$110 = _el$109.nextSibling, _el$111 = _el$103.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling;
+          var _el$101 = _tmpl$322(), _el$102 = _el$101.firstChild, _el$103 = _el$102.nextSibling, _el$104 = _el$103.firstChild, _el$105 = _el$104.firstChild, _el$106 = _el$105.firstChild, _el$107 = _el$105.nextSibling, _el$108 = _el$104.nextSibling, _el$109 = _el$108.firstChild, _el$110 = _el$109.nextSibling, _el$111 = _el$103.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling;
           insert(_el$106, createComponent(Show, {
             get when() {
               return activeMutation().options.mutationKey;
@@ -14659,33 +14633,33 @@ var init_Devtools = __esm({
             }
           }));
           createRenderEffect((_p$) => {
-            const _v$65 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$66 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$67 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$68 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$69 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$70 = tokens.size[2], _v$71 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$72 = tokens.size[2], _v$73 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$74 = tokens.size[2], _v$75 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$76 = tokens.size[2];
-            _v$65 !== _p$._v$65 && className(_el$101, _p$._v$65 = _v$65);
-            _v$66 !== _p$._v$66 && className(_el$102, _p$._v$66 = _v$66);
-            _v$67 !== _p$._v$67 && className(_el$103, _p$._v$67 = _v$67);
-            _v$68 !== _p$._v$68 && className(_el$107, _p$._v$68 = _v$68);
-            _v$69 !== _p$._v$69 && className(_el$111, _p$._v$69 = _v$69);
-            _v$70 !== _p$._v$70 && ((_p$._v$70 = _v$70) != null ? _el$112.style.setProperty("padding", _v$70) : _el$112.style.removeProperty("padding"));
-            _v$71 !== _p$._v$71 && className(_el$113, _p$._v$71 = _v$71);
-            _v$72 !== _p$._v$72 && ((_p$._v$72 = _v$72) != null ? _el$114.style.setProperty("padding", _v$72) : _el$114.style.removeProperty("padding"));
-            _v$73 !== _p$._v$73 && className(_el$115, _p$._v$73 = _v$73);
-            _v$74 !== _p$._v$74 && ((_p$._v$74 = _v$74) != null ? _el$116.style.setProperty("padding", _v$74) : _el$116.style.removeProperty("padding"));
-            _v$75 !== _p$._v$75 && className(_el$117, _p$._v$75 = _v$75);
-            _v$76 !== _p$._v$76 && ((_p$._v$76 = _v$76) != null ? _el$118.style.setProperty("padding", _v$76) : _el$118.style.removeProperty("padding"));
+            var _v$65 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$66 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$67 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$68 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$69 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$70 = tokens.size[2], _v$71 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$72 = tokens.size[2], _v$73 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$74 = tokens.size[2], _v$75 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$76 = tokens.size[2];
+            _v$65 !== _p$.e && className(_el$101, _p$.e = _v$65);
+            _v$66 !== _p$.t && className(_el$102, _p$.t = _v$66);
+            _v$67 !== _p$.a && className(_el$103, _p$.a = _v$67);
+            _v$68 !== _p$.o && className(_el$107, _p$.o = _v$68);
+            _v$69 !== _p$.i && className(_el$111, _p$.i = _v$69);
+            _v$70 !== _p$.n && ((_p$.n = _v$70) != null ? _el$112.style.setProperty("padding", _v$70) : _el$112.style.removeProperty("padding"));
+            _v$71 !== _p$.s && className(_el$113, _p$.s = _v$71);
+            _v$72 !== _p$.h && ((_p$.h = _v$72) != null ? _el$114.style.setProperty("padding", _v$72) : _el$114.style.removeProperty("padding"));
+            _v$73 !== _p$.r && className(_el$115, _p$.r = _v$73);
+            _v$74 !== _p$.d && ((_p$.d = _v$74) != null ? _el$116.style.setProperty("padding", _v$74) : _el$116.style.removeProperty("padding"));
+            _v$75 !== _p$.l && className(_el$117, _p$.l = _v$75);
+            _v$76 !== _p$.u && ((_p$.u = _v$76) != null ? _el$118.style.setProperty("padding", _v$76) : _el$118.style.removeProperty("padding"));
             return _p$;
           }, {
-            _v$65: void 0,
-            _v$66: void 0,
-            _v$67: void 0,
-            _v$68: void 0,
-            _v$69: void 0,
-            _v$70: void 0,
-            _v$71: void 0,
-            _v$72: void 0,
-            _v$73: void 0,
-            _v$74: void 0,
-            _v$75: void 0,
-            _v$76: void 0
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0,
+            n: void 0,
+            s: void 0,
+            h: void 0,
+            r: void 0,
+            d: void 0,
+            l: void 0,
+            u: void 0
           });
           return _el$101;
         }