@wordpress/edit-site 6.33.3-next.36001005c.0 → 6.34.0

package/build-module/components/global-styles/utils.js

@@ -1,66 +0,0 @@
-function getVariationClassName(variation) {
-  if (!variation) {
-    return "";
-  }
-  return `is-style-${variation}`;
-}
-function getNewIndexFromPresets(presets, slugPrefix) {
-  const nameRegex = new RegExp(`^${slugPrefix}([\\d]+)$`);
-  const highestPresetValue = presets.reduce((currentHighest, preset) => {
-    if (typeof preset?.slug === "string") {
-      const matches = preset?.slug.match(nameRegex);
-      if (matches) {
-        const id = parseInt(matches[1], 10);
-        if (id > currentHighest) {
-          return id;
-        }
-      }
-    }
-    return currentHighest;
-  }, 0);
-  return highestPresetValue + 1;
-}
-function getFontFamilyFromSetting(fontFamilies, setting) {
-  if (!Array.isArray(fontFamilies) || !setting) {
-    return null;
-  }
-  const fontFamilyVariable = setting.replace("var(", "").replace(")", "");
-  const fontFamilySlug = fontFamilyVariable?.split("--").slice(-1)[0];
-  return fontFamilies.find(
-    (fontFamily) => fontFamily.slug === fontFamilySlug
-  );
-}
-function getFontFamilies(themeJson) {
-  const themeFontFamilies = themeJson?.settings?.typography?.fontFamilies?.theme;
-  const customFontFamilies = themeJson?.settings?.typography?.fontFamilies?.custom;
-  let fontFamilies = [];
-  if (themeFontFamilies && customFontFamilies) {
-    fontFamilies = [...themeFontFamilies, ...customFontFamilies];
-  } else if (themeFontFamilies) {
-    fontFamilies = themeFontFamilies;
-  } else if (customFontFamilies) {
-    fontFamilies = customFontFamilies;
-  }
-  const bodyFontFamilySetting = themeJson?.styles?.typography?.fontFamily;
-  const bodyFontFamily = getFontFamilyFromSetting(
-    fontFamilies,
-    bodyFontFamilySetting
-  );
-  const headingFontFamilySetting = themeJson?.styles?.elements?.heading?.typography?.fontFamily;
-  let headingFontFamily;
-  if (!headingFontFamilySetting) {
-    headingFontFamily = bodyFontFamily;
-  } else {
-    headingFontFamily = getFontFamilyFromSetting(
-      fontFamilies,
-      themeJson?.styles?.elements?.heading?.typography?.fontFamily
-    );
-  }
-  return [bodyFontFamily, headingFontFamily];
-}
-export {
-  getFontFamilies,
-  getNewIndexFromPresets,
-  getVariationClassName
-};
-//# sourceMappingURL=utils.js.map

