@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

package/build/components/global-styles/screen-revisions/use-global-styles-revisions.js

@@ -1,46 +1,43 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_global_styles_revisions_exports = {};
+__export(use_global_styles_revisions_exports, {
+  default: () => useGlobalStylesRevisions
 });
-exports.default = useGlobalStylesRevisions;
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _element = require("@wordpress/element");
-var _blockEditor = require("@wordpress/block-editor");
-var _lockUnlock = require("../../../lock-unlock");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(use_global_styles_revisions_exports);
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_element = require("@wordpress/element");
+var import_block_editor = require("@wordpress/block-editor");
+var import_lock_unlock = require("../../../lock-unlock");
 const SITE_EDITOR_AUTHORS_QUERY = {
   per_page: -1,
-  _fields: 'id,name,avatar_urls',
-  context: 'view',
-  capabilities: ['edit_theme_options']
-};
-const DEFAULT_QUERY = {
-  per_page: 100,
-  page: 1
+  _fields: "id,name,avatar_urls",
+  context: "view",
+  capabilities: ["edit_theme_options"]
 };
+const DEFAULT_QUERY = { per_page: 100, page: 1 };
 const EMPTY_ARRAY = [];
-const {
-  GlobalStylesContext
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-function useGlobalStylesRevisions({
-  query
-} = {}) {
-  const {
-    user: userConfig
-  } = (0, _element.useContext)(GlobalStylesContext);
-  const _query = {
-    ...DEFAULT_QUERY,
-    ...query
-  };
+const { GlobalStylesContext } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+function useGlobalStylesRevisions({ query } = {}) {
+  const { user: userConfig } = (0, import_element.useContext)(GlobalStylesContext);
+  const _query = { ...DEFAULT_QUERY, ...query };
   const {
     authors,
     currentUser,
@@ -48,36 +45,48 @@ function useGlobalStylesRevisions({
     revisions,
     isLoadingGlobalStylesRevisions,
     revisionsCount
-  } = (0, _data.useSelect)(select => {
-    var _globalStyles$_links$;
-    const {
-      __experimentalGetDirtyEntityRecords,
-      getCurrentUser,
-      getUsers,
-      getRevisions,
-      __experimentalGetCurrentGlobalStylesId,
-      getEntityRecord,
-      isResolving
-    } = select(_coreData.store);
-    const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
-    const _currentUser = getCurrentUser();
-    const _isDirty = dirtyEntityRecords.length > 0;
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
-    const _revisionsCount = (_globalStyles$_links$ = globalStyles?._links?.['version-history']?.[0]?.count) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : 0;
-    const globalStylesRevisions = getRevisions('root', 'globalStyles', globalStylesId, _query) || EMPTY_ARRAY;
-    const _authors = getUsers(SITE_EDITOR_AUTHORS_QUERY) || EMPTY_ARRAY;
-    const _isResolving = isResolving('getRevisions', ['root', 'globalStyles', globalStylesId, _query]);
-    return {
-      authors: _authors,
-      currentUser: _currentUser,
-      isDirty: _isDirty,
-      revisions: globalStylesRevisions,
-      isLoadingGlobalStylesRevisions: _isResolving,
-      revisionsCount: _revisionsCount
-    };
-  }, [query]);
-  return (0, _element.useMemo)(() => {
+  } = (0, import_data.useSelect)(
+    (select) => {
+      const {
+        __experimentalGetDirtyEntityRecords,
+        getCurrentUser,
+        getUsers,
+        getRevisions,
+        __experimentalGetCurrentGlobalStylesId,
+        getEntityRecord,
+        isResolving
+      } = select(import_core_data.store);
+      const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
+      const _currentUser = getCurrentUser();
+      const _isDirty = dirtyEntityRecords.length > 0;
+      const globalStylesId = __experimentalGetCurrentGlobalStylesId();
+      const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
+      const _revisionsCount = globalStyles?._links?.["version-history"]?.[0]?.count ?? 0;
+      const globalStylesRevisions = getRevisions(
+        "root",
+        "globalStyles",
+        globalStylesId,
+        _query
+      ) || EMPTY_ARRAY;
+      const _authors = getUsers(SITE_EDITOR_AUTHORS_QUERY) || EMPTY_ARRAY;
+      const _isResolving = isResolving("getRevisions", [
+        "root",
+        "globalStyles",
+        globalStylesId,
+        _query
+      ]);
+      return {
+        authors: _authors,
+        currentUser: _currentUser,
+        isDirty: _isDirty,
+        revisions: globalStylesRevisions,
+        isLoadingGlobalStylesRevisions: _isResolving,
+        revisionsCount: _revisionsCount
+      };
+    },
+    [query]
+  );
+  return (0, import_element.useMemo)(() => {
     if (!authors.length || isLoadingGlobalStylesRevisions) {
       return {
         revisions: EMPTY_ARRAY,
@@ -86,25 +95,22 @@ function useGlobalStylesRevisions({
         revisionsCount
       };
     }
-
-    // Adds author details to each revision.
-    const _modifiedRevisions = revisions.map(revision => {
+    const _modifiedRevisions = revisions.map((revision) => {
       return {
         ...revision,
-        author: authors.find(author => author.id === revision.author)
+        author: authors.find(
+          (author) => author.id === revision.author
+        )
       };
     });
     const fetchedRevisionsCount = revisions.length;
     if (fetchedRevisionsCount) {
-      // Flags the most current saved revision.
-      if (_modifiedRevisions[0].id !== 'unsaved' && _query.page === 1) {
+      if (_modifiedRevisions[0].id !== "unsaved" && _query.page === 1) {
         _modifiedRevisions[0].isLatest = true;
       }
-
-      // Adds an item for unsaved changes.
       if (isDirty && userConfig && Object.keys(userConfig).length > 0 && currentUser && _query.page === 1) {
         const unsavedRevision = {
-          id: 'unsaved',
+          id: "unsaved",
           styles: userConfig?.styles,
           settings: userConfig?.settings,
           _links: userConfig?._links,
@@ -112,14 +118,13 @@ function useGlobalStylesRevisions({
             name: currentUser?.name,
             avatar_urls: currentUser?.avatar_urls
           },
-          modified: new Date()
+          modified: /* @__PURE__ */ new Date()
         };
         _modifiedRevisions.unshift(unsavedRevision);
       }
       if (_query.page === Math.ceil(revisionsCount / _query.per_page)) {
-        // Adds an item for the default theme styles.
         _modifiedRevisions.push({
-          id: 'parent',
+          id: "parent",
           styles: {},
           settings: {}
         });
@@ -131,6 +136,13 @@ function useGlobalStylesRevisions({
       isLoading: false,
       revisionsCount
     };
-  }, [isDirty, revisions, currentUser, authors, userConfig, isLoadingGlobalStylesRevisions]);
+  }, [
+    isDirty,
+    revisions,
+    currentUser,
+    authors,
+    userConfig,
+    isLoadingGlobalStylesRevisions
+  ]);
 }
-//# sourceMappingURL=use-global-styles-revisions.js.map
+//# sourceMappingURL=use-global-styles-revisions.js.map

package/build/components/global-styles/screen-revisions/use-global-styles-revisions.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_coreData","_element","_blockEditor","_lockUnlock","SITE_EDITOR_AUTHORS_QUERY","per_page","_fields","context","capabilities","DEFAULT_QUERY","page","EMPTY_ARRAY","GlobalStylesContext","unlock","blockEditorPrivateApis","useGlobalStylesRevisions","query","user","userConfig","useContext","_query","authors","currentUser","isDirty","revisions","isLoadingGlobalStylesRevisions","revisionsCount","useSelect","select","_globalStyles$_links$","__experimentalGetDirtyEntityRecords","getCurrentUser","getUsers","getRevisions","__experimentalGetCurrentGlobalStylesId","getEntityRecord","isResolving","coreStore","dirtyEntityRecords","_currentUser","_isDirty","length","globalStylesId","globalStyles","undefined","_revisionsCount","_links","count","globalStylesRevisions","_authors","_isResolving","useMemo","hasUnsavedChanges","isLoading","_modifiedRevisions","map","revision","author","find","id","fetchedRevisionsCount","isLatest","Object","keys","unsavedRevision","styles","settings","name","avatar_urls","modified","Date","unshift","Math","ceil","push"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/use-global-styles-revisions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst SITE_EDITOR_AUTHORS_QUERY = {\n\tper_page: -1,\n\t_fields: 'id,name,avatar_urls',\n\tcontext: 'view',\n\tcapabilities: [ 'edit_theme_options' ],\n};\nconst DEFAULT_QUERY = { per_page: 100, page: 1 };\nconst EMPTY_ARRAY = [];\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nexport default function useGlobalStylesRevisions( { query } = {} ) {\n\tconst { user: userConfig } = useContext( GlobalStylesContext );\n\tconst _query = { ...DEFAULT_QUERY, ...query };\n\tconst {\n\t\tauthors,\n\t\tcurrentUser,\n\t\tisDirty,\n\t\trevisions,\n\t\tisLoadingGlobalStylesRevisions,\n\t\trevisionsCount,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tgetCurrentUser,\n\t\t\t\tgetUsers,\n\t\t\t\tgetRevisions,\n\t\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t\tgetEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst _currentUser = getCurrentUser();\n\t\t\tconst _isDirty = dirtyEntityRecords.length > 0;\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\tconst _revisionsCount =\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\t\t\tconst globalStylesRevisions =\n\t\t\t\tgetRevisions(\n\t\t\t\t\t'root',\n\t\t\t\t\t'globalStyles',\n\t\t\t\t\tglobalStylesId,\n\t\t\t\t\t_query\n\t\t\t\t) || EMPTY_ARRAY;\n\t\t\tconst _authors =\n\t\t\t\tgetUsers( SITE_EDITOR_AUTHORS_QUERY ) || EMPTY_ARRAY;\n\t\t\tconst _isResolving = isResolving( 'getRevisions', [\n\t\t\t\t'root',\n\t\t\t\t'globalStyles',\n\t\t\t\tglobalStylesId,\n\t\t\t\t_query,\n\t\t\t] );\n\t\t\treturn {\n\t\t\t\tauthors: _authors,\n\t\t\t\tcurrentUser: _currentUser,\n\t\t\t\tisDirty: _isDirty,\n\t\t\t\trevisions: globalStylesRevisions,\n\t\t\t\tisLoadingGlobalStylesRevisions: _isResolving,\n\t\t\t\trevisionsCount: _revisionsCount,\n\t\t\t};\n\t\t},\n\t\t[ query ]\n\t);\n\treturn useMemo( () => {\n\t\tif ( ! authors.length || isLoadingGlobalStylesRevisions ) {\n\t\t\treturn {\n\t\t\t\trevisions: EMPTY_ARRAY,\n\t\t\t\thasUnsavedChanges: isDirty,\n\t\t\t\tisLoading: true,\n\t\t\t\trevisionsCount,\n\t\t\t};\n\t\t}\n\n\t\t// Adds author details to each revision.\n\t\tconst _modifiedRevisions = revisions.map( ( revision ) => {\n\t\t\treturn {\n\t\t\t\t...revision,\n\t\t\t\tauthor: authors.find(\n\t\t\t\t\t( author ) => author.id === revision.author\n\t\t\t\t),\n\t\t\t};\n\t\t} );\n\n\t\tconst fetchedRevisionsCount = revisions.length;\n\n\t\tif ( fetchedRevisionsCount ) {\n\t\t\t// Flags the most current saved revision.\n\t\t\tif (\n\t\t\t\t_modifiedRevisions[ 0 ].id !== 'unsaved' &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\t_modifiedRevisions[ 0 ].isLatest = true;\n\t\t\t}\n\n\t\t\t// Adds an item for unsaved changes.\n\t\t\tif (\n\t\t\t\tisDirty &&\n\t\t\t\tuserConfig &&\n\t\t\t\tObject.keys( userConfig ).length > 0 &&\n\t\t\t\tcurrentUser &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\tconst unsavedRevision = {\n\t\t\t\t\tid: 'unsaved',\n\t\t\t\t\tstyles: userConfig?.styles,\n\t\t\t\t\tsettings: userConfig?.settings,\n\t\t\t\t\t_links: userConfig?._links,\n\t\t\t\t\tauthor: {\n\t\t\t\t\t\tname: currentUser?.name,\n\t\t\t\t\t\tavatar_urls: currentUser?.avatar_urls,\n\t\t\t\t\t},\n\t\t\t\t\tmodified: new Date(),\n\t\t\t\t};\n\n\t\t\t\t_modifiedRevisions.unshift( unsavedRevision );\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t_query.page === Math.ceil( revisionsCount / _query.per_page )\n\t\t\t) {\n\t\t\t\t// Adds an item for the default theme styles.\n\t\t\t\t_modifiedRevisions.push( {\n\t\t\t\t\tid: 'parent',\n\t\t\t\t\tstyles: {},\n\t\t\t\t\tsettings: {},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\trevisions: _modifiedRevisions,\n\t\t\thasUnsavedChanges: isDirty,\n\t\t\tisLoading: false,\n\t\t\trevisionsCount,\n\t\t};\n\t}, [\n\t\tisDirty,\n\t\trevisions,\n\t\tcurrentUser,\n\t\tauthors,\n\t\tuserConfig,\n\t\tisLoadingGlobalStylesRevisions,\n\t] );\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/screen-revisions/use-global-styles-revisions.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst SITE_EDITOR_AUTHORS_QUERY = {\n\tper_page: -1,\n\t_fields: 'id,name,avatar_urls',\n\tcontext: 'view',\n\tcapabilities: [ 'edit_theme_options' ],\n};\nconst DEFAULT_QUERY = { per_page: 100, page: 1 };\nconst EMPTY_ARRAY = [];\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nexport default function useGlobalStylesRevisions( { query } = {} ) {\n\tconst { user: userConfig } = useContext( GlobalStylesContext );\n\tconst _query = { ...DEFAULT_QUERY, ...query };\n\tconst {\n\t\tauthors,\n\t\tcurrentUser,\n\t\tisDirty,\n\t\trevisions,\n\t\tisLoadingGlobalStylesRevisions,\n\t\trevisionsCount,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tgetCurrentUser,\n\t\t\t\tgetUsers,\n\t\t\t\tgetRevisions,\n\t\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t\tgetEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst _currentUser = getCurrentUser();\n\t\t\tconst _isDirty = dirtyEntityRecords.length > 0;\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\tconst _revisionsCount =\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\t\t\tconst globalStylesRevisions =\n\t\t\t\tgetRevisions(\n\t\t\t\t\t'root',\n\t\t\t\t\t'globalStyles',\n\t\t\t\t\tglobalStylesId,\n\t\t\t\t\t_query\n\t\t\t\t) || EMPTY_ARRAY;\n\t\t\tconst _authors =\n\t\t\t\tgetUsers( SITE_EDITOR_AUTHORS_QUERY ) || EMPTY_ARRAY;\n\t\t\tconst _isResolving = isResolving( 'getRevisions', [\n\t\t\t\t'root',\n\t\t\t\t'globalStyles',\n\t\t\t\tglobalStylesId,\n\t\t\t\t_query,\n\t\t\t] );\n\t\t\treturn {\n\t\t\t\tauthors: _authors,\n\t\t\t\tcurrentUser: _currentUser,\n\t\t\t\tisDirty: _isDirty,\n\t\t\t\trevisions: globalStylesRevisions,\n\t\t\t\tisLoadingGlobalStylesRevisions: _isResolving,\n\t\t\t\trevisionsCount: _revisionsCount,\n\t\t\t};\n\t\t},\n\t\t[ query ]\n\t);\n\treturn useMemo( () => {\n\t\tif ( ! authors.length || isLoadingGlobalStylesRevisions ) {\n\t\t\treturn {\n\t\t\t\trevisions: EMPTY_ARRAY,\n\t\t\t\thasUnsavedChanges: isDirty,\n\t\t\t\tisLoading: true,\n\t\t\t\trevisionsCount,\n\t\t\t};\n\t\t}\n\n\t\t// Adds author details to each revision.\n\t\tconst _modifiedRevisions = revisions.map( ( revision ) => {\n\t\t\treturn {\n\t\t\t\t...revision,\n\t\t\t\tauthor: authors.find(\n\t\t\t\t\t( author ) => author.id === revision.author\n\t\t\t\t),\n\t\t\t};\n\t\t} );\n\n\t\tconst fetchedRevisionsCount = revisions.length;\n\n\t\tif ( fetchedRevisionsCount ) {\n\t\t\t// Flags the most current saved revision.\n\t\t\tif (\n\t\t\t\t_modifiedRevisions[ 0 ].id !== 'unsaved' &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\t_modifiedRevisions[ 0 ].isLatest = true;\n\t\t\t}\n\n\t\t\t// Adds an item for unsaved changes.\n\t\t\tif (\n\t\t\t\tisDirty &&\n\t\t\t\tuserConfig &&\n\t\t\t\tObject.keys( userConfig ).length > 0 &&\n\t\t\t\tcurrentUser &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\tconst unsavedRevision = {\n\t\t\t\t\tid: 'unsaved',\n\t\t\t\t\tstyles: userConfig?.styles,\n\t\t\t\t\tsettings: userConfig?.settings,\n\t\t\t\t\t_links: userConfig?._links,\n\t\t\t\t\tauthor: {\n\t\t\t\t\t\tname: currentUser?.name,\n\t\t\t\t\t\tavatar_urls: currentUser?.avatar_urls,\n\t\t\t\t\t},\n\t\t\t\t\tmodified: new Date(),\n\t\t\t\t};\n\n\t\t\t\t_modifiedRevisions.unshift( unsavedRevision );\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t_query.page === Math.ceil( revisionsCount / _query.per_page )\n\t\t\t) {\n\t\t\t\t// Adds an item for the default theme styles.\n\t\t\t\t_modifiedRevisions.push( {\n\t\t\t\t\tid: 'parent',\n\t\t\t\t\tstyles: {},\n\t\t\t\t\tsettings: {},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\trevisions: _modifiedRevisions,\n\t\t\thasUnsavedChanges: isDirty,\n\t\t\tisLoading: false,\n\t\t\trevisionsCount,\n\t\t};\n\t}, [\n\t\tisDirty,\n\t\trevisions,\n\t\tcurrentUser,\n\t\tauthors,\n\t\tuserConfig,\n\t\tisLoadingGlobalStylesRevisions,\n\t] );\n}\n"],
+  "mappings": "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",
+  "names": ["blockEditorPrivateApis", "coreStore"]
+}

package/build/components/global-styles/screen-root.js

@@ -1,90 +1,99 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var screen_root_exports = {};
+__export(screen_root_exports, {
+  default: () => screen_root_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _iconWithCurrentColor = require("./icon-with-current-color");
-var _navigationButton = require("./navigation-button");
-var _rootMenu = _interopRequireDefault(require("./root-menu"));
-var _previewStyles = _interopRequireDefault(require("./preview-styles"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(screen_root_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_icon_with_current_color = require("./icon-with-current-color");
+var import_navigation_button = require("./navigation-button");
+var import_root_menu = __toESM(require("./root-menu"));
+var import_preview_styles = __toESM(require("./preview-styles"));
 function ScreenRoot() {
-  const hasVariations = (0, _data.useSelect)(select => {
-    const {
-      __experimentalGetCurrentThemeGlobalStylesVariations
-    } = select(_coreData.store);
+  const hasVariations = (0, import_data.useSelect)((select) => {
+    const { __experimentalGetCurrentThemeGlobalStylesVariations } = select(import_core_data.store);
     return !!__experimentalGetCurrentThemeGlobalStylesVariations()?.length;
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Card, {
-    size: "small",
-    isBorderless: true,
-    className: "edit-site-global-styles-screen-root",
-    isRounded: false,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardBody, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-        spacing: 4,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, {
-          className: "edit-site-global-styles-screen-root__active-style-tile",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardMedia, {
-            className: "edit-site-global-styles-screen-root__active-style-tile-preview",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewStyles.default, {})
-          })
-        }), hasVariations && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
-            path: "/variations",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-              justify: "space-between",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-                children: (0, _i18n.__)('Browse styles')
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconWithCurrentColor.IconWithCurrentColor, {
-                icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-              })]
-            })
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rootMenu.default, {})]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardDivider, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.CardBody, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-        as: "p",
-        paddingTop: 2
-        /*
-         * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).
-         * This is an ad hoc override for this instance and the Additional CSS option below. Other options for matching the
-         * the nav button inset should be looked at before reusing further.
-         */,
-        paddingX: "13px",
-        marginBottom: 2,
-        children: (0, _i18n.__)('Customize the appearance of specific blocks for the whole site.')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
-          path: "/blocks",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-            justify: "space-between",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-              children: (0, _i18n.__)('Blocks')
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconWithCurrentColor.IconWithCurrentColor, {
-              icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-            })]
-          })
-        })
-      })]
-    })]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.Card,
+    {
+      size: "small",
+      isBorderless: true,
+      className: "edit-site-global-styles-screen-root",
+      isRounded: false,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 4, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Card, { className: "edit-site-global-styles-screen-root__active-style-tile", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CardMedia, { className: "edit-site-global-styles-screen-root__active-style-tile-preview", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preview_styles.default, {}) }) }),
+          hasVariations && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_button.NavigationButtonAsItem, { path: "/variations", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "space-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: (0, import_i18n.__)("Browse styles") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_icon_with_current_color.IconWithCurrentColor,
+              {
+                icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight
+              }
+            )
+          ] }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_root_menu.default, {})
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CardDivider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.CardBody, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalSpacer,
+            {
+              as: "p",
+              paddingTop: 2,
+              paddingX: "13px",
+              marginBottom: 2,
+              children: (0, import_i18n.__)(
+                "Customize the appearance of specific blocks for the whole site."
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_button.NavigationButtonAsItem, { path: "/blocks", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "space-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: (0, import_i18n.__)("Blocks") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_icon_with_current_color.IconWithCurrentColor,
+              {
+                icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight
+              }
+            )
+          ] }) }) })
+        ] })
+      ]
+    }
+  );
 }
