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

package/dist/client/components/react-dev-overlay/_experimental/internal/components/Terminal/EditorLink.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EditorLink", {
+    enumerable: true,
+    get: function() {
+        return EditorLink;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+const _useopenineditor = require("../../helpers/use-open-in-editor");
+function EditorLink(param) {
+    let { file, isSourceFile, location } = param;
+    var _location_line, _location_column;
+    const open = (0, _useopenineditor.useOpenInEditor)({
+        file,
+        lineNumber: (_location_line = location == null ? void 0 : location.line) != null ? _location_line : 1,
+        column: (_location_column = location == null ? void 0 : location.column) != null ? _location_column : 0
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-with-open-in-editor-link": true,
+        "data-with-open-in-editor-link-source-file": isSourceFile ? true : undefined,
+        "data-with-open-in-editor-link-import-trace": isSourceFile ? undefined : true,
+        tabIndex: 10,
+        role: 'link',
+        onClick: open,
+        title: 'Click to open in your editor',
+        children: [
+            file,
+            location ? ":" + location.line + ":" + location.column : null,
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("path", {
+                        d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("polyline", {
+                        points: "15 3 21 3 21 9"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("line", {
+                        x1: "10",
+                        y1: "14",
+                        x2: "21",
+                        y2: "3"
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+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=EditorLink.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/components/Terminal/EditorLink.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Terminal/EditorLink.tsx"],"sourcesContent":["import React from 'react'\nimport { useOpenInEditor } from '../../helpers/use-open-in-editor'\n\ntype EditorLinkProps = {\n  file: string\n  isSourceFile: boolean\n  location?: {\n    line: number\n    column: number\n  }\n}\nexport function EditorLink({ file, isSourceFile, location }: EditorLinkProps) {\n  const open = useOpenInEditor({\n    file,\n    lineNumber: location?.line ?? 1,\n    column: location?.column ?? 0,\n  })\n\n  return (\n    <div\n      data-with-open-in-editor-link\n      data-with-open-in-editor-link-source-file={\n        isSourceFile ? true : undefined\n      }\n      data-with-open-in-editor-link-import-trace={\n        isSourceFile ? undefined : true\n      }\n      tabIndex={10}\n      role={'link'}\n      onClick={open}\n      title={'Click to open in your editor'}\n    >\n      {file}\n      {location ? `:${location.line}:${location.column}` : null}\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"></path>\n        <polyline points=\"15 3 21 3 21 9\"></polyline>\n        <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"></line>\n      </svg>\n    </div>\n  )\n}\n"],"names":["EditorLink","file","isSourceFile","location","open","useOpenInEditor","lineNumber","line","column","div","data-with-open-in-editor-link","data-with-open-in-editor-link-source-file","undefined","data-with-open-in-editor-link-import-trace","tabIndex","role","onClick","title","svg","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","path","d","polyline","points","x1","y1","x2","y2"],"mappings":";;;;+BAWgBA;;;eAAAA;;;;;gEAXE;iCACc;AAUzB,SAASA,WAAW,KAAiD;IAAjD,IAAA,EAAEC,IAAI,EAAEC,YAAY,EAAEC,QAAQ,EAAmB,GAAjD;QAGXA,gBACJA;IAHV,MAAMC,OAAOC,IAAAA,gCAAe,EAAC;QAC3BJ;QACAK,YAAYH,CAAAA,iBAAAA,4BAAAA,SAAUI,IAAI,YAAdJ,iBAAkB;QAC9BK,QAAQL,CAAAA,mBAAAA,4BAAAA,SAAUK,MAAM,YAAhBL,mBAAoB;IAC9B;IAEA,qBACE,sBAACM;QACCC,+BAA6B;QAC7BC,6CACET,eAAe,OAAOU;QAExBC,8CACEX,eAAeU,YAAY;QAE7BE,UAAU;QACVC,MAAM;QACNC,SAASZ;QACTa,OAAO;;YAENhB;YACAE,WAAW,AAAC,MAAGA,SAASI,IAAI,GAAC,MAAGJ,SAASK,MAAM,GAAK;0BACrD,sBAACU;gBACCC,OAAM;gBACNC,SAAQ;gBACRC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;kCAEf,qBAACC;wBAAKC,GAAE;;kCACR,qBAACC;wBAASC,QAAO;;kCACjB,qBAACtB;wBAAKuB,IAAG;wBAAKC,IAAG;wBAAKC,IAAG;wBAAKC,IAAG;;;;;;AAIzC"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export type TerminalProps = {
+    content: string;
+};
+export declare const Terminal: React.FC<TerminalProps>;

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

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Terminal", {
+    enumerable: true,
+    get: function() {
+        return Terminal;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _anser = /*#__PURE__*/ _interop_require_default._(require("next/dist/compiled/anser"));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _hotlinkedtext = require("../hot-linked-text");
+const _EditorLink = require("./EditorLink");
+function getFile(lines) {
+    const contentFileName = lines.shift();
+    if (!contentFileName) return null;
+    const [fileName, line, column] = contentFileName.split(':', 3);
+    const parsedLine = Number(line);
+    const parsedColumn = Number(column);
+    const hasLocation = !Number.isNaN(parsedLine) && !Number.isNaN(parsedColumn);
+    return {
+        fileName: hasLocation ? fileName : contentFileName,
+        location: hasLocation ? {
+            line: parsedLine,
+            column: parsedColumn
+        } : undefined
+    };
+}
+function getImportTraceFiles(lines) {
+    if (lines.some((line)=>/ReactServerComponentsError:/.test(line)) || lines.some((line)=>/Import trace for requested module:/.test(line))) {
+        // Grab the lines at the end containing the files
+        const files = [];
+        while(/.+\..+/.test(lines[lines.length - 1]) && !lines[lines.length - 1].includes(':')){
+            const file = lines.pop().trim();
+            files.unshift(file);
+        }
+        return files;
+    }
+    return [];
+}
+function getEditorLinks(content) {
+    const lines = content.split('\n');
+    const file = getFile(lines);
+    const importTraceFiles = getImportTraceFiles(lines);
+    return {
+        file,
+        source: lines.join('\n'),
+        importTraceFiles
+    };
+}
+const Terminal = function Terminal(param) {
+    let { content } = param;
+    const { file, source, importTraceFiles } = _react.useMemo(()=>getEditorLinks(content), [
+        content
+    ]);
+    const decoded = _react.useMemo(()=>{
+        return _anser.default.ansiToJson(source, {
+            json: true,
+            use_classes: true,
+            remove_empty: true
+        });
+    }, [
+        source
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-nextjs-terminal": true,
+        children: [
+            file && /*#__PURE__*/ (0, _jsxruntime.jsx)(_EditorLink.EditorLink, {
+                isSourceFile: true,
+                file: file.fileName,
+                location: file.location
+            }, file.fileName),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("pre", {
+                children: [
+                    decoded.map((entry, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            style: {
+                                color: entry.fg ? "var(--color-" + entry.fg + ")" : undefined,
+                                ...entry.decoration === 'bold' ? {
+                                    fontWeight: 800
+                                } : entry.decoration === 'italic' ? {
+                                    fontStyle: 'italic'
+                                } : undefined
+                            },
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_hotlinkedtext.HotlinkedText, {
+                                text: entry.content
+                            })
+                        }, "terminal-entry-" + index)),
+                    importTraceFiles.map((importTraceFile)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_EditorLink.EditorLink, {
+                            isSourceFile: false,
+                            file: importTraceFile
+                        }, importTraceFile))
+                ]
+            })
+        ]
+    });
+};
+
+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=Terminal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Terminal/Terminal.tsx"],"sourcesContent":["import Anser from 'next/dist/compiled/anser'\nimport * as React from 'react'\nimport { HotlinkedText } from '../hot-linked-text'\nimport { EditorLink } from './EditorLink'\n\nexport type TerminalProps = { content: string }\n\nfunction getFile(lines: string[]) {\n  const contentFileName = lines.shift()\n  if (!contentFileName) return null\n  const [fileName, line, column] = contentFileName.split(':', 3)\n\n  const parsedLine = Number(line)\n  const parsedColumn = Number(column)\n  const hasLocation = !Number.isNaN(parsedLine) && !Number.isNaN(parsedColumn)\n\n  return {\n    fileName: hasLocation ? fileName : contentFileName,\n    location: hasLocation\n      ? {\n          line: parsedLine,\n          column: parsedColumn,\n        }\n      : undefined,\n  }\n}\n\nfunction getImportTraceFiles(lines: string[]) {\n  if (\n    lines.some((line) => /ReactServerComponentsError:/.test(line)) ||\n    lines.some((line) => /Import trace for requested module:/.test(line))\n  ) {\n    // Grab the lines at the end containing the files\n    const files = []\n    while (\n      /.+\\..+/.test(lines[lines.length - 1]) &&\n      !lines[lines.length - 1].includes(':')\n    ) {\n      const file = lines.pop()!.trim()\n      files.unshift(file)\n    }\n\n    return files\n  }\n\n  return []\n}\n\nfunction getEditorLinks(content: string) {\n  const lines = content.split('\\n')\n  const file = getFile(lines)\n  const importTraceFiles = getImportTraceFiles(lines)\n\n  return { file, source: lines.join('\\n'), importTraceFiles }\n}\n\nexport const Terminal: React.FC<TerminalProps> = function Terminal({\n  content,\n}) {\n  const { file, source, importTraceFiles } = React.useMemo(\n    () => getEditorLinks(content),\n    [content]\n  )\n\n  const decoded = React.useMemo(() => {\n    return Anser.ansiToJson(source, {\n      json: true,\n      use_classes: true,\n      remove_empty: true,\n    })\n  }, [source])\n\n  return (\n    <div data-nextjs-terminal>\n      {file && (\n        <EditorLink\n          isSourceFile\n          key={file.fileName}\n          file={file.fileName}\n          location={file.location}\n        />\n      )}\n      <pre>\n        {decoded.map((entry, index) => (\n          <span\n            key={`terminal-entry-${index}`}\n            style={{\n              color: entry.fg ? `var(--color-${entry.fg})` : undefined,\n              ...(entry.decoration === 'bold'\n                ? { fontWeight: 800 }\n                : entry.decoration === 'italic'\n                  ? { fontStyle: 'italic' }\n                  : undefined),\n            }}\n          >\n            <HotlinkedText text={entry.content} />\n          </span>\n        ))}\n        {importTraceFiles.map((importTraceFile) => (\n          <EditorLink\n            isSourceFile={false}\n            key={importTraceFile}\n            file={importTraceFile}\n          />\n        ))}\n      </pre>\n    </div>\n  )\n}\n"],"names":["Terminal","getFile","lines","contentFileName","shift","fileName","line","column","split","parsedLine","Number","parsedColumn","hasLocation","isNaN","location","undefined","getImportTraceFiles","some","test","files","length","includes","file","pop","trim","unshift","getEditorLinks","content","importTraceFiles","source","join","React","useMemo","decoded","Anser","ansiToJson","json","use_classes","remove_empty","div","data-nextjs-terminal","EditorLink","isSourceFile","pre","map","entry","index","span","style","color","fg","decoration","fontWeight","fontStyle","HotlinkedText","text","importTraceFile"],"mappings":";;;;+BAwDaA;;;eAAAA;;;;;;gEAxDK;iEACK;+BACO;4BACH;AAI3B,SAASC,QAAQC,KAAe;IAC9B,MAAMC,kBAAkBD,MAAME,KAAK;IACnC,IAAI,CAACD,iBAAiB,OAAO;IAC7B,MAAM,CAACE,UAAUC,MAAMC,OAAO,GAAGJ,gBAAgBK,KAAK,CAAC,KAAK;IAE5D,MAAMC,aAAaC,OAAOJ;IAC1B,MAAMK,eAAeD,OAAOH;IAC5B,MAAMK,cAAc,CAACF,OAAOG,KAAK,CAACJ,eAAe,CAACC,OAAOG,KAAK,CAACF;IAE/D,OAAO;QACLN,UAAUO,cAAcP,WAAWF;QACnCW,UAAUF,cACN;YACEN,MAAMG;YACNF,QAAQI;QACV,IACAI;IACN;AACF;AAEA,SAASC,oBAAoBd,KAAe;IAC1C,IACEA,MAAMe,IAAI,CAAC,CAACX,OAAS,8BAA8BY,IAAI,CAACZ,UACxDJ,MAAMe,IAAI,CAAC,CAACX,OAAS,qCAAqCY,IAAI,CAACZ,QAC/D;QACA,iDAAiD;QACjD,MAAMa,QAAQ,EAAE;QAChB,MACE,SAASD,IAAI,CAAChB,KAAK,CAACA,MAAMkB,MAAM,GAAG,EAAE,KACrC,CAAClB,KAAK,CAACA,MAAMkB,MAAM,GAAG,EAAE,CAACC,QAAQ,CAAC,KAClC;YACA,MAAMC,OAAOpB,MAAMqB,GAAG,GAAIC,IAAI;YAC9BL,MAAMM,OAAO,CAACH;QAChB;QAEA,OAAOH;IACT;IAEA,OAAO,EAAE;AACX;AAEA,SAASO,eAAeC,OAAe;IACrC,MAAMzB,QAAQyB,QAAQnB,KAAK,CAAC;IAC5B,MAAMc,OAAOrB,QAAQC;IACrB,MAAM0B,mBAAmBZ,oBAAoBd;IAE7C,OAAO;QAAEoB;QAAMO,QAAQ3B,MAAM4B,IAAI,CAAC;QAAOF;IAAiB;AAC5D;AAEO,MAAM5B,WAAoC,SAASA,SAAS,KAElE;IAFkE,IAAA,EACjE2B,OAAO,EACR,GAFkE;IAGjE,MAAM,EAAEL,IAAI,EAAEO,MAAM,EAAED,gBAAgB,EAAE,GAAGG,OAAMC,OAAO,CACtD,IAAMN,eAAeC,UACrB;QAACA;KAAQ;IAGX,MAAMM,UAAUF,OAAMC,OAAO,CAAC;QAC5B,OAAOE,cAAK,CAACC,UAAU,CAACN,QAAQ;YAC9BO,MAAM;YACNC,aAAa;YACbC,cAAc;QAChB;IACF,GAAG;QAACT;KAAO;IAEX,qBACE,sBAACU;QAAIC,sBAAoB;;YACtBlB,sBACC,qBAACmB,sBAAU;gBACTC,YAAY;gBAEZpB,MAAMA,KAAKjB,QAAQ;gBACnBS,UAAUQ,KAAKR,QAAQ;eAFlBQ,KAAKjB,QAAQ;0BAKtB,sBAACsC;;oBACEV,QAAQW,GAAG,CAAC,CAACC,OAAOC,sBACnB,qBAACC;4BAECC,OAAO;gCACLC,OAAOJ,MAAMK,EAAE,GAAG,AAAC,iBAAcL,MAAMK,EAAE,GAAC,MAAKnC;gCAC/C,GAAI8B,MAAMM,UAAU,KAAK,SACrB;oCAAEC,YAAY;gCAAI,IAClBP,MAAMM,UAAU,KAAK,WACnB;oCAAEE,WAAW;gCAAS,IACtBtC,SAAS;4BACjB;sCAEA,cAAA,qBAACuC,4BAAa;gCAACC,MAAMV,MAAMlB,OAAO;;2BAV7B,AAAC,oBAAiBmB;oBAa1BlB,iBAAiBgB,GAAG,CAAC,CAACY,gCACrB,qBAACf,sBAAU;4BACTC,cAAc;4BAEdpB,MAAMkC;2BADDA;;;;;AAOjB"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/Terminal/index.d.ts

@@ -0,0 +1 @@
+export { Terminal } from './Terminal';

package/dist/client/components/react-dev-overlay/_experimental/internal/components/Terminal/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Terminal", {
+    enumerable: true,
+    get: function() {
+        return _Terminal.Terminal;
+    }
+});
+const _Terminal = require("./Terminal");
+
+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=index.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/components/Terminal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Terminal/index.tsx"],"sourcesContent":["export { Terminal } from './Terminal'\n"],"names":["Terminal"],"mappings":";;;;+BAASA;;;eAAAA,kBAAQ;;;0BAAQ"}

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

@@ -0,0 +1,2 @@
+declare const styles: string;
+export { styles };

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "styles", {
+    enumerable: true,
+    get: function() {
+        return styles;
+    }
+});
+const _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+const _nooptemplate = require("../../helpers/noop-template");
+function _templateObject() {
+    const data = _tagged_template_literal_loose._([
+        "\n  [data-nextjs-terminal] {\n    border-radius: var(--size-gap-half);\n    background-color: var(--color-ansi-bg);\n    color: var(--color-ansi-fg);\n  }\n  [data-nextjs-terminal]::selection,\n  [data-nextjs-terminal] *::selection {\n    background-color: var(--color-ansi-selection);\n  }\n  [data-nextjs-terminal] * {\n    color: inherit;\n    background-color: transparent;\n    font-family: var(--font-stack-monospace);\n  }\n  [data-nextjs-terminal] > * {\n    margin: 0;\n    padding: calc(var(--size-gap) + var(--size-gap-half))\n      calc(var(--size-gap-double) + var(--size-gap-half));\n  }\n\n  [data-nextjs-terminal] pre {\n    white-space: pre-wrap;\n    word-break: break-word;\n  }\n\n  [data-with-open-in-editor-link] svg {\n    width: auto;\n    height: var(--size-font-small);\n    margin-left: var(--size-gap);\n  }\n  [data-with-open-in-editor-link] {\n    cursor: pointer;\n  }\n  [data-with-open-in-editor-link]:hover {\n    text-decoration: underline dotted;\n  }\n  [data-with-open-in-editor-link-source-file] {\n    border-bottom: 1px solid var(--color-ansi-bright-black);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    line-break: anywhere;\n  }\n  [data-with-open-in-editor-link-import-trace] {\n    margin-left: var(--size-gap-double);\n  }\n  [data-nextjs-terminal] a {\n    color: inherit;\n  }\n"
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const styles = (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=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Terminal/styles.tsx"],"sourcesContent":["import { noop as css } from '../../helpers/noop-template'\n\nconst styles = css`\n  [data-nextjs-terminal] {\n    border-radius: var(--size-gap-half);\n    background-color: var(--color-ansi-bg);\n    color: var(--color-ansi-fg);\n  }\n  [data-nextjs-terminal]::selection,\n  [data-nextjs-terminal] *::selection {\n    background-color: var(--color-ansi-selection);\n  }\n  [data-nextjs-terminal] * {\n    color: inherit;\n    background-color: transparent;\n    font-family: var(--font-stack-monospace);\n  }\n  [data-nextjs-terminal] > * {\n    margin: 0;\n    padding: calc(var(--size-gap) + var(--size-gap-half))\n      calc(var(--size-gap-double) + var(--size-gap-half));\n  }\n\n  [data-nextjs-terminal] pre {\n    white-space: pre-wrap;\n    word-break: break-word;\n  }\n\n  [data-with-open-in-editor-link] svg {\n    width: auto;\n    height: var(--size-font-small);\n    margin-left: var(--size-gap);\n  }\n  [data-with-open-in-editor-link] {\n    cursor: pointer;\n  }\n  [data-with-open-in-editor-link]:hover {\n    text-decoration: underline dotted;\n  }\n  [data-with-open-in-editor-link-source-file] {\n    border-bottom: 1px solid var(--color-ansi-bright-black);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    line-break: anywhere;\n  }\n  [data-with-open-in-editor-link-import-trace] {\n    margin-left: var(--size-gap-double);\n  }\n  [data-nextjs-terminal] a {\n    color: inherit;\n  }\n`\n\nexport { styles }\n"],"names":["styles","css"],"mappings":";;;;+BAsDSA;;;eAAAA;;;;8BAtDmB;;;;;;;;;;AAE5B,MAAMA,aAASC,kBAAG"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export type ToastProps = React.HTMLProps<HTMLDivElement> & {
+    children?: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+export declare const Toast: React.FC<ToastProps>;

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Toast", {
+    enumerable: true,
+    get: function() {
+        return Toast;
+    }
+});
+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 Toast = function Toast(param) {
+    let { onClick, children, className, ...props } = param;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        ...props,
+        onClick: (e)=>{
+            e.preventDefault();
+            return onClick == null ? void 0 : onClick();
+        },
+        className: "nextjs-toast" + (className ? ' ' + className : ''),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            "data-nextjs-toast-wrapper": true,
+            children: children
+        })
+    });
+};
+
+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=Toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Toast/Toast.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport type ToastProps = React.HTMLProps<HTMLDivElement> & {\n  children?: React.ReactNode\n  onClick?: () => void\n  className?: string\n}\n\nexport const Toast: React.FC<ToastProps> = function Toast({\n  onClick,\n  children,\n  className,\n  ...props\n}) {\n  return (\n    <div\n      {...props}\n      onClick={(e) => {\n        e.preventDefault()\n        return onClick?.()\n      }}\n      className={`nextjs-toast${className ? ' ' + className : ''}`}\n    >\n      <div data-nextjs-toast-wrapper>{children}</div>\n    </div>\n  )\n}\n"],"names":["Toast","onClick","children","className","props","div","e","preventDefault","data-nextjs-toast-wrapper"],"mappings":";;;;+BAQaA;;;eAAAA;;;;;iEARU;AAQhB,MAAMA,QAA8B,SAASA,MAAM,KAKzD;IALyD,IAAA,EACxDC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACJ,GALyD;IAMxD,qBACE,qBAACC;QACE,GAAGD,KAAK;QACTH,SAAS,CAACK;YACRA,EAAEC,cAAc;YAChB,OAAON,2BAAAA;QACT;QACAE,WAAW,AAAC,iBAAcA,CAAAA,YAAY,MAAMA,YAAY,EAAC;kBAEzD,cAAA,qBAACE;YAAIG,2BAAyB;sBAAEN;;;AAGtC"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { styles } from './styles';
+export { Toast } from './Toast';

package/dist/client/components/react-dev-overlay/_experimental/internal/components/Toast/index.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+0 && (module.exports = {
+    Toast: null,
+    styles: null
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Toast: function() {
+        return _Toast.Toast;
+    },
+    styles: function() {
+        return _styles.styles;
+    }
+});
+const _styles = require("./styles");
+const _Toast = require("./Toast");
+
+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=index.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Toast/index.tsx"],"sourcesContent":["export { styles } from './styles'\nexport { Toast } from './Toast'\n"],"names":["Toast","styles"],"mappings":";;;;;;;;;;;;;;;IACSA,KAAK;eAALA,YAAK;;IADLC,MAAM;eAANA,cAAM;;;wBAAQ;uBACD"}

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

@@ -0,0 +1,2 @@
+declare const styles: string;
+export { styles };

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "styles", {
+    enumerable: true,
+    get: function() {
+        return styles;
+    }
+});
+const _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+const _nooptemplate = require("../../helpers/noop-template");
+function _templateObject() {
+    const data = _tagged_template_literal_loose._([
+        "\n  .nextjs-toast {\n    position: fixed;\n    bottom: var(--size-gap-double);\n    left: var(--size-gap-double);\n    max-width: 420px;\n    z-index: 9000;\n    box-shadow: 0px var(--size-gap-double) var(--size-gap-quad)\n      rgba(0, 0, 0, 0.25);\n  }\n\n  @media (max-width: 440px) {\n    .nextjs-toast {\n      max-width: 90vw;\n      left: 5vw;\n    }\n  }\n\n  .nextjs-toast-errors-parent {\n    padding: 16px;\n    border-radius: var(--size-gap-quad);\n    font-weight: 500;\n    color: var(--color-ansi-bright-white);\n    background-color: var(--color-ansi-red);\n  }\n\n  .nextjs-static-indicator-toast-wrapper {\n    width: 30px;\n    height: 30px;\n    overflow: hidden;\n    border: 0;\n    border-radius: var(--size-gap-triple);\n    background: var(--color-background);\n    color: var(--color-font);\n    transition: all 0.3s ease-in-out;\n    box-shadow:\n      inset 0 0 0 1px var(--color-border-shadow),\n      0 11px 40px 0 rgba(0, 0, 0, 0.25),\n      0 2px 10px 0 rgba(0, 0, 0, 0.12);\n  }\n\n  .nextjs-static-indicator-toast-wrapper:hover {\n    width: 140px;\n  }\n\n  .nextjs-static-indicator-toast-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n  }\n\n  .nextjs-static-indicator-toast-text {\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    white-space: nowrap;\n    transition: opacity 0.3s ease-in-out;\n    line-height: 30px;\n    position: absolute;\n    left: 30px;\n    top: 0;\n  }\n\n  .nextjs-static-indicator-toast-wrapper:hover\n    .nextjs-static-indicator-toast-text {\n    opacity: 1;\n  }\n\n  .nextjs-static-indicator-toast-wrapper button {\n    color: var(--color-font);\n    opacity: 0.8;\n    background: none;\n    border: none;\n    margin-left: 6px;\n    margin-top: -2px;\n    outline: 0;\n  }\n\n  .nextjs-static-indicator-toast-wrapper button:focus {\n    opacity: 1;\n  }\n\n  .nextjs-static-indicator-toast-wrapper button > svg {\n    width: 16px;\n    height: 16px;\n  }\n"
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const styles = (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=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Toast/styles.ts"],"sourcesContent":["import { noop as css } from '../../helpers/noop-template'\n\nconst styles = css`\n  .nextjs-toast {\n    position: fixed;\n    bottom: var(--size-gap-double);\n    left: var(--size-gap-double);\n    max-width: 420px;\n    z-index: 9000;\n    box-shadow: 0px var(--size-gap-double) var(--size-gap-quad)\n      rgba(0, 0, 0, 0.25);\n  }\n\n  @media (max-width: 440px) {\n    .nextjs-toast {\n      max-width: 90vw;\n      left: 5vw;\n    }\n  }\n\n  .nextjs-toast-errors-parent {\n    padding: 16px;\n    border-radius: var(--size-gap-quad);\n    font-weight: 500;\n    color: var(--color-ansi-bright-white);\n    background-color: var(--color-ansi-red);\n  }\n\n  .nextjs-static-indicator-toast-wrapper {\n    width: 30px;\n    height: 30px;\n    overflow: hidden;\n    border: 0;\n    border-radius: var(--size-gap-triple);\n    background: var(--color-background);\n    color: var(--color-font);\n    transition: all 0.3s ease-in-out;\n    box-shadow:\n      inset 0 0 0 1px var(--color-border-shadow),\n      0 11px 40px 0 rgba(0, 0, 0, 0.25),\n      0 2px 10px 0 rgba(0, 0, 0, 0.12);\n  }\n\n  .nextjs-static-indicator-toast-wrapper:hover {\n    width: 140px;\n  }\n\n  .nextjs-static-indicator-toast-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n  }\n\n  .nextjs-static-indicator-toast-text {\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    white-space: nowrap;\n    transition: opacity 0.3s ease-in-out;\n    line-height: 30px;\n    position: absolute;\n    left: 30px;\n    top: 0;\n  }\n\n  .nextjs-static-indicator-toast-wrapper:hover\n    .nextjs-static-indicator-toast-text {\n    opacity: 1;\n  }\n\n  .nextjs-static-indicator-toast-wrapper button {\n    color: var(--color-font);\n    opacity: 0.8;\n    background: none;\n    border: none;\n    margin-left: 6px;\n    margin-top: -2px;\n    outline: 0;\n  }\n\n  .nextjs-static-indicator-toast-wrapper button:focus {\n    opacity: 1;\n  }\n\n  .nextjs-static-indicator-toast-wrapper button > svg {\n    width: 16px;\n    height: 16px;\n  }\n`\n\nexport { styles }\n"],"names":["styles","css"],"mappings":";;;;+BA8FSA;;;eAAAA;;;;8BA9FmB;;;;;;;;;;AAE5B,MAAMA,aAASC,kBAAG"}

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

@@ -0,0 +1,9 @@
+import type { VersionInfo } from '../../../../../../../server/dev/parse-version-info';
+export declare function VersionStalenessInfo({ versionInfo, }: {
+    versionInfo: VersionInfo | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function getStaleness({ installed, staleness, expected }: VersionInfo): {
+    text: string;
+    indicatorClass: string;
+    title: string;
+};

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

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+0 && (module.exports = {
+    VersionStalenessInfo: null,
+    getStaleness: null
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    VersionStalenessInfo: function() {
+        return VersionStalenessInfo;
+    },
+    getStaleness: function() {
+        return getStaleness;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+function VersionStalenessInfo(param) {
+    let { versionInfo } = param;
+    if (!versionInfo) return null;
+    const { staleness } = versionInfo;
+    let { text, indicatorClass, title } = getStaleness(versionInfo);
+    if (!text) return null;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+        className: "nextjs-container-build-error-version-status",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: indicatorClass
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("small", {
+                "data-nextjs-version-checker": true,
+                title: title,
+                children: text
+            }),
+            ' ',
+            staleness === 'fresh' || staleness === 'newer-than-npm' || staleness === 'unknown' ? null : /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
+                target: "_blank",
+                rel: "noopener noreferrer",
+                href: "https://nextjs.org/docs/messages/version-staleness",
+                children: "(learn more)"
+            }),
+            process.env.TURBOPACK ? ' (Turbopack)' : ''
+        ]
+    });
+}
+function getStaleness(param) {
+    let { installed, staleness, expected } = param;
+    let text = '';
+    let title = '';
+    let indicatorClass = '';
+    const versionLabel = "Next.js (" + installed + ")";
+    switch(staleness){
+        case 'newer-than-npm':
+        case 'fresh':
+            text = versionLabel;
+            title = "Latest available version is detected (" + installed + ").";
+            indicatorClass = 'fresh';
+            break;
+        case 'stale-patch':
+        case 'stale-minor':
+            text = "" + versionLabel + " out of date";
+            title = "There is a newer version (" + expected + ") available, upgrade recommended! ";
+            indicatorClass = 'stale';
+            break;
+        case 'stale-major':
+            {
+                text = "" + versionLabel + " is outdated";
+                title = "An outdated version detected (latest is " + expected + "), upgrade is highly recommended!";
+                indicatorClass = 'outdated';
+                break;
+            }
+        case 'stale-prerelease':
+            {
+                text = "" + versionLabel + " is outdated";
+                title = "There is a newer canary version (" + expected + ") available, please upgrade! ";
+                indicatorClass = 'stale';
+                break;
+            }
+        case 'unknown':
+            break;
+        default:
+            break;
+    }
+    return {
+        text,
+        indicatorClass,
+        title
+    };
+}
+
+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=VersionStalenessInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/VersionStalenessInfo/VersionStalenessInfo.tsx"],"sourcesContent":["import type { VersionInfo } from '../../../../../../../server/dev/parse-version-info'\n\nexport function VersionStalenessInfo({\n  versionInfo,\n}: {\n  versionInfo: VersionInfo | undefined\n}) {\n  if (!versionInfo) return null\n  const { staleness } = versionInfo\n  let { text, indicatorClass, title } = getStaleness(versionInfo)\n\n  if (!text) return null\n\n  return (\n    <span className=\"nextjs-container-build-error-version-status\">\n      <span className={indicatorClass} />\n      <small data-nextjs-version-checker title={title}>\n        {text}\n      </small>{' '}\n      {staleness === 'fresh' ||\n      staleness === 'newer-than-npm' ||\n      staleness === 'unknown' ? null : (\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          href=\"https://nextjs.org/docs/messages/version-staleness\"\n        >\n          (learn more)\n        </a>\n      )}\n      {process.env.TURBOPACK ? ' (Turbopack)' : ''}\n    </span>\n  )\n}\n\nexport function getStaleness({ installed, staleness, expected }: VersionInfo) {\n  let text = ''\n  let title = ''\n  let indicatorClass = ''\n  const versionLabel = `Next.js (${installed})`\n  switch (staleness) {\n    case 'newer-than-npm':\n    case 'fresh':\n      text = versionLabel\n      title = `Latest available version is detected (${installed}).`\n      indicatorClass = 'fresh'\n      break\n    case 'stale-patch':\n    case 'stale-minor':\n      text = `${versionLabel} out of date`\n      title = `There is a newer version (${expected}) available, upgrade recommended! `\n      indicatorClass = 'stale'\n      break\n    case 'stale-major': {\n      text = `${versionLabel} is outdated`\n      title = `An outdated version detected (latest is ${expected}), upgrade is highly recommended!`\n      indicatorClass = 'outdated'\n      break\n    }\n    case 'stale-prerelease': {\n      text = `${versionLabel} is outdated`\n      title = `There is a newer canary version (${expected}) available, please upgrade! `\n      indicatorClass = 'stale'\n      break\n    }\n    case 'unknown':\n      break\n    default:\n      break\n  }\n  return { text, indicatorClass, title }\n}\n"],"names":["VersionStalenessInfo","getStaleness","versionInfo","staleness","text","indicatorClass","title","span","className","small","data-nextjs-version-checker","a","target","rel","href","process","env","TURBOPACK","installed","expected","versionLabel"],"mappings":";;;;;;;;;;;;;;;IAEgBA,oBAAoB;eAApBA;;IAiCAC,YAAY;eAAZA;;;;AAjCT,SAASD,qBAAqB,KAIpC;IAJoC,IAAA,EACnCE,WAAW,EAGZ,GAJoC;IAKnC,IAAI,CAACA,aAAa,OAAO;IACzB,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,IAAI,EAAEE,IAAI,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGL,aAAaC;IAEnD,IAAI,CAACE,MAAM,OAAO;IAElB,qBACE,sBAACG;QAAKC,WAAU;;0BACd,qBAACD;gBAAKC,WAAWH;;0BACjB,qBAACI;gBAAMC,6BAA2B;gBAACJ,OAAOA;0BACvCF;;YACM;YACRD,cAAc,WACfA,cAAc,oBACdA,cAAc,YAAY,qBACxB,qBAACQ;gBACCC,QAAO;gBACPC,KAAI;gBACJC,MAAK;0BACN;;YAIFC,QAAQC,GAAG,CAACC,SAAS,GAAG,iBAAiB;;;AAGhD;AAEO,SAAShB,aAAa,KAA+C;IAA/C,IAAA,EAAEiB,SAAS,EAAEf,SAAS,EAAEgB,QAAQ,EAAe,GAA/C;IAC3B,IAAIf,OAAO;IACX,IAAIE,QAAQ;IACZ,IAAID,iBAAiB;IACrB,MAAMe,eAAe,AAAC,cAAWF,YAAU;IAC3C,OAAQf;QACN,KAAK;QACL,KAAK;YACHC,OAAOgB;YACPd,QAAQ,AAAC,2CAAwCY,YAAU;YAC3Db,iBAAiB;YACjB;QACF,KAAK;QACL,KAAK;YACHD,OAAO,AAAC,KAAEgB,eAAa;YACvBd,QAAQ,AAAC,+BAA4Ba,WAAS;YAC9Cd,iBAAiB;YACjB;QACF,KAAK;YAAe;gBAClBD,OAAO,AAAC,KAAEgB,eAAa;gBACvBd,QAAQ,AAAC,6CAA0Ca,WAAS;gBAC5Dd,iBAAiB;gBACjB;YACF;QACA,KAAK;YAAoB;gBACvBD,OAAO,AAAC,KAAEgB,eAAa;gBACvBd,QAAQ,AAAC,sCAAmCa,WAAS;gBACrDd,iBAAiB;gBACjB;YACF;QACA,KAAK;YACH;QACF;YACE;IACJ;IACA,OAAO;QAAED;QAAMC;QAAgBC;IAAM;AACvC"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/VersionStalenessInfo/index.d.ts

@@ -0,0 +1,2 @@
+export { styles } from './styles';
+export { VersionStalenessInfo } from './VersionStalenessInfo';

package/dist/client/components/react-dev-overlay/_experimental/internal/components/VersionStalenessInfo/index.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+0 && (module.exports = {
+    VersionStalenessInfo: null,
+    styles: null
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    VersionStalenessInfo: function() {
+        return _VersionStalenessInfo.VersionStalenessInfo;
+    },
+    styles: function() {
+        return _styles.styles;
+    }
+});
+const _styles = require("./styles");
+const _VersionStalenessInfo = require("./VersionStalenessInfo");
+
+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=index.js.map

package/dist/client/components/react-dev-overlay/_experimental/internal/components/VersionStalenessInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/VersionStalenessInfo/index.tsx"],"sourcesContent":["export { styles } from './styles'\nexport { VersionStalenessInfo } from './VersionStalenessInfo'\n"],"names":["VersionStalenessInfo","styles"],"mappings":";;;;;;;;;;;;;;;IACSA,oBAAoB;eAApBA,0CAAoB;;IADpBC,MAAM;eAANA,cAAM;;;wBAAQ;sCACc"}

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

@@ -0,0 +1,2 @@
+declare const styles: string;
+export { styles };

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "styles", {
+    enumerable: true,
+    get: function() {
+        return styles;
+    }
+});
+const _tagged_template_literal_loose = require("@swc/helpers/_/_tagged_template_literal_loose");
+const _nooptemplate = require("../../helpers/noop-template");
+function _templateObject() {
+    const data = _tagged_template_literal_loose._([
+        "\n  .nextjs-container-build-error-version-status {\n    flex: 1;\n    text-align: right;\n    font-size: var(--size-font-small);\n  }\n  .nextjs-container-build-error-version-status span {\n    display: inline-block;\n    width: 10px;\n    height: 10px;\n    border-radius: 5px;\n    background: var(--color-ansi-bright-black);\n  }\n  .nextjs-container-build-error-version-status span.fresh {\n    background: var(--color-ansi-green);\n  }\n  .nextjs-container-build-error-version-status span.stale {\n    background: var(--color-ansi-yellow);\n  }\n  .nextjs-container-build-error-version-status span.outdated {\n    background: var(--color-ansi-red);\n  }\n"
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const styles = (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=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/VersionStalenessInfo/styles.ts"],"sourcesContent":["import { noop as css } from '../../helpers/noop-template'\n\nconst styles = css`\n  .nextjs-container-build-error-version-status {\n    flex: 1;\n    text-align: right;\n    font-size: var(--size-font-small);\n  }\n  .nextjs-container-build-error-version-status span {\n    display: inline-block;\n    width: 10px;\n    height: 10px;\n    border-radius: 5px;\n    background: var(--color-ansi-bright-black);\n  }\n  .nextjs-container-build-error-version-status span.fresh {\n    background: var(--color-ansi-green);\n  }\n  .nextjs-container-build-error-version-status span.stale {\n    background: var(--color-ansi-yellow);\n  }\n  .nextjs-container-build-error-version-status span.outdated {\n    background: var(--color-ansi-red);\n  }\n`\n\nexport { styles }\n"],"names":["styles","css"],"mappings":";;;;+BA0BSA;;;eAAAA;;;;8BA1BmB;;;;;;;;;;AAE5B,MAAMA,aAASC,kBAAG"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/copy-button/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare function CopyButton({ actionLabel, successLabel, content, icon, disabled, ...props }: React.HTMLProps<HTMLButtonElement> & {
+    actionLabel: string;
+    successLabel: string;
+    content: string;
+    icon?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;