@embedreach/components 0.1.15 → 0.1.17

package/dist/chunks/B4MFY5CR.js

@@ -1,6 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { b as createContext, d as createSignal, o as onMount, e as createEffect, c as createMemo, a as createComponent, P as Portal, S as Show, t as template, i as insert, f as createRenderEffect, h as className, j as clearDelegatedEvents, k as delegateEvents, u as useContext, l as onCleanup, s as sortFns, m as mutationSortFns, n as on, p as setAttribute, q as getSidedProp, r as use, v as createUniqueId, w as batch, x as getQueryStatusLabel, y as getMutationStatusColor, z as getQueryStatusColor, A as getQueryStatusColorByLabel, B as displayValue, F as For, C as convertRemToPixels, D as untrack, $ as $TRACK, E as useTransition, G as spread, H as mergeProps, I as createRoot, J as serialize, K as Index, L as updateNestedDataByPath, M as addEventListener, N as stringify, O as Match, Q as Switch, R as deleteNestedDataByPath, T as splitProps, U as Dynamic, V as createComputed } from "./index.js";
 var isNonNullable = (i2) => i2 != null;
 var filterNonNullable = (arr) => arr.filter(isNonNullable);
@@ -49,14 +46,14 @@ function handleDiffArray(current, prev, handleAdded, handleRemoved) {
 }
 function createStorage(props) {
   const [error, setError] = createSignal();
-  const handleError = (props == null ? void 0 : props.throw) ? (err, fallback) => {
+  const handleError = props?.throw ? (err, fallback) => {
     setError(err instanceof Error ? err : new Error(fallback));
     throw err;
   } : (err, fallback) => {
     setError(err instanceof Error ? err : new Error(fallback));
   };
-  const apis = (props == null ? void 0 : props.api) ? Array.isArray(props.api) ? props.api : [props.api] : [globalThis.localStorage].filter(Boolean);
-  const prefix = (props == null ? void 0 : props.prefix) ? `${props.prefix}.` : "";
+  const apis = props?.api ? Array.isArray(props.api) ? props.api : [props.api] : [globalThis.localStorage].filter(Boolean);
+  const prefix = props?.prefix ? `${props.prefix}.` : "";
   const signals = /* @__PURE__ */ new Map();
   const store = new Proxy(
     {},
@@ -82,7 +79,7 @@ function createStorage(props) {
           },
           null
         );
-        if (value !== null && (props == null ? void 0 : props.deserializer)) {
+        if (value !== null && props?.deserializer) {
           return props.deserializer(value, key, props.options);
         }
         return value;
@@ -90,7 +87,7 @@ function createStorage(props) {
     }
   );
   const setter = (key, value, options) => {
-    const filteredValue = (props == null ? void 0 : props.serializer) ? props.serializer(value, key, options != null ? options : props.options) : value;
+    const filteredValue = props?.serializer ? props.serializer(value, key, options ?? props.options) : value;
     const apiKey = `${prefix}${key}`;
     apis.forEach((api) => {
       try {
@@ -120,7 +117,7 @@ function createStorage(props) {
     const result = {};
     const addValue = (key, value) => {
       if (!result.hasOwnProperty(key)) {
-        const filteredValue = value && (props == null ? void 0 : props.deserializer) ? props.deserializer(value, key, props.options) : value;
+        const filteredValue = value && props?.deserializer ? props.deserializer(value, key, props.options) : value;
         if (filteredValue) {
           result[key] = filteredValue;
         }
@@ -152,9 +149,8 @@ function createStorage(props) {
     });
     return result;
   };
-  (props == null ? void 0 : props.sync) !== false && onMount(() => {
+  props?.sync !== false && onMount(() => {
     const listener = (ev) => {
-      var _a;
       let changed = false;
       apis.forEach((api) => {
         try {
@@ -169,20 +165,14 @@ function createStorage(props) {
           );
         }
       });
-      changed && ev.key && ((_a = signals.get(ev.key)) == null ? void 0 : _a[1]());
+      changed && ev.key && signals.get(ev.key)?.[1]();
     };
     if ("addEventListener" in globalThis) {
       globalThis.addEventListener("storage", listener);
       onCleanup(() => globalThis.removeEventListener("storage", listener));
     } else {
-      apis.forEach((api) => {
-        var _a;
-        return (_a = api.addEventListener) == null ? void 0 : _a.call(api, "storage", listener);
-      });
-      onCleanup(() => apis.forEach((api) => {
-        var _a;
-        return (_a = api.removeEventListener) == null ? void 0 : _a.call(api, "storage", listener);
-      }));
+      apis.forEach((api) => api.addEventListener?.("storage", listener));
+      onCleanup(() => apis.forEach((api) => api.removeEventListener?.("storage", listener)));
     }
   });
   return [
@@ -225,10 +215,7 @@ var serializeCookieOptions = (options) => {
 };
 var cookieStorage = addClearMethod({
   _cookies: [globalThis.document, "cookie"],
-  getItem: (key) => {
-    var _a, _b;
-    return (_b = (_a = cookieStorage._cookies[0][cookieStorage._cookies[1]].match("(^|;)\\s*" + key + "\\s*=\\s*([^;]+)")) == null ? void 0 : _a.pop()) != null ? _b : null;
-  },
+  getItem: (key) => cookieStorage._cookies[0][cookieStorage._cookies[1]].match("(^|;)\\s*" + key + "\\s*=\\s*([^;]+)")?.pop() ?? null,
   setItem: (key, value, options) => {
     const oldValue = cookieStorage.getItem(key);
     cookieStorage._cookies[0][cookieStorage._cookies[1]] = `${key}=${value}${serializeCookieOptions(
@@ -355,8 +342,7 @@ var PiPProvider = (props) => {
     setPipWindow(pip);
   };
   createEffect(() => {
-    var _a;
-    const pip_open = (_a = props.localStore.pip_open) != null ? _a : "false";
+    const pip_open = props.localStore.pip_open ?? "false";
     if (pip_open === "true" && !props.disabled) {
       requestPipWindow(Number(window.innerWidth), Number(props.localStore.height || PIP_DEFAULT_HEIGHT));
     }
@@ -384,15 +370,12 @@ var PiPProvider = (props) => {
       });
     }
   });
-  const value = createMemo(() => {
-    var _a;
-    return {
-      pipWindow: pipWindow(),
-      requestPipWindow,
-      closePipWindow,
-      disabled: (_a = props.disabled) != null ? _a : false
-    };
-  });
+  const value = createMemo(() => ({
+    pipWindow: pipWindow(),
+    requestPipWindow,
+    closePipWindow,
+    disabled: props.disabled ?? false
+  }));
   return createComponent(PiPContext.Provider, {
     value,
     get children() {
@@ -1196,13 +1179,13 @@ function nextFrame(fn) {
 }
 function enterTransition(classes, events, el, done) {
   const { onBeforeEnter, onEnter, onAfterEnter } = events;
-  onBeforeEnter == null ? void 0 : onBeforeEnter(el);
+  onBeforeEnter?.(el);
   el.classList.add(...classes.enter);
   el.classList.add(...classes.enterActive);
   queueMicrotask(() => {
     if (!el.parentNode)
-      return done == null ? void 0 : done();
-    onEnter == null ? void 0 : onEnter(el, () => endTransition());
+      return done?.();
+    onEnter?.(el, () => endTransition());
   });
   nextFrame(() => {
     el.classList.remove(...classes.enter);
@@ -1218,18 +1201,18 @@ function enterTransition(classes, events, el, done) {
       el.removeEventListener("animationend", endTransition);
       el.classList.remove(...classes.enterActive);
       el.classList.remove(...classes.enterTo);
-      onAfterEnter == null ? void 0 : onAfterEnter(el);
+      onAfterEnter?.(el);
     }
   }
 }
 function exitTransition(classes, events, el, done) {
   const { onBeforeExit, onExit, onAfterExit } = events;
   if (!el.parentNode)
-    return done == null ? void 0 : done();
-  onBeforeExit == null ? void 0 : onBeforeExit(el);
+    return done?.();
+  onBeforeExit?.(el);
   el.classList.add(...classes.exit);
   el.classList.add(...classes.exitActive);
-  onExit == null ? void 0 : onExit(el, () => endTransition());
+  onExit?.(el, () => endTransition());
   nextFrame(() => {
     el.classList.remove(...classes.exit);
     el.classList.add(...classes.exitTo);
@@ -1240,12 +1223,12 @@ function exitTransition(classes, events, el, done) {
   });
   function endTransition(e2) {
     if (!e2 || e2.target === el) {
-      done == null ? void 0 : done();
+      done?.();
       el.removeEventListener("transitionend", endTransition);
       el.removeEventListener("animationend", endTransition);
       el.classList.remove(...classes.exitActive);
       el.classList.remove(...classes.exitTo);
-      onAfterExit == null ? void 0 : onAfterExit(el);
+      onAfterExit?.(el);
     }
   }
 }
@@ -1307,7 +1290,6 @@ function keyArray(items, keyFn, mapFn, options = {}) {
     const list = items() || [];
     list[$TRACK];
     return untrack(() => {
-      var _a, _b;
       if (!list.length) {
         dispose(prev.values());
         prev.clear();
@@ -1322,7 +1304,7 @@ function keyArray(items, keyFn, mapFn, options = {}) {
       const result = new Array(list.length);
       const fb = prev.get(FALLBACK);
       if (!prev.size || fb) {
-        fb == null ? void 0 : fb.dispose();
+        fb?.dispose();
         prev.delete(FALLBACK);
         for (let i2 = 0; i2 < list.length; i2++) {
           const item = list[i2];
@@ -1339,13 +1321,13 @@ function keyArray(items, keyFn, mapFn, options = {}) {
         const lookup = prev.get(key);
         if (lookup) {
           result[i2] = lookup.mapped;
-          (_a = lookup.setIndex) == null ? void 0 : _a.call(lookup, i2);
+          lookup.setIndex?.(i2);
           lookup.setItem(() => item);
         } else
           addNewItem(result, item, i2, key);
       }
       for (const key of prevKeys) {
-        (_b = prev.get(key)) == null ? void 0 : _b.dispose();
+        prev.get(key)?.dispose();
         prev.delete(key);
       }
       return result;
@@ -1470,7 +1452,7 @@ function contains(parent, child) {
 }
 function getActiveElement(node, activeDescendant = false) {
   const { activeElement } = getDocument(node);
-  if (!(activeElement == null ? void 0 : activeElement.nodeName)) {
+  if (!activeElement?.nodeName) {
     return null;
   }
   if (isFrame(activeElement) && activeElement.contentDocument) {
@@ -1512,10 +1494,9 @@ var EventKey = /* @__PURE__ */ ((EventKey2) => {
   return EventKey2;
 })(EventKey || {});
 function testPlatform(re) {
-  var _a;
   return typeof window !== "undefined" && window.navigator != null ? (
     // @ts-ignore
-    re.test(((_a = window.navigator["userAgentData"]) == null ? void 0 : _a.platform) || window.navigator.platform)
+    re.test(window.navigator["userAgentData"]?.platform || window.navigator.platform)
   ) : false;
 }
 function isMac() {
@@ -1542,7 +1523,7 @@ function callHandler(event, handler) {
       handler[0](handler[1], event);
     }
   }
-  return event == null ? void 0 : event.defaultPrevented;
+  return event?.defaultPrevented;
 }
 function composeEventHandlers(handlers) {
   return (event) => {
@@ -1683,20 +1664,19 @@ function isAttributeVisible(element, childElement) {
   return !element.hasAttribute("hidden") && (element.nodeName === "DETAILS" && childElement && childElement.nodeName !== "SUMMARY" ? element.hasAttribute("open") : true);
 }
 function getFocusableTreeWalker(root, opts, scope) {
-  const selector = (opts == null ? void 0 : opts.tabbable) ? TABBABLE_ELEMENT_SELECTOR : FOCUSABLE_ELEMENT_SELECTOR;
+  const selector = opts?.tabbable ? TABBABLE_ELEMENT_SELECTOR : FOCUSABLE_ELEMENT_SELECTOR;
   const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
     acceptNode(node) {
-      var _a;
-      if ((_a = opts == null ? void 0 : opts.from) == null ? void 0 : _a.contains(node)) {
+      if (opts?.from?.contains(node)) {
         return NodeFilter.FILTER_REJECT;
       }
-      if (node.matches(selector) && isElementVisible(node) && true && (!(opts == null ? void 0 : opts.accept) || opts.accept(node))) {
+      if (node.matches(selector) && isElementVisible(node) && true && (!opts?.accept || opts.accept(node))) {
         return NodeFilter.FILTER_ACCEPT;
       }
       return NodeFilter.FILTER_SKIP;
     }
   });
-  if (opts == null ? void 0 : opts.from) {
+  if (opts?.from) {
     walker.currentNode = opts.from;
   }
   return walker;
@@ -1846,16 +1826,15 @@ function relativeOffset(ancestor, child, axis) {
   return sum;
 }
 function scrollIntoViewport(targetElement, opts) {
-  var _a, _b;
   if (document.contains(targetElement)) {
     const root = document.scrollingElement || document.documentElement;
     const isScrollPrevented = window.getComputedStyle(root).overflow === "hidden";
     if (!isScrollPrevented) {
       const { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
-      (_a = targetElement == null ? void 0 : targetElement.scrollIntoView) == null ? void 0 : _a.call(targetElement, { block: "nearest" });
+      targetElement?.scrollIntoView?.({ block: "nearest" });
       const { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
       if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
-        (_b = targetElement.scrollIntoView) == null ? void 0 : _b.call(targetElement, { block: "nearest" });
+        targetElement.scrollIntoView?.({ block: "nearest" });
       }
     } else {
       let scrollParent = getScrollParent(targetElement);
@@ -1886,10 +1865,9 @@ function createRegisterId(setter) {
   };
 }
 function createTagName(ref, fallback) {
-  const [tagName, setTagName] = createSignal(stringOrUndefined(fallback == null ? void 0 : fallback()));
+  const [tagName, setTagName] = createSignal(stringOrUndefined(fallback?.()));
   createEffect(() => {
-    var _a;
-    setTagName(((_a = ref()) == null ? void 0 : _a.tagName.toLowerCase()) || stringOrUndefined(fallback == null ? void 0 : fallback()));
+    setTagName(ref()?.tagName.toLowerCase() || stringOrUndefined(fallback?.()));
   });
   return tagName;
 }
@@ -1946,10 +1924,7 @@ function createFormControl(props) {
     "data-readonly": access(mergedProps.readOnly) ? "" : void 0
   }));
   const formControlContext = {
-    name: () => {
-      var _a;
-      return (_a = access(mergedProps.name)) != null ? _a : access(mergedProps.id);
-    },
+    name: () => access(mergedProps.name) ?? access(mergedProps.id),
     dataset,
     validationState: () => access(mergedProps.validationState),
     isRequired: () => access(mergedProps.required),
@@ -2057,25 +2032,17 @@ function isFormElement(element) {
   return element.matches("textarea, input, select, button");
 }
 function createControllableSignal(props) {
-  var _a;
-  const [_value, _setValue] = createSignal((_a = props.defaultValue) == null ? void 0 : _a.call(props));
-  const isControlled = createMemo(() => {
-    var _a2;
-    return ((_a2 = props.value) == null ? void 0 : _a2.call(props)) !== void 0;
-  });
-  const value = createMemo(() => {
-    var _a2;
-    return isControlled() ? (_a2 = props.value) == null ? void 0 : _a2.call(props) : _value();
-  });
+  const [_value, _setValue] = createSignal(props.defaultValue?.());
+  const isControlled = createMemo(() => props.value?.() !== void 0);
+  const value = createMemo(() => isControlled() ? props.value?.() : _value());
   const setValue = (next) => {
     untrack(() => {
-      var _a2;
       const nextValue = accessWith(next, value());
       if (!Object.is(nextValue, value())) {
         if (!isControlled()) {
           _setValue(nextValue);
         }
-        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, nextValue);
+        props.onChange?.(nextValue);
       }
       return nextValue;
     });
@@ -2084,28 +2051,19 @@ function createControllableSignal(props) {
 }
 function createControllableBooleanSignal(props) {
   const [_value, setValue] = createControllableSignal(props);
-  const value = () => {
-    var _a;
-    return (_a = _value()) != null ? _a : false;
-  };
+  const value = () => _value() ?? false;
   return [value, setValue];
 }
 function createControllableArraySignal(props) {
   const [_value, setValue] = createControllableSignal(props);
-  const value = () => {
-    var _a;
-    return (_a = _value()) != null ? _a : [];
-  };
+  const value = () => _value() ?? [];
   return [value, setValue];
 }
 function createToggleState(props = {}) {
   const [isSelected, _setIsSelected] = createControllableBooleanSignal({
     value: () => access(props.isSelected),
     defaultValue: () => !!access(props.defaultIsSelected),
-    onChange: (value) => {
-      var _a;
-      return (_a = props.onSelectedChange) == null ? void 0 : _a.call(props, value);
-    }
+    onChange: (value) => props.onSelectedChange?.(value)
   });
   const setIsSelected = (value) => {
     if (!access(props.isReadOnly) && !access(props.isDisabled)) {
@@ -2123,10 +2081,10 @@ function createToggleState(props = {}) {
     toggle
   };
 }
-var __defProp2 = Object.defineProperty;
+var __defProp = Object.defineProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp2(target, name, { get: all[name], enumerable: true });
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
 var DomCollectionContext = createContext();
 function useOptionalDomCollectionContext() {
@@ -2147,7 +2105,6 @@ function isElementPreceding(a2, b2) {
   );
 }
 function findDOMIndex(items, item) {
-  var _a;
   const itemEl = item.ref();
   if (!itemEl) {
     return -1;
@@ -2157,7 +2114,7 @@ function findDOMIndex(items, item) {
     return -1;
   }
   while (length--) {
-    const currentItemEl = (_a = items[length]) == null ? void 0 : _a.ref();
+    const currentItemEl = items[length]?.ref();
     if (!currentItemEl) {
       continue;
     }
@@ -2202,10 +2159,9 @@ function setItemsBasedOnDOMPosition(items, setItems) {
   }
 }
 function getCommonParent(items) {
-  var _a, _b;
   const firstItem = items[0];
-  const lastItemEl = (_a = items[items.length - 1]) == null ? void 0 : _a.ref();
-  let parentEl = (_b = firstItem == null ? void 0 : firstItem.ref()) == null ? void 0 : _b.parentElement;
+  const lastItemEl = items[items.length - 1]?.ref();
+  let parentEl = firstItem?.ref()?.parentElement;
   while (parentEl) {
     if (lastItemEl && parentEl.contains(lastItemEl)) {
       return parentEl;
@@ -2251,10 +2207,7 @@ function createSortBasedOnDOMPosition(items, setItems) {
 function createDomCollection(props = {}) {
   const [items, setItems] = createControllableArraySignal({
     value: () => access(props.items),
-    onChange: (value) => {
-      var _a;
-      return (_a = props.onItemsChange) == null ? void 0 : _a.call(props, value);
-    }
+    onChange: (value) => props.onItemsChange?.(value)
   });
   createSortBasedOnDOMPosition(items, setItems);
   const registerItem = (item) => {
@@ -2296,45 +2249,40 @@ function createDomCollectionItem(props) {
   });
 }
 function buildNodes(params) {
-  var _a, _b, _c;
-  let index = (_a = params.startIndex) != null ? _a : 0;
-  const level = (_b = params.startLevel) != null ? _b : 0;
+  let index = params.startIndex ?? 0;
+  const level = params.startLevel ?? 0;
   const nodes = [];
   const getKey = (data) => {
-    var _a2;
     if (data == null) {
       return "";
     }
-    const _getKey = (_a2 = params.getKey) != null ? _a2 : "key";
+    const _getKey = params.getKey ?? "key";
     const dataKey = isString(_getKey) ? data[_getKey] : _getKey(data);
     return dataKey != null ? String(dataKey) : "";
   };
   const getTextValue = (data) => {
-    var _a2;
     if (data == null) {
       return "";
     }
-    const _getTextValue = (_a2 = params.getTextValue) != null ? _a2 : "textValue";
+    const _getTextValue = params.getTextValue ?? "textValue";
     const dataTextValue = isString(_getTextValue) ? data[_getTextValue] : _getTextValue(data);
     return dataTextValue != null ? String(dataTextValue) : "";
   };
   const getDisabled = (data) => {
-    var _a2, _b2;
     if (data == null) {
       return false;
     }
-    const _getDisabled = (_a2 = params.getDisabled) != null ? _a2 : "disabled";
-    return (_b2 = isString(_getDisabled) ? data[_getDisabled] : _getDisabled(data)) != null ? _b2 : false;
+    const _getDisabled = params.getDisabled ?? "disabled";
+    return (isString(_getDisabled) ? data[_getDisabled] : _getDisabled(data)) ?? false;
   };
   const getSectionChildren = (data) => {
-    var _a2;
     if (data == null) {
       return void 0;
     }
     if (isString(params.getSectionChildren)) {
       return data[params.getSectionChildren];
     }
-    return (_a2 = params.getSectionChildren) == null ? void 0 : _a2.call(params, data);
+    return params.getSectionChildren?.(data);
   };
   for (const data of params.dataSource) {
     if (isString(data) || isNumber(data)) {
@@ -2364,7 +2312,7 @@ function buildNodes(params) {
         index
       });
       index++;
-      const sectionChildren = (_c = getSectionChildren(data)) != null ? _c : [];
+      const sectionChildren = getSectionChildren(data) ?? [];
       if (sectionChildren.length > 0) {
         const childNodes = buildNodes({
           dataSource: sectionChildren,
@@ -2443,9 +2391,8 @@ var RTL_LANGS = /* @__PURE__ */ new Set([
   "yi"
 ]);
 function isRTL(locale) {
-  var _a;
   if (Intl.Locale) {
-    const script = (_a = new Intl.Locale(locale).maximize().script) != null ? _a : "";
+    const script = new Intl.Locale(locale).maximize().script ?? "";
     return RTL_SCRIPTS.has(script);
   }
   const lang = locale.split("-")[0];
@@ -2518,10 +2465,10 @@ function createCollator(options) {
   });
 }
 var Selection = class _Selection extends Set {
+  anchorKey;
+  currentKey;
   constructor(keys2, anchorKey, currentKey) {
     super(keys2);
-    __publicField(this, "anchorKey");
-    __publicField(this, "currentKey");
     if (keys2 instanceof _Selection) {
       this.anchorKey = anchorKey || keys2.anchorKey;
       this.currentKey = currentKey || keys2.currentKey;
@@ -2533,10 +2480,7 @@ var Selection = class _Selection extends Set {
 };
 function createControllableSelectionSignal(props) {
   const [_value, setValue] = createControllableSignal(props);
-  const value = () => {
-    var _a;
-    return (_a = _value()) != null ? _a : new Selection();
-  };
+  const value = () => _value() ?? new Selection();
   return [value, setValue];
 }
 function isNonContiguousSelectionModifier(e2) {
@@ -2589,17 +2533,11 @@ function createMultipleSelectionState(props) {
   const [selectedKeys, _setSelectedKeys] = createControllableSelectionSignal({
     value: selectedKeysProp,
     defaultValue: defaultSelectedKeys,
-    onChange: (value) => {
-      var _a;
-      return (_a = mergedProps.onSelectionChange) == null ? void 0 : _a.call(mergedProps, value);
-    }
+    onChange: (value) => mergedProps.onSelectionChange?.(value)
   });
   const [selectionBehavior, setSelectionBehavior] = createSignal(access(mergedProps.selectionBehavior));
   const selectionMode = () => access(mergedProps.selectionMode);
-  const disallowEmptySelection = () => {
-    var _a;
-    return (_a = access(mergedProps.disallowEmptySelection)) != null ? _a : false;
-  };
+  const disallowEmptySelection = () => access(mergedProps.disallowEmptySelection) ?? false;
   const setSelectedKeys = (keys2) => {
     if (access(mergedProps.allowDuplicateSelectionEvents) || !isSameSelection(keys2, selectedKeys())) {
       _setSelectedKeys(keys2);
@@ -2612,8 +2550,7 @@ function createMultipleSelectionState(props) {
     }
   });
   createEffect(() => {
-    var _a;
-    setSelectionBehavior((_a = access(mergedProps.selectionBehavior)) != null ? _a : "toggle");
+    setSelectionBehavior(access(mergedProps.selectionBehavior) ?? "toggle");
   });
   return {
     selectionMode,
@@ -2632,7 +2569,6 @@ function createTypeSelect(props) {
   const [search, setSearch] = createSignal("");
   const [timeoutId, setTimeoutId] = createSignal(-1);
   const onKeyDown = (e2) => {
-    var _a, _b, _c;
     if (access(props.isDisabled)) {
       return;
     }
@@ -2650,14 +2586,14 @@ function createTypeSelect(props) {
       e2.stopPropagation();
     }
     let newSearch = setSearch((prev) => prev + character);
-    let key = (_a = delegate.getKeyForSearch(newSearch, manager.focusedKey())) != null ? _a : delegate.getKeyForSearch(newSearch);
+    let key = delegate.getKeyForSearch(newSearch, manager.focusedKey()) ?? delegate.getKeyForSearch(newSearch);
     if (key == null && isAllSameLetter(newSearch)) {
       newSearch = newSearch[0];
-      key = (_b = delegate.getKeyForSearch(newSearch, manager.focusedKey())) != null ? _b : delegate.getKeyForSearch(newSearch);
+      key = delegate.getKeyForSearch(newSearch, manager.focusedKey()) ?? delegate.getKeyForSearch(newSearch);
     }
     if (key != null) {
       manager.setFocusedKey(key);
-      (_c = props.onTypeSelect) == null ? void 0 : _c.call(props, key);
+      props.onTypeSelect?.(key);
     }
     clearTimeout(timeoutId());
     setTimeoutId(window.setTimeout(() => setSearch(""), 500));
@@ -2704,18 +2640,14 @@ function createSelectableCollection(props, ref, scrollRef) {
     keyboardDelegate: () => access(mergedProps.keyboardDelegate),
     selectionManager: () => access(mergedProps.selectionManager)
   });
-  const orientation = () => {
-    var _a;
-    return (_a = access(mergedProps.orientation)) != null ? _a : "vertical";
-  };
+  const orientation = () => access(mergedProps.orientation) ?? "vertical";
   const onKeyDown = (e2) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
     callHandler(e2, typeSelectHandlers.onKeyDown);
     if (e2.altKey && e2.key === "Tab") {
       e2.preventDefault();
     }
     const refEl = ref();
-    if (!(refEl == null ? void 0 : refEl.contains(e2.target))) {
+    if (!refEl?.contains(e2.target)) {
       return;
     }
     const manager = access(mergedProps.selectionManager);
@@ -2741,10 +2673,10 @@ function createSelectableCollection(props, ref, scrollRef) {
           if (focusedKey != null) {
             nextKey = delegate.getKeyBelow(focusedKey);
           } else {
-            nextKey = (_a = delegate.getFirstKey) == null ? void 0 : _a.call(delegate);
+            nextKey = delegate.getFirstKey?.();
           }
           if (nextKey == null && shouldFocusWrap) {
-            nextKey = (_b = delegate.getFirstKey) == null ? void 0 : _b.call(delegate, focusedKey);
+            nextKey = delegate.getFirstKey?.(focusedKey);
           }
           navigateToKey(nextKey);
         }
@@ -2757,10 +2689,10 @@ function createSelectableCollection(props, ref, scrollRef) {
           if (focusedKey != null) {
             nextKey = delegate.getKeyAbove(focusedKey);
           } else {
-            nextKey = (_c = delegate.getLastKey) == null ? void 0 : _c.call(delegate);
+            nextKey = delegate.getLastKey?.();
           }
           if (nextKey == null && shouldFocusWrap) {
-            nextKey = (_d = delegate.getLastKey) == null ? void 0 : _d.call(delegate, focusedKey);
+            nextKey = delegate.getLastKey?.(focusedKey);
           }
           navigateToKey(nextKey);
         }
@@ -2774,7 +2706,7 @@ function createSelectableCollection(props, ref, scrollRef) {
           if (focusedKey != null) {
             nextKey = delegate.getKeyLeftOf(focusedKey);
           } else {
-            nextKey = isRTL3 ? (_e = delegate.getFirstKey) == null ? void 0 : _e.call(delegate) : (_f = delegate.getLastKey) == null ? void 0 : _f.call(delegate);
+            nextKey = isRTL3 ? delegate.getFirstKey?.() : delegate.getLastKey?.();
           }
           navigateToKey(nextKey);
         }
@@ -2788,7 +2720,7 @@ function createSelectableCollection(props, ref, scrollRef) {
           if (focusedKey != null) {
             nextKey = delegate.getKeyRightOf(focusedKey);
           } else {
-            nextKey = isRTL3 ? (_g = delegate.getLastKey) == null ? void 0 : _g.call(delegate) : (_h = delegate.getFirstKey) == null ? void 0 : _h.call(delegate);
+            nextKey = isRTL3 ? delegate.getLastKey?.() : delegate.getFirstKey?.();
           }
           navigateToKey(nextKey);
         }
@@ -2877,7 +2809,6 @@ function createSelectableCollection(props, ref, scrollRef) {
     }
   };
   const onFocusIn = (e2) => {
-    var _a, _b, _c, _d;
     const manager = access(mergedProps.selectionManager);
     const delegate = access(mergedProps.keyboardDelegate);
     const selectOnFocus = access(mergedProps.selectOnFocus);
@@ -2904,11 +2835,11 @@ function createSelectableCollection(props, ref, scrollRef) {
       const relatedTarget = e2.relatedTarget;
       if (relatedTarget && e2.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING) {
         navigateToFirstKey(
-          (_b = manager.lastSelectedKey()) != null ? _b : (_a = delegate.getLastKey) == null ? void 0 : _a.call(delegate)
+          manager.lastSelectedKey() ?? delegate.getLastKey?.()
         );
       } else {
         navigateToFirstKey(
-          (_d = manager.firstSelectedKey()) != null ? _d : (_c = delegate.getFirstKey) == null ? void 0 : _c.call(delegate)
+          manager.firstSelectedKey() ?? delegate.getFirstKey?.()
         );
       }
     } else if (!access(mergedProps.isVirtualized)) {
@@ -2938,7 +2869,6 @@ function createSelectableCollection(props, ref, scrollRef) {
     }
   };
   const tryAutoFocus = () => {
-    var _a, _b;
     const autoFocus = access(mergedProps.autoFocus);
     if (!autoFocus) {
       return;
@@ -2947,10 +2877,10 @@ function createSelectableCollection(props, ref, scrollRef) {
     const delegate = access(mergedProps.keyboardDelegate);
     let focusedKey;
     if (autoFocus === "first") {
-      focusedKey = (_a = delegate.getFirstKey) == null ? void 0 : _a.call(delegate);
+      focusedKey = delegate.getFirstKey?.();
     }
     if (autoFocus === "last") {
-      focusedKey = (_b = delegate.getLastKey) == null ? void 0 : _b.call(delegate);
+      focusedKey = delegate.getLastKey?.();
     }
     const selectedKeys = manager.selectedKeys();
     if (selectedKeys.size) {
@@ -2978,10 +2908,9 @@ function createSelectableCollection(props, ref, scrollRef) {
         () => access(mergedProps.selectionManager).focusedKey()
       ],
       (newValue) => {
-        var _a;
         const [scrollEl, isVirtualized, focusedKey] = newValue;
         if (isVirtualized) {
-          focusedKey && ((_a = mergedProps.scrollToKey) == null ? void 0 : _a.call(mergedProps, focusedKey));
+          focusedKey && mergedProps.scrollToKey?.(focusedKey);
         } else {
           if (focusedKey && scrollEl) {
             const element = scrollEl.querySelector(
@@ -3023,7 +2952,7 @@ function createSelectableItem(props, ref) {
       } else {
         manager().replaceSelection(key());
       }
-    } else if (e2 == null ? void 0 : e2.shiftKey) {
+    } else if (e2?.shiftKey) {
       manager().extendSelection(key());
     } else if (manager().selectionBehavior() === "toggle" || isCtrlKeyPressed(e2) || "pointerType" in e2 && e2.pointerType === "touch") {
       manager().toggleSelection(key());
@@ -3128,9 +3057,9 @@ function createSelectableItem(props, ref) {
   };
 }
 var SelectionManager = class {
+  collection;
+  state;
   constructor(collection, state) {
-    __publicField(this, "collection");
-    __publicField(this, "state");
     this.collection = collection;
     this.state = state;
   }
@@ -3199,23 +3128,23 @@ var SelectionManager = class {
     let first;
     for (const key of this.state.selectedKeys()) {
       const item = this.collection().getItem(key);
-      const isItemBeforeFirst = (item == null ? void 0 : item.index) != null && (first == null ? void 0 : first.index) != null && item.index < first.index;
+      const isItemBeforeFirst = item?.index != null && first?.index != null && item.index < first.index;
       if (!first || isItemBeforeFirst) {
         first = item;
       }
     }
-    return first == null ? void 0 : first.key;
+    return first?.key;
   }
   lastSelectedKey() {
     let last;
     for (const key of this.state.selectedKeys()) {
       const item = this.collection().getItem(key);
-      const isItemAfterLast = (item == null ? void 0 : item.index) != null && (last == null ? void 0 : last.index) != null && item.index > last.index;
+      const isItemAfterLast = item?.index != null && last?.index != null && item.index > last.index;
       if (!last || isItemAfterLast) {
         last = item;
       }
     }
-    return last == null ? void 0 : last.key;
+    return last?.key;
   }
   /** Extends the selection to the given key. */
   extendSelection(toKey) {
@@ -3431,11 +3360,11 @@ var SelectionManager = class {
   }
 };
 var ListCollection = class {
+  keyMap = /* @__PURE__ */ new Map();
+  iterable;
+  firstKey;
+  lastKey;
   constructor(nodes) {
-    __publicField(this, "keyMap", /* @__PURE__ */ new Map());
-    __publicField(this, "iterable");
-    __publicField(this, "firstKey");
-    __publicField(this, "lastKey");
     this.iterable = nodes;
     for (const node of nodes) {
       this.keyMap.set(node.key, node);
@@ -3471,12 +3400,10 @@ var ListCollection = class {
     return this.keyMap.keys();
   }
   getKeyBefore(key) {
-    var _a;
-    return (_a = this.keyMap.get(key)) == null ? void 0 : _a.prevKey;
+    return this.keyMap.get(key)?.prevKey;
   }
   getKeyAfter(key) {
-    var _a;
-    return (_a = this.keyMap.get(key)) == null ? void 0 : _a.nextKey;
+    return this.keyMap.get(key)?.nextKey;
   }
   getFirstKey() {
     return this.firstKey;
@@ -3529,22 +3456,20 @@ var createPresence = (props) => {
     return getComputedStyle(element);
   });
   const getAnimationName = () => {
-    var _a, _b;
-    return (_b = (_a = refStyles()) == null ? void 0 : _a.animationName) != null ? _b : "none";
+    return refStyles()?.animationName ?? "none";
   };
   const [presentState, setPresentState] = createSignal(access2(props.show) ? "present" : "hidden");
   let animationName = "none";
   createEffect((prevShow) => {
     const show = access2(props.show);
     untrack(() => {
-      var _a;
       if (prevShow === show)
         return show;
       const prevAnimationName = animationName;
       const currentAnimationName = getAnimationName();
       if (show) {
         setPresentState("present");
-      } else if (currentAnimationName === "none" || ((_a = refStyles()) == null ? void 0 : _a.display) === "none") {
+      } else if (currentAnimationName === "none" || refStyles()?.display === "none") {
         setPresentState("hidden");
       } else {
         const isAnimating = prevAnimationName !== currentAnimationName;
@@ -3614,8 +3539,7 @@ function hasPointerBlockingLayer() {
   return getPointerBlockingLayers().length > 0;
 }
 function isBelowPointerBlockingLayer(node) {
-  var _a;
-  const highestBlockingIndex = indexOf((_a = getTopMostPointerBlockingLayer()) == null ? void 0 : _a.node);
+  const highestBlockingIndex = indexOf(getTopMostPointerBlockingLayer()?.node);
   return indexOf(node) < highestBlockingIndex;
 }
 function addLayer(layer) {
@@ -3711,7 +3635,7 @@ function ButtonRoot(props) {
     return tagName() === "input";
   });
   const isNativeLink = createMemo(() => {
-    return tagName() === "a" && (ref == null ? void 0 : ref.getAttribute("href")) != null;
+    return tagName() === "a" && ref?.getAttribute("href") != null;
   });
   return createComponent(Polymorphic, mergeProps({
     as: "button",
@@ -5216,18 +5140,9 @@ function PopperArrow(props) {
   const [local, others] = splitProps(mergedProps, ["ref", "style", "size"]);
   const dir = () => context.currentPlacement().split("-")[0];
   const contentStyle = createComputedStyle(context.contentRef);
-  const fill = () => {
-    var _a;
-    return ((_a = contentStyle()) == null ? void 0 : _a.getPropertyValue("background-color")) || "none";
-  };
-  const stroke = () => {
-    var _a;
-    return ((_a = contentStyle()) == null ? void 0 : _a.getPropertyValue(`border-${dir()}-color`)) || "none";
-  };
-  const borderWidth = () => {
-    var _a;
-    return ((_a = contentStyle()) == null ? void 0 : _a.getPropertyValue(`border-${dir()}-width`)) || "0px";
-  };
+  const fill = () => contentStyle()?.getPropertyValue("background-color") || "none";
+  const stroke = () => contentStyle()?.getPropertyValue(`border-${dir()}-color`) || "none";
+  const borderWidth = () => contentStyle()?.getPropertyValue(`border-${dir()}-width`) || "0px";
   const strokeWidth = () => {
     return Number.parseInt(borderWidth()) * 2 * (DEFAULT_SIZE / local.size);
   };
@@ -5291,7 +5206,7 @@ function PopperPositioner(props) {
   }, others));
 }
 function createDOMRect(anchorRect) {
-  const { x = 0, y = 0, width = 0, height = 0 } = anchorRect != null ? anchorRect : {};
+  const { x = 0, y = 0, width = 0, height = 0 } = anchorRect ?? {};
   if (typeof DOMRect === "function") {
     return new DOMRect(x, y, width, height);
   }
@@ -5348,7 +5263,7 @@ function getTransformOrigin(placement, readingDirection) {
 }
 function PopperRoot(props) {
   const mergedProps = mergeDefaultProps({
-    getAnchorRect: (anchor) => anchor == null ? void 0 : anchor.getBoundingClientRect(),
+    getAnchorRect: (anchor) => anchor?.getBoundingClientRect(),
     placement: "bottom",
     gutter: 0,
     shift: 0,
@@ -5365,23 +5280,19 @@ function PopperRoot(props) {
   const [positionerRef, setPositionerRef] = createSignal();
   const [arrowRef, setArrowRef] = createSignal();
   const [currentPlacement, setCurrentPlacement] = createSignal(mergedProps.placement);
-  const anchorRef = () => {
-    var _a;
-    return getAnchorElement((_a = mergedProps.anchorRef) == null ? void 0 : _a.call(mergedProps), mergedProps.getAnchorRect);
-  };
+  const anchorRef = () => getAnchorElement(mergedProps.anchorRef?.(), mergedProps.getAnchorRect);
   const {
     direction
   } = useLocale();
   async function updatePosition() {
-    var _a, _b, _c;
     const referenceEl = anchorRef();
     const floatingEl = positionerRef();
     const arrowEl = arrowRef();
     if (!referenceEl || !floatingEl) {
       return;
     }
-    const arrowOffset = ((arrowEl == null ? void 0 : arrowEl.clientHeight) || 0) / 2;
-    const finalGutter = typeof mergedProps.gutter === "number" ? mergedProps.gutter + arrowOffset : (_a = mergedProps.gutter) != null ? _a : arrowOffset;
+    const arrowOffset = (arrowEl?.clientHeight || 0) / 2;
+    const finalGutter = typeof mergedProps.gutter === "number" ? mergedProps.gutter + arrowOffset : mergedProps.gutter ?? arrowOffset;
     floatingEl.style.setProperty("--kb-popper-content-overflow-padding", `${mergedProps.overflowPadding}px`);
     referenceEl.getBoundingClientRect();
     const middleware = [
@@ -5457,7 +5368,7 @@ function PopperRoot(props) {
       }
     });
     setCurrentPlacement(pos.placement);
-    (_b = mergedProps.onCurrentPlacementChange) == null ? void 0 : _b.call(mergedProps, pos.placement);
+    mergedProps.onCurrentPlacementChange?.(pos.placement);
     if (!floatingEl) {
       return;
     }
@@ -5466,7 +5377,7 @@ function PopperRoot(props) {
     const y = Math.round(pos.y);
     let visibility;
     if (mergedProps.hideWhenDetached) {
-      visibility = ((_c = pos.middlewareData.hide) == null ? void 0 : _c.referenceHidden) ? "hidden" : "visible";
+      visibility = pos.middlewareData.hide?.referenceHidden ? "hidden" : "visible";
     }
     Object.assign(floatingEl.style, {
       top: "0",
@@ -5500,9 +5411,8 @@ function PopperRoot(props) {
     onCleanup(cleanupAutoUpdate);
   });
   createEffect(() => {
-    var _a;
     const positioner = positionerRef();
-    const content = (_a = mergedProps.contentRef) == null ? void 0 : _a.call(mergedProps);
+    const content = mergedProps.contentRef?.();
     if (!positioner || !content) {
       return;
     }
@@ -5512,10 +5422,7 @@ function PopperRoot(props) {
   });
   const context = {
     currentPlacement,
-    contentRef: () => {
-      var _a;
-      return (_a = mergedProps.contentRef) == null ? void 0 : _a.call(mergedProps);
-    },
+    contentRef: () => mergedProps.contentRef?.(),
     setPositionerRef,
     setArrowRef
   };
@@ -5534,17 +5441,15 @@ var Popper = Object.assign(PopperRoot, {
 });
 function createEscapeKeyDown(props) {
   const handleKeyDown = (event) => {
-    var _a;
     if (event.key === EventKey.Escape) {
-      (_a = props.onEscapeKeyDown) == null ? void 0 : _a.call(props, event);
+      props.onEscapeKeyDown?.(event);
     }
   };
   createEffect(() => {
-    var _a, _b;
     if (access(props.isDisabled)) {
       return;
     }
-    const document2 = (_b = (_a = props.ownerDocument) == null ? void 0 : _a.call(props)) != null ? _b : getDocument();
+    const document2 = props.ownerDocument?.() ?? getDocument();
     document2.addEventListener("keydown", handleKeyDown);
     onCleanup(() => {
       document2.removeEventListener("keydown", handleKeyDown);
@@ -5557,20 +5462,10 @@ function createInteractOutside(props, ref) {
   let pointerDownTimeoutId;
   let clickHandler = noop3;
   const ownerDocument = () => getDocument(ref());
-  const onPointerDownOutside = (e2) => {
-    var _a;
-    return (_a = props.onPointerDownOutside) == null ? void 0 : _a.call(props, e2);
-  };
-  const onFocusOutside = (e2) => {
-    var _a;
-    return (_a = props.onFocusOutside) == null ? void 0 : _a.call(props, e2);
-  };
-  const onInteractOutside = (e2) => {
-    var _a;
-    return (_a = props.onInteractOutside) == null ? void 0 : _a.call(props, e2);
-  };
+  const onPointerDownOutside = (e2) => props.onPointerDownOutside?.(e2);
+  const onFocusOutside = (e2) => props.onFocusOutside?.(e2);
+  const onInteractOutside = (e2) => props.onInteractOutside?.(e2);
   const isEventOutside = (e2) => {
-    var _a;
     const target = e2.target;
     if (!(target instanceof HTMLElement)) {
       return false;
@@ -5584,7 +5479,7 @@ function createInteractOutside(props, ref) {
     if (contains(ref(), target)) {
       return false;
     }
-    return !((_a = props.shouldExcludeElement) == null ? void 0 : _a.call(props, target));
+    return !props.shouldExcludeElement?.(target);
   };
   const onPointerDown = (e2) => {
     function handler() {
@@ -5669,39 +5564,36 @@ function DismissableLayer(props) {
   const nestedLayers = /* @__PURE__ */ new Set([]);
   const registerNestedLayer = (element) => {
     nestedLayers.add(element);
-    const parentUnregister = parentContext == null ? void 0 : parentContext.registerNestedLayer(element);
+    const parentUnregister = parentContext?.registerNestedLayer(element);
     return () => {
       nestedLayers.delete(element);
-      parentUnregister == null ? void 0 : parentUnregister();
+      parentUnregister?.();
     };
   };
   const shouldExcludeElement = (element) => {
-    var _a;
     if (!ref) {
       return false;
     }
-    return ((_a = local.excludedElements) == null ? void 0 : _a.some((node) => contains(node(), element))) || [...nestedLayers].some((layer) => contains(layer, element));
+    return local.excludedElements?.some((node) => contains(node(), element)) || [...nestedLayers].some((layer) => contains(layer, element));
   };
   const onPointerDownOutside = (e2) => {
-    var _a, _b, _c;
     if (!ref || layerStack.isBelowPointerBlockingLayer(ref)) {
       return;
     }
     if (!local.bypassTopMostLayerCheck && !layerStack.isTopMostLayer(ref)) {
       return;
     }
-    (_a = local.onPointerDownOutside) == null ? void 0 : _a.call(local, e2);
-    (_b = local.onInteractOutside) == null ? void 0 : _b.call(local, e2);
+    local.onPointerDownOutside?.(e2);
+    local.onInteractOutside?.(e2);
     if (!e2.defaultPrevented) {
-      (_c = local.onDismiss) == null ? void 0 : _c.call(local);
+      local.onDismiss?.();
     }
   };
   const onFocusOutside = (e2) => {
-    var _a, _b, _c;
-    (_a = local.onFocusOutside) == null ? void 0 : _a.call(local, e2);
-    (_b = local.onInteractOutside) == null ? void 0 : _b.call(local, e2);
+    local.onFocusOutside?.(e2);
+    local.onInteractOutside?.(e2);
     if (!e2.defaultPrevented) {
-      (_c = local.onDismiss) == null ? void 0 : _c.call(local);
+      local.onDismiss?.();
     }
   };
   createInteractOutside({
@@ -5712,11 +5604,10 @@ function DismissableLayer(props) {
   createEscapeKeyDown({
     ownerDocument: () => getDocument(ref),
     onEscapeKeyDown: (e2) => {
-      var _a;
       if (!ref || !layerStack.isTopMostLayer(ref)) {
         return;
       }
-      (_a = local.onEscapeKeyDown) == null ? void 0 : _a.call(local, e2);
+      local.onEscapeKeyDown?.(e2);
       if (!e2.defaultPrevented && local.onDismiss) {
         e2.preventDefault();
         local.onDismiss();
@@ -5732,7 +5623,7 @@ function DismissableLayer(props) {
       isPointerBlocking: local.disableOutsidePointerEvents,
       dismiss: local.onDismiss
     });
-    const unregisterFromParentLayer = parentContext == null ? void 0 : parentContext.registerNestedLayer(ref);
+    const unregisterFromParentLayer = parentContext?.registerNestedLayer(ref);
     layerStack.assignPointerEventToLayers();
     layerStack.disableBodyPointerEvents(ref);
     onCleanup(() => {
@@ -5740,7 +5631,7 @@ function DismissableLayer(props) {
         return;
       }
       layerStack.removeLayer(ref);
-      unregisterFromParentLayer == null ? void 0 : unregisterFromParentLayer();
+      unregisterFromParentLayer?.();
       layerStack.assignPointerEventToLayers();
       layerStack.restoreBodyPointerEvents(ref);
     });
@@ -5783,10 +5674,7 @@ function createDisclosureState(props = {}) {
   const [isOpen, setIsOpen] = createControllableBooleanSignal({
     value: () => access(props.open),
     defaultValue: () => !!access(props.defaultOpen),
-    onChange: (value) => {
-      var _a;
-      return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, value);
-    }
+    onChange: (value) => props.onOpenChange?.(value)
   });
   const open = () => {
     setIsOpen(true);
@@ -5900,17 +5788,15 @@ function RadioGroupItemControl(props) {
   }, props);
   const [local, others] = splitProps(mergedProps, ["onClick", "onKeyDown"]);
   const onClick = (e2) => {
-    var _a;
     callHandler(e2, local.onClick);
     context.select();
-    (_a = context.inputRef()) == null ? void 0 : _a.focus();
+    context.inputRef()?.focus();
   };
   const onKeyDown = (e2) => {
-    var _a;
     callHandler(e2, local.onKeyDown);
     if (e2.key === EventKey.Space) {
       context.select();
-      (_a = context.inputRef()) == null ? void 0 : _a.focus();
+      context.inputRef()?.focus();
     }
   };
   return createComponent(Polymorphic, mergeProps({
@@ -5940,10 +5826,7 @@ function RadioGroupItemIndicator(props) {
     present
   } = src_default({
     show: () => local.forceMount || context.isSelected(),
-    element: () => {
-      var _a;
-      return (_a = ref()) != null ? _a : null;
-    }
+    element: () => ref() ?? null
   });
   return createComponent(Show, {
     get when() {
@@ -6003,11 +5886,11 @@ function RadioGroupItemInput(props) {
       return;
     setIsInternalChangeEvent(true);
     const ref = radioContext.inputRef();
-    ref == null ? void 0 : ref.dispatchEvent(new Event("input", {
+    ref?.dispatchEvent(new Event("input", {
       bubbles: true,
       cancelable: true
     }));
-    ref == null ? void 0 : ref.dispatchEvent(new Event("change", {
+    ref?.dispatchEvent(new Event("change", {
       bubbles: true,
       cancelable: true
     }));
@@ -6085,18 +5968,12 @@ function RadioGroupRoot(props) {
   const [selected, setSelected] = createControllableSignal({
     value: () => local.value,
     defaultValue: () => local.defaultValue,
-    onChange: (value) => {
-      var _a;
-      return (_a = local.onChange) == null ? void 0 : _a.call(local, value);
-    }
+    onChange: (value) => local.onChange?.(value)
   });
   const {
     formControlContext
   } = createFormControl(formControlProps);
-  createFormResetListener(() => ref, () => {
-    var _a;
-    return setSelected((_a = local.defaultValue) != null ? _a : "");
-  });
+  createFormResetListener(() => ref, () => setSelected(local.defaultValue ?? ""));
   const ariaLabelledBy = () => {
     return formControlContext.getAriaLabelledBy(access(formControlProps.id), others["aria-label"], local["aria-labelledby"]);
   };
@@ -6176,10 +6053,10 @@ var RadioGroup = Object.assign(RadioGroupRoot, {
   Label: RadioGroupLabel
 });
 var ListKeyboardDelegate = class {
+  collection;
+  ref;
+  collator;
   constructor(collection, ref, collator) {
-    __publicField(this, "collection");
-    __publicField(this, "ref");
-    __publicField(this, "collator");
     this.collection = collection;
     this.ref = ref;
     this.collator = collator;
@@ -6225,13 +6102,11 @@ var ListKeyboardDelegate = class {
     }
   }
   getItem(key) {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = this.ref) == null ? void 0 : _a.call(this)) == null ? void 0 : _b.querySelector(`[data-key="${key}"]`)) != null ? _c : null;
+    return this.ref?.()?.querySelector(`[data-key="${key}"]`) ?? null;
   }
   // TODO: not working correctly
   getKeyPageAbove(key) {
-    var _a;
-    const menu = (_a = this.ref) == null ? void 0 : _a.call(this);
+    const menu = this.ref?.();
     let item = this.getItem(key);
     if (!menu || !item) {
       return;
@@ -6249,8 +6124,7 @@ var ListKeyboardDelegate = class {
   }
   // TODO: not working correctly
   getKeyPageBelow(key) {
-    var _a;
-    const menu = (_a = this.ref) == null ? void 0 : _a.call(this);
+    const menu = this.ref?.();
     let item = this.getItem(key);
     if (!menu || !item) {
       return;
@@ -6267,8 +6141,7 @@ var ListKeyboardDelegate = class {
     return keyBelow;
   }
   getKeyForSearch(search, fromKey) {
-    var _a;
-    const collator = (_a = this.collator) == null ? void 0 : _a.call(this);
+    const collator = this.collator?.();
     if (!collator) {
       return;
     }
@@ -6307,10 +6180,7 @@ function createSelectableList(props, ref, scrollRef) {
       shouldUseVirtualFocus: () => access(props.shouldUseVirtualFocus),
       allowsTabNavigation: () => access(props.allowsTabNavigation),
       isVirtualized: () => access(props.isVirtualized),
-      scrollToKey: (key) => {
-        var _a;
-        return (_a = access(props.scrollToKey)) == null ? void 0 : _a(key);
-      },
+      scrollToKey: (key) => access(props.scrollToKey)?.(key),
       orientation: () => access(props.orientation)
     },
     ref
@@ -6329,17 +6199,15 @@ var focusScopeStack = {
     return this.stack[0];
   },
   add(scope) {
-    var _a;
     if (scope !== this.active()) {
-      (_a = this.active()) == null ? void 0 : _a.pause();
+      this.active()?.pause();
     }
     this.stack = removeItemFromArray(this.stack, scope);
     this.stack.unshift(scope);
   },
   remove(scope) {
-    var _a;
     this.stack = removeItemFromArray(this.stack, scope);
-    (_a = this.active()) == null ? void 0 : _a.resume();
+    this.active()?.resume();
   }
 };
 function createFocusScope(props, ref) {
@@ -6353,14 +6221,8 @@ function createFocusScope(props, ref) {
     }
   };
   let lastFocusedElement = null;
-  const onMountAutoFocus = (e2) => {
-    var _a;
-    return (_a = props.onMountAutoFocus) == null ? void 0 : _a.call(props, e2);
-  };
-  const onUnmountAutoFocus = (e2) => {
-    var _a;
-    return (_a = props.onUnmountAutoFocus) == null ? void 0 : _a.call(props, e2);
-  };
+  const onMountAutoFocus = (e2) => props.onMountAutoFocus?.(e2);
+  const onUnmountAutoFocus = (e2) => props.onUnmountAutoFocus?.(e2);
   const ownerDocument = () => getDocument(ref());
   const createSentinel = () => {
     const element = ownerDocument().createElement("span");
@@ -6429,7 +6291,7 @@ function createFocusScope(props, ref) {
         container.addEventListener(AUTOFOCUS_ON_UNMOUNT_EVENT, onUnmountAutoFocus);
         container.dispatchEvent(unmountEvent);
         if (!unmountEvent.defaultPrevented) {
-          focusWithoutScrolling(previouslyFocusedElement != null ? previouslyFocusedElement : ownerDocument().body);
+          focusWithoutScrolling(previouslyFocusedElement ?? ownerDocument().body);
         }
         container.removeEventListener(AUTOFOCUS_ON_UNMOUNT_EVENT, onUnmountAutoFocus);
         focusScopeStack.remove(focusScope);
@@ -6443,7 +6305,7 @@ function createFocusScope(props, ref) {
     }
     const onFocusIn = (event) => {
       const target = event.target;
-      if (target == null ? void 0 : target.closest(`[${DATA_TOP_LAYER_ATTR}]`)) {
+      if (target?.closest(`[${DATA_TOP_LAYER_ATTR}]`)) {
         return;
       }
       if (contains(container, target)) {
@@ -6454,8 +6316,8 @@ function createFocusScope(props, ref) {
     };
     const onFocusOut = (event) => {
       const relatedTarget = event.relatedTarget;
-      const target = relatedTarget != null ? relatedTarget : getActiveElement(container);
-      if (target == null ? void 0 : target.closest(`[${DATA_TOP_LAYER_ATTR}]`)) {
+      const target = relatedTarget ?? getActiveElement(container);
+      if (target?.closest(`[${DATA_TOP_LAYER_ATTR}]`)) {
         return;
       }
       if (!contains(container, target)) {
@@ -6561,8 +6423,7 @@ function ariaHideOutside(targets, root = document.body) {
     }
   };
   const hide3 = (node) => {
-    var _a;
-    const refCount = (_a = refCountMap.get(node)) != null ? _a : 0;
+    const refCount = refCountMap.get(node) ?? 0;
     if (node.getAttribute("aria-hidden") === "true" && refCount === 0) {
       return;
     }
@@ -6637,9 +6498,8 @@ function ariaHideOutside(targets, root = document.body) {
 var activeStyles = /* @__PURE__ */ new Map();
 var createStyle = (props) => {
   createEffect(() => {
-    var _a, _b;
-    const style = (_a = access2(props.style)) != null ? _a : {};
-    const properties = (_b = access2(props.properties)) != null ? _b : [];
+    const style = access2(props.style) ?? {};
+    const properties = access2(props.properties) ?? [];
     const originalStyles = {};
     for (const key in style) {
       originalStyles[key] = props.element.style[key];
@@ -6659,7 +6519,6 @@ var createStyle = (props) => {
       props.element.style.setProperty(property.key, property.value);
     }
     onCleanup(() => {
-      var _a2;
       const activeStyle2 = activeStyles.get(props.key);
       if (!activeStyle2)
         return;
@@ -6677,7 +6536,7 @@ var createStyle = (props) => {
       if (props.element.style.length === 0) {
         props.element.removeAttribute("style");
       }
-      (_a2 = props.cleanup) == null ? void 0 : _a2.call(props);
+      props.cleanup?.();
     });
   });
 };
@@ -6697,7 +6556,6 @@ var isScrollContainer = (element, axis) => {
   element.tagName === "HTML" && overflow === "visible";
 };
 var getScrollAtLocation = (location, axis, stopAt) => {
-  var _a;
   const directionFactor = axis === "x" && window.getComputedStyle(location).direction === "rtl" ? -1 : 1;
   let currentElement = location;
   let availableScroll = 0;
@@ -6713,10 +6571,10 @@ var getScrollAtLocation = (location, axis, stopAt) => {
       availableScroll += scrolled;
       availableScrollTop += scrollOffset;
     }
-    if (currentElement === (stopAt != null ? stopAt : document.documentElement)) {
+    if (currentElement === (stopAt ?? document.documentElement)) {
       wrapperReached = true;
     } else {
-      currentElement = (_a = currentElement._$host) != null ? _a : currentElement.parentElement;
+      currentElement = currentElement._$host ?? currentElement.parentElement;
     }
   } while (currentElement && !wrapperReached);
   return [availableScroll, availableScrollTop];
@@ -6889,14 +6747,13 @@ var wouldScroll = (target, axis, delta, wrapper) => {
   return true;
 };
 var contains2 = (wrapper, target) => {
-  var _a;
   if (wrapper.contains(target))
     return true;
   let currentElement = target;
   while (currentElement) {
     if (currentElement === wrapper)
       return true;
-    currentElement = (_a = currentElement._$host) != null ? _a : currentElement.parentElement;
+    currentElement = currentElement._$host ?? currentElement.parentElement;
   }
   return false;
 };
@@ -6944,8 +6801,7 @@ function MenuItemBase(props) {
   const key = () => others.id;
   const isHighlighted = () => selectionManager().focusedKey() === key();
   const onSelect = () => {
-    var _a;
-    (_a = local.onSelect) == null ? void 0 : _a.call(local);
+    local.onSelect?.();
     if (local.closeOnSelect) {
       setTimeout(() => {
         menuContext.close(true);
@@ -6953,16 +6809,13 @@ function MenuItemBase(props) {
     }
   };
   createDomCollectionItem({
-    getItem: () => {
-      var _a, _b, _c, _d, _e;
-      return {
-        ref: () => ref,
-        type: "item",
-        key: key(),
-        textValue: (_d = (_c = (_b = local.textValue) != null ? _b : (_a = labelRef()) == null ? void 0 : _a.textContent) != null ? _c : ref == null ? void 0 : ref.textContent) != null ? _d : "",
-        disabled: (_e = local.disabled) != null ? _e : false
-      };
-    }
+    getItem: () => ({
+      ref: () => ref,
+      type: "item",
+      key: key(),
+      textValue: local.textValue ?? labelRef()?.textContent ?? ref?.textContent ?? "",
+      disabled: local.disabled ?? false
+    })
   });
   const selectableItem = createSelectableItem({
     key,
@@ -7097,15 +6950,11 @@ function MenuCheckboxItem(props) {
   const state = createToggleState({
     isSelected: () => local.checked,
     defaultIsSelected: () => local.defaultChecked,
-    onSelectedChange: (checked) => {
-      var _a;
-      return (_a = local.onChange) == null ? void 0 : _a.call(local, checked);
-    },
+    onSelectedChange: (checked) => local.onChange?.(checked),
     isDisabled: () => others.disabled
   });
   const onSelect = () => {
-    var _a;
-    (_a = local.onSelect) == null ? void 0 : _a.call(local);
+    local.onSelect?.();
     state.toggle();
   };
   return createComponent(MenuItemBase, mergeProps({
@@ -7141,24 +6990,19 @@ function MenuTrigger(props) {
   const [local, others] = splitProps(mergedProps, ["ref", "id", "disabled", "onPointerDown", "onClick", "onKeyDown", "onMouseOver", "onFocus"]);
   let key = () => rootContext.value();
   if (optionalMenubarContext !== void 0) {
-    key = () => {
-      var _a;
-      return (_a = rootContext.value()) != null ? _a : local.id;
-    };
+    key = () => rootContext.value() ?? local.id;
     if (optionalMenubarContext.lastValue() === void 0)
       optionalMenubarContext.setLastValue(key);
   }
   const tagName = createTagName(() => context.triggerRef(), () => "button");
   const isNativeLink = createMemo(() => {
-    var _a;
-    return tagName() === "a" && ((_a = context.triggerRef()) == null ? void 0 : _a.getAttribute("href")) != null;
+    return tagName() === "a" && context.triggerRef()?.getAttribute("href") != null;
   });
-  createEffect(on(() => optionalMenubarContext == null ? void 0 : optionalMenubarContext.value(), (value) => {
-    var _a;
+  createEffect(on(() => optionalMenubarContext?.value(), (value) => {
     if (!isNativeLink())
       return;
     if (value === key())
-      (_a = context.triggerRef()) == null ? void 0 : _a.focus();
+      context.triggerRef()?.focus();
   }));
   const handleClick = () => {
     if (optionalMenubarContext !== void 0) {
@@ -7208,8 +7052,8 @@ function MenuTrigger(props) {
         e2.preventDefault();
         scrollIntoViewport(e2.currentTarget);
         context.open("first");
-        optionalMenubarContext == null ? void 0 : optionalMenubarContext.setAutoFocusMenu(true);
-        optionalMenubarContext == null ? void 0 : optionalMenubarContext.setValue(key);
+        optionalMenubarContext?.setAutoFocusMenu(true);
+        optionalMenubarContext?.setValue(key);
         break;
       case MENU_KEYS.last(rootContext.orientation()):
         e2.stopPropagation();
@@ -7233,9 +7077,8 @@ function MenuTrigger(props) {
     }
   };
   const onMouseOver = (e2) => {
-    var _a;
     callHandler(e2, local.onMouseOver);
-    if (((_a = context.triggerRef()) == null ? void 0 : _a.dataset.pointerType) === "touch")
+    if (context.triggerRef()?.dataset.pointerType === "touch")
       return;
     if (!local.disabled && optionalMenubarContext !== void 0 && optionalMenubarContext.value() !== void 0) {
       optionalMenubarContext.setValue(key);
@@ -7269,7 +7112,7 @@ function MenuTrigger(props) {
       return createMemo(() => !!context.isOpen())() ? context.contentId() : void 0;
     },
     get ["data-highlighted"]() {
-      return key() !== void 0 && (optionalMenubarContext == null ? void 0 : optionalMenubarContext.value()) === key() ? true : void 0;
+      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;
@@ -7316,9 +7159,8 @@ function MenuContentBase(props) {
   createFocusScope({
     trapFocus: () => isRootModalContent() && context.isOpen(),
     onMountAutoFocus: (event) => {
-      var _a;
       if (optionalMenubarContext === void 0)
-        (_a = local.onOpenAutoFocus) == null ? void 0 : _a.call(local, event);
+        local.onOpenAutoFocus?.(event);
     },
     onUnmountAutoFocus: local.onCloseAutoFocus
   }, () => ref);
@@ -7352,26 +7194,23 @@ function MenuContentBase(props) {
     }
   };
   const onEscapeKeyDown = (e2) => {
-    var _a;
-    (_a = local.onEscapeKeyDown) == null ? void 0 : _a.call(local, e2);
-    optionalMenubarContext == null ? void 0 : optionalMenubarContext.setAutoFocusMenu(false);
+    local.onEscapeKeyDown?.(e2);
+    optionalMenubarContext?.setAutoFocusMenu(false);
     context.close(true);
   };
   const onFocusOutside = (e2) => {
-    var _a;
-    (_a = local.onFocusOutside) == null ? void 0 : _a.call(local, e2);
+    local.onFocusOutside?.(e2);
     if (rootContext.isModal()) {
       e2.preventDefault();
     }
   };
   const onPointerEnter = (e2) => {
-    var _a, _b;
     callHandler(e2, local.onPointerEnter);
     if (!context.isOpen()) {
       return;
     }
-    (_a = context.parentMenuContext()) == null ? void 0 : _a.listState().selectionManager().setFocused(false);
-    (_b = context.parentMenuContext()) == null ? void 0 : _b.listState().selectionManager().setFocusedKey(void 0);
+    context.parentMenuContext()?.listState().selectionManager().setFocused(false);
+    context.parentMenuContext()?.listState().selectionManager().setFocusedKey(void 0);
   };
   const onPointerMove = (e2) => {
     callHandler(e2, local.onPointerMove);
@@ -7461,7 +7300,7 @@ function MenuContent(props) {
   const context = useMenuContext();
   const [local, others] = splitProps(props, ["ref"]);
   src_default2({
-    element: () => ref != null ? ref : null,
+    element: () => ref ?? null,
     enabled: () => context.contentPresent() && rootContext.preventScroll()
   });
   return createComponent(MenuContentBase, mergeProps({
@@ -7613,10 +7452,7 @@ function MenuRadioGroup(props) {
   const [selected, setSelected] = createControllableSignal({
     value: () => local.value,
     defaultValue: () => local.defaultValue,
-    onChange: (value) => {
-      var _a;
-      return (_a = local.onChange) == null ? void 0 : _a.call(local, value);
-    }
+    onChange: (value) => local.onChange?.(value)
   });
   const context = {
     isDisabled: () => local.disabled,
@@ -7637,8 +7473,7 @@ function MenuRadioItem(props) {
   }, props);
   const [local, others] = splitProps(mergedProps, ["value", "onSelect"]);
   const onSelect = () => {
-    var _a;
-    (_a = local.onSelect) == null ? void 0 : _a.call(local);
+    local.onSelect?.();
     context.setSelectedValue(local.value);
   };
   return createComponent(MenuItemBase, mergeProps({
@@ -7723,19 +7558,13 @@ function Menu(props) {
   const disclosureState = createDisclosureState({
     open: () => local.open,
     defaultOpen: () => local.defaultOpen,
-    onOpenChange: (isOpen) => {
-      var _a;
-      return (_a = local.onOpenChange) == null ? void 0 : _a.call(local, isOpen);
-    }
+    onOpenChange: (isOpen) => local.onOpenChange?.(isOpen)
   });
   const {
     present: contentPresent
   } = src_default({
     show: () => rootContext.forceMount() || disclosureState.isOpen(),
-    element: () => {
-      var _a;
-      return (_a = contentRef()) != null ? _a : null;
-    }
+    element: () => contentRef() ?? null
   });
   const listState = createListState({
     selectionMode: "none",
@@ -7771,15 +7600,15 @@ function Menu(props) {
   };
   const registerNestedMenu = (element) => {
     setNestedMenus((prev) => [...prev, element]);
-    const parentUnregister = parentMenuContext == null ? void 0 : parentMenuContext.registerNestedMenu(element);
+    const parentUnregister = parentMenuContext?.registerNestedMenu(element);
     return () => {
       setNestedMenus((prev) => removeItemFromArray(prev, element));
-      parentUnregister == null ? void 0 : parentUnregister();
+      parentUnregister?.();
     };
   };
   const isPointerMovingToSubmenu = (e2) => {
-    const isMovingTowards = pointerDir === (pointerGraceIntent == null ? void 0 : pointerGraceIntent.side);
-    return isMovingTowards && isPointerInGraceArea(e2, pointerGraceIntent == null ? void 0 : pointerGraceIntent.area);
+    const isMovingTowards = pointerDir === pointerGraceIntent?.side;
+    return isMovingTowards && isPointerInGraceArea(e2, pointerGraceIntent?.area);
   };
   const onItemEnter = (e2) => {
     if (isPointerMovingToSubmenu(e2)) {
@@ -7816,14 +7645,13 @@ function Menu(props) {
   createEffect(() => {
     if (parentMenuContext !== void 0)
       return;
-    optionalMenubarContext == null ? void 0 : optionalMenubarContext.registerMenu(rootContext.value(), [contentRef(), ...nestedMenus()]);
+    optionalMenubarContext?.registerMenu(rootContext.value(), [contentRef(), ...nestedMenus()]);
   });
   createEffect(() => {
-    var _a;
     if (parentMenuContext !== void 0 || optionalMenubarContext === void 0)
       return;
     if (optionalMenubarContext.value() === rootContext.value()) {
-      (_a = triggerRef()) == null ? void 0 : _a.focus();
+      triggerRef()?.focus();
       if (optionalMenubarContext.autoFocusMenu())
         open(true);
     } else
@@ -7838,7 +7666,7 @@ function Menu(props) {
   onCleanup(() => {
     if (parentMenuContext !== void 0)
       return;
-    optionalMenubarContext == null ? void 0 : optionalMenubarContext.unregisterMenu(rootContext.value());
+    optionalMenubarContext?.unregisterMenu(rootContext.value());
   });
   const dataset = createMemo(() => ({
     "data-expanded": disclosureState.isOpen() ? "" : void 0,
@@ -7871,7 +7699,7 @@ function Menu(props) {
     setPointerGraceTimeoutId: (id) => pointerGraceTimeoutId = id,
     setPointerGraceIntent: (intent) => pointerGraceIntent = intent,
     registerNestedMenu,
-    registerItemToParentDomCollection: parentDomCollectionContext == null ? void 0 : parentDomCollectionContext.registerItem,
+    registerItemToParentDomCollection: parentDomCollectionContext?.registerItem,
     registerTriggerId: createRegisterId(setTriggerId),
     registerContentId: createRegisterId(setContentId)
   };
@@ -7931,8 +7759,7 @@ function MenuSubContent(props) {
     e2.preventDefault();
   };
   const onFocusOutside = (e2) => {
-    var _a;
-    (_a = local.onFocusOutside) == null ? void 0 : _a.call(local, e2);
+    local.onFocusOutside?.(e2);
     const target = e2.target;
     if (!contains(context.triggerRef(), target)) {
       context.close();
@@ -8006,36 +7833,35 @@ function MenuSubTrigger(props) {
     }
   };
   const onPointerMove = (e2) => {
-    var _a;
     callHandler(e2, local.onPointerMove);
     if (e2.pointerType !== "mouse") {
       return;
     }
     const parentMenuContext = context.parentMenuContext();
-    parentMenuContext == null ? void 0 : parentMenuContext.onItemEnter(e2);
+    parentMenuContext?.onItemEnter(e2);
     if (e2.defaultPrevented) {
       return;
     }
     if (local.disabled) {
-      parentMenuContext == null ? void 0 : parentMenuContext.onItemLeave(e2);
+      parentMenuContext?.onItemLeave(e2);
       return;
     }
     if (!context.isOpen() && !openTimeoutId) {
-      (_a = context.parentMenuContext()) == null ? void 0 : _a.setPointerGraceIntent(null);
+      context.parentMenuContext()?.setPointerGraceIntent(null);
       openTimeoutId = window.setTimeout(() => {
         context.open(false);
         clearOpenTimeout();
       }, 100);
     }
-    parentMenuContext == null ? void 0 : parentMenuContext.onItemEnter(e2);
+    parentMenuContext?.onItemEnter(e2);
     if (!e2.defaultPrevented) {
       if (context.listState().selectionManager().isFocused()) {
         context.listState().selectionManager().setFocused(false);
         context.listState().selectionManager().setFocusedKey(void 0);
       }
       focusWithoutScrolling(e2.currentTarget);
-      parentMenuContext == null ? void 0 : parentMenuContext.listState().selectionManager().setFocused(true);
-      parentMenuContext == null ? void 0 : parentMenuContext.listState().selectionManager().setFocusedKey(key());
+      parentMenuContext?.listState().selectionManager().setFocused(true);
+      parentMenuContext?.listState().selectionManager().setFocusedKey(key());
     }
   };
   const onPointerLeave = (e2) => {
@@ -8047,24 +7873,24 @@ function MenuSubTrigger(props) {
     const parentMenuContext = context.parentMenuContext();
     const contentEl = context.contentRef();
     if (contentEl) {
-      parentMenuContext == null ? void 0 : parentMenuContext.setPointerGraceIntent({
+      parentMenuContext?.setPointerGraceIntent({
         area: getPointerGraceArea(context.currentPlacement(), e2, contentEl),
         // Safe because sub menu always open "left" or "right".
         side: context.currentPlacement().split("-")[0]
       });
-      window.clearTimeout(parentMenuContext == null ? void 0 : parentMenuContext.pointerGraceTimeoutId());
+      window.clearTimeout(parentMenuContext?.pointerGraceTimeoutId());
       const pointerGraceTimeoutId = window.setTimeout(() => {
-        parentMenuContext == null ? void 0 : parentMenuContext.setPointerGraceIntent(null);
+        parentMenuContext?.setPointerGraceIntent(null);
       }, 300);
-      parentMenuContext == null ? void 0 : parentMenuContext.setPointerGraceTimeoutId(pointerGraceTimeoutId);
+      parentMenuContext?.setPointerGraceTimeoutId(pointerGraceTimeoutId);
     } else {
-      parentMenuContext == null ? void 0 : parentMenuContext.onTriggerLeave(e2);
+      parentMenuContext?.onTriggerLeave(e2);
       if (e2.defaultPrevented) {
         return;
       }
-      parentMenuContext == null ? void 0 : parentMenuContext.setPointerGraceIntent(null);
+      parentMenuContext?.setPointerGraceIntent(null);
     }
-    parentMenuContext == null ? void 0 : parentMenuContext.onItemLeave(e2);
+    parentMenuContext?.onItemLeave(e2);
   };
   const onKeyDown = (e2) => {
     callHandler(e2, local.onKeyDown);
@@ -8088,7 +7914,6 @@ function MenuSubTrigger(props) {
     }
   };
   createEffect(() => {
-    var _a, _b, _c;
     if (context.registerItemToParentDomCollection == null) {
       throw new Error("[kobalte]: `Menu.SubTrigger` must be used within a `Menu.Sub` component");
     }
@@ -8096,19 +7921,15 @@ function MenuSubTrigger(props) {
       ref: () => ref,
       type: "item",
       key: key(),
-      textValue: (_b = (_a = local.textValue) != null ? _a : ref == null ? void 0 : ref.textContent) != null ? _b : "",
-      disabled: (_c = local.disabled) != null ? _c : false
+      textValue: local.textValue ?? ref?.textContent ?? "",
+      disabled: local.disabled ?? false
     });
     onCleanup(unregister);
   });
-  createEffect(on(() => {
-    var _a;
-    return (_a = context.parentMenuContext()) == null ? void 0 : _a.pointerGraceTimeoutId();
-  }, (pointerGraceTimer) => {
+  createEffect(on(() => context.parentMenuContext()?.pointerGraceTimeoutId(), (pointerGraceTimer) => {
     onCleanup(() => {
-      var _a;
       window.clearTimeout(pointerGraceTimer);
-      (_a = context.parentMenuContext()) == null ? void 0 : _a.setPointerGraceIntent(null);
+      context.parentMenuContext()?.setPointerGraceIntent(null);
     });
   }));
   createEffect(() => onCleanup(context.registerTriggerId(local.id)));
@@ -8183,30 +8004,15 @@ function MenuRoot(props) {
   const disclosureState = createDisclosureState({
     open: () => local.open,
     defaultOpen: () => local.defaultOpen,
-    onOpenChange: (isOpen) => {
-      var _a;
-      return (_a = local.onOpenChange) == null ? void 0 : _a.call(local, isOpen);
-    }
+    onOpenChange: (isOpen) => local.onOpenChange?.(isOpen)
   });
   const context = {
-    isModal: () => {
-      var _a;
-      return (_a = local.modal) != null ? _a : true;
-    },
-    preventScroll: () => {
-      var _a;
-      return (_a = local.preventScroll) != null ? _a : context.isModal();
-    },
-    forceMount: () => {
-      var _a;
-      return (_a = local.forceMount) != null ? _a : false;
-    },
+    isModal: () => local.modal ?? true,
+    preventScroll: () => local.preventScroll ?? context.isModal(),
+    forceMount: () => local.forceMount ?? false,
     generateId: createGenerateId(() => local.id),
     value: () => local.value,
-    orientation: () => {
-      var _a, _b;
-      return (_b = (_a = local.orientation) != null ? _a : optionalMenubarContext == null ? void 0 : optionalMenubarContext.orientation()) != null ? _b : "horizontal";
-    }
+    orientation: () => local.orientation ?? optionalMenubarContext?.orientation() ?? "horizontal"
   };
   return createComponent(MenuRootContext.Provider, {
     value: context,
@@ -8281,8 +8087,7 @@ function DropdownMenuContent(props) {
   const [local, others] = splitProps(props, ["onCloseAutoFocus", "onInteractOutside"]);
   let hasInteractedOutside = false;
   const onCloseAutoFocus = (e2) => {
-    var _a;
-    (_a = local.onCloseAutoFocus) == null ? void 0 : _a.call(local, e2);
+    local.onCloseAutoFocus?.(e2);
     if (!hasInteractedOutside) {
       focusWithoutScrolling(context.triggerRef());
     }
@@ -8290,8 +8095,7 @@ function DropdownMenuContent(props) {
     e2.preventDefault();
   };
   const onInteractOutside = (e2) => {
-    var _a;
-    (_a = local.onInteractOutside) == null ? void 0 : _a.call(local, e2);
+    local.onInteractOutside?.(e2);
     if (!rootContext.isModal() || e2.detail.isContextMenu) {
       hasInteractedOutside = true;
     }
@@ -8925,7 +8729,6 @@ function isIterable(x) {
   return Symbol.iterator in x;
 }
 function Explorer(props) {
-  var _a;
   const theme = useTheme();
   const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
     target: useQueryDevtoolsContext().shadowDOMTarget
@@ -8973,7 +8776,7 @@ function Explorer(props) {
     return typeof props.value;
   });
   const subEntryPages = createMemo(() => chunkArray(subEntries(), 100));
-  const currentDataPath = (_a = props.dataPath) != null ? _a : [];
+  const currentDataPath = props.dataPath ?? [];
   return (() => {
     var _el$6 = _tmpl$72();
     insert(_el$6, createComponent(Show, {
@@ -9037,8 +8840,7 @@ function Explorer(props) {
                 get children() {
                   var _el$15 = _tmpl$62();
                   _el$15.$$click = () => {
-                    var _a2;
-                    (_a2 = props.onEdit) == null ? void 0 : _a2.call(props);
+                    props.onEdit?.();
                   };
                   insert(_el$15, createComponent(Pencil, {}));
                   createRenderEffect(() => className(_el$15, styles().actionButton));
@@ -9491,10 +9293,7 @@ var Devtools = (props) => {
       window.removeEventListener("focus", onFocus);
     });
   });
-  const pip_open = createMemo(() => {
-    var _a;
-    return (_a = props.localStore.pip_open) != null ? _a : "false";
-  });
+  const pip_open = createMemo(() => props.localStore.pip_open ?? "false");
   return [createComponent(Show, {
     get when() {
       return createMemo(() => !!pip().pipWindow)() && pip_open() == "true";
@@ -9502,8 +9301,7 @@ var Devtools = (props) => {
     get children() {
       return createComponent(Portal, {
         get mount() {
-          var _a;
-          return (_a = pip().pipWindow) == null ? void 0 : _a.document.body;
+          return pip().pipWindow?.document.body;
         },
         get children() {
           return createComponent(PiPPanel, {
@@ -9759,8 +9557,7 @@ var DraggablePanel = (props) => {
     });
   });
   createEffect(() => {
-    var _a, _b;
-    const rootContainer = (_b = (_a = panelRef.parentElement) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.parentElement;
+    const rootContainer = panelRef.parentElement?.parentElement?.parentElement;
     if (!rootContainer)
       return;
     const currentPosition = props.localStore.position || POSITION;
@@ -10060,8 +9857,7 @@ var ContentView = (props) => {
       get children() {
         var _el$30 = _tmpl$83();
         _el$30.$$click = () => {
-          var _a;
-          pip().requestPipWindow(Number(window.innerWidth), Number((_a = props.localStore.height) != null ? _a : 500));
+          pip().requestPipWindow(Number(window.innerWidth), Number(props.localStore.height ?? 500));
         };
         insert(_el$30, createComponent(PiPIcon, {}));
         createRenderEffect(() => className(_el$30, clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-open-pip")));
@@ -10366,30 +10162,18 @@ var QueryRow = (props) => {
     alpha
   } = tokens;
   const t2 = (light, dark) => theme() === "dark" ? dark : light;
-  const queryState = createSubscribeToQueryCacheBatcher((queryCache) => {
-    var _a;
-    return (_a = queryCache().find({
-      queryKey: props.query.queryKey
-    })) == null ? void 0 : _a.state;
-  }, true, (e2) => e2.query.queryHash === props.query.queryHash);
-  const isDisabled = createSubscribeToQueryCacheBatcher((queryCache) => {
-    var _a, _b;
-    return (_b = (_a = queryCache().find({
-      queryKey: props.query.queryKey
-    })) == null ? void 0 : _a.isDisabled()) != null ? _b : false;
-  }, true, (e2) => e2.query.queryHash === props.query.queryHash);
-  const isStale = createSubscribeToQueryCacheBatcher((queryCache) => {
-    var _a, _b;
-    return (_b = (_a = queryCache().find({
-      queryKey: props.query.queryKey
-    })) == null ? void 0 : _a.isStale()) != null ? _b : false;
-  }, true, (e2) => e2.query.queryHash === props.query.queryHash);
-  const observers = createSubscribeToQueryCacheBatcher((queryCache) => {
-    var _a, _b;
-    return (_b = (_a = queryCache().find({
-      queryKey: props.query.queryKey
-    })) == null ? void 0 : _a.getObserversCount()) != null ? _b : 0;
-  }, true, (e2) => e2.query.queryHash === props.query.queryHash);
+  const queryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
+    queryKey: props.query.queryKey
+  })?.state, true, (e2) => e2.query.queryHash === props.query.queryHash);
+  const isDisabled = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
+    queryKey: props.query.queryKey
+  })?.isDisabled() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
+  const isStale = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
+    queryKey: props.query.queryKey
+  })?.isStale() ?? false, true, (e2) => e2.query.queryHash === props.query.queryHash);
+  const observers = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().find({
+    queryKey: props.query.queryKey
+  })?.getObserversCount() ?? 0, true, (e2) => e2.query.queryHash === props.query.queryHash);
   const color = createMemo(() => getQueryStatusColor({
     queryState: queryState(),
     observerCount: observers(),
@@ -10455,7 +10239,7 @@ var MutationRow = (props) => {
   const mutationState = createSubscribeToMutationCacheBatcher((mutationCache) => {
     const mutations = mutationCache().getAll();
     const mutation = mutations.find((m) => m.mutationId === props.mutation.mutationId);
-    return mutation == null ? void 0 : mutation.state;
+    return mutation?.state;
   });
   const isPaused = createSubscribeToMutationCacheBatcher((mutationCache) => {
     const mutations = mutationCache().getAll();
@@ -10783,13 +10567,9 @@ var QueryDetails = () => {
   const activeQueryFresh = createSubscribeToQueryCacheBatcher((queryCache) => {
     return queryCache().getAll().find((query) => query.queryHash === selectedQueryHash());
   }, false);
-  const activeQueryState = createSubscribeToQueryCacheBatcher((queryCache) => {
-    var _a;
-    return (_a = queryCache().getAll().find((query) => query.queryHash === selectedQueryHash())) == null ? void 0 : _a.state;
-  }, false);
+  const activeQueryState = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().getAll().find((query) => query.queryHash === selectedQueryHash())?.state, false);
   const activeQueryStateData = createSubscribeToQueryCacheBatcher((queryCache) => {
-    var _a;
-    return (_a = queryCache().getAll().find((query) => query.queryHash === selectedQueryHash())) == null ? void 0 : _a.state.data;
+    return queryCache().getAll().find((query) => query.queryHash === selectedQueryHash())?.state.data;
   }, false);
   const statusLabel = createSubscribeToQueryCacheBatcher((queryCache) => {
     const query = queryCache().getAll().find((q) => q.queryHash === selectedQueryHash());
@@ -10803,20 +10583,15 @@ var QueryDetails = () => {
       return "pending";
     return query.state.status;
   });
-  const observerCount = createSubscribeToQueryCacheBatcher((queryCache) => {
-    var _a, _b;
-    return (_b = (_a = queryCache().getAll().find((query) => query.queryHash === selectedQueryHash())) == null ? void 0 : _a.getObserversCount()) != null ? _b : 0;
-  });
+  const observerCount = createSubscribeToQueryCacheBatcher((queryCache) => queryCache().getAll().find((query) => query.queryHash === selectedQueryHash())?.getObserversCount() ?? 0);
   const color = createMemo(() => getQueryStatusColorByLabel(statusLabel()));
   const handleRefetch = () => {
-    var _a;
-    const promise = (_a = activeQuery()) == null ? void 0 : _a.fetch();
-    promise == null ? void 0 : promise.catch(() => {
+    const promise = activeQuery()?.fetch();
+    promise?.catch(() => {
     });
   };
   const triggerError = (errorType) => {
-    var _a;
-    const error = (_a = errorType == null ? void 0 : errorType.initializer(activeQuery())) != null ? _a : new Error("Unknown error from devtools");
+    const error = errorType?.initializer(activeQuery()) ?? new Error("Unknown error from devtools");
     const __previousQueryOptions = activeQuery().options;
     activeQuery().setState({
       status: "error",
@@ -10882,8 +10657,7 @@ var QueryDetails = () => {
         setSelectedQueryHash(null);
       };
       _el$86.$$click = () => {
-        var _a;
-        if (((_a = activeQuery()) == null ? void 0 : _a.state.data) === void 0) {
+        if (activeQuery()?.state.data === void 0) {
           setRestoringLoading(true);
           restoreQueryAfterLoadingOrError();
         } else {