package/build-module/components/global-styles/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/utils.js"],
-  "sourcesContent": ["/**\n *\n * @param {string} variation The variation name.\n *\n * @return {string} The variation class name.\n */\nexport function getVariationClassName( variation ) {\n\tif ( ! variation ) {\n\t\treturn '';\n\t}\n\treturn `is-style-${ variation }`;\n}\n\n/**\n * Iterates through the presets array and searches for slugs that start with the specified\n * slugPrefix followed by a numerical suffix. It identifies the highest numerical suffix found\n * and returns one greater than the highest found suffix, ensuring that the new index is unique.\n *\n * @param {Array}  presets    The array of preset objects, each potentially containing a slug property.\n * @param {string} slugPrefix The prefix to look for in the preset slugs.\n *\n * @return {number} The next available index for a preset with the specified slug prefix, or 1 if no matching slugs are found.\n */\nexport function getNewIndexFromPresets( presets, slugPrefix ) {\n\tconst nameRegex = new RegExp( `^${ slugPrefix }([\\\\d]+)$` );\n\tconst highestPresetValue = presets.reduce( ( currentHighest, preset ) => {\n\t\tif ( typeof preset?.slug === 'string' ) {\n\t\t\tconst matches = preset?.slug.match( nameRegex );\n\t\t\tif ( matches ) {\n\t\t\t\tconst id = parseInt( matches[ 1 ], 10 );\n\t\t\t\tif ( id > currentHighest ) {\n\t\t\t\t\treturn id;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn currentHighest;\n\t}, 0 );\n\treturn highestPresetValue + 1;\n}\n\nfunction getFontFamilyFromSetting( fontFamilies, setting ) {\n\tif ( ! Array.isArray( fontFamilies ) || ! setting ) {\n\t\treturn null;\n\t}\n\n\tconst fontFamilyVariable = setting.replace( 'var(', '' ).replace( ')', '' );\n\tconst fontFamilySlug = fontFamilyVariable?.split( '--' ).slice( -1 )[ 0 ];\n\n\treturn fontFamilies.find(\n\t\t( fontFamily ) => fontFamily.slug === fontFamilySlug\n\t);\n}\n\nexport function getFontFamilies( themeJson ) {\n\tconst themeFontFamilies =\n\t\tthemeJson?.settings?.typography?.fontFamilies?.theme;\n\tconst customFontFamilies =\n\t\tthemeJson?.settings?.typography?.fontFamilies?.custom;\n\n\tlet fontFamilies = [];\n\tif ( themeFontFamilies && customFontFamilies ) {\n\t\tfontFamilies = [ ...themeFontFamilies, ...customFontFamilies ];\n\t} else if ( themeFontFamilies ) {\n\t\tfontFamilies = themeFontFamilies;\n\t} else if ( customFontFamilies ) {\n\t\tfontFamilies = customFontFamilies;\n\t}\n\tconst bodyFontFamilySetting = themeJson?.styles?.typography?.fontFamily;\n\tconst bodyFontFamily = getFontFamilyFromSetting(\n\t\tfontFamilies,\n\t\tbodyFontFamilySetting\n\t);\n\n\tconst headingFontFamilySetting =\n\t\tthemeJson?.styles?.elements?.heading?.typography?.fontFamily;\n\n\tlet headingFontFamily;\n\tif ( ! headingFontFamilySetting ) {\n\t\theadingFontFamily = bodyFontFamily;\n\t} else {\n\t\theadingFontFamily = getFontFamilyFromSetting(\n\t\t\tfontFamilies,\n\t\t\tthemeJson?.styles?.elements?.heading?.typography?.fontFamily\n\t\t);\n\t}\n\n\treturn [ bodyFontFamily, headingFontFamily ];\n}\n"],
-  "mappings": "AAMO,SAAS,sBAAuB,WAAY;AAClD,MAAK,CAAE,WAAY;AAClB,WAAO;AAAA,EACR;AACA,SAAO,YAAa,SAAU;AAC/B;AAYO,SAAS,uBAAwB,SAAS,YAAa;AAC7D,QAAM,YAAY,IAAI,OAAQ,IAAK,UAAW,WAAY;AAC1D,QAAM,qBAAqB,QAAQ,OAAQ,CAAE,gBAAgB,WAAY;AACxE,QAAK,OAAO,QAAQ,SAAS,UAAW;AACvC,YAAM,UAAU,QAAQ,KAAK,MAAO,SAAU;AAC9C,UAAK,SAAU;AACd,cAAM,KAAK,SAAU,QAAS,CAAE,GAAG,EAAG;AACtC,YAAK,KAAK,gBAAiB;AAC1B,iBAAO;AAAA,QACR;AAAA,MACD;AAAA,IACD;AACA,WAAO;AAAA,EACR,GAAG,CAAE;AACL,SAAO,qBAAqB;AAC7B;AAEA,SAAS,yBAA0B,cAAc,SAAU;AAC1D,MAAK,CAAE,MAAM,QAAS,YAAa,KAAK,CAAE,SAAU;AACnD,WAAO;AAAA,EACR;AAEA,QAAM,qBAAqB,QAAQ,QAAS,QAAQ,EAAG,EAAE,QAAS,KAAK,EAAG;AAC1E,QAAM,iBAAiB,oBAAoB,MAAO,IAAK,EAAE,MAAO,EAAG,EAAG,CAAE;AAExE,SAAO,aAAa;AAAA,IACnB,CAAE,eAAgB,WAAW,SAAS;AAAA,EACvC;AACD;AAEO,SAAS,gBAAiB,WAAY;AAC5C,QAAM,oBACL,WAAW,UAAU,YAAY,cAAc;AAChD,QAAM,qBACL,WAAW,UAAU,YAAY,cAAc;AAEhD,MAAI,eAAe,CAAC;AACpB,MAAK,qBAAqB,oBAAqB;AAC9C,mBAAe,CAAE,GAAG,mBAAmB,GAAG,kBAAmB;AAAA,EAC9D,WAAY,mBAAoB;AAC/B,mBAAe;AAAA,EAChB,WAAY,oBAAqB;AAChC,mBAAe;AAAA,EAChB;AACA,QAAM,wBAAwB,WAAW,QAAQ,YAAY;AAC7D,QAAM,iBAAiB;AAAA,IACtB;AAAA,IACA;AAAA,EACD;AAEA,QAAM,2BACL,WAAW,QAAQ,UAAU,SAAS,YAAY;AAEnD,MAAI;AACJ,MAAK,CAAE,0BAA2B;AACjC,wBAAoB;AAAA,EACrB,OAAO;AACN,wBAAoB;AAAA,MACnB;AAAA,MACA,WAAW,QAAQ,UAAU,SAAS,YAAY;AAAA,IACnD;AAAA,EACD;AAEA,SAAO,CAAE,gBAAgB,iBAAkB;AAC5C;",
-  "names": []
-}

package/build-module/components/global-styles/variations/variation.js

