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

package/dist/build/swc/index.js

@@ -127,7 +127,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const nextVersion = "15.1.1-canary.11";
+const nextVersion = "15.1.1-canary.12";
 const ArchName = (0, _os.arch)();
 const PlatformName = (0, _os.platform)();
 function infoLog(...args) {

package/dist/build/webpack-config.js

@@ -1489,7 +1489,7 @@ async function getBaseWebpackConfig(dir, { buildId, encryptionKey, config, compi
             isClient && new _copyfileplugin.CopyFilePlugin({
                 // file path to build output of `@next/polyfill-nomodule`
                 filePath: require.resolve('./polyfills/polyfill-nomodule'),
-                cacheKey: "15.1.1-canary.11",
+                cacheKey: "15.1.1-canary.12",
                 name: `static/chunks/polyfills${dev ? '' : '-[hash]'}.js`,
                 minimize: false,
                 info: {
@@ -1717,7 +1717,7 @@ async function getBaseWebpackConfig(dir, { buildId, encryptionKey, config, compi
         //  - Next.js location on disk (some loaders use absolute paths and some resolve options depend on absolute paths)
         //  - Next.js version
         //  - next.config.js keys that affect compilation
-        version: `${__dirname}|${"15.1.1-canary.11"}|${configVars}`,
+        version: `${__dirname}|${"15.1.1-canary.12"}|${configVars}`,
         cacheDirectory: _path.default.join(distDir, 'cache', 'webpack'),
         // For production builds, it's more efficient to compress all cache files together instead of compression each one individually.
         // So we disable compression here and allow the build runner to take care of compressing the cache as a whole.

package/dist/client/app-bootstrap.js

@@ -13,7 +13,7 @@ Object.defineProperty(exports, "appBootstrap", {
         return appBootstrap;
     }
 });
-const version = "15.1.1-canary.11";
+const version = "15.1.1-canary.12";
 window.next = {
     version,
     appDir: true

package/dist/client/components/react-dev-overlay/_experimental/app/ReactDevOverlay.d.ts

@@ -0,0 +1,18 @@
+import type { OverlayState } from '../../shared';
+import type { Dispatcher } from '../../app/hot-reloader-client';
+import React from 'react';
+interface ReactDevOverlayState {
+    isReactError: boolean;
+}
+export default class ReactDevOverlay extends React.PureComponent<{
+    state: OverlayState;
+    dispatcher?: Dispatcher;
+    children: React.ReactNode;
+}, ReactDevOverlayState> {
+    state: {
+        isReactError: boolean;
+    };
+    static getDerivedStateFromError(error: Error): ReactDevOverlayState;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/client/components/react-dev-overlay/_experimental/app/ReactDevOverlay.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return ReactDevOverlay;
+    }
+});
+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 _ShadowPortal = require("../internal/components/ShadowPortal");
+const _BuildError = require("../internal/container/BuildError");
+const _Errors = require("../internal/container/Errors");
+const _StaticIndicator = require("../internal/container/StaticIndicator");
+const _Base = require("../internal/styles/Base");
+const _ComponentStyles = require("../internal/styles/ComponentStyles");
+const _CssReset = require("../internal/styles/CssReset");
+const _rootlayoutmissingtagserror = require("../internal/container/root-layout-missing-tags-error");
+const _runtimeerrorhandler = require("../internal/helpers/runtime-error-handler");
+class ReactDevOverlay extends _react.default.PureComponent {
+    static getDerivedStateFromError(error) {
+        if (!error.stack) return {
+            isReactError: false
+        };
+        _runtimeerrorhandler.RuntimeErrorHandler.hadRuntimeError = true;
+        return {
+            isReactError: true
+        };
+    }
+    render() {
+        var _state_rootLayoutMissingTags;
+        const { state, children, dispatcher } = this.props;
+        const { isReactError } = this.state;
+        const hasBuildError = state.buildError != null;
+        const hasRuntimeErrors = Boolean(state.errors.length);
+        const hasStaticIndicator = state.staticIndicator;
+        const debugInfo = state.debugInfo;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+            children: [
+                isReactError ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("html", {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("head", {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("body", {})
+                    ]
+                }) : children,
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_ShadowPortal.ShadowPortal, {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_CssReset.CssReset, {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Base.Base, {}),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_ComponentStyles.ComponentStyles, {}),
+                        ((_state_rootLayoutMissingTags = state.rootLayoutMissingTags) == null ? void 0 : _state_rootLayoutMissingTags.length) ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_rootlayoutmissingtagserror.RootLayoutMissingTagsError, {
+                            missingTags: state.rootLayoutMissingTags
+                        }) : hasBuildError ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_BuildError.BuildError, {
+                            message: state.buildError,
+                            versionInfo: state.versionInfo
+                        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                            children: [
+                                hasRuntimeErrors ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Errors.Errors, {
+                                    isAppDir: true,
+                                    initialDisplayState: isReactError ? 'fullscreen' : 'minimized',
+                                    errors: state.errors,
+                                    versionInfo: state.versionInfo,
+                                    hasStaticIndicator: hasStaticIndicator,
+                                    debugInfo: debugInfo
+                                }) : null,
+                                hasStaticIndicator && /*#__PURE__*/ (0, _jsxruntime.jsx)(_StaticIndicator.StaticIndicator, {
+                                    dispatcher: dispatcher
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        });
+    }
+    constructor(...args){
+        super(...args), this.state = {
+            isReactError: false
+        };
+    }
+}
+
+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=ReactDevOverlay.js.map

package/dist/client/components/react-dev-overlay/_experimental/app/ReactDevOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/client/components/react-dev-overlay/_experimental/app/ReactDevOverlay.tsx"],"sourcesContent":["import type { OverlayState } from '../../shared'\nimport type { Dispatcher } from '../../app/hot-reloader-client'\n\nimport React from 'react'\n\nimport { ShadowPortal } from '../internal/components/ShadowPortal'\nimport { BuildError } from '../internal/container/BuildError'\nimport { Errors } from '../internal/container/Errors'\nimport { StaticIndicator } from '../internal/container/StaticIndicator'\nimport { Base } from '../internal/styles/Base'\nimport { ComponentStyles } from '../internal/styles/ComponentStyles'\nimport { CssReset } from '../internal/styles/CssReset'\nimport { RootLayoutMissingTagsError } from '../internal/container/root-layout-missing-tags-error'\nimport { RuntimeErrorHandler } from '../internal/helpers/runtime-error-handler'\n\ninterface ReactDevOverlayState {\n  isReactError: boolean\n}\nexport default class ReactDevOverlay extends React.PureComponent<\n  {\n    state: OverlayState\n    dispatcher?: Dispatcher\n    children: React.ReactNode\n  },\n  ReactDevOverlayState\n> {\n  state = { isReactError: false }\n\n  static getDerivedStateFromError(error: Error): ReactDevOverlayState {\n    if (!error.stack) return { isReactError: false }\n\n    RuntimeErrorHandler.hadRuntimeError = true\n    return {\n      isReactError: true,\n    }\n  }\n\n  render() {\n    const { state, children, dispatcher } = this.props\n    const { isReactError } = this.state\n\n    const hasBuildError = state.buildError != null\n    const hasRuntimeErrors = Boolean(state.errors.length)\n    const hasStaticIndicator = state.staticIndicator\n    const debugInfo = state.debugInfo\n\n    return (\n      <>\n        {isReactError ? (\n          <html>\n            <head></head>\n            <body></body>\n          </html>\n        ) : (\n          children\n        )}\n        <ShadowPortal>\n          <CssReset />\n          <Base />\n          <ComponentStyles />\n          {state.rootLayoutMissingTags?.length ? (\n            <RootLayoutMissingTagsError\n              missingTags={state.rootLayoutMissingTags}\n            />\n          ) : hasBuildError ? (\n            <BuildError\n              message={state.buildError!}\n              versionInfo={state.versionInfo}\n            />\n          ) : (\n            <>\n              {hasRuntimeErrors ? (\n                <Errors\n                  isAppDir={true}\n                  initialDisplayState={\n                    isReactError ? 'fullscreen' : 'minimized'\n                  }\n                  errors={state.errors}\n                  versionInfo={state.versionInfo}\n                  hasStaticIndicator={hasStaticIndicator}\n                  debugInfo={debugInfo}\n                />\n              ) : null}\n\n              {hasStaticIndicator && (\n                <StaticIndicator dispatcher={dispatcher} />\n              )}\n            </>\n          )}\n        </ShadowPortal>\n      </>\n    )\n  }\n}\n"],"names":["ReactDevOverlay","React","PureComponent","getDerivedStateFromError","error","stack","isReactError","RuntimeErrorHandler","hadRuntimeError","render","state","children","dispatcher","props","hasBuildError","buildError","hasRuntimeErrors","Boolean","errors","length","hasStaticIndicator","staticIndicator","debugInfo","html","head","body","ShadowPortal","CssReset","Base","ComponentStyles","rootLayoutMissingTags","RootLayoutMissingTagsError","missingTags","BuildError","message","versionInfo","Errors","isAppDir","initialDisplayState","StaticIndicator"],"mappings":";;;;;;;eAkBqBA;;;;;gEAfH;8BAEW;4BACF;wBACJ;iCACS;sBACX;iCACW;0BACP;4CACkB;qCACP;AAKrB,MAAMA,wBAAwBC,cAAK,CAACC,aAAa;IAU9D,OAAOC,yBAAyBC,KAAY,EAAwB;QAClE,IAAI,CAACA,MAAMC,KAAK,EAAE,OAAO;YAAEC,cAAc;QAAM;QAE/CC,wCAAmB,CAACC,eAAe,GAAG;QACtC,OAAO;YACLF,cAAc;QAChB;IACF;IAEAG,SAAS;YAuBAC;QAtBP,MAAM,EAAEA,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAG,IAAI,CAACC,KAAK;QAClD,MAAM,EAAEP,YAAY,EAAE,GAAG,IAAI,CAACI,KAAK;QAEnC,MAAMI,gBAAgBJ,MAAMK,UAAU,IAAI;QAC1C,MAAMC,mBAAmBC,QAAQP,MAAMQ,MAAM,CAACC,MAAM;QACpD,MAAMC,qBAAqBV,MAAMW,eAAe;QAChD,MAAMC,YAAYZ,MAAMY,SAAS;QAEjC,qBACE;;gBACGhB,6BACC,sBAACiB;;sCACC,qBAACC;sCACD,qBAACC;;qBAGHd;8BAEF,sBAACe,0BAAY;;sCACX,qBAACC,kBAAQ;sCACT,qBAACC,UAAI;sCACL,qBAACC,gCAAe;wBACfnB,EAAAA,+BAAAA,MAAMoB,qBAAqB,qBAA3BpB,6BAA6BS,MAAM,kBAClC,qBAACY,sDAA0B;4BACzBC,aAAatB,MAAMoB,qBAAqB;6BAExChB,8BACF,qBAACmB,sBAAU;4BACTC,SAASxB,MAAMK,UAAU;4BACzBoB,aAAazB,MAAMyB,WAAW;2CAGhC;;gCACGnB,iCACC,qBAACoB,cAAM;oCACLC,UAAU;oCACVC,qBACEhC,eAAe,eAAe;oCAEhCY,QAAQR,MAAMQ,MAAM;oCACpBiB,aAAazB,MAAMyB,WAAW;oCAC9Bf,oBAAoBA;oCACpBE,WAAWA;qCAEX;gCAEHF,oCACC,qBAACmB,gCAAe;oCAAC3B,YAAYA;;;;;;;;IAO3C;;QA1Ea,qBAQbF,QAAQ;YAAEJ,cAAc;QAAM;;AAmEhC"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { StackFrame } from 'next/dist/compiled/stacktrace-parser';
+export type CodeFrameProps = {
+    stackFrame: StackFrame;
+    codeFrame: string;
+};
+export declare const CodeFrame: React.FC<CodeFrameProps>;

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

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CodeFrame", {
+    enumerable: true,
+    get: function() {
+        return CodeFrame;
+    }
+});
+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 _stripansi = /*#__PURE__*/ _interop_require_default._(require("next/dist/compiled/strip-ansi"));
+const _stackframe = require("../../helpers/stack-frame");
+const _useopenineditor = require("../../helpers/use-open-in-editor");
+const _hotlinkedtext = require("../hot-linked-text");
+const CodeFrame = function CodeFrame(param) {
+    let { stackFrame, codeFrame } = param;
+    // Strip leading spaces out of the code frame:
+    const formattedFrame = _react.useMemo(()=>{
+        const lines = codeFrame.split(/\r?\n/g);
+        // Find the minimum length of leading spaces after `|` in the code frame
+        const miniLeadingSpacesLength = lines.map((line)=>/^>? +\d+ +\| [ ]+/.exec((0, _stripansi.default)(line)) === null ? null : /^>? +\d+ +\| ( *)/.exec((0, _stripansi.default)(line))).filter(Boolean).map((v)=>v.pop()).reduce((c, n)=>isNaN(c) ? n.length : Math.min(c, n.length), NaN);
+        // When the minimum length of leading spaces is greater than 1, remove them
+        // from the code frame to help the indentation looks better when there's a lot leading spaces.
+        if (miniLeadingSpacesLength > 1) {
+            return lines.map((line, a)=>~(a = line.indexOf('|')) ? line.substring(0, a) + line.substring(a).replace("^\\ {" + miniLeadingSpacesLength + "}", '') : line).join('\n');
+        }
+        return lines.join('\n');
+    }, [
+        codeFrame
+    ]);
+    const decoded = _react.useMemo(()=>{
+        return _anser.default.ansiToJson(formattedFrame, {
+            json: true,
+            use_classes: true,
+            remove_empty: true
+        });
+    }, [
+        formattedFrame
+    ]);
+    const open = (0, _useopenineditor.useOpenInEditor)({
+        file: stackFrame.file,
+        lineNumber: stackFrame.lineNumber,
+        column: stackFrame.column
+    });
+    // TODO: make the caret absolute
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-nextjs-codeframe": true,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", {
+                    role: "link",
+                    onClick: open,
+                    tabIndex: 1,
+                    title: "Click to open in your editor",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                            children: [
+                                (0, _stackframe.getFrameSource)(stackFrame),
+                                " @",
+                                ' ',
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_hotlinkedtext.HotlinkedText, {
+                                    text: stackFrame.methodName
+                                })
+                            ]
+                        }),
+                        /*#__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"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("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: entry.content
+                    }, "frame-" + index))
+            })
+        ]
+    });
+};
+
+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=CodeFrame.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/CodeFrame/CodeFrame.tsx"],"sourcesContent":["import Anser from 'next/dist/compiled/anser'\nimport * as React from 'react'\nimport type { StackFrame } from 'next/dist/compiled/stacktrace-parser'\nimport stripAnsi from 'next/dist/compiled/strip-ansi'\nimport { getFrameSource } from '../../helpers/stack-frame'\nimport { useOpenInEditor } from '../../helpers/use-open-in-editor'\nimport { HotlinkedText } from '../hot-linked-text'\n\nexport type CodeFrameProps = { stackFrame: StackFrame; codeFrame: string }\n\nexport const CodeFrame: React.FC<CodeFrameProps> = function CodeFrame({\n  stackFrame,\n  codeFrame,\n}) {\n  // Strip leading spaces out of the code frame:\n  const formattedFrame = React.useMemo<string>(() => {\n    const lines = codeFrame.split(/\\r?\\n/g)\n\n    // Find the minimum length of leading spaces after `|` in the code frame\n    const miniLeadingSpacesLength = lines\n      .map((line) =>\n        /^>? +\\d+ +\\| [ ]+/.exec(stripAnsi(line)) === null\n          ? null\n          : /^>? +\\d+ +\\| ( *)/.exec(stripAnsi(line))\n      )\n      .filter(Boolean)\n      .map((v) => v!.pop()!)\n      .reduce((c, n) => (isNaN(c) ? n.length : Math.min(c, n.length)), NaN)\n\n    // When the minimum length of leading spaces is greater than 1, remove them\n    // from the code frame to help the indentation looks better when there's a lot leading spaces.\n    if (miniLeadingSpacesLength > 1) {\n      return lines\n        .map((line, a) =>\n          ~(a = line.indexOf('|'))\n            ? line.substring(0, a) +\n              line.substring(a).replace(`^\\\\ {${miniLeadingSpacesLength}}`, '')\n            : line\n        )\n        .join('\\n')\n    }\n    return lines.join('\\n')\n  }, [codeFrame])\n\n  const decoded = React.useMemo(() => {\n    return Anser.ansiToJson(formattedFrame, {\n      json: true,\n      use_classes: true,\n      remove_empty: true,\n    })\n  }, [formattedFrame])\n\n  const open = useOpenInEditor({\n    file: stackFrame.file,\n    lineNumber: stackFrame.lineNumber,\n    column: stackFrame.column,\n  })\n\n  // TODO: make the caret absolute\n  return (\n    <div data-nextjs-codeframe>\n      <div>\n        <p\n          role=\"link\"\n          onClick={open}\n          tabIndex={1}\n          title=\"Click to open in your editor\"\n        >\n          <span>\n            {getFrameSource(stackFrame)} @{' '}\n            <HotlinkedText text={stackFrame.methodName} />\n          </span>\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        </p>\n      </div>\n      <pre>\n        {decoded.map((entry, index) => (\n          <span\n            key={`frame-${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            {entry.content}\n          </span>\n        ))}\n      </pre>\n    </div>\n  )\n}\n"],"names":["CodeFrame","stackFrame","codeFrame","formattedFrame","React","useMemo","lines","split","miniLeadingSpacesLength","map","line","exec","stripAnsi","filter","Boolean","v","pop","reduce","c","n","isNaN","length","Math","min","NaN","a","indexOf","substring","replace","join","decoded","Anser","ansiToJson","json","use_classes","remove_empty","open","useOpenInEditor","file","lineNumber","column","div","data-nextjs-codeframe","p","role","onClick","tabIndex","title","span","getFrameSource","HotlinkedText","text","methodName","svg","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","path","d","polyline","points","x1","y1","x2","y2","pre","entry","index","style","color","fg","undefined","decoration","fontWeight","fontStyle","content"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;gEAVK;iEACK;oEAED;4BACS;iCACC;+BACF;AAIvB,MAAMA,YAAsC,SAASA,UAAU,KAGrE;IAHqE,IAAA,EACpEC,UAAU,EACVC,SAAS,EACV,GAHqE;IAIpE,8CAA8C;IAC9C,MAAMC,iBAAiBC,OAAMC,OAAO,CAAS;QAC3C,MAAMC,QAAQJ,UAAUK,KAAK,CAAC;QAE9B,wEAAwE;QACxE,MAAMC,0BAA0BF,MAC7BG,GAAG,CAAC,CAACC,OACJ,oBAAoBC,IAAI,CAACC,IAAAA,kBAAS,EAACF,WAAW,OAC1C,OACA,oBAAoBC,IAAI,CAACC,IAAAA,kBAAS,EAACF,QAExCG,MAAM,CAACC,SACPL,GAAG,CAAC,CAACM,IAAMA,EAAGC,GAAG,IACjBC,MAAM,CAAC,CAACC,GAAGC,IAAOC,MAAMF,KAAKC,EAAEE,MAAM,GAAGC,KAAKC,GAAG,CAACL,GAAGC,EAAEE,MAAM,GAAIG;QAEnE,2EAA2E;QAC3E,8FAA8F;QAC9F,IAAIhB,0BAA0B,GAAG;YAC/B,OAAOF,MACJG,GAAG,CAAC,CAACC,MAAMe,IACV,CAAEA,CAAAA,IAAIf,KAAKgB,OAAO,CAAC,IAAG,IAClBhB,KAAKiB,SAAS,CAAC,GAAGF,KAClBf,KAAKiB,SAAS,CAACF,GAAGG,OAAO,CAAC,AAAC,UAAOpB,0BAAwB,KAAI,MAC9DE,MAELmB,IAAI,CAAC;QACV;QACA,OAAOvB,MAAMuB,IAAI,CAAC;IACpB,GAAG;QAAC3B;KAAU;IAEd,MAAM4B,UAAU1B,OAAMC,OAAO,CAAC;QAC5B,OAAO0B,cAAK,CAACC,UAAU,CAAC7B,gBAAgB;YACtC8B,MAAM;YACNC,aAAa;YACbC,cAAc;QAChB;IACF,GAAG;QAAChC;KAAe;IAEnB,MAAMiC,OAAOC,IAAAA,gCAAe,EAAC;QAC3BC,MAAMrC,WAAWqC,IAAI;QACrBC,YAAYtC,WAAWsC,UAAU;QACjCC,QAAQvC,WAAWuC,MAAM;IAC3B;IAEA,gCAAgC;IAChC,qBACE,sBAACC;QAAIC,uBAAqB;;0BACxB,qBAACD;0BACC,cAAA,sBAACE;oBACCC,MAAK;oBACLC,SAAST;oBACTU,UAAU;oBACVC,OAAM;;sCAEN,sBAACC;;gCACEC,IAAAA,0BAAc,EAAChD;gCAAY;gCAAG;8CAC/B,qBAACiD,4BAAa;oCAACC,MAAMlD,WAAWmD,UAAU;;;;sCAE5C,sBAACC;4BACCC,OAAM;4BACNC,SAAQ;4BACRC,MAAK;4BACLC,QAAO;4BACPC,aAAY;4BACZC,eAAc;4BACdC,gBAAe;;8CAEf,qBAACC;oCAAKC,GAAE;;8CACR,qBAACC;oCAASC,QAAO;;8CACjB,qBAACtD;oCAAKuD,IAAG;oCAAKC,IAAG;oCAAKC,IAAG;oCAAKC,IAAG;;;;;;;0BAIvC,qBAACC;0BACEvC,QAAQrB,GAAG,CAAC,CAAC6D,OAAOC,sBACnB,qBAACvB;wBAECwB,OAAO;4BACLC,OAAOH,MAAMI,EAAE,GAAG,AAAC,iBAAcJ,MAAMI,EAAE,GAAC,MAAKC;4BAC/C,GAAIL,MAAMM,UAAU,KAAK,SACrB;gCAAEC,YAAY;4BAAI,IAClBP,MAAMM,UAAU,KAAK,WACnB;gCAAEE,WAAW;4BAAS,IACtBH,SAAS;wBACjB;kCAECL,MAAMS,OAAO;uBAVT,AAAC,WAAQR;;;;AAgB1B"}

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

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

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

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

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

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

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

package/dist/client/components/react-dev-overlay/_experimental/internal/components/CodeFrame/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-codeframe] {\n    overflow: auto;\n    border-radius: var(--size-gap-half);\n    background-color: var(--color-ansi-bg);\n    color: var(--color-ansi-fg);\n    margin-bottom: var(--size-gap-double);\n  }\n  [data-nextjs-codeframe]::selection,\n  [data-nextjs-codeframe] *::selection {\n    background-color: var(--color-ansi-selection);\n  }\n  [data-nextjs-codeframe] * {\n    color: inherit;\n    background-color: transparent;\n    font-family: var(--font-stack-monospace);\n  }\n\n  [data-nextjs-codeframe] > * {\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  [data-nextjs-codeframe] > div {\n    display: inline-block;\n    width: auto;\n    min-width: 100%;\n    border-bottom: 1px solid var(--color-ansi-bright-black);\n  }\n  [data-nextjs-codeframe] > div > p {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    margin: 0;\n  }\n  [data-nextjs-codeframe] > div > p:hover {\n    text-decoration: underline dotted;\n  }\n  [data-nextjs-codeframe] div > p > svg {\n    width: auto;\n    height: 1em;\n    margin-left: 8px;\n  }\n  [data-nextjs-codeframe] div > pre {\n    overflow: hidden;\n    display: inline-block;\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/CodeFrame/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/CodeFrame/styles.tsx"],"sourcesContent":["import { noop as css } from '../../helpers/noop-template'\n\nconst styles = css`\n  [data-nextjs-codeframe] {\n    overflow: auto;\n    border-radius: var(--size-gap-half);\n    background-color: var(--color-ansi-bg);\n    color: var(--color-ansi-fg);\n    margin-bottom: var(--size-gap-double);\n  }\n  [data-nextjs-codeframe]::selection,\n  [data-nextjs-codeframe] *::selection {\n    background-color: var(--color-ansi-selection);\n  }\n  [data-nextjs-codeframe] * {\n    color: inherit;\n    background-color: transparent;\n    font-family: var(--font-stack-monospace);\n  }\n\n  [data-nextjs-codeframe] > * {\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  [data-nextjs-codeframe] > div {\n    display: inline-block;\n    width: auto;\n    min-width: 100%;\n    border-bottom: 1px solid var(--color-ansi-bright-black);\n  }\n  [data-nextjs-codeframe] > div > p {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    margin: 0;\n  }\n  [data-nextjs-codeframe] > div > p:hover {\n    text-decoration: underline dotted;\n  }\n  [data-nextjs-codeframe] div > p > svg {\n    width: auto;\n    height: 1em;\n    margin-left: 8px;\n  }\n  [data-nextjs-codeframe] div > pre {\n    overflow: hidden;\n    display: inline-block;\n  }\n`\n\nexport { styles }\n"],"names":["styles","css"],"mappings":";;;;+BAoDSA;;;eAAAA;;;;8BApDmB;;;;;;;;;;AAE5B,MAAMA,aAASC,kBAAG"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export type DialogProps = {
+    children?: React.ReactNode;
+    type: 'error' | 'warning';
+    'aria-labelledby': string;
+    'aria-describedby': string;
+    onClose?: () => void;
+};
+declare const Dialog: React.FC<DialogProps>;
+export { Dialog };

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Dialog", {
+    enumerable: true,
+    get: function() {
+        return Dialog;
+    }
+});
+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 _useonclickoutside = require("../../hooks/use-on-click-outside");
+const Dialog = function Dialog(param) {
+    let { children, type, onClose, ...props } = param;
+    const [dialog, setDialog] = _react.useState(null);
+    const [role, setRole] = _react.useState(typeof document !== 'undefined' && document.hasFocus() ? 'dialog' : undefined);
+    const onDialog = _react.useCallback((node)=>{
+        setDialog(node);
+    }, []);
+    (0, _useonclickoutside.useOnClickOutside)(dialog, (e)=>{
+        e.preventDefault();
+        return onClose == null ? void 0 : onClose();
+    });
+    // Make HTMLElements with `role=link` accessible to be triggered by the
+    // keyboard, i.e. [Enter].
+    _react.useEffect(()=>{
+        if (dialog == null) {
+            return;
+        }
+        const root = dialog.getRootNode();
+        // Always true, but we do this for TypeScript:
+        if (!(root instanceof ShadowRoot)) {
+            return;
+        }
+        const shadowRoot = root;
+        function handler(e) {
+            const el = shadowRoot.activeElement;
+            if (e.key === 'Enter' && el instanceof HTMLElement && el.getAttribute('role') === 'link') {
+                e.preventDefault();
+                e.stopPropagation();
+                el.click();
+            }
+        }
+        function handleFocus() {
+            // safari will force itself as the active application when a background page triggers any sort of autofocus
+            // this is a workaround to only set the dialog role if the document has focus
+            setRole(document.hasFocus() ? 'dialog' : undefined);
+        }
+        shadowRoot.addEventListener('keydown', handler);
+        window.addEventListener('focus', handleFocus);
+        window.addEventListener('blur', handleFocus);
+        return ()=>{
+            shadowRoot.removeEventListener('keydown', handler);
+            window.removeEventListener('focus', handleFocus);
+            window.removeEventListener('blur', handleFocus);
+        };
+    }, [
+        dialog
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        ref: onDialog,
+        "data-nextjs-dialog": true,
+        tabIndex: -1,
+        role: role,
+        "aria-labelledby": props['aria-labelledby'],
+        "aria-describedby": props['aria-describedby'],
+        "aria-modal": "true",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                "data-nextjs-dialog-banner": true,
+                className: "banner-" + type
+            }),
+            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=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useOnClickOutside } from '../../hooks/use-on-click-outside'\n\nexport type DialogProps = {\n  children?: React.ReactNode\n  type: 'error' | 'warning'\n  'aria-labelledby': string\n  'aria-describedby': string\n  onClose?: () => void\n}\n\nconst Dialog: React.FC<DialogProps> = function Dialog({\n  children,\n  type,\n  onClose,\n  ...props\n}) {\n  const [dialog, setDialog] = React.useState<HTMLDivElement | null>(null)\n  const [role, setRole] = React.useState<string | undefined>(\n    typeof document !== 'undefined' && document.hasFocus()\n      ? 'dialog'\n      : undefined\n  )\n  const onDialog = React.useCallback((node: HTMLDivElement | null) => {\n    setDialog(node)\n  }, [])\n  useOnClickOutside(dialog, (e) => {\n    e.preventDefault()\n    return onClose?.()\n  })\n\n  // Make HTMLElements with `role=link` accessible to be triggered by the\n  // keyboard, i.e. [Enter].\n  React.useEffect(() => {\n    if (dialog == null) {\n      return\n    }\n\n    const root = dialog.getRootNode()\n    // Always true, but we do this for TypeScript:\n    if (!(root instanceof ShadowRoot)) {\n      return\n    }\n    const shadowRoot = root\n    function handler(e: KeyboardEvent) {\n      const el = shadowRoot.activeElement\n      if (\n        e.key === 'Enter' &&\n        el instanceof HTMLElement &&\n        el.getAttribute('role') === 'link'\n      ) {\n        e.preventDefault()\n        e.stopPropagation()\n\n        el.click()\n      }\n    }\n\n    function handleFocus() {\n      // safari will force itself as the active application when a background page triggers any sort of autofocus\n      // this is a workaround to only set the dialog role if the document has focus\n      setRole(document.hasFocus() ? 'dialog' : undefined)\n    }\n\n    shadowRoot.addEventListener('keydown', handler as EventListener)\n    window.addEventListener('focus', handleFocus)\n    window.addEventListener('blur', handleFocus)\n    return () => {\n      shadowRoot.removeEventListener('keydown', handler as EventListener)\n      window.removeEventListener('focus', handleFocus)\n      window.removeEventListener('blur', handleFocus)\n    }\n  }, [dialog])\n\n  return (\n    <div\n      ref={onDialog}\n      data-nextjs-dialog\n      tabIndex={-1}\n      role={role}\n      aria-labelledby={props['aria-labelledby']}\n      aria-describedby={props['aria-describedby']}\n      aria-modal=\"true\"\n    >\n      <div data-nextjs-dialog-banner className={`banner-${type}`} />\n      {children}\n    </div>\n  )\n}\n\nexport { Dialog }\n"],"names":["Dialog","children","type","onClose","props","dialog","setDialog","React","useState","role","setRole","document","hasFocus","undefined","onDialog","useCallback","node","useOnClickOutside","e","preventDefault","useEffect","root","getRootNode","ShadowRoot","shadowRoot","handler","el","activeElement","key","HTMLElement","getAttribute","stopPropagation","click","handleFocus","addEventListener","window","removeEventListener","div","ref","data-nextjs-dialog","tabIndex","aria-labelledby","aria-describedby","aria-modal","data-nextjs-dialog-banner","className"],"mappings":";;;;+BA0FSA;;;eAAAA;;;;;iEA1Fc;mCACW;AAUlC,MAAMA,SAAgC,SAASA,OAAO,KAKrD;IALqD,IAAA,EACpDC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACP,GAAGC,OACJ,GALqD;IAMpD,MAAM,CAACC,QAAQC,UAAU,GAAGC,OAAMC,QAAQ,CAAwB;IAClE,MAAM,CAACC,MAAMC,QAAQ,GAAGH,OAAMC,QAAQ,CACpC,OAAOG,aAAa,eAAeA,SAASC,QAAQ,KAChD,WACAC;IAEN,MAAMC,WAAWP,OAAMQ,WAAW,CAAC,CAACC;QAClCV,UAAUU;IACZ,GAAG,EAAE;IACLC,IAAAA,oCAAiB,EAACZ,QAAQ,CAACa;QACzBA,EAAEC,cAAc;QAChB,OAAOhB,2BAAAA;IACT;IAEA,uEAAuE;IACvE,0BAA0B;IAC1BI,OAAMa,SAAS,CAAC;QACd,IAAIf,UAAU,MAAM;YAClB;QACF;QAEA,MAAMgB,OAAOhB,OAAOiB,WAAW;QAC/B,8CAA8C;QAC9C,IAAI,CAAED,CAAAA,gBAAgBE,UAAS,GAAI;YACjC;QACF;QACA,MAAMC,aAAaH;QACnB,SAASI,QAAQP,CAAgB;YAC/B,MAAMQ,KAAKF,WAAWG,aAAa;YACnC,IACET,EAAEU,GAAG,KAAK,WACVF,cAAcG,eACdH,GAAGI,YAAY,CAAC,YAAY,QAC5B;gBACAZ,EAAEC,cAAc;gBAChBD,EAAEa,eAAe;gBAEjBL,GAAGM,KAAK;YACV;QACF;QAEA,SAASC;YACP,2GAA2G;YAC3G,6EAA6E;YAC7EvB,QAAQC,SAASC,QAAQ,KAAK,WAAWC;QAC3C;QAEAW,WAAWU,gBAAgB,CAAC,WAAWT;QACvCU,OAAOD,gBAAgB,CAAC,SAASD;QACjCE,OAAOD,gBAAgB,CAAC,QAAQD;QAChC,OAAO;YACLT,WAAWY,mBAAmB,CAAC,WAAWX;YAC1CU,OAAOC,mBAAmB,CAAC,SAASH;YACpCE,OAAOC,mBAAmB,CAAC,QAAQH;QACrC;IACF,GAAG;QAAC5B;KAAO;IAEX,qBACE,sBAACgC;QACCC,KAAKxB;QACLyB,oBAAkB;QAClBC,UAAU,CAAC;QACX/B,MAAMA;QACNgC,mBAAiBrC,KAAK,CAAC,kBAAkB;QACzCsC,oBAAkBtC,KAAK,CAAC,mBAAmB;QAC3CuC,cAAW;;0BAEX,qBAACN;gBAAIO,2BAAyB;gBAACC,WAAW,AAAC,YAAS3C;;YACnDD;;;AAGP"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export type DialogBodyProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+declare const DialogBody: React.FC<DialogBodyProps>;
+export { DialogBody };

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DialogBody", {
+    enumerable: true,
+    get: function() {
+        return DialogBody;
+    }
+});
+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 DialogBody = function DialogBody(param) {
+    let { children, className } = param;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-nextjs-dialog-body": true,
+        className: className,
+        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=DialogBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Dialog/DialogBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport type DialogBodyProps = {\n  children?: React.ReactNode\n  className?: string\n}\n\nconst DialogBody: React.FC<DialogBodyProps> = function DialogBody({\n  children,\n  className,\n}) {\n  return (\n    <div data-nextjs-dialog-body className={className}>\n      {children}\n    </div>\n  )\n}\n\nexport { DialogBody }\n"],"names":["DialogBody","children","className","div","data-nextjs-dialog-body"],"mappings":";;;;+BAkBSA;;;eAAAA;;;;;iEAlBc;AAOvB,MAAMA,aAAwC,SAASA,WAAW,KAGjE;IAHiE,IAAA,EAChEC,QAAQ,EACRC,SAAS,EACV,GAHiE;IAIhE,qBACE,qBAACC;QAAIC,yBAAuB;QAACF,WAAWA;kBACrCD;;AAGP"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export type DialogContentProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+declare const DialogContent: React.FC<DialogContentProps>;
+export { DialogContent };

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DialogContent", {
+    enumerable: true,
+    get: function() {
+        return DialogContent;
+    }
+});
+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 DialogContent = function DialogContent(param) {
+    let { children, className } = param;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-nextjs-dialog-content": true,
+        className: className,
+        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=DialogContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Dialog/DialogContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport type DialogContentProps = {\n  children?: React.ReactNode\n  className?: string\n}\n\nconst DialogContent: React.FC<DialogContentProps> = function DialogContent({\n  children,\n  className,\n}) {\n  return (\n    <div data-nextjs-dialog-content className={className}>\n      {children}\n    </div>\n  )\n}\n\nexport { DialogContent }\n"],"names":["DialogContent","children","className","div","data-nextjs-dialog-content"],"mappings":";;;;+BAkBSA;;;eAAAA;;;;;iEAlBc;AAOvB,MAAMA,gBAA8C,SAASA,cAAc,KAG1E;IAH0E,IAAA,EACzEC,QAAQ,EACRC,SAAS,EACV,GAH0E;IAIzE,qBACE,qBAACC;QAAIC,4BAA0B;QAACF,WAAWA;kBACxCD;;AAGP"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export type DialogHeaderProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+declare const DialogHeader: React.FC<DialogHeaderProps>;
+export { DialogHeader };

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DialogHeader", {
+    enumerable: true,
+    get: function() {
+        return DialogHeader;
+    }
+});
+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 DialogHeader = function DialogHeader(param) {
+    let { children, className } = param;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        "data-nextjs-dialog-header": true,
+        className: className,
+        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=DialogHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/Dialog/DialogHeader.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport type DialogHeaderProps = {\n  children?: React.ReactNode\n  className?: string\n}\n\nconst DialogHeader: React.FC<DialogHeaderProps> = function DialogHeader({\n  children,\n  className,\n}) {\n  return (\n    <div data-nextjs-dialog-header className={className}>\n      {children}\n    </div>\n  )\n}\n\nexport { DialogHeader }\n"],"names":["DialogHeader","children","className","div","data-nextjs-dialog-header"],"mappings":";;;;+BAkBSA;;;eAAAA;;;;;iEAlBc;AAOvB,MAAMA,eAA4C,SAASA,aAAa,KAGvE;IAHuE,IAAA,EACtEC,QAAQ,EACRC,SAAS,EACV,GAHuE;IAItE,qBACE,qBAACC;QAAIC,2BAAyB;QAACF,WAAWA;kBACvCD;;AAGP"}

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

@@ -0,0 +1,5 @@
+export { Dialog } from './Dialog';
+export { DialogBody } from './DialogBody';
+export { DialogContent } from './DialogContent';
+export { DialogHeader } from './DialogHeader';
+export { styles } from './styles';