next 15.2.0-canary.69 → 15.2.0-canary.70

package/dist/esm/client/components/react-dev-overlay/ui/components/errors/error-overlay-toolbar/error-overlay-toolbar.js

@@ -1,16 +1,5 @@
-import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
-function _templateObject() {
-    const data = _tagged_template_literal_loose([
-        "\n  .error-overlay-toolbar {\n    display: flex;\n    gap: var(--size-1_5);\n  }\n\n  .nodejs-inspector-button,\n  .copy-stack-trace-button,\n  .docs-link-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 28px;\n    height: 28px;\n    background: var(--color-background-100);\n    background-clip: padding-box;\n    border: 1px solid var(--color-gray-alpha-400);\n    box-shadow: var(--shadow-small);\n    border-radius: var(--rounded-full);\n\n    &:focus {\n      outline: var(--focus-ring);\n    }\n\n    &:not(:disabled):hover {\n      background: var(--color-gray-alpha-100);\n    }\n\n    &:not(:disabled):active {\n      background: var(--color-gray-alpha-200);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n\n  .error-overlay-toolbar-button-icon {\n    color: var(--color-gray-900);\n  }\n"
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NodejsInspectorButton } from './nodejs-inspector-button';
-import { noop as css } from '../../../../utils/noop-template';
 import { CopyStackTraceButton } from './copy-stack-trace-button';
 import { DocsLinkButton } from './docs-link-button';
 export function ErrorOverlayToolbar(param) {
@@ -30,6 +19,6 @@ export function ErrorOverlayToolbar(param) {
         ]
     });
 }
-export const styles = css(_templateObject());
+export const styles = "\n  .error-overlay-toolbar {\n    display: flex;\n    gap: var(--size-1_5);\n  }\n\n  .nodejs-inspector-button,\n  .copy-stack-trace-button,\n  .docs-link-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 28px;\n    height: 28px;\n    background: var(--color-background-100);\n    background-clip: padding-box;\n    border: 1px solid var(--color-gray-alpha-400);\n    box-shadow: var(--shadow-small);\n    border-radius: var(--rounded-full);\n\n    &:focus {\n      outline: var(--focus-ring);\n    }\n\n    &:not(:disabled):hover {\n      background: var(--color-gray-alpha-100);\n    }\n\n    &:not(:disabled):active {\n      background: var(--color-gray-alpha-200);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n\n  .error-overlay-toolbar-button-icon {\n    color: var(--color-gray-900);\n  }\n";
 
 //# sourceMappingURL=error-overlay-toolbar.js.map

package/dist/esm/client/components/react-dev-overlay/ui/components/errors/error-overlay-toolbar/error-overlay-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/ui/components/errors/error-overlay-toolbar/error-overlay-toolbar.tsx"],"sourcesContent":["import type { DebugInfo } from '../../../../types'\nimport { NodejsInspectorButton } from './nodejs-inspector-button'\nimport { noop as css } from '../../../../utils/noop-template'\nimport { CopyStackTraceButton } from './copy-stack-trace-button'\nimport { DocsLinkButton } from './docs-link-button'\n\ntype ErrorOverlayToolbarProps = {\n  error: Error\n  debugInfo: DebugInfo | undefined\n}\n\nexport function ErrorOverlayToolbar({\n  error,\n  debugInfo,\n}: ErrorOverlayToolbarProps) {\n  return (\n    <span className=\"error-overlay-toolbar\">\n      <CopyStackTraceButton error={error} />\n      <DocsLinkButton errorMessage={error.message} />\n      <NodejsInspectorButton\n        devtoolsFrontendUrl={debugInfo?.devtoolsFrontendUrl}\n      />\n    </span>\n  )\n}\n\nexport const styles = css`\n  .error-overlay-toolbar {\n    display: flex;\n    gap: var(--size-1_5);\n  }\n\n  .nodejs-inspector-button,\n  .copy-stack-trace-button,\n  .docs-link-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 28px;\n    height: 28px;\n    background: var(--color-background-100);\n    background-clip: padding-box;\n    border: 1px solid var(--color-gray-alpha-400);\n    box-shadow: var(--shadow-small);\n    border-radius: var(--rounded-full);\n\n    &:focus {\n      outline: var(--focus-ring);\n    }\n\n    &:not(:disabled):hover {\n      background: var(--color-gray-alpha-100);\n    }\n\n    &:not(:disabled):active {\n      background: var(--color-gray-alpha-200);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n\n  .error-overlay-toolbar-button-icon {\n    color: var(--color-gray-900);\n  }\n`\n"],"names":["NodejsInspectorButton","noop","css","CopyStackTraceButton","DocsLinkButton","ErrorOverlayToolbar","error","debugInfo","span","className","errorMessage","message","devtoolsFrontendUrl","styles"],"mappings":";;;;;;;;;;;AACA,SAASA,qBAAqB,QAAQ,4BAA2B;AACjE,SAASC,QAAQC,GAAG,QAAQ,kCAAiC;AAC7D,SAASC,oBAAoB,QAAQ,4BAA2B;AAChE,SAASC,cAAc,QAAQ,qBAAoB;AAOnD,OAAO,SAASC,oBAAoB,KAGT;IAHS,IAAA,EAClCC,KAAK,EACLC,SAAS,EACgB,GAHS;IAIlC,qBACE,MAACC;QAAKC,WAAU;;0BACd,KAACN;gBAAqBG,OAAOA;;0BAC7B,KAACF;gBAAeM,cAAcJ,MAAMK,OAAO;;0BAC3C,KAACX;gBACCY,mBAAmB,EAAEL,6BAAAA,UAAWK,mBAAmB;;;;AAI3D;AAEA,OAAO,MAAMC,SAASX,uBAyCrB"}
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/ui/components/errors/error-overlay-toolbar/error-overlay-toolbar.tsx"],"sourcesContent":["import type { DebugInfo } from '../../../../types'\nimport { NodejsInspectorButton } from './nodejs-inspector-button'\nimport { CopyStackTraceButton } from './copy-stack-trace-button'\nimport { DocsLinkButton } from './docs-link-button'\n\ntype ErrorOverlayToolbarProps = {\n  error: Error\n  debugInfo: DebugInfo | undefined\n}\n\nexport function ErrorOverlayToolbar({\n  error,\n  debugInfo,\n}: ErrorOverlayToolbarProps) {\n  return (\n    <span className=\"error-overlay-toolbar\">\n      <CopyStackTraceButton error={error} />\n      <DocsLinkButton errorMessage={error.message} />\n      <NodejsInspectorButton\n        devtoolsFrontendUrl={debugInfo?.devtoolsFrontendUrl}\n      />\n    </span>\n  )\n}\n\nexport const styles = `\n  .error-overlay-toolbar {\n    display: flex;\n    gap: var(--size-1_5);\n  }\n\n  .nodejs-inspector-button,\n  .copy-stack-trace-button,\n  .docs-link-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 28px;\n    height: 28px;\n    background: var(--color-background-100);\n    background-clip: padding-box;\n    border: 1px solid var(--color-gray-alpha-400);\n    box-shadow: var(--shadow-small);\n    border-radius: var(--rounded-full);\n\n    &:focus {\n      outline: var(--focus-ring);\n    }\n\n    &:not(:disabled):hover {\n      background: var(--color-gray-alpha-100);\n    }\n\n    &:not(:disabled):active {\n      background: var(--color-gray-alpha-200);\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n\n  .error-overlay-toolbar-button-icon {\n    color: var(--color-gray-900);\n  }\n`\n"],"names":["NodejsInspectorButton","CopyStackTraceButton","DocsLinkButton","ErrorOverlayToolbar","error","debugInfo","span","className","errorMessage","message","devtoolsFrontendUrl","styles"],"mappings":";AACA,SAASA,qBAAqB,QAAQ,4BAA2B;AACjE,SAASC,oBAAoB,QAAQ,4BAA2B;AAChE,SAASC,cAAc,QAAQ,qBAAoB;AAOnD,OAAO,SAASC,oBAAoB,KAGT;IAHS,IAAA,EAClCC,KAAK,EACLC,SAAS,EACgB,GAHS;IAIlC,qBACE,MAACC;QAAKC,WAAU;;0BACd,KAACN;gBAAqBG,OAAOA;;0BAC7B,KAACF;gBAAeM,cAAcJ,MAAMK,OAAO;;0BAC3C,KAACT;gBACCU,mBAAmB,EAAEL,6BAAAA,UAAWK,mBAAmB;;;;AAI3D;AAEA,OAAO,MAAMC,SAAU,u2BAyCtB"}

package/dist/esm/client/components/react-dev-overlay/ui/components/errors/error-type-label/error-type-label.js