@@ -1,88 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { Tooltip } from "@wordpress/components";
-import { useMemo, useContext, useState } from "@wordpress/element";
-import { ENTER } from "@wordpress/keycodes";
-import { _x, sprintf } from "@wordpress/i18n";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import { privateApis as editorPrivateApis } from "@wordpress/editor";
-import { filterObjectByProperties } from "../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property";
-import { unlock } from "../../../lock-unlock";
-const { mergeBaseAndUserConfigs } = unlock(editorPrivateApis);
-const { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(
-  blockEditorPrivateApis
-);
-function Variation({
-  variation,
-  children,
-  isPill,
-  properties,
-  showTooltip
-}) {
-  const [isFocused, setIsFocused] = useState(false);
-  const { base, user, setUserConfig } = useContext(GlobalStylesContext);
-  const context = useMemo(() => {
-    let merged = mergeBaseAndUserConfigs(base, variation);
-    if (properties) {
-      merged = filterObjectByProperties(merged, properties);
-    }
-    return {
-      user: variation,
-      base,
-      merged,
-      setUserConfig: () => {
-      }
-    };
-  }, [variation, base, properties]);
-  const selectVariation = () => setUserConfig(variation);
-  const selectOnEnter = (event) => {
-    if (event.keyCode === ENTER) {
-      event.preventDefault();
-      selectVariation();
-    }
-  };
-  const isActive = useMemo(
-    () => areGlobalStyleConfigsEqual(user, variation),
-    [user, variation]
-  );
-  let label = variation?.title;
-  if (variation?.description) {
-    label = sprintf(
-      /* translators: 1: variation title. 2: variation description. */
-      _x("%1$s (%2$s)", "variation label"),
-      variation?.title,
-      variation?.description
-    );
-  }
-  const content = /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx("edit-site-global-styles-variations_item", {
-        "is-active": isActive
-      }),
-      role: "button",
-      onClick: selectVariation,
-      onKeyDown: selectOnEnter,
-      tabIndex: "0",
-      "aria-label": label,
-      "aria-current": isActive,
-      onFocus: () => setIsFocused(true),
-      onBlur: () => setIsFocused(false),
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: clsx(
-            "edit-site-global-styles-variations_item-preview",
-            { "is-pill": isPill }
-          ),
-          children: children(isFocused)
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ jsx(GlobalStylesContext.Provider, { value: context, children: showTooltip ? /* @__PURE__ */ jsx(Tooltip, { text: variation?.title, children: content }) : content });
-}
-export {
-  Variation as default
-};
-//# sourceMappingURL=variation.js.map

package/build-module/components/global-styles/variations/variation.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/variations/variation.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Tooltip } from '@wordpress/components';\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { filterObjectByProperties } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../../lock-unlock';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( {\n\tvariation,\n\tchildren,\n\tisPill,\n\tproperties,\n\tshowTooltip,\n} ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\n\tconst context = useMemo( () => {\n\t\tlet merged = mergeBaseAndUserConfigs( base, variation );\n\t\tif ( properties ) {\n\t\t\tmerged = filterObjectByProperties( merged, properties );\n\t\t}\n\t\treturn {\n\t\t\tuser: variation,\n\t\t\tbase,\n\t\t\tmerged,\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base, properties ] );\n\n\tconst selectVariation = () => setUserConfig( variation );\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo(\n\t\t() => areGlobalStyleConfigsEqual( user, variation ),\n\t\t[ user, variation ]\n\t);\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/* translators: 1: variation title. 2: variation description. */\n\t\t\t_x( '%1$s (%2$s)', 'variation label' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\tconst content = (\n\t\t<div\n\t\t\tclassName={ clsx( 'edit-site-global-styles-variations_item', {\n\t\t\t\t'is-active': isActive,\n\t\t\t} ) }\n\t\t\trole=\"button\"\n\t\t\tonClick={ selectVariation }\n\t\t\tonKeyDown={ selectOnEnter }\n\t\t\ttabIndex=\"0\"\n\t\t\taria-label={ label }\n\t\t\taria-current={ isActive }\n\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-global-styles-variations_item-preview',\n\t\t\t\t\t{ 'is-pill': isPill }\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ children( isFocused ) }\n\t\t\t</div>\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t{ showTooltip ? (\n\t\t\t\t<Tooltip text={ variation?.title }>{ content }</Tooltip>\n\t\t\t) : (\n\t\t\t\tcontent\n\t\t\t) }\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],
-  "mappings": "AAuFG;AApFH,OAAO,UAAU;AAKjB,SAAS,eAAe;AACxB,SAAS,SAAS,YAAY,gBAAgB;AAC9C,SAAS,aAAa;AACtB,SAAS,IAAI,eAAe;AAC5B,SAAS,eAAe,8BAA8B;AACtD,SAAS,eAAe,yBAAyB;AAKjD,SAAS,gCAAgC;AACzC,SAAS,cAAc;AAEvB,MAAM,EAAE,wBAAwB,IAAI,OAAQ,iBAAkB;AAC9D,MAAM,EAAE,qBAAqB,2BAA2B,IAAI;AAAA,EAC3D;AACD;AAEe,SAAR,UAA4B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,WAAW,YAAa,IAAI,SAAU,KAAM;AACpD,QAAM,EAAE,MAAM,MAAM,cAAc,IAAI,WAAY,mBAAoB;AAEtE,QAAM,UAAU,QAAS,MAAM;AAC9B,QAAI,SAAS,wBAAyB,MAAM,SAAU;AACtD,QAAK,YAAa;AACjB,eAAS,yBAA0B,QAAQ,UAAW;AAAA,IACvD;AACA,WAAO;AAAA,MACN,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,eAAe,MAAM;AAAA,MAAC;AAAA,IACvB;AAAA,EACD,GAAG,CAAE,WAAW,MAAM,UAAW,CAAE;AAEnC,QAAM,kBAAkB,MAAM,cAAe,SAAU;AAEvD,QAAM,gBAAgB,CAAE,UAAW;AAClC,QAAK,MAAM,YAAY,OAAQ;AAC9B,YAAM,eAAe;AACrB,sBAAgB;AAAA,IACjB;AAAA,EACD;AAEA,QAAM,WAAW;AAAA,IAChB,MAAM,2BAA4B,MAAM,SAAU;AAAA,IAClD,CAAE,MAAM,SAAU;AAAA,EACnB;AAEA,MAAI,QAAQ,WAAW;AACvB,MAAK,WAAW,aAAc;AAC7B,YAAQ;AAAA;AAAA,MAEP,GAAI,eAAe,iBAAkB;AAAA,MACrC,WAAW;AAAA,MACX,WAAW;AAAA,IACZ;AAAA,EACD;AAEA,QAAM,UACL;AAAA,IAAC;AAAA;AAAA,MACA,WAAY,KAAM,2CAA2C;AAAA,QAC5D,aAAa;AAAA,MACd,CAAE;AAAA,MACF,MAAK;AAAA,MACL,SAAU;AAAA,MACV,WAAY;AAAA,MACZ,UAAS;AAAA,MACT,cAAa;AAAA,MACb,gBAAe;AAAA,MACf,SAAU,MAAM,aAAc,IAAK;AAAA,MACnC,QAAS,MAAM,aAAc,KAAM;AAAA,MAEnC;AAAA,QAAC;AAAA;AAAA,UACA,WAAY;AAAA,YACX;AAAA,YACA,EAAE,WAAW,OAAO;AAAA,UACrB;AAAA,UAEE,mBAAU,SAAU;AAAA;AAAA,MACvB;AAAA;AAAA,EACD;AAGD,SACC,oBAAC,oBAAoB,UAApB,EAA6B,OAAQ,SACnC,wBACD,oBAAC,WAAQ,MAAO,WAAW,OAAU,mBAAS,IAE9C,SAEF;AAEF;",
-  "names": []
-}

