react-grab 0.0.57 → 0.0.58

package/dist/{chunk-B3JEIYPC.js → chunk-3SND4D5M.js}

@@ -22,6 +22,7 @@ var UNOWNED = {
   context: null,
   owner: null
 };
+var NO_INIT = {};
 var Owner = null;
 var Transition = null;
 var ExternalSourceConfig = null;
@@ -61,6 +62,10 @@ function createSignal(value, options) {
   };
   return [readSignal.bind(s3), setter];
 }
+function createComputed(fn, value, options) {
+  const c3 = createComputation(fn, value, true, STALE);
+  updateComputation(c3);
+}
 function createRenderEffect(fn, value, options) {
   const c3 = createComputation(fn, value, false, STALE);
   updateComputation(c3);
@@ -80,6 +85,123 @@ function createMemo(fn, value, options) {
   updateComputation(c3);
   return readSignal.bind(c3);
 }
+function isPromise(v2) {
+  return v2 && typeof v2 === "object" && "then" in v2;
+}
+function createResource(pSource, pFetcher, pOptions) {
+  let source;
+  let fetcher;
+  let options;
+  if (typeof pFetcher === "function") {
+    source = pSource;
+    fetcher = pFetcher;
+    options = {};
+  } else {
+    source = true;
+    fetcher = pSource;
+    options = pFetcher || {};
+  }
+  let pr = null, initP = NO_INIT, 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");
+  function loadEnd(p3, v2, error2, key) {
+    if (pr === p3) {
+      pr = null;
+      key !== void 0 && (resolved = true);
+      if ((p3 === initP || v2 === initP) && options.onHydrated) queueMicrotask(() => options.onHydrated(key, {
+        value: v2
+      }));
+      initP = NO_INIT;
+      completeLoad(v2, error2);
+    }
+    return v2;
+  }
+  function completeLoad(v2, err) {
+    runUpdates(() => {
+      if (err === void 0) setValue(() => v2);
+      setState(err !== void 0 ? "errored" : resolved ? "ready" : "unresolved");
+      setError(err);
+      for (const c3 of contexts.keys()) c3.decrement();
+      contexts.clear();
+    }, false);
+  }
+  function read() {
+    const c3 = SuspenseContext, v2 = value(), err = error();
+    if (err !== void 0 && !pr) throw err;
+    if (Listener && !Listener.user && c3) ;
+    return v2;
+  }
+  function load(refetching = true) {
+    if (refetching !== false && scheduled) return;
+    scheduled = false;
+    const lookup = dynamic ? dynamic() : source;
+    if (lookup == null || lookup === false) {
+      loadEnd(pr, untrack(value));
+      return;
+    }
+    let error2;
+    const p3 = initP !== NO_INIT ? initP : untrack(() => {
+      try {
+        return fetcher(lookup, {
+          value: value(),
+          refetching
+        });
+      } catch (fetcherError) {
+        error2 = fetcherError;
+      }
+    });
+    if (error2 !== void 0) {
+      loadEnd(pr, void 0, castError(error2), lookup);
+      return;
+    } else if (!isPromise(p3)) {
+      loadEnd(pr, p3, void 0, lookup);
+      return p3;
+    }
+    pr = p3;
+    if ("v" in p3) {
+      if (p3.s === 1) loadEnd(pr, p3.v, void 0, lookup);
+      else loadEnd(pr, void 0, castError(p3.v), lookup);
+      return p3;
+    }
+    scheduled = true;
+    queueMicrotask(() => scheduled = false);
+    runUpdates(() => {
+      setState(resolved ? "refreshing" : "pending");
+      trigger();
+    }, false);
+    return p3.then((v2) => loadEnd(p3, v2, void 0, lookup), (e2) => loadEnd(p3, void 0, castError(e2), lookup));
+  }
+  Object.defineProperties(read, {
+    state: {
+      get: () => state()
+    },
+    error: {
+      get: () => error()
+    },
+    loading: {
+      get() {
+        const s3 = state();
+        return s3 === "pending" || s3 === "refreshing";
+      }
+    },
+    latest: {
+      get() {
+        if (!resolved) return read();
+        const err = error();
+        if (err && !pr) throw err;
+        return value();
+      }
+    }
+  });
+  let owner = Owner;
+  if (dynamic) createComputed(() => (owner = Owner, load(false)));
+  else load(false);
+  return [read, {
+    refetch: (info) => runWithOwner(owner, () => load(info)),
+    mutate: setValue
+  }];
+}
 function untrack(fn) {
   if (Listener === null) return fn();
   const listener = Listener;
@@ -114,6 +236,22 @@ function onCleanup(fn) {
   else Owner.cleanups.push(fn);
   return fn;
 }
+function runWithOwner(o3, fn) {
+  const prev = Owner;
+  const prevListener = Listener;
+  Owner = o3;
+  Listener = null;
+  try {
+    return runUpdates(fn, true);
+  } catch (err) {
+    handleError(err);
+  } finally {
+    Owner = prev;
+    Listener = prevListener;
+  }
+}
+var [transPending, setTransPending] = /* @__PURE__ */ createSignal(false);
+var SuspenseContext;
 function readSignal() {
   if (this.sources && (this.state)) {
     if ((this.state) === STALE) updateComputation(this);
@@ -355,7 +493,7 @@ function mapArray(list, mapFn, options = {}) {
   let items = [], mapped = [], disposers = [], len = 0, indexes = mapFn.length > 1 ? [] : null;
   onCleanup(() => dispose(disposers));
   return () => {
-    let newItems = list() || [], newLen = newItems.length, i2, j2;
+    let newItems = list() || [], newLen = newItems.length, i2, j3;
     newItems[$TRACK];
     return untrack(() => {
       let newIndices, newIndicesNext, temp, tempdisposers, tempIndexes, start, end, newEnd, item;
@@ -378,9 +516,9 @@ function mapArray(list, mapFn, options = {}) {
         }
       } else if (len === 0) {
         mapped = new Array(newLen);
-        for (j2 = 0; j2 < newLen; j2++) {
-          items[j2] = newItems[j2];
-          mapped[j2] = createRoot(mapper);
+        for (j3 = 0; j3 < newLen; j3++) {
+          items[j3] = newItems[j3];
+          mapped[j3] = createRoot(mapper);
         }
         len = newLen;
       } else {
@@ -395,32 +533,32 @@ function mapArray(list, mapFn, options = {}) {
         }
         newIndices = /* @__PURE__ */ new Map();
         newIndicesNext = new Array(newEnd + 1);
-        for (j2 = newEnd; j2 >= start; j2--) {
-          item = newItems[j2];
+        for (j3 = newEnd; j3 >= start; j3--) {
+          item = newItems[j3];
           i2 = newIndices.get(item);
-          newIndicesNext[j2] = i2 === void 0 ? -1 : i2;
-          newIndices.set(item, j2);
+          newIndicesNext[j3] = i2 === void 0 ? -1 : i2;
+          newIndices.set(item, j3);
         }
         for (i2 = start; i2 <= end; i2++) {
           item = items[i2];
-          j2 = newIndices.get(item);
-          if (j2 !== void 0 && j2 !== -1) {
-            temp[j2] = mapped[i2];
-            tempdisposers[j2] = disposers[i2];
-            indexes && (tempIndexes[j2] = indexes[i2]);
-            j2 = newIndicesNext[j2];
-            newIndices.set(item, j2);
+          j3 = newIndices.get(item);
+          if (j3 !== void 0 && j3 !== -1) {
+            temp[j3] = mapped[i2];
+            tempdisposers[j3] = disposers[i2];
+            indexes && (tempIndexes[j3] = indexes[i2]);
+            j3 = newIndicesNext[j3];
+            newIndices.set(item, j3);
           } else disposers[i2]();
         }
-        for (j2 = start; j2 < newLen; j2++) {
-          if (j2 in temp) {
-            mapped[j2] = temp[j2];
-            disposers[j2] = tempdisposers[j2];
+        for (j3 = start; j3 < newLen; j3++) {
+          if (j3 in temp) {
+            mapped[j3] = temp[j3];
+            disposers[j3] = tempdisposers[j3];
             if (indexes) {
-              indexes[j2] = tempIndexes[j2];
-              indexes[j2](j2);
+              indexes[j3] = tempIndexes[j3];
+              indexes[j3](j3);
             }
-          } else mapped[j2] = createRoot(mapper);
+          } else mapped[j3] = createRoot(mapper);
         }
         mapped = mapped.slice(0, len = newLen);
         items = newItems.slice(0);
@@ -428,13 +566,13 @@ function mapArray(list, mapFn, options = {}) {
       return mapped;
     });
     function mapper(disposer) {
-      disposers[j2] = disposer;
+      disposers[j3] = disposer;
       if (indexes) {
-        const [s3, set] = createSignal(j2);
-        indexes[j2] = set;
-        return mapFn(newItems[j2], s3);
+        const [s3, set] = createSignal(j3);
+        indexes[j3] = set;
+        return mapFn(newItems[j3], s3);
       }
-      return mapFn(newItems[j2]);
+      return mapFn(newItems[j3]);
     }
   };
 }
@@ -4426,8 +4564,8 @@ var ReactGrabRenderer = (props) => {
   })];
 };
 
-// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/rdt-hook-Ds2lt3Ph.js
-var e = `0.5.17`;
+// ../../node_modules/.pnpm/bippy@0.5.21_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/rdt-hook-BE3UuUaz.js
+var e = `0.5.21`;
 var t = `bippy-${e}`;
 var n = Object.defineProperty;
 var r2 = Object.prototype.hasOwnProperty;
@@ -4514,16 +4652,15 @@ var _ = () => {
   }
 };
 
-// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/install-hook-only-BE254Zqc.js
+// ../../node_modules/.pnpm/bippy@0.5.21_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/install-hook-only-_lLceJhv.js
 _();
 
-// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/core-BKZAzaFk.js
+// ../../node_modules/.pnpm/bippy@0.5.21_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/core-_xno6DOO.js
 var a2 = 0;
 var o2 = 1;
 var c2 = 5;
 var f2 = 11;
 var p2 = 13;
-var m2 = 14;
 var h2 = 15;
 var ee = 16;
 var te = 19;
@@ -4541,18 +4678,6 @@ var k = (e2) => {
       return typeof e2.type == `string`;
   }
 };
-var pe = (e2) => {
-  switch (e2.tag) {
-    case o2:
-    case f2:
-    case a2:
-    case m2:
-    case h2:
-      return true;
-    default:
-      return false;
-  }
-};
 var me = (e2) => !e2 || typeof e2 != `object` ? false : `pendingProps` in e2 && !(`containerInfo` in e2);
 function N(e2, t2, n2 = false) {
   if (!e2) return null;
@@ -4642,20 +4767,20 @@ var Pe = (e2) => {
 };
 var $ = /* @__PURE__ */ new Set();
 
-// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/source.js
+// ../../node_modules/.pnpm/bippy@0.5.21_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/source.js
 var b2 = Object.create;
 var x2 = Object.defineProperty;
 var S2 = Object.getOwnPropertyDescriptor;
-var C2 = Object.getOwnPropertyNames;
-var ee2 = Object.getPrototypeOf;
-var te2 = Object.prototype.hasOwnProperty;
-var ne2 = (e2, t2) => () => (t2 || e2((t2 = { exports: {} }).exports, t2), t2.exports);
-var re2 = (e2, t2, n2, r3) => {
-  if (t2 && typeof t2 == `object` || typeof t2 == `function`) for (var i2 = C2(t2), a3 = 0, o3 = i2.length, s3; a3 < o3; a3++) s3 = i2[a3], !te2.call(e2, s3) && s3 !== n2 && x2(e2, s3, { get: ((e3) => t2[e3]).bind(null, s3), enumerable: !(r3 = S2(t2, s3)) || r3.enumerable });
+var ee2 = Object.getOwnPropertyNames;
+var te2 = Object.getPrototypeOf;
+var ne2 = Object.prototype.hasOwnProperty;
+var re2 = (e2, t2) => () => (t2 || e2((t2 = { exports: {} }).exports, t2), t2.exports);
+var ie2 = (e2, t2, n2, r3) => {
+  if (t2 && typeof t2 == `object` || typeof t2 == `function`) for (var i2 = ee2(t2), a3 = 0, o3 = i2.length, s3; a3 < o3; a3++) s3 = i2[a3], !ne2.call(e2, s3) && s3 !== n2 && x2(e2, s3, { get: ((e3) => t2[e3]).bind(null, s3), enumerable: !(r3 = S2(t2, s3)) || r3.enumerable });
   return e2;
 };
-var ie2 = (e2, t2, n2) => (n2 = e2 == null ? {} : b2(ee2(e2)), re2(x2(n2, `default`, { value: e2, enumerable: true }) , e2));
-var ae2 = () => {
+var ae2 = (e2, t2, n2) => (n2 = e2 == null ? {} : b2(te2(e2)), ie2(x2(n2, `default`, { value: e2, enumerable: true }) , e2));
+var oe2 = () => {
   let n2 = h();
   for (let t2 of [...Array.from(d), ...Array.from(n2.renderers.values())]) {
     let e2 = t2.currentDispatcherRef;
@@ -4663,16 +4788,16 @@ var ae2 = () => {
   }
   return null;
 };
-var w2 = (t2) => {
+var C2 = (t2) => {
   for (let n2 of d) {
     let e2 = n2.currentDispatcherRef;
     e2 && typeof e2 == `object` && (`H` in e2 ? e2.H = t2 : e2.current = t2);
   }
 };
-var T2 = (e2) => `
+var w2 = (e2) => `
     in ${e2}`;
-var oe2 = (e2, t2) => {
-  let n2 = T2(e2);
+var T2 = (e2, t2) => {
+  let n2 = w2(e2);
   return t2 && (n2 += ` (at ${t2})`), n2;
 };
 var E = false;
@@ -4680,8 +4805,8 @@ var D = (e2, t2) => {
   if (!e2 || E) return ``;
   let n2 = Error.prepareStackTrace;
   Error.prepareStackTrace = void 0, E = true;
-  let r3 = ae2();
-  w2(null);
+  let r3 = oe2();
+  C2(null);
   let i2 = console.error, a3 = console.warn;
   console.error = () => {
   }, console.warn = () => {
@@ -4749,16 +4874,16 @@ ${t3[r5].replace(` at new `, ` at `)}`, i4 = Te(e2);
       }
     }
   } finally {
-    E = false, Error.prepareStackTrace = n2, w2(r3), console.error = i2, console.warn = a3;
+    E = false, Error.prepareStackTrace = n2, C2(r3), console.error = i2, console.warn = a3;
   }
-  let o3 = e2 ? Te(e2) : ``, s3 = o3 ? T2(o3) : ``;
+  let o3 = e2 ? Te(e2) : ``, s3 = o3 ? w2(o3) : ``;
   return s3;
 };
 var se2 = (e2, t2) => {
   let m3 = e2.tag, h3 = ``;
   switch (m3) {
     case ne:
-      h3 = T2(`Activity`);
+      h3 = w2(`Activity`);
       break;
     case o2:
       h3 = D(e2.type, true);
@@ -4773,19 +4898,19 @@ var se2 = (e2, t2) => {
     case c2:
     case y:
     case b:
-      h3 = T2(e2.type);
+      h3 = w2(e2.type);
       break;
     case ee:
-      h3 = T2(`Lazy`);
+      h3 = w2(`Lazy`);
       break;
     case p2:
-      h3 = e2.child !== t2 && t2 !== null ? T2(`Suspense Fallback`) : T2(`Suspense`);
+      h3 = e2.child !== t2 && t2 !== null ? w2(`Suspense Fallback`) : w2(`Suspense`);
       break;
     case te:
-      h3 = T2(`SuspenseList`);
+      h3 = w2(`SuspenseList`);
       break;
     case re:
-      h3 = T2(`ViewTransition`);
+      h3 = w2(`ViewTransition`);
       break;
     default:
       return ``;
@@ -4800,7 +4925,7 @@ var ce2 = (e2) => {
       let e3 = n2._debugInfo;
       if (e3 && Array.isArray(e3)) for (let n3 = e3.length - 1; n3 >= 0; n3--) {
         let r4 = e3[n3];
-        typeof r4.name == `string` && (t2 += oe2(r4.name, r4.env));
+        typeof r4.name == `string` && (t2 += T2(r4.name, r4.env));
       }
       r3 = n2, n2 = n2.return;
     } while (n2);
@@ -4811,7 +4936,7 @@ Error generating stack: ${e3.message}
 ${e3.stack}` : ``;
   }
 };
-var O2 = (e2) => {
+var le2 = (e2) => {
   let t2 = Error.prepareStackTrace;
   Error.prepareStackTrace = void 0;
   let n2 = e2;
@@ -4825,58 +4950,58 @@ var O2 = (e2) => {
   else return ``;
   return n2;
 };
-var k2 = /(^|@)\S+:\d+/;
-var A2 = /^\s*at .*(\S+:\d+|\(native\))/m;
-var le2 = /^(eval@)?(\[native code\])?$/;
-var M2 = (e2, t2) => {
+var O2 = /(^|@)\S+:\d+/;
+var k2 = /^\s*at .*(\S+:\d+|\(native\))/m;
+var ue2 = /^(eval@)?(\[native code\])?$/;
+var j2 = (e2, t2) => {
   if (t2?.includeInElement !== false) {
     let n2 = e2.split(`
 `), r3 = [];
     for (let e3 of n2) if (/^\s*at\s+/.test(e3)) {
-      let t3 = F2(e3, void 0)[0];
+      let t3 = P2(e3, void 0)[0];
       t3 && r3.push(t3);
     } else if (/^\s*in\s+/.test(e3)) {
       let t3 = e3.replace(/^\s*in\s+/, ``).replace(/\s*\(at .*\)$/, ``);
       r3.push({ function: t3, raw: e3 });
-    } else if (e3.match(k2)) {
-      let t3 = I2(e3, void 0)[0];
+    } else if (e3.match(O2)) {
+      let t3 = F2(e3, void 0)[0];
       t3 && r3.push(t3);
     }
-    return P2(r3, t2);
+    return N2(r3, t2);
   }
-  return e2.match(A2) ? F2(e2, t2) : I2(e2, t2);
+  return e2.match(k2) ? P2(e2, t2) : F2(e2, t2);
 };
-var N2 = (e2) => {
+var M2 = (e2) => {
   if (!e2.includes(`:`)) return [e2, void 0, void 0];
   let t2 = /(.+?)(?::(\d+))?(?::(\d+))?$/, n2 = t2.exec(e2.replace(/[()]/g, ``));
   return [n2[1], n2[2] || void 0, n2[3] || void 0];
 };
-var P2 = (e2, t2) => t2 && t2.slice != null ? Array.isArray(t2.slice) ? e2.slice(t2.slice[0], t2.slice[1]) : e2.slice(0, t2.slice) : e2;
-var F2 = (e2, t2) => {
-  let n2 = P2(e2.split(`
-`).filter((e3) => !!e3.match(A2)), t2);
+var N2 = (e2, t2) => t2 && t2.slice != null ? Array.isArray(t2.slice) ? e2.slice(t2.slice[0], t2.slice[1]) : e2.slice(0, t2.slice) : e2;
+var P2 = (e2, t2) => {
+  let n2 = N2(e2.split(`
+`).filter((e3) => !!e3.match(k2)), t2);
   return n2.map((e3) => {
     let t3 = e3;
     t3.includes(`(eval `) && (t3 = t3.replace(/eval code/g, `eval`).replace(/(\(eval at [^()]*)|(,.*$)/g, ``));
     let n3 = t3.replace(/^\s+/, ``).replace(/\(eval code/g, `(`).replace(/^.*?\s+/, ``), r3 = n3.match(/ (\(.+\)$)/);
     n3 = r3 ? n3.replace(r3[0], ``) : n3;
-    let i2 = N2(r3 ? r3[1] : n3), a3 = r3 && n3 || void 0, o3 = [`eval`, `<anonymous>`].includes(i2[0]) ? void 0 : i2[0];
+    let i2 = M2(r3 ? r3[1] : n3), a3 = r3 && n3 || void 0, o3 = [`eval`, `<anonymous>`].includes(i2[0]) ? void 0 : i2[0];
     return { function: a3, file: o3, line: i2[1] ? +i2[1] : void 0, col: i2[2] ? +i2[2] : void 0, raw: t3 };
   });
 };
-var I2 = (e2, t2) => {
-  let n2 = P2(e2.split(`
-`).filter((e3) => !e3.match(le2)), t2);
+var F2 = (e2, t2) => {
+  let n2 = N2(e2.split(`
+`).filter((e3) => !e3.match(ue2)), t2);
   return n2.map((e3) => {
     let t3 = e3;
     if (t3.includes(` > eval`) && (t3 = t3.replace(/ line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g, `:$1`)), !t3.includes(`@`) && !t3.includes(`:`)) return { function: t3 };
     {
-      let e4 = /(([^\n\r"\u2028\u2029]*".[^\n\r"\u2028\u2029]*"[^\n\r@\u2028\u2029]*(?:@[^\n\r"\u2028\u2029]*"[^\n\r@\u2028\u2029]*)*(?:[\n\r\u2028\u2029][^@]*)?)?[^@]*)@/, n3 = t3.match(e4), r3 = n3 && n3[1] ? n3[1] : void 0, i2 = N2(t3.replace(e4, ``));
+      let e4 = /(([^\n\r"\u2028\u2029]*".[^\n\r"\u2028\u2029]*"[^\n\r@\u2028\u2029]*(?:@[^\n\r"\u2028\u2029]*"[^\n\r@\u2028\u2029]*)*(?:[\n\r\u2028\u2029][^@]*)?)?[^@]*)@/, n3 = t3.match(e4), r3 = n3 && n3[1] ? n3[1] : void 0, i2 = M2(t3.replace(e4, ``));
       return { function: r3, file: i2[0], line: i2[1] ? +i2[1] : void 0, col: i2[2] ? +i2[2] : void 0, raw: t3 };
     }
   });
 };
-var pe2 = ne2((exports, t2) => {
+var me2 = re2((exports, t2) => {
   (function(n2, r3) {
     typeof exports == `object` && t2 !== void 0 ? r3(exports) : typeof define == `function` && define.amd ? define([`exports`], r3) : (n2 = typeof globalThis < `u` ? globalThis : n2 || self, r3(n2.sourcemapCodec = {}));
   })(void 0, function(e2) {
@@ -5080,12 +5205,12 @@ var pe2 = ne2((exports, t2) => {
       return r4;
     }
     function S3(e3) {
-      e3.sort(C3);
+      e3.sort(ee3);
     }
-    function C3(e3, t4) {
+    function ee3(e3, t4) {
       return e3[0] - t4[0];
     }
-    function ee3(e3) {
+    function te3(e3) {
       let r4 = new d3(), i3 = 0, a4 = 0, o4 = 0, c4 = 0;
       for (let l4 = 0; l4 < e3.length; l4++) {
         let u4 = e3[l4];
@@ -5098,18 +5223,18 @@ var pe2 = ne2((exports, t2) => {
       }
       return r4.flush();
     }
-    e2.decode = x3, e2.decodeGeneratedRanges = _3, e2.decodeOriginalScopes = m3, e2.encode = ee3, e2.encodeGeneratedRanges = v2, e2.encodeOriginalScopes = h3, Object.defineProperty(e2, `__esModule`, { value: true });
+    e2.decode = x3, e2.decodeGeneratedRanges = _3, e2.decodeOriginalScopes = m3, e2.encode = te3, e2.encodeGeneratedRanges = v2, e2.encodeOriginalScopes = h3, Object.defineProperty(e2, `__esModule`, { value: true });
   });
 });
-var B2 = ie2(pe2());
-var V2 = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
-var me2 = /^data:application\/json[^,]+base64,/;
-var he2 = /(?:\/\/[@#][ \t]+sourceMappingURL=([^\s'"]+?)[ \t]*$)|(?:\/\*[@#][ \t]+sourceMappingURL=([^*]+?)[ \t]*(?:\*\/)[ \t]*$)/;
-var H2 = typeof WeakRef < `u`;
+var z2 = ae2(me2());
+var B2 = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
+var he2 = /^data:application\/json[^,]+base64,/;
+var ge2 = /(?:\/\/[@#][ \t]+sourceMappingURL=([^\s'"]+?)[ \t]*$)|(?:\/\*[@#][ \t]+sourceMappingURL=([^*]+?)[ \t]*(?:\*\/)[ \t]*$)/;
+var V2 = typeof WeakRef < `u`;
+var H2 = /* @__PURE__ */ new Map();
 var U2 = /* @__PURE__ */ new Map();
-var W2 = /* @__PURE__ */ new Map();
-var ge2 = (e2) => H2 && e2 instanceof WeakRef;
-var G2 = (e2, t2, n2, r3) => {
+var _e2 = (e2) => V2 && e2 instanceof WeakRef;
+var W2 = (e2, t2, n2, r3) => {
   if (n2 < 0 || n2 >= e2.length) return null;
   let i2 = e2[n2];
   if (!i2 || i2.length === 0) return null;
@@ -5122,49 +5247,49 @@ var G2 = (e2, t2, n2, r3) => {
   let l3 = t2[o3];
   return l3 ? { columnNumber: c3, fileName: l3, lineNumber: s3 + 1 } : null;
 };
-var K = (e2, t2, n2) => {
+var G2 = (e2, t2, n2) => {
   if (e2.sections) {
     let r3 = null;
     for (let i3 of e2.sections) if (t2 > i3.offset.line || t2 === i3.offset.line && n2 >= i3.offset.column) r3 = i3;
     else break;
     if (!r3) return null;
     let i2 = t2 - r3.offset.line, a3 = t2 === r3.offset.line ? n2 - r3.offset.column : n2;
-    return G2(r3.map.mappings, r3.map.sources, i2, a3);
+    return W2(r3.map.mappings, r3.map.sources, i2, a3);
   }
-  return G2(e2.mappings, e2.sources, t2 - 1, n2);
+  return W2(e2.mappings, e2.sources, t2 - 1, n2);
 };
-var _e2 = (e2, t2) => {
+var ve2 = (e2, t2) => {
   let n2 = t2.split(`
 `), r3;
   for (let e3 = n2.length - 1; e3 >= 0 && !r3; e3--) {
-    let t3 = n2[e3].match(he2);
+    let t3 = n2[e3].match(ge2);
     t3 && (r3 = t3[1] || t3[2]);
   }
   if (!r3) return null;
-  let i2 = V2.test(r3);
-  if (!(me2.test(r3) || i2 || r3.startsWith(`/`))) {
+  let i2 = B2.test(r3);
+  if (!(he2.test(r3) || i2 || r3.startsWith(`/`))) {
     let t3 = e2.split(`/`);
     t3[t3.length - 1] = r3, r3 = t3.join(`/`);
   }
   return r3;
 };
-var ve2 = (e2) => ({ file: e2.file, mappings: (0, B2.decode)(e2.mappings), names: e2.names, sourceRoot: e2.sourceRoot, sources: e2.sources, sourcesContent: e2.sourcesContent, version: 3 });
-var ye2 = (e2) => {
-  let t2 = e2.sections.map(({ map: e3, offset: t3 }) => ({ map: { ...e3, mappings: (0, B2.decode)(e3.mappings) }, offset: t3 })), n2 = /* @__PURE__ */ new Set();
+var ye2 = (e2) => ({ file: e2.file, mappings: (0, z2.decode)(e2.mappings), names: e2.names, sourceRoot: e2.sourceRoot, sources: e2.sources, sourcesContent: e2.sourcesContent, version: 3 });
+var be2 = (e2) => {
+  let t2 = e2.sections.map(({ map: e3, offset: t3 }) => ({ map: { ...e3, mappings: (0, z2.decode)(e3.mappings) }, offset: t3 })), n2 = /* @__PURE__ */ new Set();
   for (let e3 of t2) for (let t3 of e3.map.sources) n2.add(t3);
   return { file: e2.file, mappings: [], names: [], sections: t2, sourceRoot: void 0, sources: Array.from(n2), sourcesContent: void 0, version: 3 };
 };
-var q = (e2) => {
+var K = (e2) => {
   if (!e2) return false;
   let t2 = e2.trim();
   if (!t2) return false;
-  let n2 = t2.match(V2);
+  let n2 = t2.match(B2);
   if (!n2) return true;
   let r3 = n2[0].toLowerCase();
   return r3 === `http:` || r3 === `https:`;
 };
-var J = async (e2, t2 = fetch) => {
-  if (!q(e2)) return null;
+var q = async (e2, t2 = fetch) => {
+  if (!K(e2)) return null;
   let n2;
   try {
     let r4 = await t2(e2);
@@ -5173,59 +5298,65 @@ var J = async (e2, t2 = fetch) => {
     return null;
   }
   if (!n2) return null;
-  let r3 = _e2(e2, n2);
-  if (!r3 || !q(r3)) return null;
+  let r3 = ve2(e2, n2);
+  if (!r3 || !K(r3)) return null;
   try {
     let e3 = await t2(r3), n3 = await e3.json();
-    return `sections` in n3 ? ye2(n3) : ve2(n3);
+    return `sections` in n3 ? be2(n3) : ye2(n3);
   } catch {
     return null;
   }
 };
-var Y = async (e2, t2 = true, n2) => {
-  if (t2 && U2.has(e2)) {
-    let t3 = U2.get(e2);
+var J = async (e2, t2 = true, n2) => {
+  if (t2 && H2.has(e2)) {
+    let t3 = H2.get(e2);
     if (t3 == null) return null;
-    if (ge2(t3)) {
+    if (_e2(t3)) {
       let n3 = t3.deref();
       if (n3) return n3;
-      U2.delete(e2);
+      H2.delete(e2);
     } else return t3;
   }
-  if (t2 && W2.has(e2)) return W2.get(e2);
-  let r3 = J(e2, n2);
-  t2 && W2.set(e2, r3);
+  if (t2 && U2.has(e2)) return U2.get(e2);
+  let r3 = q(e2, n2);
+  t2 && U2.set(e2, r3);
   let i2 = await r3;
-  return t2 && W2.delete(e2), t2 && (i2 === null ? U2.set(e2, null) : U2.set(e2, H2 ? new WeakRef(i2) : i2)), i2;
+  return t2 && U2.delete(e2), t2 && (i2 === null ? H2.set(e2, null) : H2.set(e2, V2 ? new WeakRef(i2) : i2)), i2;
 };
-var be2 = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
-var xe2 = [`rsc://`, `file:///`, `webpack://`, `node:`, `turbopack://`, `metro://`, `///app-pages-browser/`];
-var Se2 = `about://React/`;
-var Ce2 = [`<anonymous>`, `eval`, ``];
-var we2 = /\.(jsx|tsx|ts|js)$/;
-var Te2 = /(\.min|bundle|chunk|vendor|vendors|runtime|polyfill|polyfills)\.(js|mjs|cjs)$|(chunk|bundle|vendor|vendors|runtime|polyfill|polyfills|framework|app|main|index)[-_.][A-Za-z0-9_-]{4,}\.(js|mjs|cjs)$|[\da-f]{8,}\.(js|mjs|cjs)$|[-_.][\da-f]{20,}\.(js|mjs|cjs)$|\/dist\/|\/build\/|\/.next\/|\/out\/|\/node_modules\/|\.webpack\.|\.vite\.|\.turbopack\./i;
-var Ee2 = /^\?[\w~.\-]+(?:=[^&#]*)?(?:&[\w~.\-]+(?:=[^&#]*)?)*$/;
-var De2 = (e2) => e2._debugStack instanceof Error && typeof e2._debugStack?.stack == `string`;
-var Oe = (e2) => {
+var xe2 = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
+var Se2 = [`rsc://`, `file:///`, `webpack://`, `webpack-internal://`, `node:`, `turbopack://`, `metro://`, `/app-pages-browser/`];
+var Ce2 = `about://React/`;
+var we2 = [`<anonymous>`, `eval`, ``];
+var Te2 = /\.(jsx|tsx|ts|js)$/;
+var Ee2 = /(\.min|bundle|chunk|vendor|vendors|runtime|polyfill|polyfills)\.(js|mjs|cjs)$|(chunk|bundle|vendor|vendors|runtime|polyfill|polyfills|framework|app|main|index)[-_.][A-Za-z0-9_-]{4,}\.(js|mjs|cjs)$|[\da-f]{8,}\.(js|mjs|cjs)$|[-_.][\da-f]{20,}\.(js|mjs|cjs)$|\/dist\/|\/build\/|\/.next\/|\/out\/|\/node_modules\/|\.webpack\.|\.vite\.|\.turbopack\./i;
+var De2 = /^\?[\w~.\-]+(?:=[^&#]*)?(?:&[\w~.\-]+(?:=[^&#]*)?)*$/;
+var Y = (e2) => e2?.fileName != null;
+var Oe = (e2) => e2._debugStack instanceof Error && typeof e2._debugStack?.stack == `string`;
+var ke2 = (e2) => {
   let t2 = e2._debugSource;
   return t2 ? typeof t2 == `object` && !!t2 && `fileName` in t2 && typeof t2.fileName == `string` && `lineNumber` in t2 && typeof t2.lineNumber == `number` : false;
 };
-var ke2 = async (e2, t2 = true, n2) => {
-  if (Oe(e2)) {
+var Ae2 = async (e2, t2 = true, n2) => {
+  if (ke2(e2)) {
     let t3 = e2._debugSource;
     return t3 || null;
   }
-  let r3 = X2(e2), i2 = await Z(r3, 1, t2, n2);
-  return !i2 || i2.length === 0 ? null : i2[0];
+  let r3 = X2(e2), i2 = await Z(r3, 2 ** 53 - 1, t2, n2);
+  if (!i2 || i2.length === 0) return null;
+  for (let e3 of i2) if (Y(e3)) return e3;
+  return null;
 };
-var X2 = (e2) => De2(e2) ? O2(e2._debugStack.stack) : ce2(e2);
-var Z = async (e2, t2 = 1, n2 = true, r3) => {
-  let i2 = M2(e2, { slice: t2 ?? 1 }), a3 = [];
+var X2 = (e2) => Oe(e2) ? le2(e2._debugStack.stack) : ce2(e2);
+var Z = async (e2, t2 = 2 ** 53 - 1, n2 = true, r3) => {
+  let i2 = j2(e2, { slice: t2 }), a3 = [];
   for (let e3 of i2) {
-    if (!e3?.file) continue;
-    let t3 = await Y(e3.file, n2, r3);
+    if (!e3?.file) {
+      a3.push({ fileName: void 0, lineNumber: e3?.line, columnNumber: e3?.col, functionName: e3?.function });
+      continue;
+    }
+    let t3 = await J(e3.file, n2, r3);
     if (t3 && typeof e3.line == `number` && typeof e3.col == `number`) {
-      let n3 = K(t3, e3.line, e3.col);
+      let n3 = G2(t3, e3.line, e3.col);
       if (n3) {
         a3.push(n3);
         continue;
@@ -5236,30 +5367,30 @@ var Z = async (e2, t2 = 1, n2 = true, r3) => {
   return a3;
 };
 var Q = (e2) => {
-  if (!e2 || Ce2.includes(e2)) return ``;
+  if (!e2 || we2.includes(e2)) return ``;
   let t2 = e2;
-  if (t2.startsWith(Se2)) {
-    let e3 = t2.slice(Se2.length), n3 = e3.indexOf(`/`), r3 = e3.indexOf(`:`);
+  if (t2.startsWith(Ce2)) {
+    let e3 = t2.slice(Ce2.length), n3 = e3.indexOf(`/`), r3 = e3.indexOf(`:`);
     t2 = n3 !== -1 && (r3 === -1 || n3 < r3) ? e3.slice(n3 + 1) : e3;
   }
-  for (let e3 of xe2) if (t2.startsWith(e3)) {
+  for (let e3 of Se2) if (t2.startsWith(e3)) {
     t2 = t2.slice(e3.length), e3 === `file:///` && (t2 = `/${t2.replace(/^\/+/, ``)}`);
     break;
   }
-  if (be2.test(t2)) {
-    let e3 = t2.match(be2);
+  if (xe2.test(t2)) {
+    let e3 = t2.match(xe2);
     e3 && (t2 = t2.slice(e3[0].length));
   }
   let n2 = t2.indexOf(`?`);
   if (n2 !== -1) {
     let e3 = t2.slice(n2);
-    Ee2.test(e3) && (t2 = t2.slice(0, n2));
+    De2.test(e3) && (t2 = t2.slice(0, n2));
   }
   return t2;
 };
-var je2 = (e2) => {
+var Me2 = (e2) => {
   let t2 = Q(e2);
-  return !(!t2 || !we2.test(t2) || Te2.test(t2));
+  return !(!t2 || !Te2.test(t2) || Ee2.test(t2));
 };
 
 // src/utils/is-capitalized.ts
@@ -5307,36 +5438,31 @@ var checkIsSourceComponentName = (name) => {
   if (name.includes("Provider") && name.includes("Context")) return false;
   return true;
 };
-var getNearestComponentName = (element) => {
-  if (!Ee()) return null;
-  try {
-    const fiber = Pe(element);
-    if (!fiber) return null;
-    let foundComponentName = null;
-    N(
-      fiber,
-      (currentFiber) => {
-        if (pe(currentFiber)) {
-          const displayName = Te(currentFiber);
-          if (displayName && checkIsSourceComponentName(displayName)) {
-            foundComponentName = displayName;
-            return true;
-          }
-        }
-        return false;
-      },
-      true
-    );
-    return foundComponentName;
-  } catch {
-    return null;
-  }
-};
 var getStack = async (element) => {
   if (!Ee()) return [];
   try {
     const maybeFiber = Pe(element);
     if (!maybeFiber || !me(maybeFiber)) return [];
+    const ownerStack = X2(maybeFiber);
+    const sources = await Z(ownerStack);
+    if (sources && sources.length > 0) {
+      const stack = [];
+      for (const source of sources) {
+        if (source.functionName && !checkIsInternalComponentName(source.functionName)) {
+          stack.push({
+            name: source.functionName,
+            source: source.fileName ? {
+              fileName: source.fileName,
+              lineNumber: source.lineNumber,
+              columnNumber: source.columnNumber
+            } : null
+          });
+        }
+      }
+      if (stack.length > 0) {
+        return stack;
+      }
+    }
     const fiber = De(maybeFiber);
     const unresolvedStack = [];
     N(
@@ -5346,7 +5472,7 @@ var getStack = async (element) => {
         if (displayName && !checkIsInternalComponentName(displayName)) {
           unresolvedStack.push({
             name: displayName,
-            sourcePromise: ke2(currentFiber)
+            sourcePromise: Ae2(currentFiber)
           });
         }
       },
@@ -5363,55 +5489,55 @@ var getStack = async (element) => {
     return [];
   }
 };
+var getNearestComponentName = async (element) => {
+  const stack = await getStack(element);
+  for (const frame of stack) {
+    if (checkIsSourceComponentName(frame.name)) {
+      return frame.name;
+    }
+  }
+  return null;
+};
 var formatElementInfo = async (element) => {
   const html = getHTMLPreview(element);
   const stack = await getStack(element);
   const isNextProject = checkIsNextProject();
-  let serverComponentName = null;
-  let clientComponentName = null;
   let fileName = null;
   let lineNumber = null;
   let columnNumber = null;
+  let serverComponentName = null;
+  let clientComponentName = null;
   for (const frame of stack) {
-    if (!frame.source) continue;
-    if (frame.source.fileName.startsWith("about://React/Server")) {
-      if (!serverComponentName && checkIsSourceComponentName(frame.name)) {
-        serverComponentName = frame.name;
-      }
+    if (checkIsSourceComponentName(frame.name) && !serverComponentName && !frame.source?.fileName) {
+      serverComponentName = frame.name;
       continue;
     }
-    if (je2(frame.source.fileName)) {
-      if (!fileName) {
-        fileName = Q(frame.source.fileName);
-        lineNumber = frame.source.lineNumber ?? null;
-        columnNumber = frame.source.columnNumber ?? null;
-      }
-      if (!clientComponentName && checkIsSourceComponentName(frame.name)) {
-        clientComponentName = frame.name;
-      }
-      if (fileName && clientComponentName) {
-        break;
-      }
+    if (!frame.source) continue;
+    if (Me2(frame.source.fileName) && !fileName) {
+      fileName = Q(frame.source.fileName);
+      lineNumber = frame.source.lineNumber ?? null;
+      columnNumber = frame.source.columnNumber ?? null;
+      clientComponentName = frame.name;
+      break;
     }
   }
-  const componentName = serverComponentName ?? clientComponentName;
-  if (!componentName || !fileName) {
-    return html;
+  let result = html;
+  if (serverComponentName) {
+    result += `
+  in ${serverComponentName} (Server)`;
   }
-  let result = `${html}
-in ${componentName}`;
-  if (serverComponentName && clientComponentName) {
-    result += ` (Server \u2192 Client: ${clientComponentName})`;
-  }
-  result += ` at ${fileName}`;
-  if (isNextProject && lineNumber && columnNumber) {
-    result += `:${lineNumber}:${columnNumber}`;
+  if (fileName) {
+    result += `
+${clientComponentName ? `  in ${clientComponentName}` : ""} at ${fileName}`;
+    if (isNextProject && lineNumber && columnNumber) {
+      result += `:${lineNumber}:${columnNumber}`;
+    }
   }
   return result;
 };
 var getFileName = (stack) => {
   for (const frame of stack) {
-    if (frame.source && je2(frame.source.fileName)) {
+    if (frame.source && Me2(frame.source.fileName)) {
       return Q(frame.source.fileName);
     }
   }
@@ -6254,7 +6380,7 @@ var init = (rawOptions) => {
   hasInited = true;
   const logIntro = () => {
     try {
-      const version = "0.0.57";
+      const version = "0.0.58";
       const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
       console.log(`%cReact Grab${version ? ` v${version}` : ""}%c
 https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid #d75fcb; padding: 4px 4px 4px 24px; border-radius: 4px; background-image: url("${logoDataUri}"); background-size: 16px 16px; background-repeat: no-repeat; background-position: 4px center; display: inline-block; margin-bottom: 4px;`, "");
@@ -6314,10 +6440,13 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
       if (elements.length === 0 || !elements[0]) return void 0;
       return extractElementTagName(elements[0]) || void 0;
     });
-    const nativeSelectionComponentName = createMemo(() => {
+    const [nativeSelectionComponentName] = createResource(() => {
       const elements = nativeSelectionElements();
-      if (elements.length === 0 || !elements[0]) return void 0;
-      return getNearestComponentName(elements[0]) || void 0;
+      if (elements.length === 0 || !elements[0]) return null;
+      return elements[0];
+    }, async (element) => {
+      if (!element) return void 0;
+      return await getNearestComponentName(element) || void 0;
     });
     const clearNativeSelectionState = () => {
       setNativeSelectionCursorX(OFFSCREEN_POSITION);
@@ -6599,6 +6728,10 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         y: drag.y
       };
     });
+    const [labelComponentName] = createResource(() => targetElement(), async (element) => {
+      if (!element) return null;
+      return getNearestComponentName(element);
+    });
     const labelContent = createMemo(() => {
       const element = targetElement();
       const copying = isCopying();
@@ -6610,7 +6743,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         })();
       }
       const tagName = extractElementTagName(element);
-      const componentName = getNearestComponentName(element);
+      const componentName = labelComponentName();
       if (tagName && componentName) {
         return [(() => {
           var _el$2 = _tmpl$23(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling; _el$5.nextSibling;
@@ -6661,7 +6794,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       }
       getStack(element).then((stack) => {
         for (const frame of stack) {
-          if (frame.source && je2(frame.source.fileName)) {
+          if (frame.source && Me2(frame.source.fileName)) {
             setSelectionFilePath(Q(frame.source.fileName));
             setSelectionLineNumber(frame.source.lineNumber);
             return;
@@ -7553,7 +7686,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
 };
 /*! Bundled license information:
 
-bippy/dist/rdt-hook-Ds2lt3Ph.js:
+bippy/dist/rdt-hook-BE3UuUaz.js:
   (**
    * @license bippy
    *
@@ -7563,7 +7696,7 @@ bippy/dist/rdt-hook-Ds2lt3Ph.js:
    * LICENSE file in the root directory of this source tree.
    *)
 
-bippy/dist/install-hook-only-BE254Zqc.js:
+bippy/dist/install-hook-only-_lLceJhv.js:
   (**
    * @license bippy
    *
@@ -7573,7 +7706,7 @@ bippy/dist/install-hook-only-BE254Zqc.js:
    * LICENSE file in the root directory of this source tree.
    *)
 
-bippy/dist/core-BKZAzaFk.js:
+bippy/dist/core-_xno6DOO.js:
   (**
    * @license bippy
    *
@@ -7614,4 +7747,4 @@ bippy/dist/source.js:
    *)
 */
 
-export { DEFAULT_THEME, Ee, formatElementInfo, generateSnippet, getFileName, getNearestComponentName, getStack, init };
+export { DEFAULT_THEME, Ee, formatElementInfo, generateSnippet, getFileName, getStack, init };