next 15.1.1-canary.11 → 15.1.1-canary.12

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/use-open-in-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/helpers/use-open-in-editor.ts"],"sourcesContent":["import { useCallback } from 'react'\n\nexport function useOpenInEditor({\n  file,\n  lineNumber,\n  column,\n}: {\n  file?: string | null\n  lineNumber?: number | null\n  column?: number | null\n} = {}) {\n  const openInEditor = useCallback(() => {\n    if (file == null || lineNumber == null || column == null) return\n\n    const params = new URLSearchParams()\n    params.append('file', file)\n    params.append('lineNumber', String(lineNumber))\n    params.append('column', String(column))\n\n    self\n      .fetch(\n        `${\n          process.env.__NEXT_ROUTER_BASEPATH || ''\n        }/__nextjs_launch-editor?${params.toString()}`\n      )\n      .then(\n        () => {},\n        () => {\n          console.error('There was an issue opening this code in your editor.')\n        }\n      )\n  }, [file, lineNumber, column])\n\n  return openInEditor\n}\n"],"names":["useOpenInEditor","file","lineNumber","column","openInEditor","useCallback","params","URLSearchParams","append","String","self","fetch","process","env","__NEXT_ROUTER_BASEPATH","toString","then","console","error"],"mappings":";;;;+BAEgBA;;;eAAAA;;;uBAFY;AAErB,SAASA,gBAAgB;IAAA,IAAA,EAC9BC,IAAI,EACJC,UAAU,EACVC,MAAM,EAKP,GAR+B,mBAQ5B,CAAC,IAR2B;IAS9B,MAAMC,eAAeC,IAAAA,kBAAW,EAAC;QAC/B,IAAIJ,QAAQ,QAAQC,cAAc,QAAQC,UAAU,MAAM;QAE1D,MAAMG,SAAS,IAAIC;QACnBD,OAAOE,MAAM,CAAC,QAAQP;QACtBK,OAAOE,MAAM,CAAC,cAAcC,OAAOP;QACnCI,OAAOE,MAAM,CAAC,UAAUC,OAAON;QAE/BO,KACGC,KAAK,CACJ,AACEC,CAAAA,QAAQC,GAAG,CAACC,sBAAsB,IAAI,EAAC,IACxC,6BAA0BR,OAAOS,QAAQ,IAE3CC,IAAI,CACH,KAAO,GACP;YACEC,QAAQC,KAAK,CAAC;QAChB;IAEN,GAAG;QAACjB;QAAMC;QAAYC;KAAO;IAE7B,OAAOC;AACT"}

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/use-websocket.d.ts