-var _default = exports.default = ScreenRoot;
-//# sourceMappingURL=screen-root.js.map
+var screen_root_default = ScreenRoot;
+//# sourceMappingURL=screen-root.js.map

package/build/components/global-styles/screen-root.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_data","_coreData","_iconWithCurrentColor","_navigationButton","_rootMenu","_interopRequireDefault","_previewStyles","_jsxRuntime","ScreenRoot","hasVariations","useSelect","select","__experimentalGetCurrentThemeGlobalStylesVariations","coreStore","length","jsxs","Card","size","isBorderless","className","isRounded","children","jsx","CardBody","__experimentalVStack","spacing","CardMedia","default","__experimentalItemGroup","NavigationButtonAsItem","path","__experimentalHStack","justify","FlexItem","__","IconWithCurrentColor","icon","isRTL","chevronLeft","chevronRight","CardDivider","__experimentalSpacer","as","paddingTop","paddingX","marginBottom","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-root.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport PreviewStyles from './preview-styles';\n\nfunction ScreenRoot() {\n\tconst hasVariations = useSelect( ( select ) => {\n\t\tconst { __experimentalGetCurrentThemeGlobalStylesVariations } =\n\t\t\tselect( coreStore );\n\t\treturn !! __experimentalGetCurrentThemeGlobalStylesVariations()?.length;\n\t}, [] );\n\n\treturn (\n\t\t<Card\n\t\t\tsize=\"small\"\n\t\t\tisBorderless\n\t\t\tclassName=\"edit-site-global-styles-screen-root\"\n\t\t\tisRounded={ false }\n\t\t>\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card className=\"edit-site-global-styles-screen-root__active-style-tile\">\n\t\t\t\t\t\t<CardMedia className=\"edit-site-global-styles-screen-root__active-style-tile-preview\">\n\t\t\t\t\t\t\t<PreviewStyles />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem path=\"/variations\">\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t/*\n\t\t\t\t\t * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).\n\t\t\t\t\t * This is an ad hoc override for this instance and the Additional CSS option below. Other options for matching the\n\t\t\t\t\t * the nav button inset should be looked at before reusing further.\n\t\t\t\t\t */\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 2 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem path=\"/blocks\">\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-root.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport PreviewStyles from './preview-styles';\n\nfunction ScreenRoot() {\n\tconst hasVariations = useSelect( ( select ) => {\n\t\tconst { __experimentalGetCurrentThemeGlobalStylesVariations } =\n\t\t\tselect( coreStore );\n\t\treturn !! __experimentalGetCurrentThemeGlobalStylesVariations()?.length;\n\t}, [] );\n\n\treturn (\n\t\t<Card\n\t\t\tsize=\"small\"\n\t\t\tisBorderless\n\t\t\tclassName=\"edit-site-global-styles-screen-root\"\n\t\t\tisRounded={ false }\n\t\t>\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card className=\"edit-site-global-styles-screen-root__active-style-tile\">\n\t\t\t\t\t\t<CardMedia className=\"edit-site-global-styles-screen-root__active-style-tile-preview\">\n\t\t\t\t\t\t\t<PreviewStyles />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem path=\"/variations\">\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t/*\n\t\t\t\t\t * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).\n\t\t\t\t\t * This is an ad hoc override for this instance and the Additional CSS option below. Other options for matching the\n\t\t\t\t\t * the nav button inset should be looked at before reusing further.\n\t\t\t\t\t */\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 2 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem path=\"/blocks\">\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CO;AA1CP,wBAUO;AACP,kBAA0B;AAC1B,mBAA0C;AAC1C,kBAA0B;AAC1B,uBAAmC;AAKnC,qCAAqC;AACrC,+BAAuC;AACvC,uBAAqB;AACrB,4BAA0B;AAE1B,SAAS,aAAa;AACrB,QAAM,oBAAgB,uBAAW,CAAE,WAAY;AAC9C,UAAM,EAAE,oDAAoD,IAC3D,OAAQ,iBAAAA,KAAU;AACnB,WAAO,CAAC,CAAE,oDAAoD,GAAG;AAAA,EAClE,GAAG,CAAC,CAAE;AAEN,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAY;AAAA,MAEZ;AAAA,oDAAC,8BACA,uDAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,sDAAC,0BAAK,WAAU,0DACf,sDAAC,+BAAU,WAAU,kEACpB,sDAAC,sBAAAC,SAAA,EAAc,GAChB,GACD;AAAA,UACE,iBACD,4CAAC,kBAAAC,yBAAA,EACA,sDAAC,mDAAuB,MAAK,eAC5B,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,wDAAC,8BACE,8BAAI,eAAgB,GACvB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,UACC,mBAAM,IAAI,2BAAc;AAAA;AAAA,YAE1B;AAAA,aACD,GACD,GACD;AAAA,UAED,4CAAC,iBAAAC,SAAA,EAAS;AAAA,WACX,GACD;AAAA,QAEA,4CAAC,iCAAY;AAAA,QAEb,6CAAC,8BACA;AAAA;AAAA,YAAC,kBAAAC;AAAA,YAAA;AAAA,cACA,IAAG;AAAA,cACH,YAAa;AAAA,cAMb,UAAS;AAAA,cACT,cAAe;AAAA,cAEb;AAAA,gBACD;AAAA,cACD;AAAA;AAAA,UACD;AAAA,UACA,4CAAC,kBAAAH,yBAAA,EACA,sDAAC,mDAAuB,MAAK,WAC5B,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,wDAAC,8BAAW,8BAAI,QAAS,GAAG;AAAA,YAC5B;AAAA,cAAC;AAAA;AAAA,gBACA,UAAO,mBAAM,IAAI,2BAAc;AAAA;AAAA,YAChC;AAAA,aACD,GACD,GACD;AAAA,WACD;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,sBAAQ;",
+  "names": ["coreStore", "VStack", "PreviewStyles", "ItemGroup", "HStack", "RootMenu", "Spacer"]
+}

package/build/components/global-styles/screen-shadows.js

@@ -1,22 +1,49 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var screen_shadows_exports = {};
+__export(screen_shadows_exports, {
+  ScreenShadows: () => ScreenShadows,
+  ScreenShadowsEdit: () => ScreenShadowsEdit
 });
-exports.ScreenShadows = ScreenShadows;
-exports.ScreenShadowsEdit = ScreenShadowsEdit;
-var _shadowsPanel = _interopRequireDefault(require("./shadows-panel"));
-var _shadowsEditPanel = _interopRequireDefault(require("./shadows-edit-panel"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(screen_shadows_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_shadows_panel = __toESM(require("./shadows-panel"));
+var import_shadows_edit_panel = __toESM(require("./shadows-edit-panel"));
 function ScreenShadows() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_shadowsPanel.default, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shadows_panel.default, {});
 }
 function ScreenShadowsEdit() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_shadowsEditPanel.default, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shadows_edit_panel.default, {});
 }
