@contember/react-devbar 1.3.0-alpha.14 → 1.3.0-alpha.16

package/dist/development/ui/DevBar/DevBar.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
 import { useClassNameFactory, useWindowSize, useReferentiallyStableCallback, useOnElementClickOutsideCallback, useId, useOnElementMouseEnterDelayedCallback } from "@contember/react-utils";
 import { dataAttribute } from "@contember/utilities";
 import { useState, useRef, useEffect } from "react";
@@ -42,7 +42,7 @@ const DevBar = ({
     }
   });
   const id = `dev-bar-panel${useId()}`;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxDEV(
     "section",
     {
       "data-transparent": true,
@@ -62,9 +62,13 @@ const DevBar = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsx("style", { children: `svg { pointer-events: none }` }),
-        /* @__PURE__ */ jsxs("div", { ref: devBarContentRef, className: className("content"), children: [
-          /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxDEV("style", { children: `svg { pointer-events: none }` }, void 0, false, {
+          fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+          lineNumber: 83,
+          columnNumber: 4
+        }, void 0),
+        /* @__PURE__ */ jsxDEV("div", { ref: devBarContentRef, className: className("content"), children: [
+          /* @__PURE__ */ jsxDEV(
             "div",
             {
               "data-expanded": dataAttribute(expanded),
@@ -72,12 +76,28 @@ const DevBar = ({
               role: "dialog",
               style: { display: "contents" },
               children: [
-                /* @__PURE__ */ jsx("div", { className: className("brand"), children: brand }),
-                /* @__PURE__ */ jsx("div", { className: className("panels"), children })
+                /* @__PURE__ */ jsxDEV("div", { className: className("brand"), children: brand }, void 0, false, {
+                  fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+                  lineNumber: 91,
+                  columnNumber: 6
+                }, void 0),
+                /* @__PURE__ */ jsxDEV("div", { className: className("panels"), children }, void 0, false, {
+                  fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+                  lineNumber: 96,
+                  columnNumber: 6
+                }, void 0)
               ]
-            }
+            },
+            void 0,
+            true,
+            {
+              fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+              lineNumber: 85,
+              columnNumber: 5
+            },
+            void 0
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxDEV(
             "button",
             {
               ref: toggleButtonRef,
@@ -89,11 +109,31 @@ const DevBar = ({
               onClick: handleToggle,
               tabIndex: 0,
               children: expanded ? "🗙" : "ᐸ"
-            }
+            },
+            void 0,
+            false,
+            {
+              fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+              lineNumber: 102,
+              columnNumber: 5
+            },
+            void 0
           )
-        ] })
+        ] }, void 0, true, {
+          fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+          lineNumber: 84,
+          columnNumber: 4
+        }, void 0)
       ]
-    }
+    },
+    void 0,
+    true,
+    {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+      lineNumber: 64,
+      columnNumber: 3
+    },
+    void 0
   );
 };
 const DevPanel = ({ heading, icon, children, preview }) => {
@@ -108,7 +148,7 @@ const DevPanel = ({ heading, icon, children, preview }) => {
       setExpanded(true);
     }
   }));
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxDEV(
     "div",
     {
       ref: devPanelRef,
@@ -125,7 +165,7 @@ const DevPanel = ({ heading, icon, children, preview }) => {
         }
       }),
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxDEV(
           "button",
           {
             tabIndex: 0,
@@ -143,16 +183,52 @@ const DevPanel = ({ heading, icon, children, preview }) => {
             }),
             children: [
               icon,
-              /* @__PURE__ */ jsx("span", { className: className("trigger-label-text"), children: preview ?? heading })
+              /* @__PURE__ */ jsxDEV("span", { className: className("trigger-label-text"), children: preview ?? heading }, void 0, false, {
+                fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+                lineNumber: 171,
+                columnNumber: 5
+              }, void 0)
             ]
-          }
+          },
+          void 0,
+          true,
+          {
+            fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+            lineNumber: 155,
+            columnNumber: 4
+          },
+          void 0
         ),
-        expanded && /* @__PURE__ */ jsx("div", { tabIndex: 0, id, role: "dialog", className: className("panel", "dangerously-remove-native-focus-outline"), children: /* @__PURE__ */ jsxs("div", { className: className("panel-content", "native-focus-outline-handler"), children: [
-          /* @__PURE__ */ jsx("h2", { className: "h4", children: heading }),
-          /* @__PURE__ */ jsx("div", { className: className("panel-body"), children })
-        ] }) })
+        expanded && /* @__PURE__ */ jsxDEV("div", { tabIndex: 0, id, role: "dialog", className: className("panel", "dangerously-remove-native-focus-outline"), children: /* @__PURE__ */ jsxDEV("div", { className: className("panel-content", "native-focus-outline-handler"), children: [
+          /* @__PURE__ */ jsxDEV("h2", { className: "h4", children: heading }, void 0, false, {
+            fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+            lineNumber: 176,
+            columnNumber: 7
+          }, void 0),
+          /* @__PURE__ */ jsxDEV("div", { className: className("panel-body"), children }, void 0, false, {
+            fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+            lineNumber: 179,
+            columnNumber: 7
+          }, void 0)
+        ] }, void 0, true, {
+          fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+          lineNumber: 175,
+          columnNumber: 6
+        }, void 0) }, void 0, false, {
+          fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+          lineNumber: 174,
+          columnNumber: 5
+        }, void 0)
       ]