package/build-module/components/global-styles/variations/variations-color.js

@@ -1,34 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  __experimentalGrid as Grid,
-  __experimentalVStack as VStack
-} from "@wordpress/components";
-import StylesPreviewColors from "../preview-colors";
-import { useCurrentMergeThemeStyleVariationsWithUserConfig } from "../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property";
-import Subtitle from "../subtitle";
-import Variation from "./variation";
-function ColorVariations({ title, gap = 2 }) {
-  const propertiesToFilter = ["color"];
-  const colorVariations = useCurrentMergeThemeStyleVariationsWithUserConfig(propertiesToFilter);
-  if (colorVariations?.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(VStack, { spacing: 3, children: [
-    title && /* @__PURE__ */ jsx(Subtitle, { level: 3, children: title }),
-    /* @__PURE__ */ jsx(Grid, { spacing: gap, children: colorVariations.map((variation, index) => /* @__PURE__ */ jsx(
-      Variation,
-      {
-        variation,
-        isPill: true,
-        properties: propertiesToFilter,
-        showTooltip: true,
-        children: () => /* @__PURE__ */ jsx(StylesPreviewColors, {})
-      },
-      index
-    )) })
-  ] });
-}
-export {
-  ColorVariations as default
-};
-//# sourceMappingURL=variations-color.js.map

package/build-module/components/global-styles/variations/variations-color.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/variations/variations-color.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewColors from '../preview-colors';\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function ColorVariations( { title, gap = 2 } ) {\n\tconst propertiesToFilter = [ 'color' ];\n\tconst colorVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\n\t// Return null if there is only one variation (the default).\n\tif ( colorVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid spacing={ gap }>\n\t\t\t\t{ colorVariations.map( ( variation, index ) => (\n\t\t\t\t\t<Variation\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\tisPill\n\t\t\t\t\t\tproperties={ propertiesToFilter }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t>\n\t\t\t\t\t\t{ () => <StylesPreviewColors /> }\n\t\t\t\t\t</Variation>\n\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],
-  "mappings": "AA2BE,SACY,KADZ;AAxBF;AAAA,EACC,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,OAClB;AAKP,OAAO,yBAAyB;AAChC,SAAS,yDAAyD;AAClE,OAAO,cAAc;AACrB,OAAO,eAAe;AAEP,SAAR,gBAAkC,EAAE,OAAO,MAAM,EAAE,GAAI;AAC7D,QAAM,qBAAqB,CAAE,OAAQ;AACrC,QAAM,kBACL,kDAAmD,kBAAmB;AAGvE,MAAK,iBAAiB,UAAU,GAAI;AACnC,WAAO;AAAA,EACR;AAEA,SACC,qBAAC,UAAO,SAAU,GACf;AAAA,aAAS,oBAAC,YAAS,OAAQ,GAAM,iBAAO;AAAA,IAC1C,oBAAC,QAAK,SAAU,KACb,0BAAgB,IAAK,CAAE,WAAW,UACnC;AAAA,MAAC;AAAA;AAAA,QAEA;AAAA,QACA,QAAM;AAAA,QACN,YAAa;AAAA,QACb,aAAW;AAAA,QAET,gBAAM,oBAAC,uBAAoB;AAAA;AAAA,MANvB;AAAA,IAOP,CACC,GACH;AAAA,KACD;AAEF;",
-  "names": []
-}

package/build-module/components/global-styles/variations/variations-panel.js

@@ -1,46 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { store as blocksStore } from "@wordpress/blocks";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import { useSelect } from "@wordpress/data";
-import { __experimentalItemGroup as ItemGroup } from "@wordpress/components";
-import { NavigationButtonAsItem } from "../navigation-button";
-import { unlock } from "../../../lock-unlock";
-const { useGlobalStyle } = unlock(blockEditorPrivateApis);
-function getFilteredBlockStyles(blockStyles, variations) {
-  return blockStyles?.filter(
-    (style) => style.source === "block" || variations.includes(style.name)
-  );
-}
-function useBlockVariations(name) {
-  const blockStyles = useSelect(
-    (select) => {
-      const { getBlockStyles } = select(blocksStore);
-      return getBlockStyles(name);
-    },
-    [name]
-  );
-  const [variations] = useGlobalStyle("variations", name);
-  const variationNames = Object.keys(variations ?? {});
-  return getFilteredBlockStyles(blockStyles, variationNames);
-}
-function VariationsPanel({ name }) {
-  const coreBlockStyles = useBlockVariations(name);
-  return /* @__PURE__ */ jsx(ItemGroup, { isBordered: true, isSeparated: true, children: coreBlockStyles.map((style, index) => {
-    if (style?.isDefault) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(
-      NavigationButtonAsItem,
-      {
-        path: "/blocks/" + encodeURIComponent(name) + "/variations/" + encodeURIComponent(style.name),
-        children: style.label
-      },
-      index
-    );
-  }) });
-}
-export {
-  VariationsPanel,
-  useBlockVariations
-};
-//# sourceMappingURL=variations-panel.js.map

package/build-module/components/global-styles/variations/variations-panel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/variations/variations-panel.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\n// Only core block styles (source === block) or block styles with a matching\n// theme.json style variation will be configurable via Global Styles.\nfunction getFilteredBlockStyles( blockStyles, variations ) {\n\treturn blockStyles?.filter(\n\t\t( style ) =>\n\t\t\tstyle.source === 'block' || variations.includes( style.name )\n\t);\n}\n\nexport function useBlockVariations( name ) {\n\tconst blockStyles = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\tconst [ variations ] = useGlobalStyle( 'variations', name );\n\tconst variationNames = Object.keys( variations ?? {} );\n\n\treturn getFilteredBlockStyles( blockStyles, variationNames );\n}\n\nexport function VariationsPanel( { name } ) {\n\tconst coreBlockStyles = useBlockVariations( name );\n\n\treturn (\n\t\t<ItemGroup isBordered isSeparated>\n\t\t\t{ coreBlockStyles.map( ( style, index ) => {\n\t\t\t\tif ( style?.isDefault ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tpath={\n\t\t\t\t\t\t\t'/blocks/' +\n\t\t\t\t\t\t\tencodeURIComponent( name ) +\n\t\t\t\t\t\t\t'/variations/' +\n\t\t\t\t\t\t\tencodeURIComponent( style.name )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ style.label }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],
-  "mappings": "AAiDK;AA9CL,SAAS,SAAS,mBAAmB;AACrC,SAAS,eAAe,8BAA8B;AACtD,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B,iBAAiB;AAKrD,SAAS,8BAA8B;AACvC,SAAS,cAAc;AAEvB,MAAM,EAAE,eAAe,IAAI,OAAQ,sBAAuB;AAI1D,SAAS,uBAAwB,aAAa,YAAa;AAC1D,SAAO,aAAa;AAAA,IACnB,CAAE,UACD,MAAM,WAAW,WAAW,WAAW,SAAU,MAAM,IAAK;AAAA,EAC9D;AACD;AAEO,SAAS,mBAAoB,MAAO;AAC1C,QAAM,cAAc;AAAA,IACnB,CAAE,WAAY;AACb,YAAM,EAAE,eAAe,IAAI,OAAQ,WAAY;AAC/C,aAAO,eAAgB,IAAK;AAAA,IAC7B;AAAA,IACA,CAAE,IAAK;AAAA,EACR;AACA,QAAM,CAAE,UAAW,IAAI,eAAgB,cAAc,IAAK;AAC1D,QAAM,iBAAiB,OAAO,KAAM,cAAc,CAAC,CAAE;AAErD,SAAO,uBAAwB,aAAa,cAAe;AAC5D;AAEO,SAAS,gBAAiB,EAAE,KAAK,GAAI;AAC3C,QAAM,kBAAkB,mBAAoB,IAAK;AAEjD,SACC,oBAAC,aAAU,YAAU,MAAC,aAAW,MAC9B,0BAAgB,IAAK,CAAE,OAAO,UAAW;AAC1C,QAAK,OAAO,WAAY;AACvB,aAAO;AAAA,IACR;AACA,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,MACC,aACA,mBAAoB,IAAK,IACzB,iBACA,mBAAoB,MAAM,IAAK;AAAA,QAG9B,gBAAM;AAAA;AAAA,MARF;AAAA,IASP;AAAA,EAEF,CAAE,GACH;AAEF;",
-  "names": []
-}