@@ -0,0 +1,5 @@
+import type { TurbopackMsgToBrowser } from '../../../../../../server/dev/hot-reloader-types';
+export declare function useWebsocket(assetPrefix: string): import("react").RefObject<WebSocket | undefined>;
+export declare function useSendMessage(webSocketRef: ReturnType<typeof useWebsocket>): (data: string) => void;
+export declare function useTurbopack(sendMessage: ReturnType<typeof useSendMessage>, onUpdateError: (err: unknown) => void): (msg: TurbopackMsgToBrowser) => void;
+export declare function useWebsocketPing(websocketRef: ReturnType<typeof useWebsocket>): void;

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/use-websocket.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+0 && (module.exports = {
+    useSendMessage: null,
+    useTurbopack: null,
+    useWebsocket: null,
+    useWebsocketPing: null
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useSendMessage: function() {
+        return useSendMessage;
+    },
+    useTurbopack: function() {
+        return useTurbopack;
+    },
+    useWebsocket: function() {
+        return useWebsocket;
+    },
+    useWebsocketPing: function() {
+        return useWebsocketPing;
+    }
+});
+const _react = require("react");
+const _approutercontextsharedruntime = require("../../../../../../shared/lib/app-router-context.shared-runtime");
+const _getsocketurl = require("./get-socket-url");
+function useWebsocket(assetPrefix) {
+    const webSocketRef = (0, _react.useRef)(undefined);
+    (0, _react.useEffect)(()=>{
+        if (webSocketRef.current) {
+            return;
+        }
+        const url = (0, _getsocketurl.getSocketUrl)(assetPrefix);
+        webSocketRef.current = new window.WebSocket("" + url + "/_next/webpack-hmr");
+    }, [
+        assetPrefix
+    ]);
+    return webSocketRef;
+}
+function useSendMessage(webSocketRef) {
+    const sendMessage = (0, _react.useCallback)((data)=>{
+        const socket = webSocketRef.current;
+        if (!socket || socket.readyState !== socket.OPEN) {
+            return;
+        }
+        return socket.send(data);
+    }, [
+        webSocketRef
+    ]);
+    return sendMessage;
+}
+function useTurbopack(sendMessage, onUpdateError) {
+    const turbopackState = (0, _react.useRef)({
+        init: false,
+        // Until the dynamic import resolves, queue any turbopack messages which will be replayed.
+        queue: [],
+        callback: undefined
+    });
+    const processTurbopackMessage = (0, _react.useCallback)((msg)=>{
+        const { callback, queue } = turbopackState.current;
+        if (callback) {
+            callback(msg);
+        } else {
+            queue.push(msg);
+        }
+    }, []);
+    (0, _react.useEffect)(()=>{
+        const { current: initCurrent } = turbopackState;
+        // TODO(WEB-1589): only install if `process.turbopack` set.
+        if (initCurrent.init) {
+            return;
+        }
+        initCurrent.init = true;
+        import(// @ts-expect-error requires "moduleResolution": "node16" in tsconfig.json and not .ts extension
+        '@vercel/turbopack-ecmascript-runtime/browser/dev/hmr-client/hmr-client.ts').then((param)=>{
+            let { connect } = param;
+            const { current } = turbopackState;
+            connect({
+                addMessageListener (cb) {
+                    current.callback = cb;
+                    // Replay all Turbopack messages before we were able to establish the HMR client.
+                    for (const msg of current.queue){
+                        cb(msg);
+                    }
+                    current.queue = undefined;
+                },
+                sendMessage,
+                onUpdateError
+            });
+        });
+    }, [
+        sendMessage,
+        onUpdateError
+    ]);
+    return processTurbopackMessage;
+}
+function useWebsocketPing(websocketRef) {
+    const sendMessage = useSendMessage(websocketRef);
+    const { tree } = (0, _react.useContext)(_approutercontextsharedruntime.GlobalLayoutRouterContext);
+    (0, _react.useEffect)(()=>{
+        // Taken from on-demand-entries-client.js
+        const interval = setInterval(()=>{
+            sendMessage(JSON.stringify({
+                event: 'ping',
+                tree,
+                appDirRoute: true
+            }));
+        }, 2500);
+        return ()=>clearInterval(interval);
+    }, [
+        tree,
+        sendMessage
+    ]);
+}
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=use-websocket.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/use-websocket.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/helpers/use-websocket.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useRef } from 'react'\nimport { GlobalLayoutRouterContext } from '../../../../../../shared/lib/app-router-context.shared-runtime'\nimport { getSocketUrl } from './get-socket-url'\nimport type { TurbopackMsgToBrowser } from '../../../../../../server/dev/hot-reloader-types'\n\nexport function useWebsocket(assetPrefix: string) {\n  const webSocketRef = useRef<WebSocket>(undefined)\n\n  useEffect(() => {\n    if (webSocketRef.current) {\n      return\n    }\n\n    const url = getSocketUrl(assetPrefix)\n\n    webSocketRef.current = new window.WebSocket(`${url}/_next/webpack-hmr`)\n  }, [assetPrefix])\n\n  return webSocketRef\n}\n\nexport function useSendMessage(webSocketRef: ReturnType<typeof useWebsocket>) {\n  const sendMessage = useCallback(\n    (data: string) => {\n      const socket = webSocketRef.current\n      if (!socket || socket.readyState !== socket.OPEN) {\n        return\n      }\n      return socket.send(data)\n    },\n    [webSocketRef]\n  )\n  return sendMessage\n}\n\nexport function useTurbopack(\n  sendMessage: ReturnType<typeof useSendMessage>,\n  onUpdateError: (err: unknown) => void\n) {\n  const turbopackState = useRef<{\n    init: boolean\n    queue: Array<TurbopackMsgToBrowser> | undefined\n    callback: ((msg: TurbopackMsgToBrowser) => void) | undefined\n  }>({\n    init: false,\n    // Until the dynamic import resolves, queue any turbopack messages which will be replayed.\n    queue: [],\n    callback: undefined,\n  })\n\n  const processTurbopackMessage = useCallback((msg: TurbopackMsgToBrowser) => {\n    const { callback, queue } = turbopackState.current\n    if (callback) {\n      callback(msg)\n    } else {\n      queue!.push(msg)\n    }\n  }, [])\n\n  useEffect(() => {\n    const { current: initCurrent } = turbopackState\n    // TODO(WEB-1589): only install if `process.turbopack` set.\n    if (initCurrent.init) {\n      return\n    }\n    initCurrent.init = true\n\n    import(\n      // @ts-expect-error requires \"moduleResolution\": \"node16\" in tsconfig.json and not .ts extension\n      '@vercel/turbopack-ecmascript-runtime/browser/dev/hmr-client/hmr-client.ts'\n    ).then(({ connect }) => {\n      const { current } = turbopackState\n      connect({\n        addMessageListener(cb: (msg: TurbopackMsgToBrowser) => void) {\n          current.callback = cb\n\n          // Replay all Turbopack messages before we were able to establish the HMR client.\n          for (const msg of current.queue!) {\n            cb(msg)\n          }\n          current.queue = undefined\n        },\n        sendMessage,\n        onUpdateError,\n      })\n    })\n  }, [sendMessage, onUpdateError])\n\n  return processTurbopackMessage\n}\n\nexport function useWebsocketPing(\n  websocketRef: ReturnType<typeof useWebsocket>\n) {\n  const sendMessage = useSendMessage(websocketRef)\n  const { tree } = useContext(GlobalLayoutRouterContext)\n\n  useEffect(() => {\n    // Taken from on-demand-entries-client.js\n    const interval = setInterval(() => {\n      sendMessage(\n        JSON.stringify({\n          event: 'ping',\n          tree,\n          appDirRoute: true,\n        })\n      )\n    }, 2500)\n    return () => clearInterval(interval)\n  }, [tree, sendMessage])\n}\n"],"names":["useSendMessage","useTurbopack","useWebsocket","useWebsocketPing","assetPrefix","webSocketRef","useRef","undefined","useEffect","current","url","getSocketUrl","window","WebSocket","sendMessage","useCallback","data","socket","readyState","OPEN","send","onUpdateError","turbopackState","init","queue","callback","processTurbopackMessage","msg","push","initCurrent","then","connect","addMessageListener","cb","websocketRef","tree","useContext","GlobalLayoutRouterContext","interval","setInterval","JSON","stringify","event","appDirRoute","clearInterval"],"mappings":";;;;;;;;;;;;;;;;;IAqBgBA,cAAc;eAAdA;;IAcAC,YAAY;eAAZA;;IA9BAC,YAAY;eAAZA;;IAsFAC,gBAAgB;eAAhBA;;;uBA3F2C;+CACjB;8BACb;AAGtB,SAASD,aAAaE,WAAmB;IAC9C,MAAMC,eAAeC,IAAAA,aAAM,EAAYC;IAEvCC,IAAAA,gBAAS,EAAC;QACR,IAAIH,aAAaI,OAAO,EAAE;YACxB;QACF;QAEA,MAAMC,MAAMC,IAAAA,0BAAY,EAACP;QAEzBC,aAAaI,OAAO,GAAG,IAAIG,OAAOC,SAAS,CAAC,AAAC,KAAEH,MAAI;IACrD,GAAG;QAACN;KAAY;IAEhB,OAAOC;AACT;AAEO,SAASL,eAAeK,YAA6C;IAC1E,MAAMS,cAAcC,IAAAA,kBAAW,EAC7B,CAACC;QACC,MAAMC,SAASZ,aAAaI,OAAO;QACnC,IAAI,CAACQ,UAAUA,OAAOC,UAAU,KAAKD,OAAOE,IAAI,EAAE;YAChD;QACF;QACA,OAAOF,OAAOG,IAAI,CAACJ;IACrB,GACA;QAACX;KAAa;IAEhB,OAAOS;AACT;AAEO,SAASb,aACda,WAA8C,EAC9CO,aAAqC;IAErC,MAAMC,iBAAiBhB,IAAAA,aAAM,EAI1B;QACDiB,MAAM;QACN,0FAA0F;QAC1FC,OAAO,EAAE;QACTC,UAAUlB;IACZ;IAEA,MAAMmB,0BAA0BX,IAAAA,kBAAW,EAAC,CAACY;QAC3C,MAAM,EAAEF,QAAQ,EAAED,KAAK,EAAE,GAAGF,eAAeb,OAAO;QAClD,IAAIgB,UAAU;YACZA,SAASE;QACX,OAAO;YACLH,MAAOI,IAAI,CAACD;QACd;IACF,GAAG,EAAE;IAELnB,IAAAA,gBAAS,EAAC;QACR,MAAM,EAAEC,SAASoB,WAAW,EAAE,GAAGP;QACjC,2DAA2D;QAC3D,IAAIO,YAAYN,IAAI,EAAE;YACpB;QACF;QACAM,YAAYN,IAAI,GAAG;QAEnB,MAAM,CACJ,gGAAgG;QAChG,6EACAO,IAAI,CAAC;gBAAC,EAAEC,OAAO,EAAE;YACjB,MAAM,EAAEtB,OAAO,EAAE,GAAGa;YACpBS,QAAQ;gBACNC,oBAAmBC,EAAwC;oBACzDxB,QAAQgB,QAAQ,GAAGQ;oBAEnB,iFAAiF;oBACjF,KAAK,MAAMN,OAAOlB,QAAQe,KAAK,CAAG;wBAChCS,GAAGN;oBACL;oBACAlB,QAAQe,KAAK,GAAGjB;gBAClB;gBACAO;gBACAO;YACF;QACF;IACF,GAAG;QAACP;QAAaO;KAAc;IAE/B,OAAOK;AACT;AAEO,SAASvB,iBACd+B,YAA6C;IAE7C,MAAMpB,cAAcd,eAAekC;IACnC,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,iBAAU,EAACC,wDAAyB;IAErD7B,IAAAA,gBAAS,EAAC;QACR,yCAAyC;QACzC,MAAM8B,WAAWC,YAAY;YAC3BzB,YACE0B,KAAKC,SAAS,CAAC;gBACbC,OAAO;gBACPP;gBACAQ,aAAa;YACf;QAEJ,GAAG;QACH,OAAO,IAAMC,cAAcN;IAC7B,GAAG;QAACH;QAAMrB;KAAY;AACxB"}

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/webpack-module-path.d.ts

@@ -0,0 +1,12 @@
+export declare function isWebpackInternalResource(file: string): boolean;
+/**
+ * Format the webpack internal id to original file path
+ *
+ * webpack-internal:///./src/hello.tsx => ./src/hello.tsx
+ * rsc://React/Server/webpack-internal:///(rsc)/./src/hello.tsx?42 => ./src/hello.tsx
+ * rsc://React/Server/webpack:///app/indirection.tsx?14cb?0 => app/indirection.tsx
+ * webpack://_N_E/./src/hello.tsx => ./src/hello.tsx
+ * webpack://./src/hello.tsx => ./src/hello.tsx
+ * webpack:///./src/hello.tsx => ./src/hello.tsx
+ */
+export declare function formatFrameSourceFile(file: string): string;

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/webpack-module-path.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+0 && (module.exports = {
+    formatFrameSourceFile: null,
+    isWebpackInternalResource: null
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    formatFrameSourceFile: function() {
+        return formatFrameSourceFile;
+    },
+    isWebpackInternalResource: function() {
+        return isWebpackInternalResource;
+    }
+});
+const replacementRegExes = [
+    /^(rsc:\/\/React\/[^/]+\/)/,
+    /^webpack-internal:\/\/\/(\([\w-]+\)\/)?/,
+    /^(webpack:\/\/\/|webpack:\/\/(_N_E\/)?)(\([\w-]+\)\/)?/,
+    /\?\w+(\?\d+)?$/,
+    /\?\d+$/
+];
+function isWebpackInternalResource(file) {
+    for (const regex of replacementRegExes){
+        if (regex.test(file)) return true;
+        file = file.replace(regex, '');
+    }
+    return false;
+}
+function formatFrameSourceFile(file) {
+    for (const regex of replacementRegExes){
+        file = file.replace(regex, '');
+    }
+    return file;
+}
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=webpack-module-path.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/webpack-module-path.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/helpers/webpack-module-path.ts"],"sourcesContent":["const replacementRegExes = [\n  /^(rsc:\\/\\/React\\/[^/]+\\/)/,\n  /^webpack-internal:\\/\\/\\/(\\([\\w-]+\\)\\/)?/,\n  /^(webpack:\\/\\/\\/|webpack:\\/\\/(_N_E\\/)?)(\\([\\w-]+\\)\\/)?/,\n  /\\?\\w+(\\?\\d+)?$/, // React replay error query param, .e.g. ?c69d?0, ?c69d\n  /\\?\\d+$/, // React's fakeFunctionIdx query param\n]\n\nexport function isWebpackInternalResource(file: string) {\n  for (const regex of replacementRegExes) {\n    if (regex.test(file)) return true\n\n    file = file.replace(regex, '')\n  }\n\n  return false\n}\n\n/**\n * Format the webpack internal id to original file path\n *\n * webpack-internal:///./src/hello.tsx => ./src/hello.tsx\n * rsc://React/Server/webpack-internal:///(rsc)/./src/hello.tsx?42 => ./src/hello.tsx\n * rsc://React/Server/webpack:///app/indirection.tsx?14cb?0 => app/indirection.tsx\n * webpack://_N_E/./src/hello.tsx => ./src/hello.tsx\n * webpack://./src/hello.tsx => ./src/hello.tsx\n * webpack:///./src/hello.tsx => ./src/hello.tsx\n */\nexport function formatFrameSourceFile(file: string) {\n  for (const regex of replacementRegExes) {\n    file = file.replace(regex, '')\n  }\n\n  return file\n}\n"],"names":["formatFrameSourceFile","isWebpackInternalResource","replacementRegExes","file","regex","test","replace"],"mappings":";;;;;;;;;;;;;;;IA4BgBA,qBAAqB;eAArBA;;IApBAC,yBAAyB;eAAzBA;;;AARhB,MAAMC,qBAAqB;IACzB;IACA;IACA;IACA;IACA;CACD;AAEM,SAASD,0BAA0BE,IAAY;IACpD,KAAK,MAAMC,SAASF,mBAAoB;QACtC,IAAIE,MAAMC,IAAI,CAACF,OAAO,OAAO;QAE7BA,OAAOA,KAAKG,OAAO,CAACF,OAAO;IAC7B;IAEA,OAAO;AACT;AAYO,SAASJ,sBAAsBG,IAAY;IAChD,KAAK,MAAMC,SAASF,mBAAoB;QACtCC,OAAOA,KAAKG,OAAO,CAACF,OAAO;IAC7B;IAEA,OAAOD;AACT"}

package/dist/client/components/react-dev-overlay/_experimental/internal/helpers/webpack-module-path.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/client/components/react-dev-overlay/_experimental/internal/hooks/use-on-click-outside.d.ts

@@ -0,0 +1 @@
+export declare function useOnClickOutside(el: Node | null, handler: ((e: MouseEvent | TouchEvent) => void) | undefined): void;

package/dist/client/components/react-dev-overlay/_experimental/internal/hooks/use-on-click-outside.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useOnClickOutside", {
+    enumerable: true,
+    get: function() {
+        return useOnClickOutside;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useOnClickOutside(el, handler) {
+    _react.useEffect(()=>{
+        if (el == null || handler == null) {
+            return;
+        }
+        const listener = (e)=>{
+            // Do nothing if clicking ref's element or descendent elements
+            if (!el || el.contains(e.target)) {
+                return;
+            }
+            handler(e);
+        };
+        const root = el.getRootNode();
+        root.addEventListener('mousedown', listener);
+        root.addEventListener('touchstart', listener, {
+            passive: false
+        });
+        return function() {
+            root.removeEventListener('mousedown', listener);
+            root.removeEventListener('touchstart', listener);
+        };
+    }, [
+        handler,
+        el
+    ]);
+}
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=use-on-click-outside.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/hooks/use-on-click-outside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/hooks/use-on-click-outside.ts"],"sourcesContent":["import * as React from 'react'\n\nexport function useOnClickOutside(\n  el: Node | null,\n  handler: ((e: MouseEvent | TouchEvent) => void) | undefined\n) {\n  React.useEffect(() => {\n    if (el == null || handler == null) {\n      return\n    }\n\n    const listener = (e: MouseEvent | TouchEvent) => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!el || el.contains(e.target as Element)) {\n        return\n      }\n\n      handler(e)\n    }\n\n    const root = el.getRootNode()\n    root.addEventListener('mousedown', listener as EventListener)\n    root.addEventListener('touchstart', listener as EventListener, {\n      passive: false,\n    })\n    return function () {\n      root.removeEventListener('mousedown', listener as EventListener)\n      root.removeEventListener('touchstart', listener as EventListener)\n    }\n  }, [handler, el])\n}\n"],"names":["useOnClickOutside","el","handler","React","useEffect","listener","e","contains","target","root","getRootNode","addEventListener","passive","removeEventListener"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;AAEhB,SAASA,kBACdC,EAAe,EACfC,OAA2D;IAE3DC,OAAMC,SAAS,CAAC;QACd,IAAIH,MAAM,QAAQC,WAAW,MAAM;YACjC;QACF;QAEA,MAAMG,WAAW,CAACC;YAChB,8DAA8D;YAC9D,IAAI,CAACL,MAAMA,GAAGM,QAAQ,CAACD,EAAEE,MAAM,GAAc;gBAC3C;YACF;YAEAN,QAAQI;QACV;QAEA,MAAMG,OAAOR,GAAGS,WAAW;QAC3BD,KAAKE,gBAAgB,CAAC,aAAaN;QACnCI,KAAKE,gBAAgB,CAAC,cAAcN,UAA2B;YAC7DO,SAAS;QACX;QACA,OAAO;YACLH,KAAKI,mBAAmB,CAAC,aAAaR;YACtCI,KAAKI,mBAAmB,CAAC,cAAcR;QACzC;IACF,GAAG;QAACH;QAASD;KAAG;AAClB"}

package/dist/client/components/react-dev-overlay/_experimental/internal/icons/CloseIcon.d.ts

@@ -0,0 +1,2 @@
+declare const CloseIcon: () => import("react/jsx-runtime").JSX.Element;
+export { CloseIcon };

package/dist/client/components/react-dev-overlay/_experimental/internal/icons/CloseIcon.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CloseIcon", {
+    enumerable: true,
+    get: function() {
+        return CloseIcon;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const CloseIcon = ()=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                d: "M18 6L6 18",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                d: "M6 6L18 18",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        ]
+    });
+};
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=CloseIcon.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/icons/CloseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/icons/CloseIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nconst CloseIcon = () => {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M18 6L6 18\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M6 6L18 18\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nexport { CloseIcon }\n"],"names":["CloseIcon","svg","width","height","viewBox","fill","xmlns","path","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":";;;;+BA6BSA;;;eAAAA;;;;;iEA7Bc;AAEvB,MAAMA,YAAY;IAChB,qBACE,sBAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,qBAACC;gBACCC,GAAE;gBACFC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;0BAEjB,qBAACL;gBACCC,GAAE;gBACFC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;;;AAIvB"}

package/dist/client/components/react-dev-overlay/_experimental/internal/icons/CollapseIcon.d.ts

@@ -0,0 +1,3 @@
+export declare function CollapseIcon({ collapsed }?: {
+    collapsed?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/client/components/react-dev-overlay/_experimental/internal/icons/CollapseIcon.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CollapseIcon", {
+    enumerable: true,
+    get: function() {
+        return CollapseIcon;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+function CollapseIcon(param) {
+    let { collapsed } = param === void 0 ? {} : param;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+        "data-nextjs-call-stack-chevron-icon": true,
+        "data-collapsed": collapsed,
+        fill: "none",
+        height: "20",
+        width: "20",
+        shapeRendering: "geometricPrecision",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2",
+        viewBox: "0 0 24 24",
+        ...typeof collapsed === 'boolean' ? {
+            style: {
+                transform: collapsed ? undefined : 'rotate(90deg)'
+            }
+        } : {},
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+            d: "M9 18l6-6-6-6"
+        })
+    });
+}
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=CollapseIcon.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/icons/CollapseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/icons/CollapseIcon.tsx"],"sourcesContent":["export function CollapseIcon({ collapsed }: { collapsed?: boolean } = {}) {\n  return (\n    <svg\n      data-nextjs-call-stack-chevron-icon\n      data-collapsed={collapsed}\n      fill=\"none\"\n      height=\"20\"\n      width=\"20\"\n      shapeRendering=\"geometricPrecision\"\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n      // rotate 90 degrees if not collapsed.\n      // If collapsed isn't present, the rotation is applied via the `data-nextjs-collapsed-call-stack-details` element's `open` attribute\n      {...(typeof collapsed === 'boolean'\n        ? { style: { transform: collapsed ? undefined : 'rotate(90deg)' } }\n        : {})}\n    >\n      <path d=\"M9 18l6-6-6-6\" />\n    </svg>\n  )\n}\n"],"names":["CollapseIcon","collapsed","svg","data-nextjs-call-stack-chevron-icon","data-collapsed","fill","height","width","shapeRendering","stroke","strokeLinecap","strokeLinejoin","strokeWidth","viewBox","style","transform","undefined","path","d"],"mappings":";;;;+BAAgBA;;;eAAAA;;;;AAAT,SAASA,aAAa;IAAA,IAAA,EAAEC,SAAS,EAA2B,GAAtC,mBAAyC,CAAC,IAA1C;IAC3B,qBACE,qBAACC;QACCC,qCAAmC;QACnCC,kBAAgBH;QAChBI,MAAK;QACLC,QAAO;QACPC,OAAM;QACNC,gBAAe;QACfC,QAAO;QACPC,eAAc;QACdC,gBAAe;QACfC,aAAY;QACZC,SAAQ;QAGP,GAAI,OAAOZ,cAAc,YACtB;YAAEa,OAAO;gBAAEC,WAAWd,YAAYe,YAAY;YAAgB;QAAE,IAChE,CAAC,CAAC;kBAEN,cAAA,qBAACC;YAAKC,GAAE;;;AAGd"}