-    }
+    },
+    void 0,
+    true,
+    {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
+      lineNumber: 140,
+      columnNumber: 3
+    },
+    void 0
   );
 };
 export {

package/dist/development/ui/DevBar/DevBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevBar.js","sources":["../../../../src/ui/DevBar/DevBar.tsx"],"sourcesContent":["import {\n\tuseClassNameFactory,\n\tuseId,\n\tuseOnElementClickOutsideCallback,\n\tuseOnElementMouseEnterDelayedCallback,\n\tuseReferentiallyStableCallback,\n\tuseWindowSize,\n} from '@contember/react-utils'\nimport { dataAttribute } from '@contember/utilities'\nimport { PropsWithChildren, ReactNode, useEffect, useRef, useState } from 'react'\n\nexport const DevBar = ({\n\tbreakpoint = 768,\n\tchildren,\n\tbrand,\n}: PropsWithChildren<{\n\tbrand?: ReactNode;\n\tbreakpoint?: number;\n}>) => {\n\tconst className = useClassNameFactory('devBar')\n\tconst [expanded, setExpanded] = useState(true)\n\tconst isSmallScreen = useWindowSize().width < breakpoint\n\tconst toggleButtonRef = useRef<HTMLButtonElement>(null)\n\n\tconst handleToggle = useReferentiallyStableCallback(() => {\n\t\tsetExpanded(expanded => !expanded)\n\t})\n\n\tuseEffect(() => {\n\t\tfunction handleKeyDown(event: KeyboardEvent) {\n\t\t\tif (event.code === 'KeyJ' && (event.ctrlKey || event.metaKey)) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tevent.stopPropagation()\n\n\t\t\t\tif (expanded) {\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t} else {\n\t\t\t\t\tif (toggleButtonRef.current !== document.activeElement) {\n\t\t\t\t\t\ttoggleButtonRef.current?.focus()\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleKeyDown)\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown)\n\t}, [expanded, handleToggle])\n\n\tconst devBarContentRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementClickOutsideCallback(devBarContentRef, () => {\n\t\tif (expanded) {\n\t\t\tsetExpanded(false)\n\t\t\ttoggleButtonRef.current?.blur()\n\t\t}\n\t})\n\n\tconst id = `dev-bar-panel${useId()}`\n\n\treturn (\n\t\t<section\n\t\t\tdata-transparent\n\t\t\tdata-overrides-lucide-icons\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tdata-small-screen={dataAttribute(isSmallScreen)}\n\t\t\tclassName={className(null)}\n\t\t\tonKeyDown={event => {\n\t\t\t\tif (event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\n\t\t\t\t\tif (expanded) {\n\t\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\t} else if (document.activeElement && document.activeElement instanceof HTMLElement) {\n\t\t\t\t\t\tdocument.activeElement.blur()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<style>{`svg { pointer-events: none }`}</style>\n\t\t\t<div ref={devBarContentRef} className={className('content')}>\n\t\t\t\t<div\n\t\t\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\t\t\tid={id}\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\tstyle={{ display: 'contents' }}\n\t\t\t\t>\n\t\t\t\t\t<div className={className('brand')}>\n\t\t\t\t\t\t{brand}\n\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={className('panels')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\n\t\t\t\t<button\n\t\t\t\t\tref={toggleButtonRef}\n\t\t\t\t\tid=\"dev-bar-toggle-button\"\n\t\t\t\t\taria-label=\"Toggle Contember Developer Toolbar\"\n\t\t\t\t\taria-controls={id}\n\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\tclassName={className('close')}\n\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\ttabIndex={0}\n\t\t\t\t>\n\t\t\t\t\t{expanded ? '🗙' : 'ᐸ'}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\nexport const DevPanel = ({ heading, icon, children, preview }: {\n\ticon: ReactNode;\n\theading: ReactNode,\n\tchildren: ReactNode,\n\tpreview?: ReactNode\n}) => {\n\tconst id = `cui-devBar-panel-${useId()}`\n\tconst className = useClassNameFactory('devBar')\n\tconst [expanded, setExpanded] = useState(false)\n\tconst mouseEnterTimeStampRef = useRef<ReturnType<typeof Date.now> | undefined>(undefined)\n\n\tconst devPanelRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementMouseEnterDelayedCallback(devPanelRef, useReferentiallyStableCallback(({ type }) => {\n\t\tif (type === 'mouseenter') {\n\t\t\tmouseEnterTimeStampRef.current = Date.now() + 300\n\t\t\tsetExpanded(true)\n\t\t}\n\t}))\n\n\treturn (\n\t\t<div\n\t\t\tref={devPanelRef}\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tclassName={className('trigger')}\n\t\t\tonMouseLeave={useReferentiallyStableCallback(() => {\n\t\t\t\tsetExpanded(false)\n\t\t\t})}\n\t\t\tonKeyDown={useReferentiallyStableCallback(event => {\n\t\t\t\tif (expanded && event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t}\n\t\t\t})}\n\t\t>\n\t\t\t<button\n\t\t\t\ttabIndex={0}\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\taria-controls={id}\n\t\t\t\taria-expanded={expanded}\n\t\t\t\tclassName={className('trigger-label')}\n\t\t\t\tonClick={useReferentiallyStableCallback(() => {\n\t\t\t\t\tif (mouseEnterTimeStampRef.current && Date.now() < mouseEnterTimeStampRef.current) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetExpanded(expanded => !expanded)\n\t\t\t\t\t\tmouseEnterTimeStampRef.current = undefined\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t\t<span className={className('trigger-label-text')}>{preview ?? heading}</span>\n\t\t\t</button>\n\t\t\t{expanded && (\n\t\t\t\t<div tabIndex={0} id={id} role=\"dialog\" className={className('panel', 'dangerously-remove-native-focus-outline')}>\n\t\t\t\t\t<div className={className('panel-content', 'native-focus-outline-handler')}>\n\t\t\t\t\t\t<h2 className=\"h4\">\n\t\t\t\t\t\t\t{heading}\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t<div className={className('panel-body')}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["expanded"],"mappings":"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"}
+{"version":3,"file":"DevBar.js","sources":["../../../../src/ui/DevBar/DevBar.tsx"],"sourcesContent":["import {\n\tuseClassNameFactory,\n\tuseId,\n\tuseOnElementClickOutsideCallback,\n\tuseOnElementMouseEnterDelayedCallback,\n\tuseReferentiallyStableCallback,\n\tuseWindowSize,\n} from '@contember/react-utils'\nimport { dataAttribute } from '@contember/utilities'\nimport { PropsWithChildren, ReactNode, useEffect, useRef, useState } from 'react'\n\nexport const DevBar = ({\n\tbreakpoint = 768,\n\tchildren,\n\tbrand,\n}: PropsWithChildren<{\n\tbrand?: ReactNode;\n\tbreakpoint?: number;\n}>) => {\n\tconst className = useClassNameFactory('devBar')\n\tconst [expanded, setExpanded] = useState(true)\n\tconst isSmallScreen = useWindowSize().width < breakpoint\n\tconst toggleButtonRef = useRef<HTMLButtonElement>(null)\n\n\tconst handleToggle = useReferentiallyStableCallback(() => {\n\t\tsetExpanded(expanded => !expanded)\n\t})\n\n\tuseEffect(() => {\n\t\tfunction handleKeyDown(event: KeyboardEvent) {\n\t\t\tif (event.code === 'KeyJ' && (event.ctrlKey || event.metaKey)) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tevent.stopPropagation()\n\n\t\t\t\tif (expanded) {\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t} else {\n\t\t\t\t\tif (toggleButtonRef.current !== document.activeElement) {\n\t\t\t\t\t\ttoggleButtonRef.current?.focus()\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttoggleButtonRef.current?.blur()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleKeyDown)\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown)\n\t}, [expanded, handleToggle])\n\n\tconst devBarContentRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementClickOutsideCallback(devBarContentRef, () => {\n\t\tif (expanded) {\n\t\t\tsetExpanded(false)\n\t\t\ttoggleButtonRef.current?.blur()\n\t\t}\n\t})\n\n\tconst id = `dev-bar-panel${useId()}`\n\n\treturn (\n\t\t<section\n\t\t\tdata-transparent\n\t\t\tdata-overrides-lucide-icons\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tdata-small-screen={dataAttribute(isSmallScreen)}\n\t\t\tclassName={className(null)}\n\t\t\tonKeyDown={event => {\n\t\t\t\tif (event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\n\t\t\t\t\tif (expanded) {\n\t\t\t\t\t\tsetExpanded(false)\n\t\t\t\t\t} else if (document.activeElement && document.activeElement instanceof HTMLElement) {\n\t\t\t\t\t\tdocument.activeElement.blur()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<style>{`svg { pointer-events: none }`}</style>\n\t\t\t<div ref={devBarContentRef} className={className('content')}>\n\t\t\t\t<div\n\t\t\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\t\t\tid={id}\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\tstyle={{ display: 'contents' }}\n\t\t\t\t>\n\t\t\t\t\t<div className={className('brand')}>\n\t\t\t\t\t\t{brand}\n\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className={className('panels')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\n\t\t\t\t<button\n\t\t\t\t\tref={toggleButtonRef}\n\t\t\t\t\tid=\"dev-bar-toggle-button\"\n\t\t\t\t\taria-label=\"Toggle Contember Developer Toolbar\"\n\t\t\t\t\taria-controls={id}\n\t\t\t\t\taria-expanded={expanded}\n\t\t\t\t\tclassName={className('close')}\n\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t\ttabIndex={0}\n\t\t\t\t>\n\t\t\t\t\t{expanded ? '🗙' : 'ᐸ'}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\nexport const DevPanel = ({ heading, icon, children, preview }: {\n\ticon: ReactNode;\n\theading: ReactNode,\n\tchildren: ReactNode,\n\tpreview?: ReactNode\n}) => {\n\tconst id = `cui-devBar-panel-${useId()}`\n\tconst className = useClassNameFactory('devBar')\n\tconst [expanded, setExpanded] = useState(false)\n\tconst mouseEnterTimeStampRef = useRef<ReturnType<typeof Date.now> | undefined>(undefined)\n\n\tconst devPanelRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementMouseEnterDelayedCallback(devPanelRef, useReferentiallyStableCallback(({ type }) => {\n\t\tif (type === 'mouseenter') {\n\t\t\tmouseEnterTimeStampRef.current = Date.now() + 300\n\t\t\tsetExpanded(true)\n\t\t}\n\t}))\n\n\treturn (\n\t\t<div\n\t\t\tref={devPanelRef}\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tclassName={className('trigger')}\n\t\t\tonMouseLeave={useReferentiallyStableCallback(() => {\n\t\t\t\tsetExpanded(false)\n\t\t\t})}\n\t\t\tonKeyDown={useReferentiallyStableCallback(event => {\n\t\t\t\tif (expanded && event.code === 'Escape') {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tsetExpanded(false)\n\t\t\t\t}\n\t\t\t})}\n\t\t>\n\t\t\t<button\n\t\t\t\ttabIndex={0}\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\taria-controls={id}\n\t\t\t\taria-expanded={expanded}\n\t\t\t\tclassName={className('trigger-label')}\n\t\t\t\tonClick={useReferentiallyStableCallback(() => {\n\t\t\t\t\tif (mouseEnterTimeStampRef.current && Date.now() < mouseEnterTimeStampRef.current) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetExpanded(expanded => !expanded)\n\t\t\t\t\t\tmouseEnterTimeStampRef.current = undefined\n\t\t\t\t\t}\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t\t<span className={className('trigger-label-text')}>{preview ?? heading}</span>\n\t\t\t</button>\n\t\t\t{expanded && (\n\t\t\t\t<div tabIndex={0} id={id} role=\"dialog\" className={className('panel', 'dangerously-remove-native-focus-outline')}>\n\t\t\t\t\t<div className={className('panel-content', 'native-focus-outline-handler')}>\n\t\t\t\t\t\t<h2 className=\"h4\">\n\t\t\t\t\t\t\t{heading}\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t<div className={className('panel-body')}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n"],"names":["expanded","this"],"mappings":"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"}

package/dist/development/ui/DevError/DevError.cjs

@@ -1,14 +1,34 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
+const jsxDevRuntime = require("react/jsx-dev-runtime");
 const reactUtils = require("@contember/react-utils");
 const DevErrorInner = require("./DevErrorInner.cjs");
 function DevError(props) {
   const componentClassName = reactUtils.useClassNameFactory("devError");
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName(), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: componentClassName("in"), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("bar"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("errorSource"), children: props.source }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(DevErrorInner.DevErrorInner, { error: props.error })
-  ] }) });
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName(), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("in"), children: [
+    /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("bar"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("errorSource"), children: props.source }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevError.tsx",
+      lineNumber: 15,
+      columnNumber: 6
+    }, this) }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevError.tsx",
+      lineNumber: 14,
+      columnNumber: 5
+    }, this),
+    /* @__PURE__ */ jsxDevRuntime.jsxDEV(DevErrorInner.DevErrorInner, { error: props.error }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevError.tsx",
+      lineNumber: 17,
+      columnNumber: 5
+    }, this)
+  ] }, void 0, true, {
+    fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevError.tsx",
+    lineNumber: 13,
+    columnNumber: 4
+  }, this) }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevError.tsx",
+    lineNumber: 12,
+    columnNumber: 3
+  }, this);
 }
 exports.DevError = DevError;
 //# sourceMappingURL=DevError.cjs.map