package/build-module/components/global-styles/variations/variations-typography.js

@@ -1,48 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  __experimentalGrid as Grid,
-  __experimentalVStack as VStack
-} from "@wordpress/components";
-import StylesPreviewTypography from "../preview-typography";
-import { useCurrentMergeThemeStyleVariationsWithUserConfig } from "../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property";
-import Subtitle from "../subtitle";
-import Variation from "./variation";
-function TypographyVariations({ title, gap = 2 }) {
-  const propertiesToFilter = ["typography"];
-  const typographyVariations = useCurrentMergeThemeStyleVariationsWithUserConfig(propertiesToFilter);
-  if (typographyVariations?.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(VStack, { spacing: 3, children: [
-    title && /* @__PURE__ */ jsx(Subtitle, { level: 3, children: title }),
-    /* @__PURE__ */ jsx(
-      Grid,
-      {
-        columns: 3,
-        gap,
-        className: "edit-site-global-styles-style-variations-container",
-        children: typographyVariations.map((variation, index) => {
-          return /* @__PURE__ */ jsx(
-            Variation,
-            {
-              variation,
-              properties: propertiesToFilter,
-              showTooltip: true,
-              children: () => /* @__PURE__ */ jsx(
-                StylesPreviewTypography,
-                {
-                  variation
-                }
-              )
-            },
-            index
-          );
-        })
-      }
-    )
-  ] });
-}
-export {
-  TypographyVariations as default
-};
-//# sourceMappingURL=variations-typography.js.map

package/build-module/components/global-styles/variations/variations-typography.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/variations/variations-typography.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewTypography from '../preview-typography';\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function TypographyVariations( { title, gap = 2 } ) {\n\tconst propertiesToFilter = [ 'typography' ];\n\tconst typographyVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\n\t// Return null if there is only one variation (the default).\n\tif ( typographyVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid\n\t\t\t\tcolumns={ 3 }\n\t\t\t\tgap={ gap }\n\t\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\t>\n\t\t\t\t{ typographyVariations.map( ( variation, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Variation\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\tproperties={ propertiesToFilter }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ () => (\n\t\t\t\t\t\t\t\t<StylesPreviewTypography\n\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Variation>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],
-  "mappings": "AA2BE,SACY,KADZ;AAxBF;AAAA,EACC,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,OAClB;AAKP,OAAO,6BAA6B;AACpC,SAAS,yDAAyD;AAClE,OAAO,cAAc;AACrB,OAAO,eAAe;AAEP,SAAR,qBAAuC,EAAE,OAAO,MAAM,EAAE,GAAI;AAClE,QAAM,qBAAqB,CAAE,YAAa;AAC1C,QAAM,uBACL,kDAAmD,kBAAmB;AAGvE,MAAK,sBAAsB,UAAU,GAAI;AACxC,WAAO;AAAA,EACR;AAEA,SACC,qBAAC,UAAO,SAAU,GACf;AAAA,aAAS,oBAAC,YAAS,OAAQ,GAAM,iBAAO;AAAA,IAC1C;AAAA,MAAC;AAAA;AAAA,QACA,SAAU;AAAA,QACV;AAAA,QACA,WAAU;AAAA,QAER,+BAAqB,IAAK,CAAE,WAAW,UAAW;AACnD,iBACC;AAAA,YAAC;AAAA;AAAA,cAEA;AAAA,cACA,YAAa;AAAA,cACb,aAAW;AAAA,cAET,gBACD;AAAA,gBAAC;AAAA;AAAA,kBACA;AAAA;AAAA,cACD;AAAA;AAAA,YARK;AAAA,UAUP;AAAA,QAEF,CAAE;AAAA;AAAA,IACH;AAAA,KACD;AAEF;",
-  "names": []
-}

package/build-module/components/global-styles-renderer/index.js

@@ -1,31 +0,0 @@
-import { useEffect } from "@wordpress/element";
-import { useSelect, useDispatch } from "@wordpress/data";
-import { store as editSiteStore } from "../../store";
-import { useGlobalStylesOutput } from "../../hooks/use-global-styles-output";
-function useGlobalStylesRenderer(disableRootPadding) {
-  const [styles, settings] = useGlobalStylesOutput(disableRootPadding);
-  const { getSettings } = useSelect(editSiteStore);
-  const { updateSettings } = useDispatch(editSiteStore);
-  useEffect(() => {
-    if (!styles || !settings) {
-      return;
-    }
-    const currentStoreSettings = getSettings();
-    const nonGlobalStyles = Object.values(
-      currentStoreSettings.styles ?? []
-    ).filter((style) => !style.isGlobalStyles);
-    updateSettings({
-      ...currentStoreSettings,
-      styles: [...nonGlobalStyles, ...styles],
-      __experimentalFeatures: settings
-    });
-  }, [styles, settings, updateSettings, getSettings]);
-}
-function GlobalStylesRenderer({ disableRootPadding }) {
-  useGlobalStylesRenderer(disableRootPadding);
-  return null;
-}
-export {
-  GlobalStylesRenderer
-};
-//# sourceMappingURL=index.js.map

package/build-module/components/global-styles-renderer/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles-renderer/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { useGlobalStylesOutput } from '../../hooks/use-global-styles-output';\n\nfunction useGlobalStylesRenderer( disableRootPadding ) {\n\tconst [ styles, settings ] = useGlobalStylesOutput( disableRootPadding );\n\tconst { getSettings } = useSelect( editSiteStore );\n\tconst { updateSettings } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( ! styles || ! settings ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentStoreSettings = getSettings();\n\t\tconst nonGlobalStyles = Object.values(\n\t\t\tcurrentStoreSettings.styles ?? []\n\t\t).filter( ( style ) => ! style.isGlobalStyles );\n\t\tupdateSettings( {\n\t\t\t...currentStoreSettings,\n\t\t\tstyles: [ ...nonGlobalStyles, ...styles ],\n\t\t\t__experimentalFeatures: settings,\n\t\t} );\n\t}, [ styles, settings, updateSettings, getSettings ] );\n}\n\nexport function GlobalStylesRenderer( { disableRootPadding } ) {\n\tuseGlobalStylesRenderer( disableRootPadding );\n\n\treturn null;\n}\n"],
-  "mappings": "AAGA,SAAS,iBAAiB;AAC1B,SAAS,WAAW,mBAAmB;AAKvC,SAAS,SAAS,qBAAqB;AACvC,SAAS,6BAA6B;AAEtC,SAAS,wBAAyB,oBAAqB;AACtD,QAAM,CAAE,QAAQ,QAAS,IAAI,sBAAuB,kBAAmB;AACvE,QAAM,EAAE,YAAY,IAAI,UAAW,aAAc;AACjD,QAAM,EAAE,eAAe,IAAI,YAAa,aAAc;AAEtD,YAAW,MAAM;AAChB,QAAK,CAAE,UAAU,CAAE,UAAW;AAC7B;AAAA,IACD;AAEA,UAAM,uBAAuB,YAAY;AACzC,UAAM,kBAAkB,OAAO;AAAA,MAC9B,qBAAqB,UAAU,CAAC;AAAA,IACjC,EAAE,OAAQ,CAAE,UAAW,CAAE,MAAM,cAAe;AAC9C,mBAAgB;AAAA,MACf,GAAG;AAAA,MACH,QAAQ,CAAE,GAAG,iBAAiB,GAAG,MAAO;AAAA,MACxC,wBAAwB;AAAA,IACzB,CAAE;AAAA,EACH,GAAG,CAAE,QAAQ,UAAU,gBAAgB,WAAY,CAAE;AACtD;AAEO,SAAS,qBAAsB,EAAE,mBAAmB,GAAI;AAC9D,0BAAyB,kBAAmB;AAE5C,SAAO;AACR;",
-  "names": []
-}

