next 15.2.0-canary.29 → 15.2.0-canary.30

package/dist/bin/next

@@ -75,7 +75,7 @@ const program = new NextRootCommand();
 program.name('next').description('The Next.js CLI allows you to develop, build, start your application, and more.').configureHelp({
     formatHelp: (cmd, helper)=>(0, _formatclihelpoutput.formatCliHelpOutput)(cmd, helper),
     subcommandTerm: (cmd)=>`${cmd.name()} ${cmd.usage()}`
-}).helpCommand(false).helpOption('-h, --help', 'Displays this message.').version(`Next.js v${"15.2.0-canary.29"}`, '-v, --version', 'Outputs the Next.js version.');
+}).helpCommand(false).helpOption('-h, --help', 'Displays this message.').version(`Next.js v${"15.2.0-canary.30"}`, '-v, --version', 'Outputs the Next.js version.');
 program.command('build').description('Creates an optimized production build of your application. The output displays information about each route.').argument('[directory]', `A directory on which to build the application. ${(0, _picocolors.italic)('If no directory is provided, the current directory will be used.')}`).option('-d, --debug', 'Enables a more verbose build output.').option('--no-lint', 'Disables linting.').option('--no-mangling', 'Disables mangling.').option('--profile', 'Enables production profiling for React.').option('--experimental-app-only', 'Builds only App Router routes.').addOption(new _commander.Option('--experimental-turbo').hideHelp()).addOption(new _commander.Option('--experimental-build-mode [mode]', 'Uses an experimental build mode.').choices([
     'compile',
     'generate'

package/dist/build/index.js

@@ -362,7 +362,7 @@ async function build(dir, reactProductionProfiling = false, debugOutput = false,
         const nextBuildSpan = (0, _trace.trace)('next-build', undefined, {
             buildMode: experimentalBuildMode,
             isTurboBuild: String(turboNextBuild),
-            version: "15.2.0-canary.29"
+            version: "15.2.0-canary.30"
         });
         _buildcontext.NextBuildContext.nextBuildSpan = nextBuildSpan;
         _buildcontext.NextBuildContext.dir = dir;
@@ -722,7 +722,7 @@ async function build(dir, reactProductionProfiling = false, debugOutput = false,
             // Files outside of the distDir can be "type": "module"
             await writeFileUtf8(_path.default.join(distDir, 'package.json'), '{"type": "commonjs"}');
             // These are written to distDir, so they need to come after creating and cleaning distDr.
-            await (0, _builddiagnostics.recordFrameworkVersion)("15.2.0-canary.29");
+            await (0, _builddiagnostics.recordFrameworkVersion)("15.2.0-canary.30");
             await (0, _builddiagnostics.updateBuildDiagnostics)({
                 buildStage: 'start'
             });

package/dist/build/swc/index.js

@@ -119,7 +119,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const nextVersion = "15.2.0-canary.29";
+const nextVersion = "15.2.0-canary.30";
 const ArchName = (0, _os.arch)();
 const PlatformName = (0, _os.platform)();
 function infoLog(...args) {

package/dist/build/webpack-config.js

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

package/dist/client/app-bootstrap.js

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

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

@@ -12,6 +12,11 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useonclickoutside = require("../../hooks/use-on-click-outside");
+const CSS_SELECTORS_TO_EXCLUDE_ON_CLICK_OUTSIDE = [
+    '[data-next-mark]',
+    '[data-issues-open]',
+    '#nextjs-dev-tools-menu'
+];
 const Dialog = function Dialog(param) {
     let { children, type, className, onClose, ...props } = param;
     const [dialog, setDialog] = _react.useState(null);
@@ -19,7 +24,7 @@ const Dialog = function Dialog(param) {
     const onDialog = _react.useCallback((node)=>{
         setDialog(node);
     }, []);
-    (0, _useonclickoutside.useOnClickOutside)(dialog, (e)=>{
+    (0, _useonclickoutside.useOnClickOutside)(dialog, CSS_SELECTORS_TO_EXCLUDE_ON_CLICK_OUTSIDE, (e)=>{
         e.preventDefault();
         return onClose == null ? void 0 : onClose();
     });

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

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

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

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

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "useOnClickOutside", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-function useOnClickOutside(el, handler) {
+function useOnClickOutside(el, cssSelectorsToExclude, handler) {
     _react.useEffect(()=>{
         if (el == null || handler == null) {
             return;
@@ -20,20 +20,25 @@ function useOnClickOutside(el, handler) {
             if (!el || el.contains(e.target)) {
                 return;
             }
+            if (// Do nothing if clicking on an element that is excluded by the CSS selector(s)
+            cssSelectorsToExclude.some((cssSelector)=>e.target.closest(cssSelector))) {
+                return;
+            }
             handler(e);
         };
         const root = el.getRootNode();
-        root.addEventListener('mousedown', listener);
-        root.addEventListener('touchstart', listener, {
+        root.addEventListener('mouseup', listener);
+        root.addEventListener('touchend', listener, {
             passive: false
         });
         return function() {
-            root.removeEventListener('mousedown', listener);
-            root.removeEventListener('touchstart', listener);
+            root.removeEventListener('mouseup', listener);
+            root.removeEventListener('touchend', listener);
         };
     }, [
         handler,
-        el
+        el,
+        cssSelectorsToExclude
     ]);
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/hooks/use-on-click-outside.ts"],"sourcesContent":["import * as React from 'react'\n\nexport function useOnClickOutside(\n  el: Node | null,\n  handler: ((e: MouseEvent | TouchEvent) => void) | undefined\n) {\n  React.useEffect(() => {\n    if (el == null || handler == null) {\n      return\n    }\n\n    const listener = (e: MouseEvent | TouchEvent) => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!el || el.contains(e.target as Element)) {\n        return\n      }\n\n      handler(e)\n    }\n\n    const root = el.getRootNode()\n    root.addEventListener('mousedown', listener as EventListener)\n    root.addEventListener('touchstart', listener as EventListener, {\n      passive: false,\n    })\n    return function () {\n      root.removeEventListener('mousedown', listener as EventListener)\n      root.removeEventListener('touchstart', listener as EventListener)\n    }\n  }, [handler, el])\n}\n"],"names":["useOnClickOutside","el","handler","React","useEffect","listener","e","contains","target","root","getRootNode","addEventListener","passive","removeEventListener"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;AAEhB,SAASA,kBACdC,EAAe,EACfC,OAA2D;IAE3DC,OAAMC,SAAS,CAAC;QACd,IAAIH,MAAM,QAAQC,WAAW,MAAM;YACjC;QACF;QAEA,MAAMG,WAAW,CAACC;YAChB,8DAA8D;YAC9D,IAAI,CAACL,MAAMA,GAAGM,QAAQ,CAACD,EAAEE,MAAM,GAAc;gBAC3C;YACF;YAEAN,QAAQI;QACV;QAEA,MAAMG,OAAOR,GAAGS,WAAW;QAC3BD,KAAKE,gBAAgB,CAAC,aAAaN;QACnCI,KAAKE,gBAAgB,CAAC,cAAcN,UAA2B;YAC7DO,SAAS;QACX;QACA,OAAO;YACLH,KAAKI,mBAAmB,CAAC,aAAaR;YACtCI,KAAKI,mBAAmB,CAAC,cAAcR;QACzC;IACF,GAAG;QAACH;QAASD;KAAG;AAClB"}
+{"version":3,"sources":["../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/hooks/use-on-click-outside.ts"],"sourcesContent":["import * as React from 'react'\n\nexport function useOnClickOutside(\n  el: Node | null,\n  cssSelectorsToExclude: string[],\n  handler: ((e: MouseEvent | TouchEvent) => void) | undefined\n) {\n  React.useEffect(() => {\n    if (el == null || handler == null) {\n      return\n    }\n\n    const listener = (e: MouseEvent | TouchEvent) => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!el || el.contains(e.target as Element)) {\n        return\n      }\n\n      if (\n        // Do nothing if clicking on an element that is excluded by the CSS selector(s)\n        cssSelectorsToExclude.some((cssSelector) =>\n          (e.target as Element).closest(cssSelector)\n        )\n      ) {\n        return\n      }\n\n      handler(e)\n    }\n\n    const root = el.getRootNode()\n    root.addEventListener('mouseup', listener as EventListener)\n    root.addEventListener('touchend', listener as EventListener, {\n      passive: false,\n    })\n    return function () {\n      root.removeEventListener('mouseup', listener as EventListener)\n      root.removeEventListener('touchend', listener as EventListener)\n    }\n  }, [handler, el, cssSelectorsToExclude])\n}\n"],"names":["useOnClickOutside","el","cssSelectorsToExclude","handler","React","useEffect","listener","e","contains","target","some","cssSelector","closest","root","getRootNode","addEventListener","passive","removeEventListener"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;AAEhB,SAASA,kBACdC,EAAe,EACfC,qBAA+B,EAC/BC,OAA2D;IAE3DC,OAAMC,SAAS,CAAC;QACd,IAAIJ,MAAM,QAAQE,WAAW,MAAM;YACjC;QACF;QAEA,MAAMG,WAAW,CAACC;YAChB,8DAA8D;YAC9D,IAAI,CAACN,MAAMA,GAAGO,QAAQ,CAACD,EAAEE,MAAM,GAAc;gBAC3C;YACF;YAEA,IACE,+EAA+E;YAC/EP,sBAAsBQ,IAAI,CAAC,CAACC,cAC1B,AAACJ,EAAEE,MAAM,CAAaG,OAAO,CAACD,eAEhC;gBACA;YACF;YAEAR,QAAQI;QACV;QAEA,MAAMM,OAAOZ,GAAGa,WAAW;QAC3BD,KAAKE,gBAAgB,CAAC,WAAWT;QACjCO,KAAKE,gBAAgB,CAAC,YAAYT,UAA2B;YAC3DU,SAAS;QACX;QACA,OAAO;YACLH,KAAKI,mBAAmB,CAAC,WAAWX;YACpCO,KAAKI,mBAAmB,CAAC,YAAYX;QACvC;IACF,GAAG;QAACH;QAASF;QAAIC;KAAsB;AACzC"}

package/dist/client/index.js

@@ -62,7 +62,7 @@ const _onrecoverableerror = require("./react-client-callbacks/on-recoverable-err
 const _tracer = /*#__PURE__*/ _interop_require_default._(require("./tracing/tracer"));
 const _reporttosocket = /*#__PURE__*/ _interop_require_default._(require("./tracing/report-to-socket"));
 const _isnextroutererror = require("./components/is-next-router-error");
-const version = "15.2.0-canary.29";
+const version = "15.2.0-canary.30";
 let router;
 const emitter = (0, _mitt.default)();
 const looseToArray = (input)=>[].slice.call(input);