package/dist/development/ui/DevError/DevError.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DevError.cjs","sources":["../../../../src/ui/DevError/DevError.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { DevErrorInner, DevErrorInnerProps } from './DevErrorInner'\n\nexport interface DevErrorProps extends DevErrorInnerProps {\n\tsource: string\n}\n\nexport function DevError(props: DevErrorProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<div className={componentClassName('in')}>\n\t\t\t\t<div className={componentClassName('bar')}>\n\t\t\t\t\t<div className={componentClassName('errorSource')}>{props.source}</div>\n\t\t\t\t</div>\n\t\t\t\t<DevErrorInner error={props.error} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsx","DevErrorInner"],"mappings":";;;;;AAOO,SAAS,SAAS,OAAsB;AACxC,QAAA,qBAAqBA,+BAAoB,UAAU;AAGxD,SAAAC,2BAAA,IAAC,OAAI,EAAA,WAAW,mBAAmB,GAClC,0CAAC,OAAI,EAAA,WAAW,mBAAmB,IAAI,GACtC,UAAA;AAAA,IAAAA,2BAAA,IAAC,OAAI,EAAA,WAAW,mBAAmB,KAAK,GACvC,UAAAA,+BAAC,OAAI,EAAA,WAAW,mBAAmB,aAAa,GAAI,UAAA,MAAM,OAAO,CAAA,GAClE;AAAA,IACCA,2BAAAA,IAAAC,cAAAA,eAAA,EAAc,OAAO,MAAM,MAAO,CAAA;AAAA,EAAA,EACpC,CAAA,EACD,CAAA;AAEF;;"}
+{"version":3,"file":"DevError.cjs","sources":["../../../../src/ui/DevError/DevError.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { DevErrorInner, DevErrorInnerProps } from './DevErrorInner'\n\nexport interface DevErrorProps extends DevErrorInnerProps {\n\tsource: string\n}\n\nexport function DevError(props: DevErrorProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<div className={componentClassName('in')}>\n\t\t\t\t<div className={componentClassName('bar')}>\n\t\t\t\t\t<div className={componentClassName('errorSource')}>{props.source}</div>\n\t\t\t\t</div>\n\t\t\t\t<DevErrorInner error={props.error} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsxDEV","DevErrorInner"],"mappings":";;;;;AAOO,SAAS,SAAS,OAAsB;AACxC,QAAA,qBAAqBA,+BAAoB,UAAU;AAGxD,SAAAC,8BAAA,OAAC,OAAI,EAAA,WAAW,mBAAmB,GAClC,+CAAC,OAAI,EAAA,WAAW,mBAAmB,IAAI,GACtC,UAAA;AAAA,IAAAA,qCAAC,OAAI,EAAA,WAAW,mBAAmB,KAAK,GACvC,UAAAA,8BAAAA,OAAC,OAAI,EAAA,WAAW,mBAAmB,aAAa,GAAI,UAAA,MAAM,OAA1D,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAA,IAAiE,EADlE,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAEA,GAAA,IAAA;AAAA,IACCA,qCAAAC,cAAAA,eAAA,EAAc,OAAO,MAAM,SAA5B,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAmC,GAAA,IAAA;AAAA,EAAA,KAJpC,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAKA,EAND,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAOA,GAAA,IAAA;AAEF;;"}

package/dist/development/ui/DevError/DevError.js

@@ -1,12 +1,32 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
 import { useClassNameFactory } from "@contember/react-utils";
 import { DevErrorInner } from "./DevErrorInner.js";
 function DevError(props) {
   const componentClassName = useClassNameFactory("devError");
-  return /* @__PURE__ */ jsx("div", { className: componentClassName(), children: /* @__PURE__ */ jsxs("div", { className: componentClassName("in"), children: [
-    /* @__PURE__ */ jsx("div", { className: componentClassName("bar"), children: /* @__PURE__ */ jsx("div", { className: componentClassName("errorSource"), children: props.source }) }),
-    /* @__PURE__ */ jsx(DevErrorInner, { error: props.error })
-  ] }) });
+  return /* @__PURE__ */ jsxDEV("div", { className: componentClassName(), children: /* @__PURE__ */ jsxDEV("div", { className: componentClassName("in"), children: [
+    /* @__PURE__ */ jsxDEV("div", { className: componentClassName("bar"), children: /* @__PURE__ */ jsxDEV("div", { className: componentClassName("errorSource"), children: props.source }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevError.tsx",
+      lineNumber: 15,
+      columnNumber: 6
+    }, this) }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevError.tsx",
+      lineNumber: 14,
+      columnNumber: 5
+    }, this),
+    /* @__PURE__ */ jsxDEV(DevErrorInner, { error: props.error }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevError.tsx",
+      lineNumber: 17,
+      columnNumber: 5
+    }, this)
+  ] }, void 0, true, {
+    fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevError.tsx",
+    lineNumber: 13,
+    columnNumber: 4
+  }, this) }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevError.tsx",
+    lineNumber: 12,
+    columnNumber: 3
+  }, this);
 }
 export {
   DevError

package/dist/development/ui/DevError/DevError.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevError.js","sources":["../../../../src/ui/DevError/DevError.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { DevErrorInner, DevErrorInnerProps } from './DevErrorInner'\n\nexport interface DevErrorProps extends DevErrorInnerProps {\n\tsource: string\n}\n\nexport function DevError(props: DevErrorProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<div className={componentClassName('in')}>\n\t\t\t\t<div className={componentClassName('bar')}>\n\t\t\t\t\t<div className={componentClassName('errorSource')}>{props.source}</div>\n\t\t\t\t</div>\n\t\t\t\t<DevErrorInner error={props.error} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,SAAS,OAAsB;AACxC,QAAA,qBAAqB,oBAAoB,UAAU;AAGxD,SAAA,oBAAC,OAAI,EAAA,WAAW,mBAAmB,GAClC,+BAAC,OAAI,EAAA,WAAW,mBAAmB,IAAI,GACtC,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,mBAAmB,KAAK,GACvC,UAAA,oBAAC,OAAI,EAAA,WAAW,mBAAmB,aAAa,GAAI,UAAA,MAAM,OAAO,CAAA,GAClE;AAAA,IACC,oBAAA,eAAA,EAAc,OAAO,MAAM,MAAO,CAAA;AAAA,EAAA,EACpC,CAAA,EACD,CAAA;AAEF;"}
+{"version":3,"file":"DevError.js","sources":["../../../../src/ui/DevError/DevError.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { DevErrorInner, DevErrorInnerProps } from './DevErrorInner'\n\nexport interface DevErrorProps extends DevErrorInnerProps {\n\tsource: string\n}\n\nexport function DevError(props: DevErrorProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<div className={componentClassName('in')}>\n\t\t\t\t<div className={componentClassName('bar')}>\n\t\t\t\t\t<div className={componentClassName('errorSource')}>{props.source}</div>\n\t\t\t\t</div>\n\t\t\t\t<DevErrorInner error={props.error} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,SAAS,OAAsB;AACxC,QAAA,qBAAqB,oBAAoB,UAAU;AAGxD,SAAA,uBAAC,OAAI,EAAA,WAAW,mBAAmB,GAClC,iCAAC,OAAI,EAAA,WAAW,mBAAmB,IAAI,GACtC,UAAA;AAAA,IAAA,uBAAC,OAAI,EAAA,WAAW,mBAAmB,KAAK,GACvC,UAAA,uBAAC,OAAI,EAAA,WAAW,mBAAmB,aAAa,GAAI,UAAA,MAAM,OAA1D,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAA,IAAiE,EADlE,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAEA,GAAA,IAAA;AAAA,IACC,uBAAA,eAAA,EAAc,OAAO,MAAM,SAA5B,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAmC,GAAA,IAAA;AAAA,EAAA,KAJpC,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAKA,EAND,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAOA,GAAA,IAAA;AAEF;"}

package/dist/development/ui/DevError/DevErrorBadge.cjs

@@ -1,14 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
+const jsxDevRuntime = require("react/jsx-dev-runtime");
 const reactUtils = require("@contember/react-utils");
 function DevErrorBadge({ errorCount, onOpen }) {
   const componentClassName = reactUtils.useClassNameFactory("devErrorBadge");
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName(), children: /* @__PURE__ */ jsxRuntime.jsxs("a", { className: componentClassName("button"), onClick: onOpen, children: [
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName(), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("a", { className: componentClassName("button"), onClick: onOpen, children: [
     errorCount,
     " ",
     errorCount > 1 ? "errors" : "error"
-  ] }) });
+  ] }, void 0, true, {
+    fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorBadge.tsx",
+    lineNumber: 13,
+    columnNumber: 4
+  }, this) }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorBadge.tsx",
+    lineNumber: 12,
+    columnNumber: 3
+  }, this);
 }
 exports.DevErrorBadge = DevErrorBadge;
 //# sourceMappingURL=DevErrorBadge.cjs.map