package/dist/client/components/react-dev-overlay/_experimental/internal/icons/LightningBolt.d.ts

@@ -0,0 +1 @@
+export declare const LightningBolt: (props: React.SVGProps<any>) => import("react/jsx-runtime").JSX.Element;

package/dist/client/components/react-dev-overlay/_experimental/internal/icons/LightningBolt.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LightningBolt", {
+    enumerable: true,
+    get: function() {
+        return LightningBolt;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const LightningBolt = (props)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        fill: "none",
+        ...props,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+            style: {
+                fill: 'var(--color-font)'
+            },
+            fillRule: "evenodd",
+            d: "M7.157 0 2.333 9.408l-.56 1.092H7a.25.25 0 0 1 .25.25V16h1.593l4.824-9.408.56-1.092H9a.25.25 0 0 1-.25-.25V0H7.157ZM7 9H4.227L7.25 3.106V5.25C7.25 6.216 8.034 7 9 7h2.773L8.75 12.894V10.75A1.75 1.75 0 0 0 7 9Z",
+            clipRule: "evenodd"
+        })
+    });
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=LightningBolt.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/icons/LightningBolt.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/icons/LightningBolt.tsx"],"sourcesContent":["export const LightningBolt = (props: React.SVGProps<any>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={16}\n    height={16}\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      style={{ fill: 'var(--color-font)' }}\n      fillRule=\"evenodd\"\n      d=\"M7.157 0 2.333 9.408l-.56 1.092H7a.25.25 0 0 1 .25.25V16h1.593l4.824-9.408.56-1.092H9a.25.25 0 0 1-.25-.25V0H7.157ZM7 9H4.227L7.25 3.106V5.25C7.25 6.216 8.034 7 9 7h2.773L8.75 12.894V10.75A1.75 1.75 0 0 0 7 9Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n)\n"],"names":["LightningBolt","props","svg","xmlns","width","height","fill","path","style","fillRule","d","clipRule"],"mappings":";;;;+BAAaA;;;eAAAA;;;;AAAN,MAAMA,gBAAgB,CAACC,sBAC5B,qBAACC;QACCC,OAAM;QACNC,OAAO;QACPC,QAAQ;QACRC,MAAK;QACJ,GAAGL,KAAK;kBAET,cAAA,qBAACM;YACCC,OAAO;gBAAEF,MAAM;YAAoB;YACnCG,UAAS;YACTC,GAAE;YACFC,UAAS"}