package/build-module/components/global-styles-sidebar/default-sidebar.js

@@ -1,48 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { privateApis as editorPrivateApis } from "@wordpress/editor";
-import { unlock } from "../../lock-unlock";
-const { ComplementaryArea, ComplementaryAreaMoreMenuItem } = unlock(editorPrivateApis);
-function DefaultSidebar({
-  className,
-  identifier,
-  title,
-  icon,
-  children,
-  closeLabel,
-  header,
-  headerClassName,
-  panelClassName,
-  isActiveByDefault
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ComplementaryArea,
-      {
-        className,
-        scope: "core",
-        identifier,
-        title,
-        icon,
-        closeLabel,
-        header,
-        headerClassName,
-        panelClassName,
-        isActiveByDefault,
-        children
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ComplementaryAreaMoreMenuItem,
-      {
-        scope: "core",
-        identifier,
-        icon,
-        children: title
-      }
-    )
-  ] });
-}
-export {
-  DefaultSidebar as default
-};
-//# sourceMappingURL=default-sidebar.js.map

package/build-module/components/global-styles-sidebar/default-sidebar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles-sidebar/default-sidebar.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { ComplementaryArea, ComplementaryAreaMoreMenuItem } =\n\tunlock( editorPrivateApis );\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n\tisActiveByDefault,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tisActiveByDefault={ isActiveByDefault }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],
-  "mappings": "AA0BE,mBACC,KADD;AAvBF,SAAS,eAAe,yBAAyB;AAKjD,SAAS,cAAc;AAEvB,MAAM,EAAE,mBAAmB,8BAA8B,IACxD,OAAQ,iBAAkB;AAEZ,SAAR,eAAiC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,OAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEE;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,OAAM;AAAA,QACN;AAAA,QACA;AAAA,QAEE;AAAA;AAAA,IACH;AAAA,KACD;AAEF;",
-  "names": []
-}