package/dist/development/ui/DevError/DevErrorBadge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DevErrorBadge.cjs","sources":["../../../../src/ui/DevError/DevErrorBadge.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\n\nexport interface DevErrorBadgeProps {\n\tonOpen: () => void\n\terrorCount: number\n}\n\nexport function DevErrorBadge({ errorCount, onOpen }: DevErrorBadgeProps) {\n\tconst componentClassName = useClassNameFactory('devErrorBadge')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<a className={componentClassName('button')} onClick={onOpen}>\n\t\t\t\t{errorCount} {errorCount > 1 ? 'errors' : 'error'}\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsx","jsxs"],"mappings":";;;;AAOO,SAAS,cAAc,EAAE,YAAY,UAA8B;AACnE,QAAA,qBAAqBA,+BAAoB,eAAe;AAE9D,SACEC,2BAAAA,IAAA,OAAA,EAAI,WAAW,mBAAA,GACf,UAAAC,2BAAA,KAAC,KAAE,EAAA,WAAW,mBAAmB,QAAQ,GAAG,SAAS,QACnD,UAAA;AAAA,IAAA;AAAA,IAAW;AAAA,IAAE,aAAa,IAAI,WAAW;AAAA,EAAA,EAC3C,CAAA,EACD,CAAA;AAEF;;"}
+{"version":3,"file":"DevErrorBadge.cjs","sources":["../../../../src/ui/DevError/DevErrorBadge.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\n\nexport interface DevErrorBadgeProps {\n\tonOpen: () => void\n\terrorCount: number\n}\n\nexport function DevErrorBadge({ errorCount, onOpen }: DevErrorBadgeProps) {\n\tconst componentClassName = useClassNameFactory('devErrorBadge')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<a className={componentClassName('button')} onClick={onOpen}>\n\t\t\t\t{errorCount} {errorCount > 1 ? 'errors' : 'error'}\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":["useClassNameFactory","jsxDEV"],"mappings":";;;;AAOO,SAAS,cAAc,EAAE,YAAY,UAA8B;AACnE,QAAA,qBAAqBA,+BAAoB,eAAe;AAE9D,SACEC,8BAAAA,OAAA,OAAA,EAAI,WAAW,mBAAA,GACf,UAAAA,8BAAA,OAAC,KAAE,EAAA,WAAW,mBAAmB,QAAQ,GAAG,SAAS,QACnD,UAAA;AAAA,IAAA;AAAA,IAAW;AAAA,IAAE,aAAa,IAAI,WAAW;AAAA,EAAA,KAD3C,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAA,IAAA;AAEF;;"}

package/dist/development/ui/DevError/DevErrorBadge.js

@@ -1,12 +1,20 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
 import { useClassNameFactory } from "@contember/react-utils";
 function DevErrorBadge({ errorCount, onOpen }) {
   const componentClassName = useClassNameFactory("devErrorBadge");
-  return /* @__PURE__ */ jsx("div", { className: componentClassName(), children: /* @__PURE__ */ jsxs("a", { className: componentClassName("button"), onClick: onOpen, children: [
+  return /* @__PURE__ */ jsxDEV("div", { className: componentClassName(), children: /* @__PURE__ */ jsxDEV("a", { className: componentClassName("button"), onClick: onOpen, children: [
     errorCount,
     " ",
     errorCount > 1 ? "errors" : "error"
-  ] }) });
+  ] }, void 0, true, {
+    fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorBadge.tsx",
+    lineNumber: 13,
+    columnNumber: 4
+  }, this) }, void 0, false, {
+    fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorBadge.tsx",
+    lineNumber: 12,
+    columnNumber: 3
+  }, this);
 }
 export {
   DevErrorBadge

package/dist/development/ui/DevError/DevErrorBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevErrorBadge.js","sources":["../../../../src/ui/DevError/DevErrorBadge.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\n\nexport interface DevErrorBadgeProps {\n\tonOpen: () => void\n\terrorCount: number\n}\n\nexport function DevErrorBadge({ errorCount, onOpen }: DevErrorBadgeProps) {\n\tconst componentClassName = useClassNameFactory('devErrorBadge')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<a className={componentClassName('button')} onClick={onOpen}>\n\t\t\t\t{errorCount} {errorCount > 1 ? 'errors' : 'error'}\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;AAOO,SAAS,cAAc,EAAE,YAAY,UAA8B;AACnE,QAAA,qBAAqB,oBAAoB,eAAe;AAE9D,SACE,oBAAA,OAAA,EAAI,WAAW,mBAAA,GACf,UAAA,qBAAC,KAAE,EAAA,WAAW,mBAAmB,QAAQ,GAAG,SAAS,QACnD,UAAA;AAAA,IAAA;AAAA,IAAW;AAAA,IAAE,aAAa,IAAI,WAAW;AAAA,EAAA,EAC3C,CAAA,EACD,CAAA;AAEF;"}
+{"version":3,"file":"DevErrorBadge.js","sources":["../../../../src/ui/DevError/DevErrorBadge.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\n\nexport interface DevErrorBadgeProps {\n\tonOpen: () => void\n\terrorCount: number\n}\n\nexport function DevErrorBadge({ errorCount, onOpen }: DevErrorBadgeProps) {\n\tconst componentClassName = useClassNameFactory('devErrorBadge')\n\n\treturn (\n\t\t<div className={componentClassName()}>\n\t\t\t<a className={componentClassName('button')} onClick={onOpen}>\n\t\t\t\t{errorCount} {errorCount > 1 ? 'errors' : 'error'}\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;AAOO,SAAS,cAAc,EAAE,YAAY,UAA8B;AACnE,QAAA,qBAAqB,oBAAoB,eAAe;AAE9D,SACE,uBAAA,OAAA,EAAI,WAAW,mBAAA,GACf,UAAA,uBAAC,KAAE,EAAA,WAAW,mBAAmB,QAAQ,GAAG,SAAS,QACnD,UAAA;AAAA,IAAA;AAAA,IAAW;AAAA,IAAE,aAAa,IAAI,WAAW;AAAA,EAAA,KAD3C,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAA,IAAA;AAEF;"}

package/dist/development/ui/DevError/DevErrorInner.cjs

@@ -1,24 +1,80 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
+const jsxDevRuntime = require("react/jsx-dev-runtime");
 const reactUtils = require("@contember/react-utils");
 const StackTrace = require("./StackTrace.cjs");
 function DevErrorInner({ error, level = 1 }) {
   const componentClassName = reactUtils.useClassNameFactory("devError");
   let errorObject = error.error instanceof Error ? error.error : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("header"), children: errorObject ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: componentClassName("errorName"), children: errorObject.name }),
-      error.cause && /* @__PURE__ */ jsxRuntime.jsx("a", { href: `#error-${level}`, className: componentClassName("causeLink"), children: "caused by >" }),
-      errorObject.message && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: componentClassName("errorMessage"), children: errorObject.message }),
-      "details" in errorObject && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: componentClassName("errorDetails"), children: errorObject.details })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: componentClassName("errorName"), children: "Unknown error" }) }),
-    error.parsedStackStrace ? /* @__PURE__ */ jsxRuntime.jsx(StackTrace.StackTrace, { stackTrace: error.parsedStackStrace }) : errorObject?.stack ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stack"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("stack-dump"), children: errorObject.stack }) }) : null,
-    error.cause ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: componentClassName("causedBy"), id: `error-${level}`, children: "Caused by" }),
-      /* @__PURE__ */ jsxRuntime.jsx(DevErrorInner, { error: error.cause, level: level + 1 })
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("header"), children: errorObject ? /* @__PURE__ */ jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxDevRuntime.jsxDEV("h1", { className: componentClassName("errorName"), children: errorObject.name }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 20,
+        columnNumber: 7
+      }, this),
+      error.cause && /* @__PURE__ */ jsxDevRuntime.jsxDEV("a", { href: `#error-${level}`, className: componentClassName("causeLink"), children: "caused by >" }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 21,
+        columnNumber: 23
+      }, this),
+      errorObject.message && /* @__PURE__ */ jsxDevRuntime.jsxDEV("h2", { className: componentClassName("errorMessage"), children: errorObject.message }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 22,
+        columnNumber: 31
+      }, this),
+      "details" in errorObject && /* @__PURE__ */ jsxDevRuntime.jsxDEV("h3", { className: componentClassName("errorDetails"), children: errorObject.details }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 23,
+        columnNumber: 36
+      }, this)
+    ] }, void 0, true, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 19,
+      columnNumber: 6
+    }, this) : /* @__PURE__ */ jsxDevRuntime.jsxDEV("h1", { className: componentClassName("errorName"), children: "Unknown error" }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 26,
+      columnNumber: 6
+    }, this) }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 17,
+      columnNumber: 4
+    }, this),
+    error.parsedStackStrace ? /* @__PURE__ */ jsxDevRuntime.jsxDEV(StackTrace.StackTrace, { stackTrace: error.parsedStackStrace }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 30,
+      columnNumber: 5
+    }, this) : errorObject?.stack ? /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stack"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("stack-dump"), children: errorObject.stack }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 33,
+      columnNumber: 6
+    }, this) }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 32,
+      columnNumber: 5
+    }, this) : null,
+    error.cause ? /* @__PURE__ */ jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: componentClassName("causedBy"), id: `error-${level}`, children: "Caused by" }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 38,
+        columnNumber: 6
+      }, this),
+      /* @__PURE__ */ jsxDevRuntime.jsxDEV(DevErrorInner, { error: error.cause, level: level + 1 }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 41,
+        columnNumber: 6
+      }, this)
+    ] }, void 0, true, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 37,
+      columnNumber: 5
+    }, this) : null
+  ] }, void 0, true, {
+    fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+    lineNumber: 16,
+    columnNumber: 3
+  }, this);
 }
 exports.DevErrorInner = DevErrorInner;
 //# sourceMappingURL=DevErrorInner.cjs.map