-//# sourceMappingURL=screen-shadows.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScreenShadows,
+  ScreenShadowsEdit
+});
+//# sourceMappingURL=screen-shadows.js.map

package/build/components/global-styles/screen-shadows.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_shadowsPanel","_interopRequireDefault","require","_shadowsEditPanel","_jsxRuntime","ScreenShadows","jsx","default","ScreenShadowsEdit"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-shadows.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport ShadowsPanel from './shadows-panel';\nimport ShadowsEditPanel from './shadows-edit-panel';\n\nexport function ScreenShadows() {\n\treturn <ShadowsPanel />;\n}\n\nexport function ScreenShadowsEdit() {\n\treturn <ShadowsEditPanel />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAJpD;AACA;AACA;;AAIO,SAASG,aAAaA,CAAA,EAAG;EAC/B,oBAAO,IAAAD,WAAA,CAAAE,GAAA,EAACN,aAAA,CAAAO,OAAY,IAAE,CAAC;AACxB;AAEO,SAASC,iBAAiBA,CAAA,EAAG;EACnC,oBAAO,IAAAJ,WAAA,CAAAE,GAAA,EAACH,iBAAA,CAAAI,OAAgB,IAAE,CAAC;AAC5B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-shadows.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport ShadowsPanel from './shadows-panel';\nimport ShadowsEditPanel from './shadows-edit-panel';\n\nexport function ScreenShadows() {\n\treturn <ShadowsPanel />;\n}\n\nexport function ScreenShadowsEdit() {\n\treturn <ShadowsEditPanel />;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOQ;AAJR,2BAAyB;AACzB,gCAA6B;AAEtB,SAAS,gBAAgB;AAC/B,SAAO,4CAAC,qBAAAA,SAAA,EAAa;AACtB;AAEO,SAAS,oBAAoB;AACnC,SAAO,4CAAC,0BAAAC,SAAA,EAAiB;AAC1B;",
+  "names": ["ShadowsPanel", "ShadowsEditPanel"]
+}