package/dist/client/components/react-dev-overlay/_experimental/internal/styles/Base.d.ts

@@ -0,0 +1 @@
+export declare function Base(): import("react/jsx-runtime").JSX.Element;

package/dist/client/components/react-dev-overlay/_experimental/internal/styles/Base.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Base", {
+    enumerable: true,
+    get: function() {
+        return Base;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _nooptemplate = require("../helpers/noop-template");
+function _templateObject() {
+    const data = _tagged_template_literal_loose._([
+        "\n        :host {\n          --size-gap-half: 4px;\n          --size-gap: 8px;\n          --size-gap-double: 16px;\n          --size-gap-triple: 24px;\n          --size-gap-quad: 32px;\n\n          --size-font-small: 14px;\n          --size-font: 16px;\n          --size-font-big: 20px;\n          --size-font-bigger: 24px;\n\n          --color-background: white;\n          --color-font: #757575;\n          --color-backdrop: rgba(17, 17, 17, 0.2);\n          --color-border-shadow: rgba(0, 0, 0, 0.145);\n\n          --color-title-color: #1f1f1f;\n          --color-stack-h6: #222;\n          --color-stack-headline: #666;\n          --color-stack-subline: #999;\n          --color-stack-notes: #777;\n\n          --color-accents-1: #808080;\n          --color-accents-2: #222222;\n          --color-accents-3: #404040;\n\n          --color-text-color-red-1: #ff5555;\n          --color-text-background-red-1: #fff9f9;\n\n          --font-stack-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono',\n            Menlo, Courier, monospace;\n          --font-stack-sans: -apple-system, 'Source Sans Pro', sans-serif;\n\n          --color-ansi-selection: rgba(95, 126, 151, 0.48);\n          --color-ansi-bg: #111111;\n          --color-ansi-fg: #cccccc;\n\n          --color-ansi-white: #777777;\n          --color-ansi-black: #141414;\n          --color-ansi-blue: #00aaff;\n          --color-ansi-cyan: #88ddff;\n          --color-ansi-green: #98ec65;\n          --color-ansi-magenta: #aa88ff;\n          --color-ansi-red: #ff5555;\n          --color-ansi-yellow: #ffcc33;\n          --color-ansi-bright-white: #ffffff;\n          --color-ansi-bright-black: #777777;\n          --color-ansi-bright-blue: #33bbff;\n          --color-ansi-bright-cyan: #bbecff;\n          --color-ansi-bright-green: #b6f292;\n          --color-ansi-bright-magenta: #cebbff;\n          --color-ansi-bright-red: #ff8888;\n          --color-ansi-bright-yellow: #ffd966;\n        }\n\n        @media (prefers-color-scheme: dark) {\n          :host {\n            --color-background: rgb(28, 28, 30);\n            --color-font: white;\n            --color-backdrop: rgb(44, 44, 46);\n            --color-border-shadow: rgba(255, 255, 255, 0.145);\n\n            --color-title-color: #fafafa;\n            --color-stack-h6: rgb(200, 200, 204);\n            --color-stack-headline: rgb(99, 99, 102);\n            --color-stack-notes: #a9a9a9;\n            --color-stack-subline: rgb(121, 121, 121);\n\n            --color-accents-3: rgb(118, 118, 118);\n\n            --color-text-background-red-1: #2a1e1e;\n          }\n        }\n\n        .mono {\n          font-family: var(--font-stack-monospace);\n        }\n\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          margin-bottom: var(--size-gap);\n          font-weight: 500;\n          line-height: 1.5;\n        }\n      "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function Base() {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("style", {
+        children: (0, _nooptemplate.noop)(_templateObject())
+    });
+}
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=Base.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/styles/Base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/styles/Base.tsx"],"sourcesContent":["import * as React from 'react'\nimport { noop as css } from '../helpers/noop-template'\n\nexport function Base() {\n  return (\n    <style>\n      {css`\n        :host {\n          --size-gap-half: 4px;\n          --size-gap: 8px;\n          --size-gap-double: 16px;\n          --size-gap-triple: 24px;\n          --size-gap-quad: 32px;\n\n          --size-font-small: 14px;\n          --size-font: 16px;\n          --size-font-big: 20px;\n          --size-font-bigger: 24px;\n\n          --color-background: white;\n          --color-font: #757575;\n          --color-backdrop: rgba(17, 17, 17, 0.2);\n          --color-border-shadow: rgba(0, 0, 0, 0.145);\n\n          --color-title-color: #1f1f1f;\n          --color-stack-h6: #222;\n          --color-stack-headline: #666;\n          --color-stack-subline: #999;\n          --color-stack-notes: #777;\n\n          --color-accents-1: #808080;\n          --color-accents-2: #222222;\n          --color-accents-3: #404040;\n\n          --color-text-color-red-1: #ff5555;\n          --color-text-background-red-1: #fff9f9;\n\n          --font-stack-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono',\n            Menlo, Courier, monospace;\n          --font-stack-sans: -apple-system, 'Source Sans Pro', sans-serif;\n\n          --color-ansi-selection: rgba(95, 126, 151, 0.48);\n          --color-ansi-bg: #111111;\n          --color-ansi-fg: #cccccc;\n\n          --color-ansi-white: #777777;\n          --color-ansi-black: #141414;\n          --color-ansi-blue: #00aaff;\n          --color-ansi-cyan: #88ddff;\n          --color-ansi-green: #98ec65;\n          --color-ansi-magenta: #aa88ff;\n          --color-ansi-red: #ff5555;\n          --color-ansi-yellow: #ffcc33;\n          --color-ansi-bright-white: #ffffff;\n          --color-ansi-bright-black: #777777;\n          --color-ansi-bright-blue: #33bbff;\n          --color-ansi-bright-cyan: #bbecff;\n          --color-ansi-bright-green: #b6f292;\n          --color-ansi-bright-magenta: #cebbff;\n          --color-ansi-bright-red: #ff8888;\n          --color-ansi-bright-yellow: #ffd966;\n        }\n\n        @media (prefers-color-scheme: dark) {\n          :host {\n            --color-background: rgb(28, 28, 30);\n            --color-font: white;\n            --color-backdrop: rgb(44, 44, 46);\n            --color-border-shadow: rgba(255, 255, 255, 0.145);\n\n            --color-title-color: #fafafa;\n            --color-stack-h6: rgb(200, 200, 204);\n            --color-stack-headline: rgb(99, 99, 102);\n            --color-stack-notes: #a9a9a9;\n            --color-stack-subline: rgb(121, 121, 121);\n\n            --color-accents-3: rgb(118, 118, 118);\n\n            --color-text-background-red-1: #2a1e1e;\n          }\n        }\n\n        .mono {\n          font-family: var(--font-stack-monospace);\n        }\n\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          margin-bottom: var(--size-gap);\n          font-weight: 500;\n          line-height: 1.5;\n        }\n      `}\n    </style>\n  )\n}\n"],"names":["Base","style","css"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;;;iEAHO;8BACK;;;;;;;;;;AAErB,SAASA;IACd,qBACE,qBAACC;sBACEC,kBAAG;;AA6FV"}

package/dist/client/components/react-dev-overlay/_experimental/internal/styles/ComponentStyles.d.ts

@@ -0,0 +1 @@
+export declare function ComponentStyles(): import("react/jsx-runtime").JSX.Element;

package/dist/client/components/react-dev-overlay/_experimental/internal/styles/ComponentStyles.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ComponentStyles", {
+    enumerable: true,
+    get: function() {
+        return ComponentStyles;
+    }
+});
+const _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+const _jsxruntime = require("react/jsx-runtime");
+const _styles = require("../components/CodeFrame/styles");
+const _Dialog = require("../components/Dialog");
+const _styles1 = require("../components/LeftRightDialogHeader/styles");
+const _styles2 = require("../components/Overlay/styles");
+const _styles3 = require("../components/Terminal/styles");
+const _Toast = require("../components/Toast");
+const _VersionStalenessInfo = require("../components/VersionStalenessInfo");
+const _BuildError = require("../container/BuildError");
+const _Errors = require("../container/Errors");
+const _RuntimeError = require("../container/RuntimeError");
+const _nooptemplate = require("../helpers/noop-template");
+function _templateObject() {
+    const data = _tagged_template_literal_loose._([
+        "\n        ",
+        "\n        ",
+        "\n        ",
+        "\n        ",
+        "\n        ",
+        "\n        ",
+        "\n        ",
+        "\n        ",
+        "\n        ",
+        "\n        ",
+        "\n      "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function ComponentStyles() {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("style", {
+        children: (0, _nooptemplate.noop)(_templateObject(), _styles2.styles, _Toast.styles, _Dialog.styles, _styles1.styles, _styles.styles, _styles3.styles, _BuildError.styles, _Errors.styles, _RuntimeError.styles, _VersionStalenessInfo.styles)
+    });
+}
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=ComponentStyles.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/styles/ComponentStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/styles/ComponentStyles.tsx"],"sourcesContent":["import { styles as codeFrame } from '../components/CodeFrame/styles'\nimport { styles as dialog } from '../components/Dialog'\nimport { styles as leftRightDialogHeader } from '../components/LeftRightDialogHeader/styles'\nimport { styles as overlay } from '../components/Overlay/styles'\nimport { styles as terminal } from '../components/Terminal/styles'\nimport { styles as toast } from '../components/Toast'\nimport { styles as versionStaleness } from '../components/VersionStalenessInfo'\nimport { styles as buildErrorStyles } from '../container/BuildError'\nimport { styles as containerErrorStyles } from '../container/Errors'\nimport { styles as containerRuntimeErrorStyles } from '../container/RuntimeError'\nimport { noop as css } from '../helpers/noop-template'\n\nexport function ComponentStyles() {\n  return (\n    <style>\n      {css`\n        ${overlay}\n        ${toast}\n        ${dialog}\n        ${leftRightDialogHeader}\n        ${codeFrame}\n        ${terminal}\n        ${buildErrorStyles}\n        ${containerErrorStyles}\n        ${containerRuntimeErrorStyles}\n        ${versionStaleness}\n      `}\n    </style>\n  )\n}\n"],"names":["ComponentStyles","style","css","overlay","toast","dialog","leftRightDialogHeader","codeFrame","terminal","buildErrorStyles","containerErrorStyles","containerRuntimeErrorStyles","versionStaleness"],"mappings":";;;;+BAYgBA;;;eAAAA;;;;;wBAZoB;wBACH;yBACe;yBACd;yBACC;uBACH;sCACW;4BACA;wBACI;8BACO;8BAC1B;;;;;;;;;;;;;;;;;;;;AAErB,SAASA;IACd,qBACE,qBAACC;sBACEC,kBAAG,qBACAC,eAAO,EACPC,aAAK,EACLC,cAAM,EACNC,eAAqB,EACrBC,cAAS,EACTC,eAAQ,EACRC,kBAAgB,EAChBC,cAAoB,EACpBC,oBAA2B,EAC3BC,4BAAgB;;AAI1B"}

package/dist/client/components/react-dev-overlay/_experimental/internal/styles/CssReset.d.ts

@@ -0,0 +1 @@
+export declare function CssReset(): import("react/jsx-runtime").JSX.Element;

package/dist/client/components/react-dev-overlay/_experimental/internal/styles/CssReset.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CssReset", {
+    enumerable: true,
+    get: function() {
+        return CssReset;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _nooptemplate = require("../helpers/noop-template");
+function _templateObject() {
+    const data = _tagged_template_literal_loose._([
+        "\n        :host {\n          all: initial;\n\n          /* the direction property is not reset by 'all' */\n          direction: ltr;\n        }\n\n        /*!\n         * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)\n         * Copyright 2011-2019 The Bootstrap Authors\n         * Copyright 2011-2019 Twitter, Inc.\n         * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n         * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n         */\n        *,\n        *::before,\n        *::after {\n          box-sizing: border-box;\n        }\n\n        :host {\n          font-family: sans-serif;\n          line-height: 1.15;\n          -webkit-text-size-adjust: 100%;\n          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n        }\n\n        article,\n        aside,\n        figcaption,\n        figure,\n        footer,\n        header,\n        hgroup,\n        main,\n        nav,\n        section {\n          display: block;\n        }\n\n        :host {\n          margin: 0;\n          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n            'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n            'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n            'Noto Color Emoji';\n          font-size: 16px;\n          font-weight: 400;\n          line-height: 1.5;\n          color: var(--color-font);\n          text-align: left;\n          background-color: #fff;\n        }\n\n        [tabindex='-1']:focus:not(:focus-visible) {\n          outline: 0 !important;\n        }\n\n        hr {\n          box-sizing: content-box;\n          height: 0;\n          overflow: visible;\n        }\n\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          margin-top: 0;\n          margin-bottom: 8px;\n        }\n\n        p {\n          margin-top: 0;\n          margin-bottom: 16px;\n        }\n\n        abbr[title],\n        abbr[data-original-title] {\n          text-decoration: underline;\n          -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n          cursor: help;\n          border-bottom: 0;\n          -webkit-text-decoration-skip-ink: none;\n          text-decoration-skip-ink: none;\n        }\n\n        address {\n          margin-bottom: 16px;\n          font-style: normal;\n          line-height: inherit;\n        }\n\n        ol,\n        ul,\n        dl {\n          margin-top: 0;\n          margin-bottom: 16px;\n        }\n\n        ol ol,\n        ul ul,\n        ol ul,\n        ul ol {\n          margin-bottom: 0;\n        }\n\n        dt {\n          font-weight: 700;\n        }\n\n        dd {\n          margin-bottom: 8px;\n          margin-left: 0;\n        }\n\n        blockquote {\n          margin: 0 0 16px;\n        }\n\n        b,\n        strong {\n          font-weight: bolder;\n        }\n\n        small {\n          font-size: 80%;\n        }\n\n        sub,\n        sup {\n          position: relative;\n          font-size: 75%;\n          line-height: 0;\n          vertical-align: baseline;\n        }\n\n        sub {\n          bottom: -0.25em;\n        }\n\n        sup {\n          top: -0.5em;\n        }\n\n        a {\n          color: #007bff;\n          text-decoration: none;\n          background-color: transparent;\n        }\n\n        a:hover {\n          color: #0056b3;\n          text-decoration: underline;\n        }\n\n        a:not([href]) {\n          color: inherit;\n          text-decoration: none;\n        }\n\n        a:not([href]):hover {\n          color: inherit;\n          text-decoration: none;\n        }\n\n        pre,\n        code,\n        kbd,\n        samp {\n          font-family: SFMono-Regular, Menlo, Monaco, Consolas,\n            'Liberation Mono', 'Courier New', monospace;\n          font-size: 1em;\n        }\n\n        pre {\n          margin-top: 0;\n          margin-bottom: 16px;\n          overflow: auto;\n        }\n\n        figure {\n          margin: 0 0 16px;\n        }\n\n        img {\n          vertical-align: middle;\n          border-style: none;\n        }\n\n        svg {\n          overflow: hidden;\n          vertical-align: middle;\n        }\n\n        table {\n          border-collapse: collapse;\n        }\n\n        caption {\n          padding-top: 12px;\n          padding-bottom: 12px;\n          color: #6c757d;\n          text-align: left;\n          caption-side: bottom;\n        }\n\n        th {\n          text-align: inherit;\n        }\n\n        label {\n          display: inline-block;\n          margin-bottom: 8px;\n        }\n\n        button {\n          border-radius: 0;\n        }\n\n        button:focus {\n          outline: 1px dotted;\n          outline: 5px auto -webkit-focus-ring-color;\n        }\n\n        input,\n        button,\n        select,\n        optgroup,\n        textarea {\n          margin: 0;\n          font-family: inherit;\n          font-size: inherit;\n          line-height: inherit;\n        }\n\n        button,\n        input {\n          overflow: visible;\n        }\n\n        button,\n        select {\n          text-transform: none;\n        }\n\n        select {\n          word-wrap: normal;\n        }\n\n        button,\n        [type='button'],\n        [type='reset'],\n        [type='submit'] {\n          -webkit-appearance: button;\n        }\n\n        button:not(:disabled),\n        [type='button']:not(:disabled),\n        [type='reset']:not(:disabled),\n        [type='submit']:not(:disabled) {\n          cursor: pointer;\n        }\n\n        button::-moz-focus-inner,\n        [type='button']::-moz-focus-inner,\n        [type='reset']::-moz-focus-inner,\n        [type='submit']::-moz-focus-inner {\n          padding: 0;\n          border-style: none;\n        }\n\n        input[type='radio'],\n        input[type='checkbox'] {\n          box-sizing: border-box;\n          padding: 0;\n        }\n\n        input[type='date'],\n        input[type='time'],\n        input[type='datetime-local'],\n        input[type='month'] {\n          -webkit-appearance: listbox;\n        }\n\n        textarea {\n          overflow: auto;\n          resize: vertical;\n        }\n\n        fieldset {\n          min-width: 0;\n          padding: 0;\n          margin: 0;\n          border: 0;\n        }\n\n        legend {\n          display: block;\n          width: 100%;\n          max-width: 100%;\n          padding: 0;\n          margin-bottom: 8px;\n          font-size: 24px;\n          line-height: inherit;\n          color: inherit;\n          white-space: normal;\n        }\n\n        progress {\n          vertical-align: baseline;\n        }\n\n        [type='number']::-webkit-inner-spin-button,\n        [type='number']::-webkit-outer-spin-button {\n          height: auto;\n        }\n\n        [type='search'] {\n          outline-offset: -2px;\n          -webkit-appearance: none;\n        }\n\n        [type='search']::-webkit-search-decoration {\n          -webkit-appearance: none;\n        }\n\n        ::-webkit-file-upload-button {\n          font: inherit;\n          -webkit-appearance: button;\n        }\n\n        output {\n          display: inline-block;\n        }\n\n        summary {\n          display: list-item;\n          cursor: pointer;\n        }\n\n        template {\n          display: none;\n        }\n\n        [hidden] {\n          display: none !important;\n        }\n      "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function CssReset() {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("style", {
+        children: (0, _nooptemplate.noop)(_templateObject())
+    });
+}
+
+if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
+  Object.defineProperty(exports.default, '__esModule', { value: true });
+  Object.assign(exports.default, exports);
+  module.exports = exports.default;
+}
+
+//# sourceMappingURL=CssReset.js.map