package/build-module/components/global-styles-sidebar/index.js

@@ -1,175 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FlexItem, Flex, Button } from "@wordpress/components";
-import { __ } from "@wordpress/i18n";
-import { styles, seen, backup } from "@wordpress/icons";
-import { useSelect, useDispatch } from "@wordpress/data";
-import { useEffect, useRef } from "@wordpress/element";
-import { store as preferencesStore } from "@wordpress/preferences";
-import {
-  store as editorStore,
-  privateApis as editorPrivateApis
-} from "@wordpress/editor";
-import { useViewportMatch } from "@wordpress/compose";
-import { privateApis as routerPrivateApis } from "@wordpress/router";
-import { GlobalStylesUI } from "../global-styles";
-import { store as editSiteStore } from "../../store";
-import { GlobalStylesMenuSlot } from "../global-styles/ui";
-import { unlock } from "../../lock-unlock";
-import { store as coreStore } from "@wordpress/core-data";
-import DefaultSidebar from "./default-sidebar";
-const { interfaceStore } = unlock(editorPrivateApis);
-const { useLocation } = unlock(routerPrivateApis);
-function GlobalStylesSidebar() {
-  const { query } = useLocation();
-  const { canvas = "view", name } = query;
-  const {
-    shouldClearCanvasContainerView,
-    isStyleBookOpened,
-    showListViewByDefault,
-    hasRevisions,
-    isRevisionsOpened,
-    isRevisionsStyleBookOpened
-  } = useSelect(
-    (select) => {
-      const { getActiveComplementaryArea: getActiveComplementaryArea2 } = select(interfaceStore);
-      const { getEditorCanvasContainerView } = unlock(
-        select(editSiteStore)
-      );
-      const canvasContainerView = getEditorCanvasContainerView();
-      const _isVisualEditorMode = "visual" === select(editorStore).getEditorMode();
-      const _isEditCanvasMode = "edit" === canvas;
-      const _showListViewByDefault = select(preferencesStore).get(
-        "core",
-        "showListViewByDefault"
-      );
-      const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(coreStore);
-      const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-      const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
-      return {
-        isStyleBookOpened: "style-book" === canvasContainerView,
-        shouldClearCanvasContainerView: "edit-site/global-styles" !== getActiveComplementaryArea2("core") || !_isVisualEditorMode || !_isEditCanvasMode,
-        showListViewByDefault: _showListViewByDefault,
-        hasRevisions: !!globalStyles?._links?.["version-history"]?.[0]?.count,
-        isRevisionsStyleBookOpened: "global-styles-revisions:style-book" === canvasContainerView,
-        isRevisionsOpened: "global-styles-revisions" === canvasContainerView
-      };
-    },
-    [canvas]
-  );
-  const { setEditorCanvasContainerView } = unlock(
-    useDispatch(editSiteStore)
-  );
-  const isMobileViewport = useViewportMatch("medium", "<");
-  useEffect(() => {
-    if (shouldClearCanvasContainerView) {
-      setEditorCanvasContainerView(void 0);
-    }
-  }, [shouldClearCanvasContainerView, setEditorCanvasContainerView]);
-  const { setIsListViewOpened } = useDispatch(editorStore);
-  const toggleRevisions = () => {
-    setIsListViewOpened(false);
-    if (isRevisionsStyleBookOpened) {
-      setEditorCanvasContainerView("style-book");
-      return;
-    }
-    if (isRevisionsOpened) {
-      setEditorCanvasContainerView(void 0);
-      return;
-    }
-    if (isStyleBookOpened) {
-      setEditorCanvasContainerView(
-        "global-styles-revisions:style-book"
-      );
-    } else {
-      setEditorCanvasContainerView("global-styles-revisions");
-    }
-  };
-  const toggleStyleBook = () => {
-    if (isRevisionsOpened) {
-      setEditorCanvasContainerView(
-        "global-styles-revisions:style-book"
-      );
-      return;
-    }
-    if (isRevisionsStyleBookOpened) {
-      setEditorCanvasContainerView("global-styles-revisions");
-      return;
-    }
-    setIsListViewOpened(isStyleBookOpened && showListViewByDefault);
-    setEditorCanvasContainerView(
-      isStyleBookOpened ? void 0 : "style-book"
-    );
-  };
-  const { getActiveComplementaryArea } = useSelect(interfaceStore);
-  const { enableComplementaryArea } = useDispatch(interfaceStore);
-  const previousActiveAreaRef = useRef(null);
-  useEffect(() => {
-    if (name === "styles" && canvas === "edit") {
-      previousActiveAreaRef.current = getActiveComplementaryArea("core");
-      enableComplementaryArea("core", "edit-site/global-styles");
-    } else if (previousActiveAreaRef.current) {
-      enableComplementaryArea("core", previousActiveAreaRef.current);
-    }
-  }, [name, enableComplementaryArea, canvas, getActiveComplementaryArea]);
-  return /* @__PURE__ */ jsx(
-    DefaultSidebar,
-    {
-      className: "edit-site-global-styles-sidebar",
-      identifier: "edit-site/global-styles",
-      title: __("Styles"),
-      icon: styles,
-      closeLabel: __("Close Styles"),
-      panelClassName: "edit-site-global-styles-sidebar__panel",
-      header: /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          className: "edit-site-global-styles-sidebar__header",
-          gap: 1,
-          children: [
-            /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx("h2", { className: "edit-site-global-styles-sidebar__header-title", children: __("Styles") }) }),
-            /* @__PURE__ */ jsxs(
-              Flex,
-              {
-                justify: "flex-end",
-                gap: 1,
-                className: "edit-site-global-styles-sidebar__header-actions",
-                children: [
-                  !isMobileViewport && /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      icon: seen,
-                      label: __("Style Book"),
-                      isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,
-                      accessibleWhenDisabled: true,
-                      disabled: shouldClearCanvasContainerView,
-                      onClick: toggleStyleBook,
-                      size: "compact"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      label: __("Revisions"),
-                      icon: backup,
-                      onClick: toggleRevisions,
-                      accessibleWhenDisabled: true,
-                      disabled: !hasRevisions,
-                      isPressed: isRevisionsOpened || isRevisionsStyleBookOpened,
-                      size: "compact"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(GlobalStylesMenuSlot, {})
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      children: /* @__PURE__ */ jsx(GlobalStylesUI, {})
-    }
-  );
-}
-export {
-  GlobalStylesSidebar as default
-};
-//# sourceMappingURL=index.js.map