package/dist/development/ui/DevError/DevErrorInner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DevErrorInner.cjs","sources":["../../../../src/ui/DevError/DevErrorInner.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { StackTrace } from './StackTrace'\nimport type { ProcessedError } from './types'\n\nexport interface DevErrorInnerProps {\n\terror: ProcessedError\n\tlevel?: number\n}\n\nexport function DevErrorInner({ error, level = 1 }: DevErrorInnerProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\tlet errorObject: Error | undefined = error.error instanceof Error ? error.error : undefined\n\n\treturn (\n\t\t<>\n\t\t\t<div className={componentClassName('header')}>\n\t\t\t\t{errorObject ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<h1 className={componentClassName('errorName')}>{errorObject.name}</h1>\n\t\t\t\t\t\t{error.cause && <a href={`#error-${level}`} className={componentClassName('causeLink')}>caused by &gt;</a>}\n\t\t\t\t\t\t{errorObject.message && <h2 className={componentClassName('errorMessage')}>{errorObject.message}</h2>}\n\t\t\t\t\t\t{'details' in errorObject && <h3 className={componentClassName('errorDetails')}>{(errorObject as any).details}</h3>}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<h1 className={componentClassName('errorName')}>Unknown error</h1>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{error.parsedStackStrace ? (\n\t\t\t\t<StackTrace stackTrace={error.parsedStackStrace} />\n\t\t\t) : errorObject?.stack ? (\n\t\t\t\t<div className={componentClassName('stack')}>\n\t\t\t\t\t<div className={componentClassName('stack-dump')}>{errorObject.stack}</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t{error.cause ? (\n\t\t\t\t<>\n\t\t\t\t\t<div className={componentClassName('causedBy')} id={`error-${level}`}>\n\t\t\t\t\t\tCaused by\n\t\t\t\t\t</div>\n\t\t\t\t\t<DevErrorInner error={error.cause} level={level + 1} />\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t</>\n\t)\n}\n"],"names":["useClassNameFactory","jsxs","Fragment","jsx","StackTrace"],"mappings":";;;;;AASO,SAAS,cAAc,EAAE,OAAO,QAAQ,KAAyB;AACjE,QAAA,qBAAqBA,+BAAoB,UAAU;AAEzD,MAAI,cAAiC,MAAM,iBAAiB,QAAQ,MAAM,QAAQ;AAElF,SAEEC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAAA,IAAC,SAAI,WAAW,mBAAmB,QAAQ,GACzC,wBAECF,2BAAAA,KAAAC,WAAA,UAAA,EAAA,UAAA;AAAA,MAAAC,+BAAC,QAAG,WAAW,mBAAmB,WAAW,GAAI,sBAAY,MAAK;AAAA,MACjE,MAAM,SAAUA,2BAAA,IAAA,KAAA,EAAE,MAAM,UAAU,KAAK,IAAI,WAAW,mBAAmB,WAAW,GAAG,UAAc,eAAA;AAAA,MACrG,YAAY,WAAYA,+BAAA,MAAA,EAAG,WAAW,mBAAmB,cAAc,GAAI,UAAA,YAAY,QAAQ,CAAA;AAAA,MAC/F,aAAa,eAAgBA,+BAAA,MAAA,EAAG,WAAW,mBAAmB,cAAc,GAAK,UAAA,YAAoB,QAAQ,CAAA;AAAA,IAC/G,EAAA,CAAA,mCAEC,MAAG,EAAA,WAAW,mBAAmB,WAAW,GAAG,2BAAa,EAE/D,CAAA;AAAA,IACC,MAAM,oBACNA,2BAAAA,IAACC,WAAAA,YAAW,EAAA,YAAY,MAAM,kBAAmB,CAAA,IAC9C,aAAa,QACfD,2BAAAA,IAAA,OAAA,EAAI,WAAW,mBAAmB,OAAO,GACzC,UAAAA,2BAAA,IAAC,OAAI,EAAA,WAAW,mBAAmB,YAAY,GAAI,UAAA,YAAY,MAAM,CAAA,EAAA,CACtE,IACG;AAAA,IACH,MAAM,QAELF,2BAAAA,KAAAC,WAAA,UAAA,EAAA,UAAA;AAAA,MAACC,2BAAAA,IAAA,OAAA,EAAI,WAAW,mBAAmB,UAAU,GAAG,IAAI,SAAS,KAAK,IAAI,UAEtE,YAAA,CAAA;AAAA,qCACC,eAAc,EAAA,OAAO,MAAM,OAAO,OAAO,QAAQ,GAAG;AAAA,IAAA,EAAA,CACtD,IACG;AAAA,EACL,EAAA,CAAA;AAEF;;"}
+{"version":3,"file":"DevErrorInner.cjs","sources":["../../../../src/ui/DevError/DevErrorInner.tsx"],"sourcesContent":["import { useClassNameFactory } from '@contember/react-utils'\nimport { StackTrace } from './StackTrace'\nimport type { ProcessedError } from './types'\n\nexport interface DevErrorInnerProps {\n\terror: ProcessedError\n\tlevel?: number\n}\n\nexport function DevErrorInner({ error, level = 1 }: DevErrorInnerProps) {\n\tconst componentClassName = useClassNameFactory('devError')\n\n\tlet errorObject: Error | undefined = error.error instanceof Error ? error.error : undefined\n\n\treturn (\n\t\t<>\n\t\t\t<div className={componentClassName('header')}>\n\t\t\t\t{errorObject ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<h1 className={componentClassName('errorName')}>{errorObject.name}</h1>\n\t\t\t\t\t\t{error.cause && <a href={`#error-${level}`} className={componentClassName('causeLink')}>caused by &gt;</a>}\n\t\t\t\t\t\t{errorObject.message && <h2 className={componentClassName('errorMessage')}>{errorObject.message}</h2>}\n\t\t\t\t\t\t{'details' in errorObject && <h3 className={componentClassName('errorDetails')}>{(errorObject as any).details}</h3>}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<h1 className={componentClassName('errorName')}>Unknown error</h1>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{error.parsedStackStrace ? (\n\t\t\t\t<StackTrace stackTrace={error.parsedStackStrace} />\n\t\t\t) : errorObject?.stack ? (\n\t\t\t\t<div className={componentClassName('stack')}>\n\t\t\t\t\t<div className={componentClassName('stack-dump')}>{errorObject.stack}</div>\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t{error.cause ? (\n\t\t\t\t<>\n\t\t\t\t\t<div className={componentClassName('causedBy')} id={`error-${level}`}>\n\t\t\t\t\t\tCaused by\n\t\t\t\t\t</div>\n\t\t\t\t\t<DevErrorInner error={error.cause} level={level + 1} />\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t</>\n\t)\n}\n"],"names":["useClassNameFactory","jsxDEV","Fragment","StackTrace"],"mappings":"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"}

package/dist/development/ui/DevError/DevErrorInner.js

@@ -1,22 +1,78 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
 import { useClassNameFactory } from "@contember/react-utils";
 import { StackTrace } from "./StackTrace.js";
 function DevErrorInner({ error, level = 1 }) {
   const componentClassName = useClassNameFactory("devError");
   let errorObject = error.error instanceof Error ? error.error : void 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: componentClassName("header"), children: errorObject ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("h1", { className: componentClassName("errorName"), children: errorObject.name }),
-      error.cause && /* @__PURE__ */ jsx("a", { href: `#error-${level}`, className: componentClassName("causeLink"), children: "caused by >" }),
-      errorObject.message && /* @__PURE__ */ jsx("h2", { className: componentClassName("errorMessage"), children: errorObject.message }),
-      "details" in errorObject && /* @__PURE__ */ jsx("h3", { className: componentClassName("errorDetails"), children: errorObject.details })
-    ] }) : /* @__PURE__ */ jsx("h1", { className: componentClassName("errorName"), children: "Unknown error" }) }),
-    error.parsedStackStrace ? /* @__PURE__ */ jsx(StackTrace, { stackTrace: error.parsedStackStrace }) : errorObject?.stack ? /* @__PURE__ */ jsx("div", { className: componentClassName("stack"), children: /* @__PURE__ */ jsx("div", { className: componentClassName("stack-dump"), children: errorObject.stack }) }) : null,
-    error.cause ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: componentClassName("causedBy"), id: `error-${level}`, children: "Caused by" }),
-      /* @__PURE__ */ jsx(DevErrorInner, { error: error.cause, level: level + 1 })
-    ] }) : null
-  ] });
+  return /* @__PURE__ */ jsxDEV(Fragment, { children: [
+    /* @__PURE__ */ jsxDEV("div", { className: componentClassName("header"), children: errorObject ? /* @__PURE__ */ jsxDEV(Fragment, { children: [
+      /* @__PURE__ */ jsxDEV("h1", { className: componentClassName("errorName"), children: errorObject.name }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 20,
+        columnNumber: 7
+      }, this),
+      error.cause && /* @__PURE__ */ jsxDEV("a", { href: `#error-${level}`, className: componentClassName("causeLink"), children: "caused by >" }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 21,
+        columnNumber: 23
+      }, this),
+      errorObject.message && /* @__PURE__ */ jsxDEV("h2", { className: componentClassName("errorMessage"), children: errorObject.message }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 22,
+        columnNumber: 31
+      }, this),
+      "details" in errorObject && /* @__PURE__ */ jsxDEV("h3", { className: componentClassName("errorDetails"), children: errorObject.details }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 23,
+        columnNumber: 36
+      }, this)
+    ] }, void 0, true, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 19,
+      columnNumber: 6
+    }, this) : /* @__PURE__ */ jsxDEV("h1", { className: componentClassName("errorName"), children: "Unknown error" }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 26,
+      columnNumber: 6
+    }, this) }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 17,
+      columnNumber: 4
+    }, this),
+    error.parsedStackStrace ? /* @__PURE__ */ jsxDEV(StackTrace, { stackTrace: error.parsedStackStrace }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 30,
+      columnNumber: 5
+    }, this) : errorObject?.stack ? /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stack"), children: /* @__PURE__ */ jsxDEV("div", { className: componentClassName("stack-dump"), children: errorObject.stack }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 33,
+      columnNumber: 6
+    }, this) }, void 0, false, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 32,
+      columnNumber: 5
+    }, this) : null,
+    error.cause ? /* @__PURE__ */ jsxDEV(Fragment, { children: [
+      /* @__PURE__ */ jsxDEV("div", { className: componentClassName("causedBy"), id: `error-${level}`, children: "Caused by" }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 38,
+        columnNumber: 6
+      }, this),
+      /* @__PURE__ */ jsxDEV(DevErrorInner, { error: error.cause, level: level + 1 }, void 0, false, {
+        fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+        lineNumber: 41,
+        columnNumber: 6
+      }, this)
+    ] }, void 0, true, {
+      fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+      lineNumber: 37,
+      columnNumber: 5
+    }, this) : null
+  ] }, void 0, true, {
+    fileName: "/__w/interface/interface/packages/react-devbar/src/ui/DevError/DevErrorInner.tsx",
+    lineNumber: 16,
+    columnNumber: 3
+  }, this);
 }
 export {
   DevErrorInner