@@ -1,15 +1,4 @@
-import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
-function _templateObject() {
-    const data = _tagged_template_literal_loose([
-        "\n  .nextjs__container_errors_label {\n    padding: var(--size-0_5) var(--size-1_5);\n    margin: 0;\n    /* used --size instead of --rounded because --rounded is missing 6px */\n    border-radius: var(--size-1_5);\n    background: var(--color-red-300);\n    font-weight: 600;\n    font-size: var(--size-font-11);\n    color: var(--color-red-900);\n    font-family: var(--font-stack-monospace);\n    line-height: var(--size-5);\n  }\n"
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
 import { jsx as _jsx } from "react/jsx-runtime";
-import { noop as css } from '../../../../utils/noop-template';
 export function ErrorTypeLabel(param) {
     let { errorType } = param;
     return /*#__PURE__*/ _jsx("span", {
@@ -18,6 +7,6 @@ export function ErrorTypeLabel(param) {
         children: errorType
     });
 }
-export const styles = css(_templateObject());
+export const styles = "\n  .nextjs__container_errors_label {\n    padding: var(--size-0_5) var(--size-1_5);\n    margin: 0;\n    /* used --size instead of --rounded because --rounded is missing 6px */\n    border-radius: var(--size-1_5);\n    background: var(--color-red-300);\n    font-weight: 600;\n    font-size: var(--size-font-11);\n    color: var(--color-red-900);\n    font-family: var(--font-stack-monospace);\n    line-height: var(--size-5);\n  }\n";
 
 //# sourceMappingURL=error-type-label.js.map

package/dist/esm/client/components/react-dev-overlay/ui/components/errors/error-type-label/error-type-label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/ui/components/errors/error-type-label/error-type-label.tsx"],"sourcesContent":["import { noop as css } from '../../../../utils/noop-template'\n\nexport type ErrorType =\n  | 'Build Error'\n  | 'Runtime Error'\n  | 'Console Error'\n  | 'Unhandled Runtime Error'\n  | 'Missing Required HTML Tag'\n\ntype ErrorTypeLabelProps = {\n  errorType: ErrorType\n}\n\nexport function ErrorTypeLabel({ errorType }: ErrorTypeLabelProps) {\n  return (\n    <span\n      id=\"nextjs__container_errors_label\"\n      className=\"nextjs__container_errors_label\"\n    >\n      {errorType}\n    </span>\n  )\n}\n\nexport const styles = css`\n  .nextjs__container_errors_label {\n    padding: var(--size-0_5) var(--size-1_5);\n    margin: 0;\n    /* used --size instead of --rounded because --rounded is missing 6px */\n    border-radius: var(--size-1_5);\n    background: var(--color-red-300);\n    font-weight: 600;\n    font-size: var(--size-font-11);\n    color: var(--color-red-900);\n    font-family: var(--font-stack-monospace);\n    line-height: var(--size-5);\n  }\n`\n"],"names":["noop","css","ErrorTypeLabel","errorType","span","id","className","styles"],"mappings":";;;;;;;;;;;AAAA,SAASA,QAAQC,GAAG,QAAQ,kCAAiC;AAa7D,OAAO,SAASC,eAAe,KAAkC;IAAlC,IAAA,EAAEC,SAAS,EAAuB,GAAlC;IAC7B,qBACE,KAACC;QACCC,IAAG;QACHC,WAAU;kBAETH;;AAGP;AAEA,OAAO,MAAMI,SAASN,uBAarB"}
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/ui/components/errors/error-type-label/error-type-label.tsx"],"sourcesContent":["export type ErrorType =\n  | 'Build Error'\n  | 'Runtime Error'\n  | 'Console Error'\n  | 'Unhandled Runtime Error'\n  | 'Missing Required HTML Tag'\n\ntype ErrorTypeLabelProps = {\n  errorType: ErrorType\n}\n\nexport function ErrorTypeLabel({ errorType }: ErrorTypeLabelProps) {\n  return (\n    <span\n      id=\"nextjs__container_errors_label\"\n      className=\"nextjs__container_errors_label\"\n    >\n      {errorType}\n    </span>\n  )\n}\n\nexport const styles = `\n  .nextjs__container_errors_label {\n    padding: var(--size-0_5) var(--size-1_5);\n    margin: 0;\n    /* used --size instead of --rounded because --rounded is missing 6px */\n    border-radius: var(--size-1_5);\n    background: var(--color-red-300);\n    font-weight: 600;\n    font-size: var(--size-font-11);\n    color: var(--color-red-900);\n    font-family: var(--font-stack-monospace);\n    line-height: var(--size-5);\n  }\n`\n"],"names":["ErrorTypeLabel","errorType","span","id","className","styles"],"mappings":";AAWA,OAAO,SAASA,eAAe,KAAkC;IAAlC,IAAA,EAAEC,SAAS,EAAuB,GAAlC;IAC7B,qBACE,KAACC;QACCC,IAAG;QACHC,WAAU;kBAETH;;AAGP;AAEA,OAAO,MAAMI,SAAU,qbAatB"}

package/dist/esm/client/components/react-dev-overlay/ui/components/errors/overlay/overlay.js

@@ -1,15 +1,4 @@
-import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
-function _templateObject() {
-    const data = _tagged_template_literal_loose([
-        "\n  [data-nextjs-dialog-overlay] {\n    padding: initial;\n    top: 10vh;\n  }\n"
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
 import { jsx as _jsx } from "react/jsx-runtime";
-import { noop as css } from '../../../../utils/noop-template';
 import { Overlay } from '../../overlay/overlay';
 export function ErrorOverlayOverlay(param) {
     let { children, ...props } = param;
@@ -18,6 +7,6 @@ export function ErrorOverlayOverlay(param) {
         children: children
     });
 }
-export const OVERLAY_STYLES = css(_templateObject());
+export const OVERLAY_STYLES = "\n  [data-nextjs-dialog-overlay] {\n    padding: initial;\n    top: 10vh;\n  }\n";
 
 //# sourceMappingURL=overlay.js.map

package/dist/esm/client/components/react-dev-overlay/ui/components/errors/overlay/overlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/ui/components/errors/overlay/overlay.tsx"],"sourcesContent":["import { noop as css } from '../../../../utils/noop-template'\nimport { Overlay, type OverlayProps } from '../../overlay/overlay'\n\nexport function ErrorOverlayOverlay({ children, ...props }: OverlayProps) {\n  return <Overlay {...props}>{children}</Overlay>\n}\n\nexport const OVERLAY_STYLES = css`\n  [data-nextjs-dialog-overlay] {\n    padding: initial;\n    top: 10vh;\n  }\n`\n"],"names":["noop","css","Overlay","ErrorOverlayOverlay","children","props","OVERLAY_STYLES"],"mappings":";;;;;;;;;;;AAAA,SAASA,QAAQC,GAAG,QAAQ,kCAAiC;AAC7D,SAASC,OAAO,QAA2B,wBAAuB;AAElE,OAAO,SAASC,oBAAoB,KAAoC;IAApC,IAAA,EAAEC,QAAQ,EAAE,GAAGC,OAAqB,GAApC;IAClC,qBAAO,KAACH;QAAS,GAAGG,KAAK;kBAAGD;;AAC9B;AAEA,OAAO,MAAME,iBAAiBL,uBAK7B"}
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/ui/components/errors/overlay/overlay.tsx"],"sourcesContent":["import { Overlay, type OverlayProps } from '../../overlay/overlay'\n\nexport function ErrorOverlayOverlay({ children, ...props }: OverlayProps) {\n  return <Overlay {...props}>{children}</Overlay>\n}\n\nexport const OVERLAY_STYLES = `\n  [data-nextjs-dialog-overlay] {\n    padding: initial;\n    top: 10vh;\n  }\n`\n"],"names":["Overlay","ErrorOverlayOverlay","children","props","OVERLAY_STYLES"],"mappings":";AAAA,SAASA,OAAO,QAA2B,wBAAuB;AAElE,OAAO,SAASC,oBAAoB,KAAoC;IAApC,IAAA,EAAEC,QAAQ,EAAE,GAAGC,OAAqB,GAApC;IAClC,qBAAO,KAACH;QAAS,GAAGG,KAAK;kBAAGD;;AAC9B;AAEA,OAAO,MAAME,iBAAkB,mFAK9B"}

package/dist/esm/client/components/react-dev-overlay/ui/components/overlay/styles.js

@@ -1,15 +1,4 @@
-import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
-function _templateObject() {
-    const data = _tagged_template_literal_loose([
-        "\n  [data-nextjs-dialog-overlay] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 9000;\n\n    display: flex;\n    align-content: center;\n    align-items: center;\n    flex-direction: column;\n    padding: 10vh 15px 0;\n  }\n\n  @media (max-height: 812px) {\n    [data-nextjs-dialog-overlay] {\n      padding: 15px 15px 0;\n    }\n  }\n\n  [data-nextjs-dialog-backdrop] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: var(--color-backdrop);\n    backdrop-filter: blur(10px);\n    pointer-events: all;\n    z-index: -1;\n  }\n\n  [data-nextjs-dialog-backdrop-fixed] {\n    cursor: not-allowed;\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n  }\n"
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
-import { noop as css } from '../../../utils/noop-template';
-const styles = css(_templateObject());
+const styles = "\n  [data-nextjs-dialog-overlay] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 9000;\n\n    display: flex;\n    align-content: center;\n    align-items: center;\n    flex-direction: column;\n    padding: 10vh 15px 0;\n  }\n\n  @media (max-height: 812px) {\n    [data-nextjs-dialog-overlay] {\n      padding: 15px 15px 0;\n    }\n  }\n\n  [data-nextjs-dialog-backdrop] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: var(--color-backdrop);\n    backdrop-filter: blur(10px);\n    pointer-events: all;\n    z-index: -1;\n  }\n\n  [data-nextjs-dialog-backdrop-fixed] {\n    cursor: not-allowed;\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n  }\n";
 export { styles };
 
 //# sourceMappingURL=styles.js.map

package/dist/esm/client/components/react-dev-overlay/ui/components/overlay/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/ui/components/overlay/styles.tsx"],"sourcesContent":["import { noop as css } from '../../../utils/noop-template'\n\nconst styles = css`\n  [data-nextjs-dialog-overlay] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 9000;\n\n    display: flex;\n    align-content: center;\n    align-items: center;\n    flex-direction: column;\n    padding: 10vh 15px 0;\n  }\n\n  @media (max-height: 812px) {\n    [data-nextjs-dialog-overlay] {\n      padding: 15px 15px 0;\n    }\n  }\n\n  [data-nextjs-dialog-backdrop] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: var(--color-backdrop);\n    backdrop-filter: blur(10px);\n    pointer-events: all;\n    z-index: -1;\n  }\n\n  [data-nextjs-dialog-backdrop-fixed] {\n    cursor: not-allowed;\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n  }\n`\n\nexport { styles }\n"],"names":["noop","css","styles"],"mappings":";;;;;;;;;;AAAA,SAASA,QAAQC,GAAG,QAAQ,+BAA8B;AAE1D,MAAMC,SAASD;AAyCf,SAASC,MAAM,GAAE"}
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/ui/components/overlay/styles.tsx"],"sourcesContent":["const styles = `\n  [data-nextjs-dialog-overlay] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 9000;\n\n    display: flex;\n    align-content: center;\n    align-items: center;\n    flex-direction: column;\n    padding: 10vh 15px 0;\n  }\n\n  @media (max-height: 812px) {\n    [data-nextjs-dialog-overlay] {\n      padding: 15px 15px 0;\n    }\n  }\n\n  [data-nextjs-dialog-backdrop] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: var(--color-backdrop);\n    backdrop-filter: blur(10px);\n    pointer-events: all;\n    z-index: -1;\n  }\n\n  [data-nextjs-dialog-backdrop-fixed] {\n    cursor: not-allowed;\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n  }\n`\n\nexport { styles }\n"],"names":["styles"],"mappings":"AAAA,MAAMA,SAAU;AAyChB,SAASA,MAAM,GAAE"}

package/dist/esm/client/components/react-dev-overlay/ui/components/terminal/editor-link.js

@@ -1,16 +1,5 @@
-import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
-function _templateObject() {
-    const data = _tagged_template_literal_loose([
-        "\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-import-trace] {\n    margin-left: var(--size-gap-double);\n  }\n"
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useOpenInEditor } from '../../utils/use-open-in-editor';
-import { noop as css } from '../../../utils/noop-template';
 export function EditorLink(param) {
     let { file, location } = param;
     var _location_line, _location_column;
@@ -55,6 +44,6 @@ export function EditorLink(param) {
         ]
     });
 }
-export const EDITOR_LINK_STYLES = css(_templateObject());
+export const EDITOR_LINK_STYLES = "\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-import-trace] {\n    margin-left: var(--size-gap-double);\n  }\n";
 
 //# sourceMappingURL=editor-link.js.map

package/dist/esm/client/components/react-dev-overlay/ui/components/terminal/editor-link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/ui/components/terminal/editor-link.tsx"],"sourcesContent":["import { useOpenInEditor } from '../../utils/use-open-in-editor'\nimport { noop as css } from '../../../utils/noop-template'\n\ntype EditorLinkProps = {\n  file: string\n  isSourceFile: boolean\n  location?: {\n    line: number\n    column: number\n  }\n}\nexport function EditorLink({ file, 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-import-trace\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\nexport const EDITOR_LINK_STYLES = css`\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-import-trace] {\n    margin-left: var(--size-gap-double);\n  }\n`\n"],"names":["useOpenInEditor","noop","css","EditorLink","file","location","open","lineNumber","line","column","div","data-with-open-in-editor-link","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","EDITOR_LINK_STYLES"],"mappings":";;;;;;;;;;;AAAA,SAASA,eAAe,QAAQ,iCAAgC;AAChE,SAASC,QAAQC,GAAG,QAAQ,+BAA8B;AAU1D,OAAO,SAASC,WAAW,KAAmC;IAAnC,IAAA,EAAEC,IAAI,EAAEC,QAAQ,EAAmB,GAAnC;QAGXA,gBACJA;IAHV,MAAMC,OAAON,gBAAgB;QAC3BI;QACAG,YAAYF,CAAAA,iBAAAA,4BAAAA,SAAUG,IAAI,YAAdH,iBAAkB;QAC9BI,QAAQJ,CAAAA,mBAAAA,4BAAAA,SAAUI,MAAM,YAAhBJ,mBAAoB;IAC9B;IAEA,qBACE,MAACK;QACCC,+BAA6B;QAC7BC,4CAA0C;QAC1CC,UAAU;QACVC,MAAM;QACNC,SAAST;QACTU,OAAO;;YAENZ;YACAC,WAAW,AAAC,MAAGA,SAASG,IAAI,GAAC,MAAGH,SAASI,MAAM,GAAK;0BACrD,MAACQ;gBACCC,OAAM;gBACNC,SAAQ;gBACRC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;kCAEf,KAACC;wBAAKC,GAAE;;kCACR,KAACC;wBAASC,QAAO;;kCACjB,KAACpB;wBAAKqB,IAAG;wBAAKC,IAAG;wBAAKC,IAAG;wBAAKC,IAAG;;;;;;AAIzC;AAEA,OAAO,MAAMC,qBAAqB/B,uBAejC"}
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/ui/components/terminal/editor-link.tsx"],"sourcesContent":["import { useOpenInEditor } from '../../utils/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, 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-import-trace\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\nexport const EDITOR_LINK_STYLES = `\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-import-trace] {\n    margin-left: var(--size-gap-double);\n  }\n`\n"],"names":["useOpenInEditor","EditorLink","file","location","open","lineNumber","line","column","div","data-with-open-in-editor-link","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","EDITOR_LINK_STYLES"],"mappings":";AAAA,SAASA,eAAe,QAAQ,iCAAgC;AAUhE,OAAO,SAASC,WAAW,KAAmC;IAAnC,IAAA,EAAEC,IAAI,EAAEC,QAAQ,EAAmB,GAAnC;QAGXA,gBACJA;IAHV,MAAMC,OAAOJ,gBAAgB;QAC3BE;QACAG,YAAYF,CAAAA,iBAAAA,4BAAAA,SAAUG,IAAI,YAAdH,iBAAkB;QAC9BI,QAAQJ,CAAAA,mBAAAA,4BAAAA,SAAUI,MAAM,YAAhBJ,mBAAoB;IAC9B;IAEA,qBACE,MAACK;QACCC,+BAA6B;QAC7BC,4CAA0C;QAC1CC,UAAU;QACVC,MAAM;QACNC,SAAST;QACTU,OAAO;;YAENZ;YACAC,WAAW,AAAC,MAAGA,SAASG,IAAI,GAAC,MAAGH,SAASI,MAAM,GAAK;0BACrD,MAACQ;gBACCC,OAAM;gBACNC,SAAQ;gBACRC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;kCAEf,KAACC;wBAAKC,GAAE;;kCACR,KAACC;wBAASC,QAAO;;kCACjB,KAACpB;wBAAKqB,IAAG;wBAAKC,IAAG;wBAAKC,IAAG;wBAAKC,IAAG;;;;;;AAIzC;AAEA,OAAO,MAAMC,qBAAsB,sYAelC"}

package/dist/esm/client/components/react-dev-overlay/ui/components/terminal/terminal.js

@@ -1,20 +1,9 @@
-import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
-function _templateObject() {
-    const data = _tagged_template_literal_loose([
-        "\n  [data-nextjs-terminal]::selection,\n  [data-nextjs-terminal] *::selection {\n    background-color: var(--color-ansi-selection);\n  }\n\n  [data-nextjs-terminal] * {\n    color: inherit;\n    background-color: transparent;\n    font-family: var(--font-stack-monospace);\n  }\n\n  [data-nextjs-terminal] > div > p {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    margin: 0;\n  }\n  [data-nextjs-terminal] > div > p:hover {\n    text-decoration: underline dotted;\n  }\n  [data-nextjs-terminal] div > pre {\n    overflow: hidden;\n    display: inline-block;\n  }\n"
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Anser from 'next/dist/compiled/anser';
 import * as React from 'react';
 import { HotlinkedText } from '../hot-linked-text';
 import { EditorLink } from './editor-link';
 import { ExternalIcon } from '../../icons/external';
-import { noop as css } from '../../../utils/noop-template';
 import { getFrameSource } from '../../../utils/stack-frame';
 import { useOpenInEditor } from '../../utils/use-open-in-editor';
 import { FileIcon } from '../../icons/file';
@@ -146,6 +135,6 @@ export const Terminal = function Terminal(param) {
         ]
     });
 };
-export const TERMINAL_STYLES = css(_templateObject());
+export const TERMINAL_STYLES = "\n  [data-nextjs-terminal]::selection,\n  [data-nextjs-terminal] *::selection {\n    background-color: var(--color-ansi-selection);\n  }\n\n  [data-nextjs-terminal] * {\n    color: inherit;\n    background-color: transparent;\n    font-family: var(--font-stack-monospace);\n  }\n\n  [data-nextjs-terminal] > div > p {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    margin: 0;\n  }\n  [data-nextjs-terminal] > div > p:hover {\n    text-decoration: underline dotted;\n  }\n  [data-nextjs-terminal] div > pre {\n    overflow: hidden;\n    display: inline-block;\n  }\n";
 
 //# sourceMappingURL=terminal.js.map

package/dist/esm/client/components/react-dev-overlay/ui/components/terminal/terminal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/ui/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 './editor-link'\nimport { ExternalIcon } from '../../icons/external'\nimport { noop as css } from '../../../utils/noop-template'\nimport { getFrameSource } from '../../../utils/stack-frame'\nimport { useOpenInEditor } from '../../utils/use-open-in-editor'\nimport { FileIcon } from '../../icons/file'\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  const open = useOpenInEditor({\n    file: file?.fileName,\n    lineNumber: file?.location?.line ?? 1,\n    column: file?.location?.column ?? 0,\n  })\n\n  const stackFrame = {\n    file: file?.fileName ?? null,\n    methodName: '',\n    arguments: [],\n    lineNumber: file?.location?.line ?? null,\n    column: file?.location?.column ?? null,\n  }\n\n  const fileExtension = stackFrame?.file?.split('.').pop()\n\n  return (\n    <div data-nextjs-codeframe>\n      <div className=\"code-frame-header\">\n        <div className=\"code-frame-link\">\n          <span className=\"code-frame-icon\">\n            <FileIcon lang={fileExtension} />\n          </span>\n          <span data-text>\n            {/* TODO: Unlike the CodeFrame component, the `methodName` is unavailable. */}\n            {getFrameSource(stackFrame)}\n          </span>\n          <button\n            aria-label=\"Open in editor\"\n            data-with-open-in-editor-link-source-file\n            onClick={open}\n          >\n            <span className=\"code-frame-icon\" data-icon=\"right\">\n              <ExternalIcon width={16} height={16} />\n            </span>\n          </button>\n        </div>\n      </div>\n      <pre className=\"code-frame-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                ? // TODO(jiwon): This used to be 800, but the symbols like `─┬─` are\n                  // having longer width than expected on Geist Mono font-weight\n                  // above 600, hence a temporary fix is to use 500 for bold.\n                  { fontWeight: 500 }\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\nexport const TERMINAL_STYLES = css`\n  [data-nextjs-terminal]::selection,\n  [data-nextjs-terminal] *::selection {\n    background-color: var(--color-ansi-selection);\n  }\n\n  [data-nextjs-terminal] * {\n    color: inherit;\n    background-color: transparent;\n    font-family: var(--font-stack-monospace);\n  }\n\n  [data-nextjs-terminal] > div > p {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    margin: 0;\n  }\n  [data-nextjs-terminal] > div > p:hover {\n    text-decoration: underline dotted;\n  }\n  [data-nextjs-terminal] div > pre {\n    overflow: hidden;\n    display: inline-block;\n  }\n`\n"],"names":["Anser","React","HotlinkedText","EditorLink","ExternalIcon","noop","css","getFrameSource","useOpenInEditor","FileIcon","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","Terminal","stackFrame","useMemo","decoded","ansiToJson","json","use_classes","remove_empty","open","lineNumber","methodName","arguments","fileExtension","div","data-nextjs-codeframe","className","span","lang","data-text","button","aria-label","data-with-open-in-editor-link-source-file","onClick","data-icon","width","height","pre","map","entry","index","style","color","fg","decoration","fontWeight","fontStyle","text","importTraceFile","isSourceFile","TERMINAL_STYLES"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/ui/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 './editor-link'\nimport { ExternalIcon } from '../../icons/external'\nimport { getFrameSource } from '../../../utils/stack-frame'\nimport { useOpenInEditor } from '../../utils/use-open-in-editor'\nimport { FileIcon } from '../../icons/file'\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  const open = useOpenInEditor({\n    file: file?.fileName,\n    lineNumber: file?.location?.line ?? 1,\n    column: file?.location?.column ?? 0,\n  })\n\n  const stackFrame = {\n    file: file?.fileName ?? null,\n    methodName: '',\n    arguments: [],\n    lineNumber: file?.location?.line ?? null,\n    column: file?.location?.column ?? null,\n  }\n\n  const fileExtension = stackFrame?.file?.split('.').pop()\n\n  return (\n    <div data-nextjs-codeframe>\n      <div className=\"code-frame-header\">\n        <div className=\"code-frame-link\">\n          <span className=\"code-frame-icon\">\n            <FileIcon lang={fileExtension} />\n          </span>\n          <span data-text>\n            {/* TODO: Unlike the CodeFrame component, the `methodName` is unavailable. */}\n            {getFrameSource(stackFrame)}\n          </span>\n          <button\n            aria-label=\"Open in editor\"\n            data-with-open-in-editor-link-source-file\n            onClick={open}\n          >\n            <span className=\"code-frame-icon\" data-icon=\"right\">\n              <ExternalIcon width={16} height={16} />\n            </span>\n          </button>\n        </div>\n      </div>\n      <pre className=\"code-frame-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                ? // TODO(jiwon): This used to be 800, but the symbols like `─┬─` are\n                  // having longer width than expected on Geist Mono font-weight\n                  // above 600, hence a temporary fix is to use 500 for bold.\n                  { fontWeight: 500 }\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\nexport const TERMINAL_STYLES = `\n  [data-nextjs-terminal]::selection,\n  [data-nextjs-terminal] *::selection {\n    background-color: var(--color-ansi-selection);\n  }\n\n  [data-nextjs-terminal] * {\n    color: inherit;\n    background-color: transparent;\n    font-family: var(--font-stack-monospace);\n  }\n\n  [data-nextjs-terminal] > div > p {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    margin: 0;\n  }\n  [data-nextjs-terminal] > div > p:hover {\n    text-decoration: underline dotted;\n  }\n  [data-nextjs-terminal] div > pre {\n    overflow: hidden;\n    display: inline-block;\n  }\n`\n"],"names":["Anser","React","HotlinkedText","EditorLink","ExternalIcon","getFrameSource","useOpenInEditor","FileIcon","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","Terminal","stackFrame","useMemo","decoded","ansiToJson","json","use_classes","remove_empty","open","lineNumber","methodName","arguments","fileExtension","div","data-nextjs-codeframe","className","span","lang","data-text","button","aria-label","data-with-open-in-editor-link-source-file","onClick","data-icon","width","height","pre","map","entry","index","style","color","fg","decoration","fontWeight","fontStyle","text","importTraceFile","isSourceFile","TERMINAL_STYLES"],"mappings":"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"}

package/dist/esm/client/components/react-dev-overlay/ui/components/toast/styles.js

@@ -1,15 +1,4 @@
-import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
-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;
-}
-import { noop as css } from '../../../utils/noop-template';
-const styles = css(_templateObject());
+const styles = "\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";
 export { styles };
 
 //# sourceMappingURL=styles.js.map

package/dist/esm/client/components/react-dev-overlay/ui/components/toast/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/ui/components/toast/styles.ts"],"sourcesContent":["import { noop as css } from '../../../utils/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":["noop","css","styles"],"mappings":";;;;;;;;;;AAAA,SAASA,QAAQC,GAAG,QAAQ,+BAA8B;AAE1D,MAAMC,SAASD;AA4Ff,SAASC,MAAM,GAAE"}
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/ui/components/toast/styles.ts"],"sourcesContent":["const styles = `\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"],"mappings":"AAAA,MAAMA,SAAU;AA4FhB,SAASA,MAAM,GAAE"}

package/dist/esm/client/components/react-dev-overlay/ui/components/version-staleness-info/version-staleness-info.js

@@ -1,16 +1,5 @@
-import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
-function _templateObject() {
-    const data = _tagged_template_literal_loose([
-        "\n  .nextjs-container-build-error-version-status {\n    -webkit-font-smoothing: antialiased;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: var(--size-1);\n\n    height: 26px;\n    padding: 6px 8px 6px 6px;\n    background: var(--color-background-100);\n    background-clip: padding-box;\n    border: 1px solid var(--color-gray-alpha-400);\n    box-shadow: var(--shadow-small);\n    border-radius: var(--rounded-full);\n\n    color: var(--color-gray-900);\n    font-size: 12px;\n    font-weight: 500;\n    line-height: var(--size-4);\n  }\n\n  a.nextjs-container-build-error-version-status {\n    text-decoration: none;\n    color: var(--color-gray-900);\n\n    &:hover {\n      background: var(--color-gray-100);\n    }\n\n    &:focus {\n      outline: var(--focus-ring);\n    }\n  }\n\n  .version-staleness-indicator.fresh {\n    fill: var(--color-green-800);\n    stroke: var(--color-green-300);\n  }\n  .version-staleness-indicator.stale {\n    fill: var(--color-amber-800);\n    stroke: var(--color-amber-300);\n  }\n  .version-staleness-indicator.outdated {\n    fill: var(--color-red-800);\n    stroke: var(--color-red-300);\n  }\n  .version-staleness-indicator.unknown {\n    fill: var(--color-gray-800);\n    stroke: var(--color-gray-300);\n  }\n\n  .nextjs-container-build-error-version-status > .turbopack-text {\n    background: linear-gradient(\n      to right,\n      var(--color-turbopack-text-red) 0%,\n      var(--color-turbopack-text-blue) 100%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n"
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cx } from '../../utils/cx';
-import { noop as css } from '../../../utils/noop-template';
 export function VersionStalenessInfo(param) {
     let { versionInfo, isTurbopack } = param;
     const { staleness } = versionInfo;
@@ -103,7 +92,7 @@ export function getStaleness(param) {
         title
     };
 }
-export const styles = css(_templateObject());
+export const styles = "\n  .nextjs-container-build-error-version-status {\n    -webkit-font-smoothing: antialiased;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: var(--size-1);\n\n    height: 26px;\n    padding: 6px 8px 6px 6px;\n    background: var(--color-background-100);\n    background-clip: padding-box;\n    border: 1px solid var(--color-gray-alpha-400);\n    box-shadow: var(--shadow-small);\n    border-radius: var(--rounded-full);\n\n    color: var(--color-gray-900);\n    font-size: 12px;\n    font-weight: 500;\n    line-height: var(--size-4);\n  }\n\n  a.nextjs-container-build-error-version-status {\n    text-decoration: none;\n    color: var(--color-gray-900);\n\n    &:hover {\n      background: var(--color-gray-100);\n    }\n\n    &:focus {\n      outline: var(--focus-ring);\n    }\n  }\n\n  .version-staleness-indicator.fresh {\n    fill: var(--color-green-800);\n    stroke: var(--color-green-300);\n  }\n  .version-staleness-indicator.stale {\n    fill: var(--color-amber-800);\n    stroke: var(--color-amber-300);\n  }\n  .version-staleness-indicator.outdated {\n    fill: var(--color-red-800);\n    stroke: var(--color-red-300);\n  }\n  .version-staleness-indicator.unknown {\n    fill: var(--color-gray-800);\n    stroke: var(--color-gray-300);\n  }\n\n  .nextjs-container-build-error-version-status > .turbopack-text {\n    background: linear-gradient(\n      to right,\n      var(--color-turbopack-text-red) 0%,\n      var(--color-turbopack-text-blue) 100%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n";
 function Eclipse(param) {
     let { className } = param;
     return /*#__PURE__*/ _jsx("svg", {

package/dist/esm/client/components/react-dev-overlay/ui/components/version-staleness-info/version-staleness-info.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/ui/components/version-staleness-info/version-staleness-info.tsx"],"sourcesContent":["import type { VersionInfo } from '../../../../../../server/dev/parse-version-info'\nimport { cx } from '../../utils/cx'\nimport { noop as css } from '../../../utils/noop-template'\n\nexport function VersionStalenessInfo({\n  versionInfo,\n  isTurbopack,\n}: {\n  versionInfo: VersionInfo\n  isTurbopack?: boolean\n}) {\n  const { staleness } = versionInfo\n  let { text, indicatorClass, title } = getStaleness(versionInfo)\n\n  const shouldBeLink = staleness.startsWith('stale')\n  if (shouldBeLink) {\n    return (\n      <a\n        className={cx(\n          'nextjs-container-build-error-version-status',\n          'dialog-exclude-closing-from-outside-click',\n          isTurbopack && 'turbopack-border'\n        )}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        href=\"https://nextjs.org/docs/messages/version-staleness\"\n      >\n        <Eclipse\n          className={cx('version-staleness-indicator', indicatorClass)}\n        />\n        <span data-nextjs-version-checker title={title}>\n          {text}\n        </span>\n        {isTurbopack && <span className=\"turbopack-text\">Turbopack</span>}\n      </a>\n    )\n  }\n\n  return (\n    <span className=\"nextjs-container-build-error-version-status dialog-exclude-closing-from-outside-click\">\n      <Eclipse className={cx('version-staleness-indicator', indicatorClass)} />\n      <span data-nextjs-version-checker title={title}>\n        {text}\n      </span>\n      {isTurbopack && <span className=\"turbopack-text\">Turbopack</span>}\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} (stale)`\n      title = `There is a newer version (${expected}) available, upgrade recommended! `\n      indicatorClass = 'stale'\n      break\n    case 'stale-major': {\n      text = `${versionLabel} (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} (stale)`\n      title = `There is a newer canary version (${expected}) available, please upgrade! `\n      indicatorClass = 'stale'\n      break\n    }\n    case 'unknown':\n      text = `${versionLabel} (unknown)`\n      title = 'No Next.js version data was found.'\n      indicatorClass = 'unknown'\n      break\n    default:\n      break\n  }\n  return { text, indicatorClass, title }\n}\n\nexport const styles = css`\n  .nextjs-container-build-error-version-status {\n    -webkit-font-smoothing: antialiased;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: var(--size-1);\n\n    height: 26px;\n    padding: 6px 8px 6px 6px;\n    background: var(--color-background-100);\n    background-clip: padding-box;\n    border: 1px solid var(--color-gray-alpha-400);\n    box-shadow: var(--shadow-small);\n    border-radius: var(--rounded-full);\n\n    color: var(--color-gray-900);\n    font-size: 12px;\n    font-weight: 500;\n    line-height: var(--size-4);\n  }\n\n  a.nextjs-container-build-error-version-status {\n    text-decoration: none;\n    color: var(--color-gray-900);\n\n    &:hover {\n      background: var(--color-gray-100);\n    }\n\n    &:focus {\n      outline: var(--focus-ring);\n    }\n  }\n\n  .version-staleness-indicator.fresh {\n    fill: var(--color-green-800);\n    stroke: var(--color-green-300);\n  }\n  .version-staleness-indicator.stale {\n    fill: var(--color-amber-800);\n    stroke: var(--color-amber-300);\n  }\n  .version-staleness-indicator.outdated {\n    fill: var(--color-red-800);\n    stroke: var(--color-red-300);\n  }\n  .version-staleness-indicator.unknown {\n    fill: var(--color-gray-800);\n    stroke: var(--color-gray-300);\n  }\n\n  .nextjs-container-build-error-version-status > .turbopack-text {\n    background: linear-gradient(\n      to right,\n      var(--color-turbopack-text-red) 0%,\n      var(--color-turbopack-text-blue) 100%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n`\n\nfunction Eclipse({ className }: { className: string }) {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 14 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle className={className} cx=\"7\" cy=\"7\" r=\"5.5\" strokeWidth=\"3\" />\n    </svg>\n  )\n}\n"],"names":["cx","noop","css","VersionStalenessInfo","versionInfo","isTurbopack","staleness","text","indicatorClass","title","getStaleness","shouldBeLink","startsWith","a","className","target","rel","href","Eclipse","span","data-nextjs-version-checker","installed","expected","versionLabel","styles","svg","width","height","viewBox","fill","xmlns","circle","cy","r","strokeWidth"],"mappings":";;;;;;;;;;;AACA,SAASA,EAAE,QAAQ,iBAAgB;AACnC,SAASC,QAAQC,GAAG,QAAQ,+BAA8B;AAE1D,OAAO,SAASC,qBAAqB,KAMpC;IANoC,IAAA,EACnCC,WAAW,EACXC,WAAW,EAIZ,GANoC;IAOnC,MAAM,EAAEC,SAAS,EAAE,GAAGF;IACtB,IAAI,EAAEG,IAAI,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGC,aAAaN;IAEnD,MAAMO,eAAeL,UAAUM,UAAU,CAAC;IAC1C,IAAID,cAAc;QAChB,qBACE,MAACE;YACCC,WAAWd,GACT,+CACA,6CACAK,eAAe;YAEjBU,QAAO;YACPC,KAAI;YACJC,MAAK;;8BAEL,KAACC;oBACCJ,WAAWd,GAAG,+BAA+BQ;;8BAE/C,KAACW;oBAAKC,6BAA2B;oBAACX,OAAOA;8BACtCF;;gBAEFF,6BAAe,KAACc;oBAAKL,WAAU;8BAAiB;;;;IAGvD;IAEA,qBACE,MAACK;QAAKL,WAAU;;0BACd,KAACI;gBAAQJ,WAAWd,GAAG,+BAA+BQ;;0BACtD,KAACW;gBAAKC,6BAA2B;gBAACX,OAAOA;0BACtCF;;YAEFF,6BAAe,KAACc;gBAAKL,WAAU;0BAAiB;;;;AAGvD;AAEA,OAAO,SAASJ,aAAa,KAA+C;IAA/C,IAAA,EAAEW,SAAS,EAAEf,SAAS,EAAEgB,QAAQ,EAAe,GAA/C;IAC3B,IAAIf,OAAO;IACX,IAAIE,QAAQ;IACZ,IAAID,iBAAiB;IACrB,MAAMe,eAAe,AAAC,aAAUF;IAChC,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;YACHD,OAAO,AAAC,KAAEgB,eAAa;YACvBd,QAAQ;YACRD,iBAAiB;YACjB;QACF;YACE;IACJ;IACA,OAAO;QAAED;QAAMC;QAAgBC;IAAM;AACvC;AAEA,OAAO,MAAMe,SAAStB,uBA8DrB;AAED,SAASgB,QAAQ,KAAoC;IAApC,IAAA,EAAEJ,SAAS,EAAyB,GAApC;IACf,qBACE,KAACW;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;kBAEN,cAAA,KAACC;YAAOjB,WAAWA;YAAWd,IAAG;YAAIgC,IAAG;YAAIC,GAAE;YAAMC,aAAY;;;AAGtE"}
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/ui/components/version-staleness-info/version-staleness-info.tsx"],"sourcesContent":["import type { VersionInfo } from '../../../../../../server/dev/parse-version-info'\nimport { cx } from '../../utils/cx'\n\nexport function VersionStalenessInfo({\n  versionInfo,\n  isTurbopack,\n}: {\n  versionInfo: VersionInfo\n  isTurbopack?: boolean\n}) {\n  const { staleness } = versionInfo\n  let { text, indicatorClass, title } = getStaleness(versionInfo)\n\n  const shouldBeLink = staleness.startsWith('stale')\n  if (shouldBeLink) {\n    return (\n      <a\n        className={cx(\n          'nextjs-container-build-error-version-status',\n          'dialog-exclude-closing-from-outside-click',\n          isTurbopack && 'turbopack-border'\n        )}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        href=\"https://nextjs.org/docs/messages/version-staleness\"\n      >\n        <Eclipse\n          className={cx('version-staleness-indicator', indicatorClass)}\n        />\n        <span data-nextjs-version-checker title={title}>\n          {text}\n        </span>\n        {isTurbopack && <span className=\"turbopack-text\">Turbopack</span>}\n      </a>\n    )\n  }\n\n  return (\n    <span className=\"nextjs-container-build-error-version-status dialog-exclude-closing-from-outside-click\">\n      <Eclipse className={cx('version-staleness-indicator', indicatorClass)} />\n      <span data-nextjs-version-checker title={title}>\n        {text}\n      </span>\n      {isTurbopack && <span className=\"turbopack-text\">Turbopack</span>}\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} (stale)`\n      title = `There is a newer version (${expected}) available, upgrade recommended! `\n      indicatorClass = 'stale'\n      break\n    case 'stale-major': {\n      text = `${versionLabel} (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} (stale)`\n      title = `There is a newer canary version (${expected}) available, please upgrade! `\n      indicatorClass = 'stale'\n      break\n    }\n    case 'unknown':\n      text = `${versionLabel} (unknown)`\n      title = 'No Next.js version data was found.'\n      indicatorClass = 'unknown'\n      break\n    default:\n      break\n  }\n  return { text, indicatorClass, title }\n}\n\nexport const styles = `\n  .nextjs-container-build-error-version-status {\n    -webkit-font-smoothing: antialiased;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: var(--size-1);\n\n    height: 26px;\n    padding: 6px 8px 6px 6px;\n    background: var(--color-background-100);\n    background-clip: padding-box;\n    border: 1px solid var(--color-gray-alpha-400);\n    box-shadow: var(--shadow-small);\n    border-radius: var(--rounded-full);\n\n    color: var(--color-gray-900);\n    font-size: 12px;\n    font-weight: 500;\n    line-height: var(--size-4);\n  }\n\n  a.nextjs-container-build-error-version-status {\n    text-decoration: none;\n    color: var(--color-gray-900);\n\n    &:hover {\n      background: var(--color-gray-100);\n    }\n\n    &:focus {\n      outline: var(--focus-ring);\n    }\n  }\n\n  .version-staleness-indicator.fresh {\n    fill: var(--color-green-800);\n    stroke: var(--color-green-300);\n  }\n  .version-staleness-indicator.stale {\n    fill: var(--color-amber-800);\n    stroke: var(--color-amber-300);\n  }\n  .version-staleness-indicator.outdated {\n    fill: var(--color-red-800);\n    stroke: var(--color-red-300);\n  }\n  .version-staleness-indicator.unknown {\n    fill: var(--color-gray-800);\n    stroke: var(--color-gray-300);\n  }\n\n  .nextjs-container-build-error-version-status > .turbopack-text {\n    background: linear-gradient(\n      to right,\n      var(--color-turbopack-text-red) 0%,\n      var(--color-turbopack-text-blue) 100%\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n`\n\nfunction Eclipse({ className }: { className: string }) {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 14 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle className={className} cx=\"7\" cy=\"7\" r=\"5.5\" strokeWidth=\"3\" />\n    </svg>\n  )\n}\n"],"names":["cx","VersionStalenessInfo","versionInfo","isTurbopack","staleness","text","indicatorClass","title","getStaleness","shouldBeLink","startsWith","a","className","target","rel","href","Eclipse","span","data-nextjs-version-checker","installed","expected","versionLabel","styles","svg","width","height","viewBox","fill","xmlns","circle","cy","r","strokeWidth"],"mappings":";AACA,SAASA,EAAE,QAAQ,iBAAgB;AAEnC,OAAO,SAASC,qBAAqB,KAMpC;IANoC,IAAA,EACnCC,WAAW,EACXC,WAAW,EAIZ,GANoC;IAOnC,MAAM,EAAEC,SAAS,EAAE,GAAGF;IACtB,IAAI,EAAEG,IAAI,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGC,aAAaN;IAEnD,MAAMO,eAAeL,UAAUM,UAAU,CAAC;IAC1C,IAAID,cAAc;QAChB,qBACE,MAACE;YACCC,WAAWZ,GACT,+CACA,6CACAG,eAAe;YAEjBU,QAAO;YACPC,KAAI;YACJC,MAAK;;8BAEL,KAACC;oBACCJ,WAAWZ,GAAG,+BAA+BM;;8BAE/C,KAACW;oBAAKC,6BAA2B;oBAACX,OAAOA;8BACtCF;;gBAEFF,6BAAe,KAACc;oBAAKL,WAAU;8BAAiB;;;;IAGvD;IAEA,qBACE,MAACK;QAAKL,WAAU;;0BACd,KAACI;gBAAQJ,WAAWZ,GAAG,+BAA+BM;;0BACtD,KAACW;gBAAKC,6BAA2B;gBAACX,OAAOA;0BACtCF;;YAEFF,6BAAe,KAACc;gBAAKL,WAAU;0BAAiB;;;;AAGvD;AAEA,OAAO,SAASJ,aAAa,KAA+C;IAA/C,IAAA,EAAEW,SAAS,EAAEf,SAAS,EAAEgB,QAAQ,EAAe,GAA/C;IAC3B,IAAIf,OAAO;IACX,IAAIE,QAAQ;IACZ,IAAID,iBAAiB;IACrB,MAAMe,eAAe,AAAC,aAAUF;IAChC,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;YACHD,OAAO,AAAC,KAAEgB,eAAa;YACvBd,QAAQ;YACRD,iBAAiB;YACjB;QACF;YACE;IACJ;IACA,OAAO;QAAED;QAAMC;QAAgBC;IAAM;AACvC;AAEA,OAAO,MAAMe,SAAU,0lDA8DtB;AAED,SAASN,QAAQ,KAAoC;IAApC,IAAA,EAAEJ,SAAS,EAAyB,GAApC;IACf,qBACE,KAACW;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;kBAEN,cAAA,KAACC;YAAOjB,WAAWA;YAAWZ,IAAG;YAAI8B,IAAG;YAAIC,GAAE;YAAMC,aAAY;;;AAGtE"}

package/dist/esm/client/components/react-dev-overlay/ui/container/build-error.js

@@ -1,18 +1,7 @@
-import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
-function _templateObject() {
-    const data = _tagged_template_literal_loose([
-        ""
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
 import stripAnsi from 'next/dist/compiled/strip-ansi';
 import { Terminal } from '../components/terminal';
-import { noop as css } from '../../utils/noop-template';
 import { ErrorOverlayLayout } from '../components/errors/error-overlay-layout/error-overlay-layout';
 const getErrorTextFromBuildErrorMessage = (multiLineMessage)=>{
     const lines = multiLineMessage.split('\n');
@@ -50,6 +39,6 @@ export const BuildError = function BuildError(param) {
         })
     });
 };
-export const styles = css(_templateObject());
+export const styles = "";
 
 //# sourceMappingURL=build-error.js.map

package/dist/esm/client/components/react-dev-overlay/ui/container/build-error.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/client/components/react-dev-overlay/ui/container/build-error.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport stripAnsi from 'next/dist/compiled/strip-ansi'\nimport { Terminal } from '../components/terminal'\nimport { noop as css } from '../../utils/noop-template'\nimport { ErrorOverlayLayout } from '../components/errors/error-overlay-layout/error-overlay-layout'\nimport type { ErrorBaseProps } from '../components/errors/error-overlay/error-overlay'\n\nexport interface BuildErrorProps extends ErrorBaseProps {\n  message: string\n}\n\nconst getErrorTextFromBuildErrorMessage = (multiLineMessage: string) => {\n  const lines = multiLineMessage.split('\\n')\n  // The multi-line build error message looks like:\n  // <file path>:<line number>:<column number>\n  // <error message>\n  // <error code frame of compiler or bundler>\n  // e.g.\n  // ./path/to/file.js:1:1\n  // SyntaxError: ...\n  // > 1 | con st foo =\n  // ...\n  return stripAnsi(lines[1] || '')\n}\n\nexport const BuildError: React.FC<BuildErrorProps> = function BuildError({\n  message,\n  ...props\n}) {\n  const noop = useCallback(() => {}, [])\n  const error = new Error(message)\n  const formattedMessage = useMemo(\n    () => getErrorTextFromBuildErrorMessage(message) || 'Failed to compile',\n    [message]\n  )\n\n  return (\n    <ErrorOverlayLayout\n      errorType=\"Build Error\"\n      errorMessage={formattedMessage}\n      onClose={noop}\n      error={error}\n      footerMessage=\"This error occurred during the build process and can only be dismissed by fixing the error.\"\n      {...props}\n    >\n      <Terminal content={message} />\n    </ErrorOverlayLayout>\n  )\n}\n\nexport const styles = css``\n"],"names":["React","useCallback","useMemo","stripAnsi","Terminal","noop","css","ErrorOverlayLayout","getErrorTextFromBuildErrorMessage","multiLineMessage","lines","split","BuildError","message","props","error","Error","formattedMessage","errorType","errorMessage","onClose","footerMessage","content","styles"],"mappings":";;;;;;;;;;;AAAA,OAAOA,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAO;AACnD,OAAOC,eAAe,gCAA+B;AACrD,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,QAAQC,GAAG,QAAQ,4BAA2B;AACvD,SAASC,kBAAkB,QAAQ,iEAAgE;AAOnG,MAAMC,oCAAoC,CAACC;IACzC,MAAMC,QAAQD,iBAAiBE,KAAK,CAAC;IACrC,iDAAiD;IACjD,4CAA4C;IAC5C,kBAAkB;IAClB,4CAA4C;IAC5C,OAAO;IACP,wBAAwB;IACxB,mBAAmB;IACnB,qBAAqB;IACrB,MAAM;IACN,OAAOR,UAAUO,KAAK,CAAC,EAAE,IAAI;AAC/B;AAEA,OAAO,MAAME,aAAwC,SAASA,WAAW,KAGxE;IAHwE,IAAA,EACvEC,OAAO,EACP,GAAGC,OACJ,GAHwE;IAIvE,MAAMT,OAAOJ,YAAY,KAAO,GAAG,EAAE;IACrC,MAAMc,QAAQ,qBAAkB,CAAlB,IAAIC,MAAMH,UAAV,qBAAA;eAAA;oBAAA;sBAAA;IAAiB;IAC/B,MAAMI,mBAAmBf,QACvB,IAAMM,kCAAkCK,YAAY,qBACpD;QAACA;KAAQ;IAGX,qBACE,KAACN;QACCW,WAAU;QACVC,cAAcF;QACdG,SAASf;QACTU,OAAOA;QACPM,eAAc;QACb,GAAGP,KAAK;kBAET,cAAA,KAACV;YAASkB,SAAST;;;AAGzB,EAAC;AAED,OAAO,MAAMU,SAASjB,uBAAK"}
+{"version":3,"sources":["../../../../../../src/client/components/react-dev-overlay/ui/container/build-error.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport stripAnsi from 'next/dist/compiled/strip-ansi'\nimport { Terminal } from '../components/terminal'\nimport { ErrorOverlayLayout } from '../components/errors/error-overlay-layout/error-overlay-layout'\nimport type { ErrorBaseProps } from '../components/errors/error-overlay/error-overlay'\n\nexport interface BuildErrorProps extends ErrorBaseProps {\n  message: string\n}\n\nconst getErrorTextFromBuildErrorMessage = (multiLineMessage: string) => {\n  const lines = multiLineMessage.split('\\n')\n  // The multi-line build error message looks like:\n  // <file path>:<line number>:<column number>\n  // <error message>\n  // <error code frame of compiler or bundler>\n  // e.g.\n  // ./path/to/file.js:1:1\n  // SyntaxError: ...\n  // > 1 | con st foo =\n  // ...\n  return stripAnsi(lines[1] || '')\n}\n\nexport const BuildError: React.FC<BuildErrorProps> = function BuildError({\n  message,\n  ...props\n}) {\n  const noop = useCallback(() => {}, [])\n  const error = new Error(message)\n  const formattedMessage = useMemo(\n    () => getErrorTextFromBuildErrorMessage(message) || 'Failed to compile',\n    [message]\n  )\n\n  return (\n    <ErrorOverlayLayout\n      errorType=\"Build Error\"\n      errorMessage={formattedMessage}\n      onClose={noop}\n      error={error}\n      footerMessage=\"This error occurred during the build process and can only be dismissed by fixing the error.\"\n      {...props}\n    >\n      <Terminal content={message} />\n    </ErrorOverlayLayout>\n  )\n}\n\nexport const styles = ``\n"],"names":["React","useCallback","useMemo","stripAnsi","Terminal","ErrorOverlayLayout","getErrorTextFromBuildErrorMessage","multiLineMessage","lines","split","BuildError","message","props","noop","error","Error","formattedMessage","errorType","errorMessage","onClose","footerMessage","content","styles"],"mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAO;AACnD,OAAOC,eAAe,gCAA+B;AACrD,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,kBAAkB,QAAQ,iEAAgE;AAOnG,MAAMC,oCAAoC,CAACC;IACzC,MAAMC,QAAQD,iBAAiBE,KAAK,CAAC;IACrC,iDAAiD;IACjD,4CAA4C;IAC5C,kBAAkB;IAClB,4CAA4C;IAC5C,OAAO;IACP,wBAAwB;IACxB,mBAAmB;IACnB,qBAAqB;IACrB,MAAM;IACN,OAAON,UAAUK,KAAK,CAAC,EAAE,IAAI;AAC/B;AAEA,OAAO,MAAME,aAAwC,SAASA,WAAW,KAGxE;IAHwE,IAAA,EACvEC,OAAO,EACP,GAAGC,OACJ,GAHwE;IAIvE,MAAMC,OAAOZ,YAAY,KAAO,GAAG,EAAE;IACrC,MAAMa,QAAQ,qBAAkB,CAAlB,IAAIC,MAAMJ,UAAV,qBAAA;eAAA;oBAAA;sBAAA;IAAiB;IAC/B,MAAMK,mBAAmBd,QACvB,IAAMI,kCAAkCK,YAAY,qBACpD;QAACA;KAAQ;IAGX,qBACE,KAACN;QACCY,WAAU;QACVC,cAAcF;QACdG,SAASN;QACTC,OAAOA;QACPM,eAAc;QACb,GAAGR,KAAK;kBAET,cAAA,KAACR;YAASiB,SAASV;;;AAGzB,EAAC;AAED,OAAO,MAAMW,SAAU,GAAC"}

package/dist/esm/client/components/react-dev-overlay/ui/container/build-error.stories.js

@@ -12,7 +12,7 @@ const meta = {
 export default meta;
 export const Default = {
     args: {
-        message: './src/app/page.tsx:3:3\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n  1 | export default function Home() {\n  2 |   const\n> 3 |   return <div>Hello World</div>\n    |   ^^^^^^\n  4 | }\n  5 |\n\nExpected identError: Failed to resolve import "./missing-module"',
+        message: './src/app/page.tsx:3:3\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n  1 | export default function Home() {\n  2 |   const\n> 3 |   return <div>Hello World</div>\n    |   ^^^^^^\n  4 | }\n  5 |\n\nExpected identError: Failed to resolve import "./missing-module"\n\nhttps://nextjs.org/docs/messages/module-not-found',
         versionInfo: {
             installed: '15.0.0',
             staleness: 'fresh'

package/dist/esm/client/components/react-dev-overlay/ui/container/build-error.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/client/components/react-dev-overlay/ui/container/build-error.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BuildError } from './build-error'\nimport { withShadowPortal } from '../storybook/with-shadow-portal'\n\nconst meta: Meta<typeof BuildError> = {\n  component: BuildError,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  decorators: [withShadowPortal],\n}\n\nexport default meta\ntype Story = StoryObj<typeof BuildError>\n\nexport const Default: Story = {\n  args: {\n    message: `./src/app/page.tsx:3:3\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n  1 | export default function Home() {\n  2 |   const\n> 3 |   return <div>Hello World</div>\n    |   ^^^^^^\n  4 | }\n  5 |\n\nExpected identError: Failed to resolve import \"./missing-module\"`,\n    versionInfo: {\n      installed: '15.0.0',\n      staleness: 'fresh',\n    },\n  },\n}\n\nexport const Turbopack: Story = {\n  args: {\n    ...Default.args,\n    isTurbopack: true,\n  },\n}\n"],"names":["BuildError","withShadowPortal","meta","component","parameters","layout","decorators","Default","args","message","versionInfo","installed","staleness","Turbopack","isTurbopack"],"mappings":"AACA,SAASA,UAAU,QAAQ,gBAAe;AAC1C,SAASC,gBAAgB,QAAQ,kCAAiC;AAElE,MAAMC,OAAgC;IACpCC,WAAWH;IACXI,YAAY;QACVC,QAAQ;IACV;IACAC,YAAY;QAACL;KAAiB;AAChC;AAEA,eAAeC,KAAI;AAGnB,OAAO,MAAMK,UAAiB;IAC5BC,MAAM;QACJC,SAAU;QAUVC,aAAa;YACXC,WAAW;YACXC,WAAW;QACb;IACF;AACF,EAAC;AAED,OAAO,MAAMC,YAAmB;IAC9BL,MAAM;QACJ,GAAGD,QAAQC,IAAI;QACfM,aAAa;IACf;AACF,EAAC"}
+{"version":3,"sources":["../../../../../../src/client/components/react-dev-overlay/ui/container/build-error.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { BuildError } from './build-error'\nimport { withShadowPortal } from '../storybook/with-shadow-portal'\n\nconst meta: Meta<typeof BuildError> = {\n  component: BuildError,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  decorators: [withShadowPortal],\n}\n\nexport default meta\ntype Story = StoryObj<typeof BuildError>\n\nexport const Default: Story = {\n  args: {\n    message: `./src/app/page.tsx:3:3\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n  1 | export default function Home() {\n  2 |   const\n> 3 |   return <div>Hello World</div>\n    |   ^^^^^^\n  4 | }\n  5 |\n\nExpected identError: Failed to resolve import \"./missing-module\"\n\nhttps://nextjs.org/docs/messages/module-not-found`,\n    versionInfo: {\n      installed: '15.0.0',\n      staleness: 'fresh',\n    },\n  },\n}\n\nexport const Turbopack: Story = {\n  args: {\n    ...Default.args,\n    isTurbopack: true,\n  },\n}\n"],"names":["BuildError","withShadowPortal","meta","component","parameters","layout","decorators","Default","args","message","versionInfo","installed","staleness","Turbopack","isTurbopack"],"mappings":"AACA,SAASA,UAAU,QAAQ,gBAAe;AAC1C,SAASC,gBAAgB,QAAQ,kCAAiC;AAElE,MAAMC,OAAgC;IACpCC,WAAWH;IACXI,YAAY;QACVC,QAAQ;IACV;IACAC,YAAY;QAACL;KAAiB;AAChC;AAEA,eAAeC,KAAI;AAGnB,OAAO,MAAMK,UAAiB;IAC5BC,MAAM;QACJC,SAAU;QAYVC,aAAa;YACXC,WAAW;YACXC,WAAW;QACb;IACF;AACF,EAAC;AAED,OAAO,MAAMC,YAAmB;IAC9BL,MAAM;QACJ,GAAGD,QAAQC,IAAI;QACfM,aAAa;IACf;AACF,EAAC"}

package/dist/esm/client/components/react-dev-overlay/ui/container/errors.js

@@ -1,17 +1,6 @@
-import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
-function _templateObject() {
-    const data = _tagged_template_literal_loose([
-        "\n  .nextjs-error-with-static {\n    bottom: calc(var(--size-gap-double) * 4.5);\n  }\n  p.nextjs__container_errors__link {\n    font-size: 14px;\n  }\n  p.nextjs__container_errors__notes {\n    color: var(--color-stack-notes);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n  .nextjs-container-errors-body > h2:not(:first-child) {\n    margin-top: calc(var(--size-gap-double) + var(--size-gap));\n  }\n  .nextjs-container-errors-body > h2 {\n    color: var(--color-title-color);\n    margin-bottom: var(--size-gap);\n    font-size: var(--size-font-big);\n  }\n  .nextjs-toast-errors-parent {\n    cursor: pointer;\n    transition: transform 0.2s ease;\n  }\n  .nextjs-toast-errors-parent:hover {\n    transform: scale(1.1);\n  }\n  .nextjs-toast-errors {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n  }\n  .nextjs-toast-errors > svg {\n    margin-right: var(--size-gap);\n  }\n  .nextjs-toast-hide-button {\n    margin-left: var(--size-gap-triple);\n    border: none;\n    background: none;\n    color: var(--color-ansi-bright-white);\n    padding: 0;\n    transition: opacity 0.25s ease;\n    opacity: 0.7;\n  }\n  .nextjs-toast-hide-button:hover {\n    opacity: 1;\n  }\n  .nextjs__container_errors_inspect_copy_button {\n    cursor: pointer;\n    background: none;\n    border: none;\n    color: var(--color-ansi-bright-white);\n    font-size: 1.5rem;\n    padding: 0;\n    margin: 0;\n    margin-left: var(--size-gap);\n    transition: opacity 0.25s ease;\n  }\n  .nextjs__container_errors__error_title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: var(--size-3_5);\n  }\n  .error-overlay-notes-container {\n    margin: var(--size-2) var(--size-0_5);\n  }\n  .error-overlay-notes-container p {\n    white-space: pre-wrap;\n  }\n"
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useMemo, useEffect, useRef, Suspense } from 'react';
 import { Overlay } from '../components/overlay';
-import { noop as css } from '../../utils/noop-template';
 import { RuntimeError } from './runtime-error';
 import { getErrorSource } from '../../../../../shared/lib/error-source';
 import { HotlinkedText } from '../components/hot-linked-text';
@@ -161,6 +150,6 @@ export function Errors(param) {
         ]
     });
 }
-export const styles = css(_templateObject());
+export const styles = "\n  .nextjs-error-with-static {\n    bottom: calc(var(--size-gap-double) * 4.5);\n  }\n  p.nextjs__container_errors__link {\n    font-size: 14px;\n  }\n  p.nextjs__container_errors__notes {\n    color: var(--color-stack-notes);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n  .nextjs-container-errors-body > h2:not(:first-child) {\n    margin-top: calc(var(--size-gap-double) + var(--size-gap));\n  }\n  .nextjs-container-errors-body > h2 {\n    color: var(--color-title-color);\n    margin-bottom: var(--size-gap);\n    font-size: var(--size-font-big);\n  }\n  .nextjs-toast-errors-parent {\n    cursor: pointer;\n    transition: transform 0.2s ease;\n  }\n  .nextjs-toast-errors-parent:hover {\n    transform: scale(1.1);\n  }\n  .nextjs-toast-errors {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n  }\n  .nextjs-toast-errors > svg {\n    margin-right: var(--size-gap);\n  }\n  .nextjs-toast-hide-button {\n    margin-left: var(--size-gap-triple);\n    border: none;\n    background: none;\n    color: var(--color-ansi-bright-white);\n    padding: 0;\n    transition: opacity 0.25s ease;\n    opacity: 0.7;\n  }\n  .nextjs-toast-hide-button:hover {\n    opacity: 1;\n  }\n  .nextjs__container_errors_inspect_copy_button {\n    cursor: pointer;\n    background: none;\n    border: none;\n    color: var(--color-ansi-bright-white);\n    font-size: 1.5rem;\n    padding: 0;\n    margin: 0;\n    margin-left: var(--size-gap);\n    transition: opacity 0.25s ease;\n  }\n  .nextjs__container_errors__error_title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: var(--size-3_5);\n  }\n  .error-overlay-notes-container {\n    margin: var(--size-2) var(--size-0_5);\n  }\n  .error-overlay-notes-container p {\n    white-space: pre-wrap;\n  }\n";
 
 //# sourceMappingURL=errors.js.map

package/dist/esm/client/components/react-dev-overlay/ui/container/errors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/client/components/react-dev-overlay/ui/container/errors.tsx"],"sourcesContent":["import { useState, useMemo, useEffect, useRef, Suspense } from 'react'\nimport type { DebugInfo } from '../../types'\nimport { Overlay } from '../components/overlay'\nimport { noop as css } from '../../utils/noop-template'\nimport { RuntimeError } from './runtime-error'\nimport { getErrorSource } from '../../../../../shared/lib/error-source'\nimport { HotlinkedText } from '../components/hot-linked-text'\nimport { PseudoHtmlDiff } from './runtime-error/component-stack-pseudo-html'\nimport {\n  type HydrationErrorState,\n  getHydrationWarningType,\n} from '../../../errors/hydration-error-info'\nimport {\n  getUnhandledErrorType,\n  isUnhandledConsoleOrRejection,\n} from '../../../errors/console-error'\nimport { extractNextErrorCode } from '../../../../../lib/error-telemetry-utils'\nimport { ErrorOverlayLayout } from '../components/errors/error-overlay-layout/error-overlay-layout'\nimport type { ReadyRuntimeError } from '../../utils/get-error-by-type'\nimport type { ErrorBaseProps } from '../components/errors/error-overlay/error-overlay'\n\nexport interface ErrorsProps extends ErrorBaseProps {\n  runtimeErrors: ReadyRuntimeError[]\n  debugInfo: DebugInfo\n  onClose: () => void\n}\n\ntype ReadyErrorEvent = ReadyRuntimeError\n\nfunction isNextjsLink(text: string): boolean {\n  return text.startsWith('https://nextjs.org')\n}\n\nfunction ErrorDescription({\n  error,\n  hydrationWarning,\n}: {\n  error: Error\n  hydrationWarning: string | null\n}) {\n  const isUnhandledOrReplayError = isUnhandledConsoleOrRejection(error)\n  const unhandledErrorType = isUnhandledOrReplayError\n    ? getUnhandledErrorType(error)\n    : null\n  const isConsoleErrorStringMessage = unhandledErrorType === 'string'\n  // If the error is:\n  // - hydration warning\n  // - captured console error or unhandled rejection\n  // skip displaying the error name\n  const title =\n    (isUnhandledOrReplayError && isConsoleErrorStringMessage) ||\n    hydrationWarning\n      ? ''\n      : error.name + ': '\n\n  const environmentName =\n    'environmentName' in error ? error.environmentName : ''\n  const envPrefix = environmentName ? `[ ${environmentName} ] ` : ''\n\n  // The environment name will be displayed as a label, so remove it\n  // from the message (e.g. \"[ Server ] hello world\" -> \"hello world\").\n  let message = error.message\n  if (message.startsWith(envPrefix)) {\n    message = message.slice(envPrefix.length)\n  }\n\n  return (\n    <>\n      {title}\n      <HotlinkedText\n        text={hydrationWarning || message}\n        matcher={isNextjsLink}\n      />\n    </>\n  )\n}\n\nexport function Errors({\n  runtimeErrors,\n  debugInfo,\n  onClose,\n  ...props\n}: ErrorsProps) {\n  const dialogResizerRef = useRef<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    // Close the error overlay when pressing escape\n    function handleKeyDown(event: KeyboardEvent) {\n      if (event.key === 'Escape') {\n        onClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [onClose])\n\n  const isLoading = useMemo<boolean>(() => {\n    return runtimeErrors.length < 1\n  }, [runtimeErrors.length])\n\n  const [activeIdx, setActiveIndex] = useState<number>(0)\n\n  const activeError = useMemo<ReadyErrorEvent | null>(\n    () => runtimeErrors[activeIdx] ?? null,\n    [activeIdx, runtimeErrors]\n  )\n\n  if (isLoading) {\n    // TODO: better loading state\n    return <Overlay />\n  }\n\n  if (!activeError) {\n    return null\n  }\n\n  const error = activeError.error\n  const isServerError = ['server', 'edge-server'].includes(\n    getErrorSource(error) || ''\n  )\n  const isUnhandledError = isUnhandledConsoleOrRejection(error)\n  const errorDetails: HydrationErrorState = (error as any).details || {}\n  const notes = errorDetails.notes || ''\n  const [warningTemplate, serverContent, clientContent] =\n    errorDetails.warning || [null, '', '']\n\n  const hydrationErrorType = getHydrationWarningType(warningTemplate)\n  const hydrationWarning = warningTemplate\n    ? warningTemplate\n        .replace('%s', serverContent)\n        .replace('%s', clientContent)\n        .replace('%s', '') // remove the %s for stack\n        .replace(/%s$/, '') // If there's still a %s at the end, remove it\n        .replace(/^Warning: /, '')\n        .replace(/^Error: /, '')\n    : null\n\n  const errorCode = extractNextErrorCode(error)\n\n  const footerMessage = isServerError\n    ? 'This error happened while generating the page. Any console logs will be displayed in the terminal window.'\n    : undefined\n\n  return (\n    <ErrorOverlayLayout\n      errorCode={errorCode}\n      errorType={\n        isServerError\n          ? 'Runtime Error'\n          : isUnhandledError\n            ? 'Console Error'\n            : 'Unhandled Runtime Error'\n      }\n      errorMessage={\n        <ErrorDescription error={error} hydrationWarning={hydrationWarning} />\n      }\n      onClose={isServerError ? undefined : onClose}\n      debugInfo={debugInfo}\n      error={error}\n      runtimeErrors={runtimeErrors}\n      activeIdx={activeIdx}\n      setActiveIndex={setActiveIndex}\n      footerMessage={footerMessage}\n      dialogResizerRef={dialogResizerRef}\n      {...props}\n    >\n      <div className=\"error-overlay-notes-container\">\n        {notes ? (\n          <>\n            <p\n              id=\"nextjs__container_errors__notes\"\n              className=\"nextjs__container_errors__notes\"\n            >\n              {notes}\n            </p>\n          </>\n        ) : null}\n        {hydrationWarning ? (\n          <p\n            id=\"nextjs__container_errors__link\"\n            className=\"nextjs__container_errors__link\"\n          >\n            <HotlinkedText text=\"See more info here: https://nextjs.org/docs/messages/react-hydration-error\" />\n          </p>\n        ) : null}\n      </div>\n\n      {hydrationWarning &&\n      (activeError.componentStackFrames?.length ||\n        !!errorDetails.reactOutputComponentDiff) ? (\n        <PseudoHtmlDiff\n          className=\"nextjs__container_errors__component-stack\"\n          hydrationMismatchType={hydrationErrorType}\n          firstContent={serverContent}\n          secondContent={clientContent}\n          reactOutputComponentDiff={errorDetails.reactOutputComponentDiff || ''}\n        />\n      ) : null}\n      <Suspense fallback={<div data-nextjs-error-suspended />}>\n        <RuntimeError\n          key={activeError.id.toString()}\n          error={activeError}\n          dialogResizerRef={dialogResizerRef}\n        />\n      </Suspense>\n    </ErrorOverlayLayout>\n  )\n}\n\nexport const styles = css`\n  .nextjs-error-with-static {\n    bottom: calc(var(--size-gap-double) * 4.5);\n  }\n  p.nextjs__container_errors__link {\n    font-size: 14px;\n  }\n  p.nextjs__container_errors__notes {\n    color: var(--color-stack-notes);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n  .nextjs-container-errors-body > h2:not(:first-child) {\n    margin-top: calc(var(--size-gap-double) + var(--size-gap));\n  }\n  .nextjs-container-errors-body > h2 {\n    color: var(--color-title-color);\n    margin-bottom: var(--size-gap);\n    font-size: var(--size-font-big);\n  }\n  .nextjs-toast-errors-parent {\n    cursor: pointer;\n    transition: transform 0.2s ease;\n  }\n  .nextjs-toast-errors-parent:hover {\n    transform: scale(1.1);\n  }\n  .nextjs-toast-errors {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n  }\n  .nextjs-toast-errors > svg {\n    margin-right: var(--size-gap);\n  }\n  .nextjs-toast-hide-button {\n    margin-left: var(--size-gap-triple);\n    border: none;\n    background: none;\n    color: var(--color-ansi-bright-white);\n    padding: 0;\n    transition: opacity 0.25s ease;\n    opacity: 0.7;\n  }\n  .nextjs-toast-hide-button:hover {\n    opacity: 1;\n  }\n  .nextjs__container_errors_inspect_copy_button {\n    cursor: pointer;\n    background: none;\n    border: none;\n    color: var(--color-ansi-bright-white);\n    font-size: 1.5rem;\n    padding: 0;\n    margin: 0;\n    margin-left: var(--size-gap);\n    transition: opacity 0.25s ease;\n  }\n  .nextjs__container_errors__error_title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: var(--size-3_5);\n  }\n  .error-overlay-notes-container {\n    margin: var(--size-2) var(--size-0_5);\n  }\n  .error-overlay-notes-container p {\n    white-space: pre-wrap;\n  }\n`\n"],"names":["useState","useMemo","useEffect","useRef","Suspense","Overlay","noop","css","RuntimeError","getErrorSource","HotlinkedText","PseudoHtmlDiff","getHydrationWarningType","getUnhandledErrorType","isUnhandledConsoleOrRejection","extractNextErrorCode","ErrorOverlayLayout","isNextjsLink","text","startsWith","ErrorDescription","error","hydrationWarning","isUnhandledOrReplayError","unhandledErrorType","isConsoleErrorStringMessage","title","name","environmentName","envPrefix","message","slice","length","matcher","Errors","runtimeErrors","debugInfo","onClose","props","activeError","dialogResizerRef","handleKeyDown","event","key","document","addEventListener","removeEventListener","isLoading","activeIdx","setActiveIndex","isServerError","includes","isUnhandledError","errorDetails","details","notes","warningTemplate","serverContent","clientContent","warning","hydrationErrorType","replace","errorCode","footerMessage","undefined","errorType","errorMessage","div","className","p","id","componentStackFrames","reactOutputComponentDiff","hydrationMismatchType","firstContent","secondContent","fallback","data-nextjs-error-suspended","toString","styles"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/client/components/react-dev-overlay/ui/container/errors.tsx"],"sourcesContent":["import { useState, useMemo, useEffect, useRef, Suspense } from 'react'\nimport type { DebugInfo } from '../../types'\nimport { Overlay } from '../components/overlay'\nimport { RuntimeError } from './runtime-error'\nimport { getErrorSource } from '../../../../../shared/lib/error-source'\nimport { HotlinkedText } from '../components/hot-linked-text'\nimport { PseudoHtmlDiff } from './runtime-error/component-stack-pseudo-html'\nimport {\n  type HydrationErrorState,\n  getHydrationWarningType,\n} from '../../../errors/hydration-error-info'\nimport {\n  getUnhandledErrorType,\n  isUnhandledConsoleOrRejection,\n} from '../../../errors/console-error'\nimport { extractNextErrorCode } from '../../../../../lib/error-telemetry-utils'\nimport { ErrorOverlayLayout } from '../components/errors/error-overlay-layout/error-overlay-layout'\nimport type { ReadyRuntimeError } from '../../utils/get-error-by-type'\nimport type { ErrorBaseProps } from '../components/errors/error-overlay/error-overlay'\n\nexport interface ErrorsProps extends ErrorBaseProps {\n  runtimeErrors: ReadyRuntimeError[]\n  debugInfo: DebugInfo\n  onClose: () => void\n}\n\ntype ReadyErrorEvent = ReadyRuntimeError\n\nfunction isNextjsLink(text: string): boolean {\n  return text.startsWith('https://nextjs.org')\n}\n\nfunction ErrorDescription({\n  error,\n  hydrationWarning,\n}: {\n  error: Error\n  hydrationWarning: string | null\n}) {\n  const isUnhandledOrReplayError = isUnhandledConsoleOrRejection(error)\n  const unhandledErrorType = isUnhandledOrReplayError\n    ? getUnhandledErrorType(error)\n    : null\n  const isConsoleErrorStringMessage = unhandledErrorType === 'string'\n  // If the error is:\n  // - hydration warning\n  // - captured console error or unhandled rejection\n  // skip displaying the error name\n  const title =\n    (isUnhandledOrReplayError && isConsoleErrorStringMessage) ||\n    hydrationWarning\n      ? ''\n      : error.name + ': '\n\n  const environmentName =\n    'environmentName' in error ? error.environmentName : ''\n  const envPrefix = environmentName ? `[ ${environmentName} ] ` : ''\n\n  // The environment name will be displayed as a label, so remove it\n  // from the message (e.g. \"[ Server ] hello world\" -> \"hello world\").\n  let message = error.message\n  if (message.startsWith(envPrefix)) {\n    message = message.slice(envPrefix.length)\n  }\n\n  return (\n    <>\n      {title}\n      <HotlinkedText\n        text={hydrationWarning || message}\n        matcher={isNextjsLink}\n      />\n    </>\n  )\n}\n\nexport function Errors({\n  runtimeErrors,\n  debugInfo,\n  onClose,\n  ...props\n}: ErrorsProps) {\n  const dialogResizerRef = useRef<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    // Close the error overlay when pressing escape\n    function handleKeyDown(event: KeyboardEvent) {\n      if (event.key === 'Escape') {\n        onClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [onClose])\n\n  const isLoading = useMemo<boolean>(() => {\n    return runtimeErrors.length < 1\n  }, [runtimeErrors.length])\n\n  const [activeIdx, setActiveIndex] = useState<number>(0)\n\n  const activeError = useMemo<ReadyErrorEvent | null>(\n    () => runtimeErrors[activeIdx] ?? null,\n    [activeIdx, runtimeErrors]\n  )\n\n  if (isLoading) {\n    // TODO: better loading state\n    return <Overlay />\n  }\n\n  if (!activeError) {\n    return null\n  }\n\n  const error = activeError.error\n  const isServerError = ['server', 'edge-server'].includes(\n    getErrorSource(error) || ''\n  )\n  const isUnhandledError = isUnhandledConsoleOrRejection(error)\n  const errorDetails: HydrationErrorState = (error as any).details || {}\n  const notes = errorDetails.notes || ''\n  const [warningTemplate, serverContent, clientContent] =\n    errorDetails.warning || [null, '', '']\n\n  const hydrationErrorType = getHydrationWarningType(warningTemplate)\n  const hydrationWarning = warningTemplate\n    ? warningTemplate\n        .replace('%s', serverContent)\n        .replace('%s', clientContent)\n        .replace('%s', '') // remove the %s for stack\n        .replace(/%s$/, '') // If there's still a %s at the end, remove it\n        .replace(/^Warning: /, '')\n        .replace(/^Error: /, '')\n    : null\n\n  const errorCode = extractNextErrorCode(error)\n\n  const footerMessage = isServerError\n    ? 'This error happened while generating the page. Any console logs will be displayed in the terminal window.'\n    : undefined\n\n  return (\n    <ErrorOverlayLayout\n      errorCode={errorCode}\n      errorType={\n        isServerError\n          ? 'Runtime Error'\n          : isUnhandledError\n            ? 'Console Error'\n            : 'Unhandled Runtime Error'\n      }\n      errorMessage={\n        <ErrorDescription error={error} hydrationWarning={hydrationWarning} />\n      }\n      onClose={isServerError ? undefined : onClose}\n      debugInfo={debugInfo}\n      error={error}\n      runtimeErrors={runtimeErrors}\n      activeIdx={activeIdx}\n      setActiveIndex={setActiveIndex}\n      footerMessage={footerMessage}\n      dialogResizerRef={dialogResizerRef}\n      {...props}\n    >\n      <div className=\"error-overlay-notes-container\">\n        {notes ? (\n          <>\n            <p\n              id=\"nextjs__container_errors__notes\"\n              className=\"nextjs__container_errors__notes\"\n            >\n              {notes}\n            </p>\n          </>\n        ) : null}\n        {hydrationWarning ? (\n          <p\n            id=\"nextjs__container_errors__link\"\n            className=\"nextjs__container_errors__link\"\n          >\n            <HotlinkedText text=\"See more info here: https://nextjs.org/docs/messages/react-hydration-error\" />\n          </p>\n        ) : null}\n      </div>\n\n      {hydrationWarning &&\n      (activeError.componentStackFrames?.length ||\n        !!errorDetails.reactOutputComponentDiff) ? (\n        <PseudoHtmlDiff\n          className=\"nextjs__container_errors__component-stack\"\n          hydrationMismatchType={hydrationErrorType}\n          firstContent={serverContent}\n          secondContent={clientContent}\n          reactOutputComponentDiff={errorDetails.reactOutputComponentDiff || ''}\n        />\n      ) : null}\n      <Suspense fallback={<div data-nextjs-error-suspended />}>\n        <RuntimeError\n          key={activeError.id.toString()}\n          error={activeError}\n          dialogResizerRef={dialogResizerRef}\n        />\n      </Suspense>\n    </ErrorOverlayLayout>\n  )\n}\n\nexport const styles = `\n  .nextjs-error-with-static {\n    bottom: calc(var(--size-gap-double) * 4.5);\n  }\n  p.nextjs__container_errors__link {\n    font-size: 14px;\n  }\n  p.nextjs__container_errors__notes {\n    color: var(--color-stack-notes);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n  .nextjs-container-errors-body > h2:not(:first-child) {\n    margin-top: calc(var(--size-gap-double) + var(--size-gap));\n  }\n  .nextjs-container-errors-body > h2 {\n    color: var(--color-title-color);\n    margin-bottom: var(--size-gap);\n    font-size: var(--size-font-big);\n  }\n  .nextjs-toast-errors-parent {\n    cursor: pointer;\n    transition: transform 0.2s ease;\n  }\n  .nextjs-toast-errors-parent:hover {\n    transform: scale(1.1);\n  }\n  .nextjs-toast-errors {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n  }\n  .nextjs-toast-errors > svg {\n    margin-right: var(--size-gap);\n  }\n  .nextjs-toast-hide-button {\n    margin-left: var(--size-gap-triple);\n    border: none;\n    background: none;\n    color: var(--color-ansi-bright-white);\n    padding: 0;\n    transition: opacity 0.25s ease;\n    opacity: 0.7;\n  }\n  .nextjs-toast-hide-button:hover {\n    opacity: 1;\n  }\n  .nextjs__container_errors_inspect_copy_button {\n    cursor: pointer;\n    background: none;\n    border: none;\n    color: var(--color-ansi-bright-white);\n    font-size: 1.5rem;\n    padding: 0;\n    margin: 0;\n    margin-left: var(--size-gap);\n    transition: opacity 0.25s ease;\n  }\n  .nextjs__container_errors__error_title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: var(--size-3_5);\n  }\n  .error-overlay-notes-container {\n    margin: var(--size-2) var(--size-0_5);\n  }\n  .error-overlay-notes-container p {\n    white-space: pre-wrap;\n  }\n`\n"],"names":["useState","useMemo","useEffect","useRef","Suspense","Overlay","RuntimeError","getErrorSource","HotlinkedText","PseudoHtmlDiff","getHydrationWarningType","getUnhandledErrorType","isUnhandledConsoleOrRejection","extractNextErrorCode","ErrorOverlayLayout","isNextjsLink","text","startsWith","ErrorDescription","error","hydrationWarning","isUnhandledOrReplayError","unhandledErrorType","isConsoleErrorStringMessage","title","name","environmentName","envPrefix","message","slice","length","matcher","Errors","runtimeErrors","debugInfo","onClose","props","activeError","dialogResizerRef","handleKeyDown","event","key","document","addEventListener","removeEventListener","isLoading","activeIdx","setActiveIndex","isServerError","includes","isUnhandledError","errorDetails","details","notes","warningTemplate","serverContent","clientContent","warning","hydrationErrorType","replace","errorCode","footerMessage","undefined","errorType","errorMessage","div","className","p","id","componentStackFrames","reactOutputComponentDiff","hydrationMismatchType","firstContent","secondContent","fallback","data-nextjs-error-suspended","toString","styles"],"mappings":"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"}