@nice-code/state 0.5.4 → 0.6.0

package/build/devtools/browser/index.js

@@ -490,7 +490,7 @@ function formatScalar(value) {
 }
 
 // src/devtools/browser/components/JsonView.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var JSON_TOKEN_RE = /("(?:\\.|[^"\\])*")(\s*:)?|(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)|(\btrue\b|\bfalse\b|\bnull\b|\bundefined\b)|([{}[\],])/g;
 function renderColoredJson(text) {
   const nodes = [];
@@ -503,35 +503,35 @@ function renderColoredJson(text) {
     const [, str, colon, num, kw, punct] = m;
     if (str != null) {
       if (colon != null) {
-        nodes.push(/* @__PURE__ */ jsxDEV("span", {
+        nodes.push(/* @__PURE__ */ jsx("span", {
           style: { color: DEVTOOL_JSON_KEY },
           children: str
-        }, i++, false, undefined, this));
-        nodes.push(/* @__PURE__ */ jsxDEV("span", {
+        }, i++));
+        nodes.push(/* @__PURE__ */ jsx("span", {
           style: { color: DEVTOOL_JSON_PUNCTUATION },
           children: colon
-        }, i++, false, undefined, this));
+        }, i++));
       } else {
-        nodes.push(/* @__PURE__ */ jsxDEV("span", {
+        nodes.push(/* @__PURE__ */ jsx("span", {
           style: { color: DEVTOOL_JSON_STRING },
           children: str
-        }, i++, false, undefined, this));
+        }, i++));
       }
     } else if (num != null) {
-      nodes.push(/* @__PURE__ */ jsxDEV("span", {
+      nodes.push(/* @__PURE__ */ jsx("span", {
         style: { color: DEVTOOL_JSON_NUMBER },
         children: num
-      }, i++, false, undefined, this));
+      }, i++));
     } else if (kw != null) {
-      nodes.push(/* @__PURE__ */ jsxDEV("span", {
+      nodes.push(/* @__PURE__ */ jsx("span", {
         style: { color: DEVTOOL_JSON_KEYWORD },
         children: kw
-      }, i++, false, undefined, this));
+      }, i++));
     } else if (punct != null) {
-      nodes.push(/* @__PURE__ */ jsxDEV("span", {
+      nodes.push(/* @__PURE__ */ jsx("span", {
         style: { color: DEVTOOL_JSON_PUNCTUATION },
         children: punct
-      }, i++, false, undefined, this));
+      }, i++));
     }
     last = JSON_TOKEN_RE.lastIndex;
   }
@@ -545,7 +545,7 @@ function JsonView({
   style
 }) {
   const text = safeStringify(value, indent);
-  return /* @__PURE__ */ jsxDEV("pre", {
+  return /* @__PURE__ */ jsx("pre", {
     style: {
       margin: 0,
       padding: "8px 10px",
@@ -560,11 +560,11 @@ function JsonView({
       ...style
     },
     children: renderColoredJson(text)
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/DiffView.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var ADDED_BG = "rgba(163, 230, 53, 0.08)";
 var REMOVED_BG = "rgba(255, 92, 92, 0.08)";
 var INLINE_MAX = 40;
@@ -575,7 +575,7 @@ function DiffView({
 }) {
   const entries = computeDiff(before, after);
   if (entries.length === 0) {
-    return /* @__PURE__ */ jsxDEV2("div", {
+    return /* @__PURE__ */ jsx2("div", {
       style: {
         padding: "10px",
         borderRadius: "4px",
@@ -585,16 +585,16 @@ function DiffView({
         fontStyle: "italic"
       },
       children: "No differences — before and after are structurally equal."
-    }, undefined, false, undefined, this);
+    });
   }
   const roots = [...buildTree(entries).children.values()].map(collapseChains);
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     style: { display: "flex", flexDirection: "column", gap: "6px" },
-    children: roots.map((node) => /* @__PURE__ */ jsxDEV2(DiffNode, {
+    children: roots.map((node) => /* @__PURE__ */ jsx2(DiffNode, {
       node,
       latestFirst
-    }, node.key, false, undefined, this))
-  }, undefined, false, undefined, this);
+    }, node.key))
+  });
 }
 function buildTree(entries) {
   const root = { key: "", children: new Map };
@@ -629,19 +629,19 @@ function collapseChains(node) {
 }
 function DiffNode({ node, latestFirst }) {
   if (node.entry != null && node.children.size === 0) {
-    return /* @__PURE__ */ jsxDEV2(DiffLeaf, {
+    return /* @__PURE__ */ jsx2(DiffLeaf, {
       label: node.key,
       entry: node.entry,
       latestFirst
-    }, undefined, false, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsxs("div", {
     children: [
-      /* @__PURE__ */ jsxDEV2("div", {
+      /* @__PURE__ */ jsx2("div", {
         style: { color: DEVTOOL_JSON_KEY, fontFamily: MONO_FONT, fontSize: "10px", fontWeight: 600 },
         children: node.key
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      /* @__PURE__ */ jsx2("div", {
         style: {
           marginTop: "4px",
           marginLeft: "5px",
@@ -651,13 +651,13 @@ function DiffNode({ node, latestFirst }) {
           flexDirection: "column",
           gap: "5px"
         },
-        children: [...node.children.values()].map((child) => /* @__PURE__ */ jsxDEV2(DiffNode, {
+        children: [...node.children.values()].map((child) => /* @__PURE__ */ jsx2(DiffNode, {
           node: child,
           latestFirst
-        }, child.key, false, undefined, this))
-      }, undefined, false, undefined, this)
+        }, child.key))
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function DiffLeaf({
   label,
@@ -666,58 +666,58 @@ function DiffLeaf({
 }) {
   const showRemoved = entry.kind === "removed" || entry.kind === "changed";
   const showAdded = entry.kind === "added" || entry.kind === "changed";
-  const removed = showRemoved && /* @__PURE__ */ jsxDEV2(InlineValue, {
+  const removed = showRemoved && /* @__PURE__ */ jsx2(InlineValue, {
     sign: "−",
     color: DEVTOOL_COLOR_SEMANTIC_ERROR,
     background: REMOVED_BG,
     value: entry.before
-  }, undefined, false, undefined, this);
-  const added = showAdded && /* @__PURE__ */ jsxDEV2(InlineValue, {
+  });
+  const added = showAdded && /* @__PURE__ */ jsx2(InlineValue, {
     sign: "+",
     color: DEVTOOL_COLOR_SEMANTIC_SUCCESS,
     background: ADDED_BG,
     value: entry.after
-  }, undefined, false, undefined, this);
-  const removedLine = showRemoved && /* @__PURE__ */ jsxDEV2(DiffLine, {
+  });
+  const removedLine = showRemoved && /* @__PURE__ */ jsx2(DiffLine, {
     sign: "−",
     color: DEVTOOL_COLOR_SEMANTIC_ERROR,
     background: REMOVED_BG,
     value: entry.before
-  }, undefined, false, undefined, this);
-  const addedLine = showAdded && /* @__PURE__ */ jsxDEV2(DiffLine, {
+  });
+  const addedLine = showAdded && /* @__PURE__ */ jsx2(DiffLine, {
     sign: "+",
     color: DEVTOOL_COLOR_SEMANTIC_SUCCESS,
     background: ADDED_BG,
     value: entry.after
-  }, undefined, false, undefined, this);
+  });
   if (isInlineLeaf(entry)) {
-    return /* @__PURE__ */ jsxDEV2("div", {
+    return /* @__PURE__ */ jsxs("div", {
       style: { display: "flex", flexWrap: "wrap", alignItems: "baseline", gap: "6px" },
       children: [
-        /* @__PURE__ */ jsxDEV2("span", {
+        /* @__PURE__ */ jsxs("span", {
           style: { color: DEVTOOL_JSON_KEY, fontFamily: MONO_FONT, fontSize: "11px" },
           children: [
             label,
             ":"
           ]
-        }, undefined, true, undefined, this),
+        }),
         latestFirst ? added : removed,
-        entry.kind === "changed" && /* @__PURE__ */ jsxDEV2("span", {
+        entry.kind === "changed" && /* @__PURE__ */ jsx2("span", {
           style: { color: DEVTOOL_COLOR_TEXT_MUTED },
           children: latestFirst ? "←" : "→"
-        }, undefined, false, undefined, this),
+        }),
         latestFirst ? removed : added
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsxs("div", {
     style: {
       borderRadius: "4px",
       overflow: "hidden",
       border: `1px solid ${DEVTOOL_SECTION_STRING_BACKGROUND}`
     },
     children: [
-      /* @__PURE__ */ jsxDEV2("div", {
+      /* @__PURE__ */ jsx2("div", {
         style: {
           padding: "3px 8px",
           background: DEVTOOL_SECTION_STRING_BACKGROUND,
@@ -726,11 +726,11 @@ function DiffLeaf({
           fontSize: "10px"
         },
         children: label
-      }, undefined, false, undefined, this),
+      }),
       latestFirst ? addedLine : removedLine,
       latestFirst ? removedLine : addedLine
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function InlineValue({
   sign,
@@ -738,7 +738,7 @@ function InlineValue({
   background,
   value
 }) {
-  return /* @__PURE__ */ jsxDEV2("span", {
+  return /* @__PURE__ */ jsxs("span", {
     style: {
       display: "inline-flex",
       alignItems: "baseline",
@@ -752,15 +752,15 @@ function InlineValue({
       wordBreak: "break-word"
     },
     children: [
-      /* @__PURE__ */ jsxDEV2("span", {
+      /* @__PURE__ */ jsx2("span", {
         style: { color, fontWeight: 700, userSelect: "none" },
         children: sign
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("span", {
+      }),
+      /* @__PURE__ */ jsx2("span", {
         children: renderColoredJson(compactStringify(value))
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function DiffLine({
   sign,
@@ -768,14 +768,14 @@ function DiffLine({
   background,
   value
 }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsxs("div", {
     style: { display: "flex", gap: "6px", padding: "3px 8px", background },
     children: [
-      /* @__PURE__ */ jsxDEV2("span", {
+      /* @__PURE__ */ jsx2("span", {
         style: { color, fontWeight: 700, flexShrink: 0, userSelect: "none" },
         children: sign
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("span", {
+      }),
+      /* @__PURE__ */ jsx2("span", {
         style: {
           flex: 1,
           minWidth: 0,
@@ -786,9 +786,9 @@ function DiffLine({
           wordBreak: "break-word"
         },
         children: renderColoredJson(safeStringify(value, 2))
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function isInlineLeaf(entry) {
   const sides = [];
@@ -810,7 +810,7 @@ function compactStringify(value) {
 }
 
 // src/devtools/browser/components/JsonDiffView.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var ADDED_BG2 = "rgba(163, 230, 53, 0.13)";
 var REMOVED_BG2 = "rgba(255, 92, 92, 0.13)";
 var SURFACE_STYLE = {
@@ -824,7 +824,7 @@ var SURFACE_STYLE = {
   overflowX: "auto"
 };
 function emptyNotice(text) {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("div", {
     style: {
       padding: "10px",
       borderRadius: "4px",
@@ -834,22 +834,22 @@ function emptyNotice(text) {
       fontStyle: "italic"
     },
     children: text
-  }, undefined, false, undefined, this);
+  });
 }
 function Line({ sign, color, background, text }) {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     style: { display: "flex", background, padding: "0 10px", whiteSpace: "pre" },
     children: [
-      /* @__PURE__ */ jsxDEV3("span", {
+      /* @__PURE__ */ jsx3("span", {
         style: { width: "12px", flexShrink: 0, color, fontWeight: 700, userSelect: "none" },
         children: sign
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("span", {
+      }),
+      /* @__PURE__ */ jsx3("span", {
         style: { flex: 1, minWidth: 0 },
         children: renderColoredJson(text)
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function JsonDiffView({
   before,
@@ -858,26 +858,26 @@ function JsonDiffView({
   latestFirst = false
 }) {
   if (compress) {
-    return /* @__PURE__ */ jsxDEV3(CompressedDiffView, {
+    return /* @__PURE__ */ jsx3(CompressedDiffView, {
       before,
       after,
       side: "unified",
       latestFirst
-    }, undefined, false, undefined, this);
+    });
   }
   const ops = orderLineDiffOps(computeLineDiff(safeStringify(before, 2), safeStringify(after, 2)), latestFirst);
   if (!ops.some((op) => op.kind !== "common")) {
     return emptyNotice("No differences — before and after are structurally equal.");
   }
-  return /* @__PURE__ */ jsxDEV3("pre", {
+  return /* @__PURE__ */ jsx3("pre", {
     style: SURFACE_STYLE,
-    children: ops.map((op, i) => /* @__PURE__ */ jsxDEV3(Line, {
+    children: ops.map((op, i) => /* @__PURE__ */ jsx3(Line, {
       sign: op.kind === "removed" ? "−" : op.kind === "added" ? "+" : " ",
       color: op.kind === "removed" ? DEVTOOL_COLOR_SEMANTIC_ERROR : DEVTOOL_COLOR_SEMANTIC_SUCCESS,
       background: op.kind === "removed" ? REMOVED_BG2 : op.kind === "added" ? ADDED_BG2 : "transparent",
       text: op.text
-    }, i, false, undefined, this))
-  }, undefined, false, undefined, this);
+    }, i))
+  });
 }
 function CompressedDiffView({
   before,
@@ -889,47 +889,47 @@ function CompressedDiffView({
   if (!lines.some((line) => line.tone === "added" || line.tone === "removed")) {
     return emptyNotice("No differences — before and after are structurally equal.");
   }
-  return /* @__PURE__ */ jsxDEV3("pre", {
+  return /* @__PURE__ */ jsx3("pre", {
     style: SURFACE_STYLE,
-    children: lines.map((line, i) => /* @__PURE__ */ jsxDEV3(CompressedLine, {
+    children: lines.map((line, i) => /* @__PURE__ */ jsx3(CompressedLine, {
       line
-    }, i, false, undefined, this))
-  }, undefined, false, undefined, this);
+    }, i))
+  });
 }
 function CompressedLine({ line }) {
   const indent = "  ".repeat(line.depth);
   if (line.tone === "placeholder") {
-    return /* @__PURE__ */ jsxDEV3("div", {
+    return /* @__PURE__ */ jsxs2("div", {
       style: { display: "flex", padding: "0 10px", whiteSpace: "pre" },
       children: [
-        /* @__PURE__ */ jsxDEV3("span", {
+        /* @__PURE__ */ jsx3("span", {
           style: { width: "12px", flexShrink: 0 }
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV3("span", {
+        }),
+        /* @__PURE__ */ jsxs2("span", {
           style: { flex: 1, minWidth: 0, color: DEVTOOL_COLOR_TEXT_MUTED, fontStyle: "italic" },
           children: [
             indent,
             line.text
           ]
-        }, undefined, true, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
   const background = line.tone === "removed" ? REMOVED_BG2 : line.tone === "added" ? ADDED_BG2 : "transparent";
   const color = line.tone === "removed" ? DEVTOOL_COLOR_SEMANTIC_ERROR : DEVTOOL_COLOR_SEMANTIC_SUCCESS;
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     style: { display: "flex", background, padding: "0 10px", whiteSpace: "pre" },
     children: [
-      /* @__PURE__ */ jsxDEV3("span", {
+      /* @__PURE__ */ jsx3("span", {
         style: { width: "12px", flexShrink: 0, color, fontWeight: 700, userSelect: "none" },
         children: line.sign
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("span", {
+      }),
+      /* @__PURE__ */ jsx3("span", {
         style: { flex: 1, minWidth: 0 },
         children: renderColoredJson(`${indent}${line.text}`)
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function HighlightedJsonView({
   before,
@@ -938,36 +938,36 @@ function HighlightedJsonView({
   compress = false
 }) {
   if (compress)
-    return /* @__PURE__ */ jsxDEV3(CompressedDiffView, {
+    return /* @__PURE__ */ jsx3(CompressedDiffView, {
       before,
       after,
       side
-    }, undefined, false, undefined, this);
+    });
   const ops = computeLineDiff(safeStringify(before, 2), safeStringify(after, 2));
   const dropKind = side === "before" ? "added" : "removed";
   const highlightKind = side === "before" ? "removed" : "added";
   const background = side === "before" ? REMOVED_BG2 : ADDED_BG2;
   const color = side === "before" ? DEVTOOL_COLOR_SEMANTIC_ERROR : DEVTOOL_COLOR_SEMANTIC_SUCCESS;
   const visible = ops.filter((op) => op.kind !== dropKind);
-  return /* @__PURE__ */ jsxDEV3("pre", {
+  return /* @__PURE__ */ jsx3("pre", {
     style: SURFACE_STYLE,
     children: visible.map((op, i) => {
       const changed = op.kind === highlightKind;
-      return /* @__PURE__ */ jsxDEV3(Line, {
+      return /* @__PURE__ */ jsx3(Line, {
         sign: changed ? side === "before" ? "−" : "+" : " ",
         color,
         background: changed ? background : "transparent",
         text: op.text
-      }, i, false, undefined, this);
+      }, i);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/PanelChrome.tsx
 import {
   useState
 } from "react";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var DOCKED_SIZE_MIN = 160;
 var POSITION_GRID = [
   { key: "tl", pos: null },
@@ -1002,7 +1002,7 @@ function PanelHeader({
   openOthers,
   children
 }) {
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs3("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -1014,10 +1014,10 @@ function PanelHeader({
       flexShrink: 0
     },
     children: [
-      /* @__PURE__ */ jsxDEV4("div", {
+      /* @__PURE__ */ jsxs3("div", {
         style: { display: "flex", alignItems: "center", gap: "8px", minWidth: 0 },
         children: [
-          /* @__PURE__ */ jsxDEV4("span", {
+          /* @__PURE__ */ jsx4("span", {
             style: {
               color: DEVTOOL_COLOR_SEMANTIC_SYSTEM,
               fontWeight: "bold",
@@ -1025,8 +1025,8 @@ function PanelHeader({
               whiteSpace: "nowrap"
             },
             children: "\uD83E\uDDE9 state"
-          }, undefined, false, undefined, this),
-          openOthers?.map((item) => /* @__PURE__ */ jsxDEV4("button", {
+          }),
+          openOthers?.map((item) => /* @__PURE__ */ jsxs3("button", {
             onClick: item.onOpen,
             title: `Open ${item.label} devtools`,
             style: {
@@ -1044,40 +1044,40 @@ function PanelHeader({
               whiteSpace: "nowrap"
             },
             children: [
-              /* @__PURE__ */ jsxDEV4("span", {
+              /* @__PURE__ */ jsx4("span", {
                 children: item.icon
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("span", {
+              }),
+              /* @__PURE__ */ jsx4("span", {
                 children: item.label
-              }, undefined, false, undefined, this),
-              item.badge != null && /* @__PURE__ */ jsxDEV4("span", {
+              }),
+              item.badge != null && /* @__PURE__ */ jsx4("span", {
                 style: { color: DEVTOOL_COLOR_SEMANTIC_SYSTEM },
                 children: item.badge
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, item.id, true, undefined, this))
+          }, item.id))
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         style: { display: "flex", gap: "10px", alignItems: "center" },
         children: [
           children,
-          /* @__PURE__ */ jsxDEV4("button", {
+          /* @__PURE__ */ jsx4("button", {
             onClick: onTogglePause,
             title: paused ? "Resume recording" : "Pause recording",
             style: chromeButtonStyle(paused ? DEVTOOL_COLOR_SEMANTIC_SYSTEM : DEVTOOL_COLOR_TEXT_MUTED),
             children: paused ? "▶ resume" : "⏸ pause"
-          }, undefined, false, undefined, this),
-          onClear != null && /* @__PURE__ */ jsxDEV4("button", {
+          }),
+          onClear != null && /* @__PURE__ */ jsx4("button", {
             onClick: onClear,
             style: chromeButtonStyle(DEVTOOL_COLOR_TEXT_MUTED),
             children: "clear"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(PositionPicker, {
+          }),
+          /* @__PURE__ */ jsx4(PositionPicker, {
             position,
             onChange: onPositionChange
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("button", {
+          }),
+          /* @__PURE__ */ jsx4("button", {
             onClick: onClose,
             style: {
               ...chromeButtonStyle(DEVTOOL_COLOR_TEXT_MUTED),
@@ -1085,11 +1085,11 @@ function PanelHeader({
               lineHeight: "1"
             },
             children: "×"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function chromeButtonStyle(color) {
   return {
@@ -1107,17 +1107,17 @@ function PositionPicker({
   position,
   onChange
 }) {
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsx4("div", {
     title: "Move / dock panel",
     style: { display: "grid", gridTemplateColumns: "repeat(3, 9px)", gap: "2px", padding: "2px" },
     children: POSITION_GRID.map(({ key, pos }) => {
       if (pos == null)
-        return /* @__PURE__ */ jsxDEV4("div", {
+        return /* @__PURE__ */ jsx4("div", {
           style: { width: "9px", height: "9px" }
-        }, key, false, undefined, this);
+        }, key);
       const isTopBottom = pos === "dock-top" || pos === "dock-bottom";
       const isActive = pos === position;
-      return /* @__PURE__ */ jsxDEV4("div", {
+      return /* @__PURE__ */ jsx4("div", {
         title: pos,
         onClick: () => onChange(pos),
         style: {
@@ -1128,17 +1128,17 @@ function PositionPicker({
           justifyContent: "center",
           cursor: "pointer"
         },
-        children: /* @__PURE__ */ jsxDEV4("div", {
+        children: /* @__PURE__ */ jsx4("div", {
           style: {
             width: isTopBottom ? "9px" : "3px",
             height: isTopBottom ? "3px" : "9px",
             borderRadius: "1px",
             background: isActive ? DEVTOOL_COLOR_SEMANTIC_SYSTEM : DEVTOOL_COLOR_TEXT_FAINT
           }
-        }, undefined, false, undefined, this)
-      }, key, false, undefined, this);
+        })
+      }, key);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 function ResizeHandle({
   dockSide,
@@ -1164,10 +1164,10 @@ function ResizeHandle({
     window.addEventListener("mouseup", onUp);
   };
   const edgeStyle = dockSide === "bottom" ? { top: 0, left: 0, right: 0, height: "5px", cursor: "ns-resize" } : dockSide === "top" ? { bottom: 0, left: 0, right: 0, height: "5px", cursor: "ns-resize" } : dockSide === "right" ? { top: 0, bottom: 0, left: 0, width: "5px", cursor: "ew-resize" } : { top: 0, bottom: 0, right: 0, width: "5px", cursor: "ew-resize" };
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsx4("div", {
     onMouseDown,
     style: { position: "absolute", zIndex: 10, background: "transparent", ...edgeStyle }
-  }, undefined, false, undefined, this);
+  });
 }
 var SPLIT_RATIO_MIN = 0.15;
 var SPLIT_RATIO_MAX = 0.85;
@@ -1193,7 +1193,7 @@ function SplitHandle({
     window.addEventListener("mousemove", onMove);
     window.addEventListener("mouseup", onUp);
   };
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsx4("div", {
     onMouseDown,
     onMouseEnter: () => setHovered(true),
     onMouseLeave: () => setHovered(false),
@@ -1205,14 +1205,14 @@ function SplitHandle({
       opacity: hovered ? 0.6 : 1,
       zIndex: 5
     }
-  }, undefined, false, undefined, this);
+  });
 }
 function SegmentedControl({
   options,
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsx4("div", {
     style: {
       display: "flex",
       border: `1px solid ${DEVTOOL_COLOR_TEXT_FAINT}`,
@@ -1221,7 +1221,7 @@ function SegmentedControl({
     },
     children: options.map((opt) => {
       const active = opt.value === value;
-      return /* @__PURE__ */ jsxDEV4("button", {
+      return /* @__PURE__ */ jsx4("button", {
         onClick: () => onChange(opt.value),
         style: {
           background: active ? DEVTOOL_COLOR_SEMANTIC_SYSTEM : "transparent",
@@ -1234,12 +1234,12 @@ function SegmentedControl({
           fontFamily: SANS_FONT
         },
         children: opt.label
-      }, opt.value, false, undefined, this);
+      }, opt.value);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 function DevtoolsLauncher({ items }) {
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsx4("div", {
     style: {
       position: "fixed",
       bottom: "16px",
@@ -1249,7 +1249,7 @@ function DevtoolsLauncher({ items }) {
       fontFamily: MONO_FONT,
       fontSize: "12px"
     },
-    children: /* @__PURE__ */ jsxDEV4("div", {
+    children: /* @__PURE__ */ jsx4("div", {
       style: {
         display: "flex",
         background: DEVTOOL_SECTION_BACKGROUND,
@@ -1258,7 +1258,7 @@ function DevtoolsLauncher({ items }) {
         overflow: "hidden",
         boxShadow: "0 8px 24px rgba(0,0,0,0.35)"
       },
-      children: items.map((item, i) => /* @__PURE__ */ jsxDEV4("button", {
+      children: items.map((item, i) => /* @__PURE__ */ jsxs3("button", {
         onClick: item.onOpen,
         style: {
           display: "flex",
@@ -1275,24 +1275,24 @@ function DevtoolsLauncher({ items }) {
           lineHeight: "1.5"
         },
         children: [
-          /* @__PURE__ */ jsxDEV4("span", {
+          /* @__PURE__ */ jsx4("span", {
             children: item.icon
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4("span", {
+          }),
+          /* @__PURE__ */ jsx4("span", {
             children: item.label
-          }, undefined, false, undefined, this),
-          item.badge != null && /* @__PURE__ */ jsxDEV4("span", {
+          }),
+          item.badge != null && /* @__PURE__ */ jsx4("span", {
             style: { color: DEVTOOL_COLOR_SEMANTIC_SYSTEM },
             children: item.badge
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, item.id, true, undefined, this))
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      }, item.id))
+    })
+  });
 }
 
 // src/devtools/browser/components/ChangeDetailPanel.tsx
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function ChangeDetailPanel({
   change,
   onRevert,
@@ -1306,7 +1306,7 @@ function ChangeDetailPanel({
   const canRevert = change.inversePatches.length > 0;
   const showCompressToggle = view !== "props";
   const showOrderToggle = view === "props" || view === "diff";
-  return /* @__PURE__ */ jsxDEV5("div", {
+  return /* @__PURE__ */ jsxs4("div", {
     style: {
       flex: 1,
       display: "flex",
@@ -1316,7 +1316,7 @@ function ChangeDetailPanel({
       background: DEVTOOL_DETAIL_BASE_BACKGROUND
     },
     children: [
-      /* @__PURE__ */ jsxDEV5("div", {
+      /* @__PURE__ */ jsxs4("div", {
         style: {
           padding: "8px 12px",
           background: DEVTOOL_DETAIL_HEADER_BACKGROUND,
@@ -1327,7 +1327,7 @@ function ChangeDetailPanel({
           flexShrink: 0
         },
         children: [
-          /* @__PURE__ */ jsxDEV5("span", {
+          /* @__PURE__ */ jsx5("span", {
             style: {
               color: DEVTOOL_COLOR_TEXT_EMPHASIS,
               fontWeight: 600,
@@ -1338,8 +1338,8 @@ function ChangeDetailPanel({
               whiteSpace: "nowrap"
             },
             children: change.storeLabel
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("span", {
+          }),
+          /* @__PURE__ */ jsx5("span", {
             style: {
               padding: "1px 7px",
               borderRadius: "999px",
@@ -1351,15 +1351,15 @@ function ChangeDetailPanel({
               fontFamily: SANS_FONT
             },
             children: SOURCE_LABEL[change.source]
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("span", {
+          }),
+          /* @__PURE__ */ jsx5("span", {
             style: { flex: 1 }
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("span", {
+          }),
+          /* @__PURE__ */ jsx5("span", {
             style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontSize: "10px", fontFamily: MONO_FONT },
             children: formatTimestamp(change.timestamp)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("button", {
+          }),
+          /* @__PURE__ */ jsx5("button", {
             onClick: () => onRevert(change),
             disabled: !canRevert,
             title: canRevert ? "Apply this change's inverse patches to undo it" : "No inverse patches available to revert",
@@ -1375,16 +1375,16 @@ function ChangeDetailPanel({
               flexShrink: 0
             },
             children: "⟲ revert"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
+      }),
+      /* @__PURE__ */ jsx5("div", {
         style: {
           padding: "6px 12px",
           borderBottom: `1px solid ${DEVTOOL_LIST_BASE_BACKGROUND}`,
           flexShrink: 0
         },
-        children: /* @__PURE__ */ jsxDEV5(SegmentedControl, {
+        children: /* @__PURE__ */ jsx5(SegmentedControl, {
           options: [
             { value: "diff", label: "Diff View" },
             { value: "props", label: "Diff Props" },
@@ -1393,9 +1393,9 @@ function ChangeDetailPanel({
           ],
           value: view,
           onChange: onViewChange
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV5("div", {
+        })
+      }),
+      /* @__PURE__ */ jsxs4("div", {
         style: {
           flex: 1,
           overflowY: "auto",
@@ -1403,7 +1403,7 @@ function ChangeDetailPanel({
           padding: "10px 12px"
         },
         children: [
-          (showCompressToggle || showOrderToggle) && /* @__PURE__ */ jsxDEV5("div", {
+          (showCompressToggle || showOrderToggle) && /* @__PURE__ */ jsxs4("div", {
             style: {
               display: "flex",
               flexWrap: "wrap",
@@ -1412,47 +1412,47 @@ function ChangeDetailPanel({
               marginBottom: "8px"
             },
             children: [
-              showCompressToggle && /* @__PURE__ */ jsxDEV5(ToggleCheckbox, {
+              showCompressToggle && /* @__PURE__ */ jsx5(ToggleCheckbox, {
                 checked: compress,
                 onChange: onCompressChange,
                 label: "Compress to changed paths only",
                 title: "Collapse unchanged branches, showing only the address of what changed"
-              }, undefined, false, undefined, this),
-              showOrderToggle && /* @__PURE__ */ jsxDEV5(ToggleCheckbox, {
+              }),
+              showOrderToggle && /* @__PURE__ */ jsx5(ToggleCheckbox, {
                 checked: latestFirst,
                 onChange: onLatestFirstChange,
                 label: "Latest (+) change first",
                 title: "Show the new value (+) above the previous value (−); off shows previous first"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          view === "diff" && /* @__PURE__ */ jsxDEV5(JsonDiffView, {
+          }),
+          view === "diff" && /* @__PURE__ */ jsx5(JsonDiffView, {
             before: change.prevSnapshot,
             after: change.snapshot,
             compress,
             latestFirst
-          }, undefined, false, undefined, this),
-          view === "props" && /* @__PURE__ */ jsxDEV5(DiffView, {
+          }),
+          view === "props" && /* @__PURE__ */ jsx5(DiffView, {
             before: change.prevSnapshot,
             after: change.snapshot,
             latestFirst
-          }, undefined, false, undefined, this),
-          view === "before" && /* @__PURE__ */ jsxDEV5(HighlightedJsonView, {
+          }),
+          view === "before" && /* @__PURE__ */ jsx5(HighlightedJsonView, {
             before: change.prevSnapshot,
             after: change.snapshot,
             side: "before",
             compress
-          }, undefined, false, undefined, this),
-          view === "after" && /* @__PURE__ */ jsxDEV5(HighlightedJsonView, {
+          }),
+          view === "after" && /* @__PURE__ */ jsx5(HighlightedJsonView, {
             before: change.prevSnapshot,
             after: change.snapshot,
             side: "after",
             compress
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function ToggleCheckbox({
   checked,
@@ -1460,7 +1460,7 @@ function ToggleCheckbox({
   label,
   title
 }) {
-  return /* @__PURE__ */ jsxDEV5("label", {
+  return /* @__PURE__ */ jsxs4("label", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -1473,19 +1473,19 @@ function ToggleCheckbox({
     },
     title,
     children: [
-      /* @__PURE__ */ jsxDEV5("input", {
+      /* @__PURE__ */ jsx5("input", {
         type: "checkbox",
         checked,
         onChange: (e) => onChange(e.target.checked),
         style: { cursor: "pointer", margin: 0 }
-      }, undefined, false, undefined, this),
+      }),
       label
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/ChangeList.tsx
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ChangeList({
   groups,
   selectedCuid,
@@ -1494,7 +1494,7 @@ function ChangeList({
   style
 }) {
   if (groups.length === 0) {
-    return /* @__PURE__ */ jsxDEV6("div", {
+    return /* @__PURE__ */ jsx6("div", {
       style: {
         padding: "24px",
         textAlign: "center",
@@ -1503,18 +1503,18 @@ function ChangeList({
         ...style
       },
       children: "No changes recorded yet. Mutate a store to see it here."
-    }, undefined, false, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsx6("div", {
     style,
-    children: groups.map((group) => /* @__PURE__ */ jsxDEV6(ChangeRow, {
+    children: groups.map((group) => /* @__PURE__ */ jsx6(ChangeRow, {
       change: group.representative,
       count: group.count,
       selected: group.oldest.cuid === selectedCuid,
       onClick: () => onSelect(group.oldest.cuid),
       showStore
-    }, group.oldest.cuid, false, undefined, this))
-  }, undefined, false, undefined, this);
+    }, group.oldest.cuid))
+  });
 }
 function ChangeRow({
   change,
@@ -1524,7 +1524,7 @@ function ChangeRow({
   showStore
 }) {
   const sourceColor = SOURCE_COLOR[change.source];
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsxs5("div", {
     onClick,
     style: {
       display: "flex",
@@ -1537,10 +1537,10 @@ function ChangeRow({
       background: selected ? DEVTOOL_LIST_SELECTED_BACKGROUND : DEVTOOL_LIST_BASE_BACKGROUND
     },
     children: [
-      /* @__PURE__ */ jsxDEV6("div", {
+      /* @__PURE__ */ jsxs5("div", {
         style: { display: "flex", alignItems: "center", gap: "6px" },
         children: [
-          /* @__PURE__ */ jsxDEV6("span", {
+          /* @__PURE__ */ jsx6("span", {
             style: {
               color: DEVTOOL_COLOR_TEXT_MUTED,
               fontSize: "10px",
@@ -1548,12 +1548,12 @@ function ChangeRow({
               flexShrink: 0
             },
             children: formatTimestamp(change.timestamp)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(Badge, {
+          }),
+          /* @__PURE__ */ jsx6(Badge, {
             color: sourceColor,
             children: SOURCE_LABEL[change.source]
-          }, undefined, false, undefined, this),
-          count > 1 && /* @__PURE__ */ jsxDEV6("span", {
+          }),
+          count > 1 && /* @__PURE__ */ jsxs5("span", {
             title: `${count} consecutive identical updates`,
             style: {
               flexShrink: 0,
@@ -1569,8 +1569,8 @@ function ChangeRow({
               "×",
               count
             ]
-          }, undefined, true, undefined, this),
-          showStore && /* @__PURE__ */ jsxDEV6("span", {
+          }),
+          showStore && /* @__PURE__ */ jsx6("span", {
             style: {
               color: DEVTOOL_COLOR_SEMANTIC_SYSTEM,
               fontSize: "10px",
@@ -1580,21 +1580,21 @@ function ChangeRow({
               whiteSpace: "nowrap"
             },
             children: change.storeLabel
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("span", {
+          }),
+          /* @__PURE__ */ jsx6("span", {
             style: { flex: 1 }
-          }, undefined, false, undefined, this),
-          change.patches.length > 0 && /* @__PURE__ */ jsxDEV6("span", {
+          }),
+          change.patches.length > 0 && /* @__PURE__ */ jsxs5("span", {
             style: { color: DEVTOOL_COLOR_TEXT_FAINT, fontSize: "10px", flexShrink: 0 },
             children: [
               change.patches.length,
               " patch",
               change.patches.length === 1 ? "" : "es"
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      }),
+      /* @__PURE__ */ jsx6("div", {
         style: {
           color: DEVTOOL_COLOR_TEXT_SECONDARY,
           fontSize: "11px",
@@ -1604,12 +1604,12 @@ function ChangeRow({
           whiteSpace: "nowrap"
         },
         children: summarizeChange(change)
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function Badge({ color, children }) {
-  return /* @__PURE__ */ jsxDEV6("span", {
+  return /* @__PURE__ */ jsx6("span", {
     style: {
       flexShrink: 0,
       padding: "1px 6px",
@@ -1622,19 +1622,19 @@ function Badge({ color, children }) {
       fontFamily: SANS_FONT
     },
     children
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/StateInspector.tsx
 import { useEffect, useState as useState2 } from "react";
 
 // src/devtools/browser/components/SectionLabel.tsx
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function SectionLabel({
   label,
   color = DEVTOOL_COLOR_SEMANTIC_SYSTEM
 }) {
-  return /* @__PURE__ */ jsxDEV7("div", {
+  return /* @__PURE__ */ jsx7("div", {
     style: {
       color,
       fontSize: "0.85em",
@@ -1645,11 +1645,11 @@ function SectionLabel({
       textAlign: "left"
     },
     children: label
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/StateInspector.tsx
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function StateInspector({
   store,
   onApply
@@ -1689,7 +1689,7 @@ function StateInspector({
     setDirty(false);
     setError(null);
   };
-  return /* @__PURE__ */ jsxDEV8("div", {
+  return /* @__PURE__ */ jsxs6("div", {
     style: {
       flex: 1,
       display: "flex",
@@ -1699,7 +1699,7 @@ function StateInspector({
       background: DEVTOOL_DETAIL_BASE_BACKGROUND
     },
     children: [
-      /* @__PURE__ */ jsxDEV8("div", {
+      /* @__PURE__ */ jsxs6("div", {
         style: {
           flex: 1,
           minHeight: 0,
@@ -1708,19 +1708,19 @@ function StateInspector({
           padding: "10px 12px 8px"
         },
         children: [
-          /* @__PURE__ */ jsxDEV8(SectionLabel, {
+          /* @__PURE__ */ jsx8(SectionLabel, {
             label: "Current state"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          }),
+          /* @__PURE__ */ jsx8("div", {
             style: { flex: 1, minHeight: 0, overflow: "auto" },
-            children: /* @__PURE__ */ jsxDEV8(JsonView, {
+            children: /* @__PURE__ */ jsx8(JsonView, {
               value: store.currentState,
               style: { minHeight: "100%" }
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8("div", {
+      }),
+      /* @__PURE__ */ jsxs6("div", {
         style: {
           flex: 1,
           minHeight: 0,
@@ -1730,7 +1730,7 @@ function StateInspector({
           borderTop: `1px solid ${DEVTOOL_PANEL_DIVIDER_BORDER}`
         },
         children: [
-          /* @__PURE__ */ jsxDEV8("div", {
+          /* @__PURE__ */ jsxs6("div", {
             style: {
               display: "flex",
               alignItems: "center",
@@ -1738,18 +1738,18 @@ function StateInspector({
               marginBottom: "3px"
             },
             children: [
-              /* @__PURE__ */ jsxDEV8(SectionLabel, {
+              /* @__PURE__ */ jsx8(SectionLabel, {
                 label: "Edit & apply",
                 color: DEVTOOL_COLOR_SEMANTIC_WARNING
-              }, undefined, false, undefined, this),
-              dirty && /* @__PURE__ */ jsxDEV8("button", {
+              }),
+              dirty && /* @__PURE__ */ jsx8("button", {
                 onClick: reload,
                 style: linkButtonStyle(DEVTOOL_COLOR_TEXT_MUTED),
                 children: "reload from store"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV8("textarea", {
+          }),
+          /* @__PURE__ */ jsx8("textarea", {
             value: draft,
             spellCheck: false,
             onChange: (e) => onEdit(e.target.value),
@@ -1768,8 +1768,8 @@ function StateInspector({
               fontSize: "11px",
               lineHeight: 1.5
             }
-          }, undefined, false, undefined, this),
-          error != null && /* @__PURE__ */ jsxDEV8("div", {
+          }),
+          error != null && /* @__PURE__ */ jsx8("div", {
             style: {
               marginTop: "6px",
               padding: "6px 8px",
@@ -1781,10 +1781,10 @@ function StateInspector({
               flexShrink: 0
             },
             children: error
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8("div", {
+          }),
+          /* @__PURE__ */ jsx8("div", {
             style: { display: "flex", gap: "8px", marginTop: "8px", flexShrink: 0 },
-            children: /* @__PURE__ */ jsxDEV8("button", {
+            children: /* @__PURE__ */ jsx8("button", {
               onClick: apply,
               disabled: !dirty,
               style: {
@@ -1799,12 +1799,12 @@ function StateInspector({
                 fontFamily: SANS_FONT
               },
               children: "Apply to store"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function linkButtonStyle(color) {
   return {
@@ -1819,14 +1819,14 @@ function linkButtonStyle(color) {
 }
 
 // src/devtools/browser/components/StoreTabs.tsx
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function StoreTabs({
   stores,
   selectedStoreId,
   onSelect,
   includeAll = true
 }) {
-  return /* @__PURE__ */ jsxDEV9("div", {
+  return /* @__PURE__ */ jsxs7("div", {
     style: {
       display: "flex",
       gap: "6px",
@@ -1837,23 +1837,23 @@ function StoreTabs({
       flexShrink: 0
     },
     children: [
-      includeAll && /* @__PURE__ */ jsxDEV9(Pill, {
+      includeAll && /* @__PURE__ */ jsx9(Pill, {
         active: selectedStoreId == null,
         onClick: () => onSelect(null),
         label: "all"
-      }, undefined, false, undefined, this),
-      stores.length === 0 && /* @__PURE__ */ jsxDEV9("span", {
+      }),
+      stores.length === 0 && /* @__PURE__ */ jsx9("span", {
         style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontSize: "11px", padding: "2px 0" },
         children: "no stores registered"
-      }, undefined, false, undefined, this),
-      stores.map((store) => /* @__PURE__ */ jsxDEV9(Pill, {
+      }),
+      stores.map((store) => /* @__PURE__ */ jsx9(Pill, {
         active: selectedStoreId === store.id,
         onClick: () => onSelect(store.id),
         label: store.label,
         count: store.changeCount
-      }, store.id, false, undefined, this))
+      }, store.id))
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function Pill({
   active,
@@ -1861,7 +1861,7 @@ function Pill({
   label,
   count
 }) {
-  return /* @__PURE__ */ jsxDEV9("button", {
+  return /* @__PURE__ */ jsxs7("button", {
     onClick,
     style: {
       display: "flex",
@@ -1880,15 +1880,15 @@ function Pill({
     },
     children: [
       label,
-      count != null && count > 0 && /* @__PURE__ */ jsxDEV9("span", {
+      count != null && count > 0 && /* @__PURE__ */ jsx9("span", {
         style: {
           color: active ? DEVTOOL_COLOR_SEMANTIC_SYSTEM : DEVTOOL_COLOR_TEXT_FAINT,
           fontSize: "10px"
         },
         children: count
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/devtools_dock.ts
@@ -1999,7 +1999,7 @@ function getDevtoolsDockCoordinator() {
 }
 
 // src/devtools/browser/NiceStateDevtools.tsx
-import { jsxDEV as jsxDEV10, Fragment } from "react/jsx-dev-runtime";
+import { jsx as jsx10, jsxs as jsxs8, Fragment } from "react/jsx-runtime";
 if (typeof document !== "undefined" && !document.getElementById("__nice-state-devtools-styles")) {
   const style = document.createElement("style");
   style.id = "__nice-state-devtools-styles";
@@ -2058,10 +2058,12 @@ function writePrefs(prefs) {
 }
 var EMPTY_SNAPSHOT = { stores: [], changes: [], paused: false };
 function NiceStateDevtools({ forceEnable, ...props }) {
-  if (!forceEnable && false) {}
-  return /* @__PURE__ */ jsxDEV10(NiceStateDevtools_Panel, {
+  if (!forceEnable && process["env"]["NODE_ENV"] !== "development") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx10(NiceStateDevtools_Panel, {
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function NiceStateDevtools_Panel({
   core,
@@ -2153,9 +2155,9 @@ function NiceStateDevtools_Panel({
   };
   if (!isOpen) {
     if (view.isPrimary && !view.anyOpen) {
-      return /* @__PURE__ */ jsxDEV10(DevtoolsLauncher, {
+      return /* @__PURE__ */ jsx10(DevtoolsLauncher, {
         items: view.devtools
-      }, undefined, false, undefined, this);
+      });
     }
     return null;
   }
@@ -2194,16 +2196,16 @@ function NiceStateDevtools_Panel({
       borderRadius: view.stacked ? "0" : "8px 0 0 8px"
     }
   };
-  return /* @__PURE__ */ jsxDEV10("div", {
+  return /* @__PURE__ */ jsxs8("div", {
     id: "__nice-state-devtools-panel",
     style: panelStyle,
     children: [
-      /* @__PURE__ */ jsxDEV10(ResizeHandle, {
+      /* @__PURE__ */ jsx10(ResizeHandle, {
         dockSide,
         dockedSize,
         onChange: (size) => setPrefs(isHorizDock ? { dockedHeight: size } : { dockedWidth: size })
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV10(PanelHeader, {
+      }),
+      /* @__PURE__ */ jsx10(PanelHeader, {
         position,
         onPositionChange: (p) => setPrefs({ position: p }),
         onClose: () => setPrefs({ isOpen: false }),
@@ -2214,27 +2216,27 @@ function NiceStateDevtools_Panel({
         paused,
         onTogglePause: () => core.togglePaused(),
         openOthers: view.otherClosed,
-        children: /* @__PURE__ */ jsxDEV10(SegmentedControl, {
+        children: /* @__PURE__ */ jsx10(SegmentedControl, {
           options: [
             { value: "timeline", label: "Timeline" },
             { value: "state", label: "State" }
           ],
           value: mode,
           onChange: setMode
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV10(StoreTabs, {
+        })
+      }),
+      /* @__PURE__ */ jsx10(StoreTabs, {
         stores,
         selectedStoreId: mode === "state" ? activeStore?.id ?? null : storeFilter,
         onSelect: setStoreFilter,
         includeAll: mode === "timeline"
-      }, undefined, false, undefined, this),
-      mode === "state" ? activeStore != null ? /* @__PURE__ */ jsxDEV10(StateInspector, {
+      }),
+      mode === "state" ? activeStore != null ? /* @__PURE__ */ jsx10(StateInspector, {
         store: activeStore,
         onApply: (id, next) => core.applyEdit(id, next)
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV10(EmptyMessage, {
+      }) : /* @__PURE__ */ jsx10(EmptyMessage, {
         children: "No stores registered. Call core.registerStore(...)."
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV10("div", {
+      }) : /* @__PURE__ */ jsxs8("div", {
         style: {
           flex: 1,
           display: "flex",
@@ -2243,7 +2245,7 @@ function NiceStateDevtools_Panel({
           minHeight: 0
         },
         children: [
-          /* @__PURE__ */ jsxDEV10("div", {
+          /* @__PURE__ */ jsxs8("div", {
             style: {
               flexGrow: selectedChange != null ? 1 - detailRatio : 1,
               flexShrink: 1,
@@ -2255,7 +2257,7 @@ function NiceStateDevtools_Panel({
               overflow: "hidden"
             },
             children: [
-              /* @__PURE__ */ jsxDEV10(TimelineFollowToggles, {
+              /* @__PURE__ */ jsx10(TimelineFollowToggles, {
                 stayOnLatest,
                 onStayOnLatestChange: (next) => setPrefs({ stayOnLatest: next }),
                 followLatestOnSelect,
@@ -2266,10 +2268,10 @@ function NiceStateDevtools_Panel({
                     setPrefs({ followLatestOnSelect: next });
                   }
                 }
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV10("div", {
+              }),
+              /* @__PURE__ */ jsx10("div", {
                 style: { flex: 1, minHeight: 0, overflowY: "auto" },
-                children: /* @__PURE__ */ jsxDEV10(ChangeList, {
+                children: /* @__PURE__ */ jsx10(ChangeList, {
                   groups,
                   selectedCuid: selectedChangeCuid,
                   onSelect: (cuid) => {
@@ -2283,17 +2285,17 @@ function NiceStateDevtools_Panel({
                     setSelectedChangeCuid(next);
                   },
                   showStore: storeFilter == null
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                })
+              })
             ]
-          }, undefined, true, undefined, this),
-          selectedChange != null && /* @__PURE__ */ jsxDEV10(Fragment, {
+          }),
+          selectedChange != null && /* @__PURE__ */ jsxs8(Fragment, {
             children: [
-              /* @__PURE__ */ jsxDEV10(SplitHandle, {
+              /* @__PURE__ */ jsx10(SplitHandle, {
                 horizontal: isHorizDock,
                 onRatioChange: (ratio) => setPrefs({ detailRatio: ratio })
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV10("div", {
+              }),
+              /* @__PURE__ */ jsx10("div", {
                 style: {
                   flexGrow: detailRatio,
                   flexShrink: 1,
@@ -2311,7 +2313,7 @@ function NiceStateDevtools_Panel({
                     boxShadow: "inset 0 18px 36px -14px rgba(0,0,0,0.8)"
                   }
                 },
-                children: /* @__PURE__ */ jsxDEV10(ChangeDetailPanel, {
+                children: /* @__PURE__ */ jsx10(ChangeDetailPanel, {
                   change: selectedChange,
                   onRevert: (c) => core.revertChange(c),
                   view: detailView,
@@ -2320,14 +2322,14 @@ function NiceStateDevtools_Panel({
                   onCompressChange: (v) => setPrefs({ compressDiff: v }),
                   latestFirst: diffLatestFirst,
                   onLatestFirstChange: (v) => setPrefs({ diffLatestFirst: v })
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                })
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function TimelineFollowToggles({
   stayOnLatest,
@@ -2335,7 +2337,7 @@ function TimelineFollowToggles({
   followLatestOnSelect,
   onFollowLatestOnSelectChange
 }) {
-  return /* @__PURE__ */ jsxDEV10("div", {
+  return /* @__PURE__ */ jsxs8("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -2345,16 +2347,16 @@ function TimelineFollowToggles({
       borderBottom: `1px solid ${DEVTOOL_LIST_BASE_BACKGROUND}`
     },
     children: [
-      /* @__PURE__ */ jsxDEV10(ToggleLabel, {
+      /* @__PURE__ */ jsx10(ToggleLabel, {
         title: "Auto-select the most recent change so the detail pane keeps showing the latest as new changes land",
         checked: stayOnLatest,
         onChange: onStayOnLatestChange,
         children: "Follow latest"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV10("div", {
+      }),
+      /* @__PURE__ */ jsxs8("div", {
         style: { display: "flex", alignItems: "center", paddingLeft: "12px", marginTop: "-4px" },
         children: [
-          /* @__PURE__ */ jsxDEV10("span", {
+          /* @__PURE__ */ jsx10("span", {
             "aria-hidden": true,
             style: {
               color: DEVTOOL_COLOR_TEXT_MUTED,
@@ -2363,17 +2365,17 @@ function TimelineFollowToggles({
               lineHeight: 1
             },
             children: "└"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(ToggleLabel, {
+          }),
+          /* @__PURE__ */ jsx10(ToggleLabel, {
             title: "When you click the latest change, turn 'Follow latest' back on so the view resumes tracking new changes. Turn this off to pin exactly to the change you click instead.",
             checked: followLatestOnSelect,
             onChange: onFollowLatestOnSelectChange,
             children: "clicking latest re-follows"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function ToggleLabel({
   checked,
@@ -2381,7 +2383,7 @@ function ToggleLabel({
   title,
   children
 }) {
-  return /* @__PURE__ */ jsxDEV10("label", {
+  return /* @__PURE__ */ jsxs8("label", {
     title,
     style: {
       display: "flex",
@@ -2395,18 +2397,18 @@ function ToggleLabel({
       fontFamily: SANS_FONT
     },
     children: [
-      /* @__PURE__ */ jsxDEV10("input", {
+      /* @__PURE__ */ jsx10("input", {
         type: "checkbox",
         checked,
         onChange: (e) => onChange(e.target.checked),
         style: { accentColor: DEVTOOL_COLOR_SEMANTIC_SYSTEM, cursor: "pointer", margin: 0 }
-      }, undefined, false, undefined, this),
+      }),
       children
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function EmptyMessage({ children }) {
-  return /* @__PURE__ */ jsxDEV10("div", {
+  return /* @__PURE__ */ jsx10("div", {
     style: {
       flex: 1,
       display: "flex",
@@ -2418,7 +2420,7 @@ function EmptyMessage({ children }) {
       fontSize: "11px"
     },
     children
-  }, undefined, false, undefined, this);
+  });
 }
 export {
   StateDevtoolsCore,