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

package/build/components/site-hub/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_i18n","_coreData","_htmlEntities","_element","_icons","_commands","_keycodes","_url","_router","_store","_siteIcon","_lockUnlock","_sidebar","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","SiteHub","memo","forwardRef","isTransparent","ref","dashboardLink","homeUrl","siteTitle","useSelect","select","getSettings","editSiteStore","getEntityRecord","coreStore","_site","__experimentalDashboardLink","home","title","url","filterURLForDisplay","open","openCommandCenter","useDispatch","commandsStore","jsx","className","children","jsxs","__experimentalHStack","justify","spacing","clsx","Button","__next40pxDefaultSize","href","label","__","style","transform","borderRadius","default","variant","target","decodeEntities","VisuallyHidden","as","expanded","size","icon","search","onClick","shortcut","displayShortcut","primary","_default","exports","SiteHubMobile","path","history","navigate","useContext","SidebarNavigationContext","isBlockTheme","isClassicThemeWithStyleBookSupport","getCurrentTheme","currentTheme","settings","supportsEditorStyles","theme_supports","hasThemeJson","supportsLayout","is_block_theme","backPath","backButtonProps","undefined"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo, forwardRef, useContext } from '@wordpress/element';\nimport { search } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { filterURLForDisplay } from '@wordpress/url';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\nimport { SidebarNavigationContext } from '../sidebar';\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst SiteHub = memo(\n\tforwardRef( ( { isTransparent }, ref ) => {\n\t\tconst { dashboardLink, homeUrl, siteTitle } = useSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\tconst _site = getEntityRecord( 'root', 'site' );\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\thomeUrl: getEntityRecord( 'root', '__unstableBase' )?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t}, [] );\n\t\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\t\treturn (\n\t\t\t<div className=\"edit-site-site-hub\">\n\t\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\thref={ dashboardLink }\n\t\t\t\t\t\t\tlabel={ __( 'Go to the Dashboard' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\ttransform: 'scale(0.5333) translateX(-4px)', // Offset to position the icon 12px from viewport edge\n\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t);\n\t} )\n);\n\nexport default SiteHub;\n\nexport const SiteHubMobile = memo(\n\tforwardRef( ( { isTransparent }, ref ) => {\n\t\tconst { path } = useLocation();\n\t\tconst history = useHistory();\n\t\tconst { navigate } = useContext( SidebarNavigationContext );\n\n\t\tconst {\n\t\t\tdashboardLink,\n\t\t\thomeUrl,\n\t\t\tsiteTitle,\n\t\t\tisBlockTheme,\n\t\t\tisClassicThemeWithStyleBookSupport,\n\t\t} = useSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst { getEntityRecord, getCurrentTheme } = select( coreStore );\n\t\t\tconst _site = getEntityRecord( 'root', 'site' );\n\t\t\tconst currentTheme = getCurrentTheme();\n\t\t\tconst settings = getSettings();\n\t\t\tconst supportsEditorStyles =\n\t\t\t\tcurrentTheme.theme_supports[ 'editor-styles' ];\n\t\t\t// This is a temp solution until the has_theme_json value is available for the current theme.\n\t\t\tconst hasThemeJson = settings.supportsLayout;\n\n\t\t\treturn {\n\t\t\t\tdashboardLink: settings.__experimentalDashboardLink,\n\t\t\t\thomeUrl: getEntityRecord( 'root', '__unstableBase' )?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t\tisBlockTheme: currentTheme?.is_block_theme,\n\t\t\t\tisClassicThemeWithStyleBookSupport:\n\t\t\t\t\t! currentTheme?.is_block_theme &&\n\t\t\t\t\t( supportsEditorStyles || hasThemeJson ),\n\t\t\t};\n\t\t}, [] );\n\t\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\t\tlet backPath;\n\n\t\t// If the current path is not the root page, find a page to back to.\n\t\tif ( path !== '/' ) {\n\t\t\tif ( isBlockTheme || isClassicThemeWithStyleBookSupport ) {\n\t\t\t\t// If the current theme is a block theme or a classic theme that supports StyleBook,\n\t\t\t\t// back to the Design screen.\n\t\t\t\tbackPath = '/';\n\t\t\t} else if ( path !== '/pattern' ) {\n\t\t\t\t// If the current theme is a classic theme that does not support StyleBook,\n\t\t\t\t// back to the Patterns page.\n\t\t\t\tbackPath = '/pattern';\n\t\t\t}\n\t\t}\n\n\t\tconst backButtonProps = {\n\t\t\thref: !! backPath ? undefined : dashboardLink,\n\t\t\tlabel: !! backPath\n\t\t\t\t? __( 'Go to Site Editor' )\n\t\t\t\t: __( 'Go to the Dashboard' ),\n\t\t\tonClick: !! backPath\n\t\t\t\t? () => {\n\t\t\t\t\t\thistory.navigate( backPath );\n\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t  }\n\t\t\t\t: undefined,\n\t\t};\n\n\t\treturn (\n\t\t\t<div className=\"edit-site-site-hub\">\n\t\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\ttransform: 'scale(0.5)',\n\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t{ ...backButtonProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\tlabel={ __( 'View site (opens in a new tab)' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t);\n\t} )\n);\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/site-hub/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo, forwardRef, useContext } from '@wordpress/element';\nimport { search } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { filterURLForDisplay } from '@wordpress/url';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\nimport { SidebarNavigationContext } from '../sidebar';\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst SiteHub = memo(\n\tforwardRef( ( { isTransparent }, ref ) => {\n\t\tconst { dashboardLink, homeUrl, siteTitle } = useSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\tconst _site = getEntityRecord( 'root', 'site' );\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\thomeUrl: getEntityRecord( 'root', '__unstableBase' )?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t}, [] );\n\t\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\t\treturn (\n\t\t\t<div className=\"edit-site-site-hub\">\n\t\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\thref={ dashboardLink }\n\t\t\t\t\t\t\tlabel={ __( 'Go to the Dashboard' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\ttransform: 'scale(0.5333) translateX(-4px)', // Offset to position the icon 12px from viewport edge\n\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t);\n\t} )\n);\n\nexport default SiteHub;\n\nexport const SiteHubMobile = memo(\n\tforwardRef( ( { isTransparent }, ref ) => {\n\t\tconst { path } = useLocation();\n\t\tconst history = useHistory();\n\t\tconst { navigate } = useContext( SidebarNavigationContext );\n\n\t\tconst {\n\t\t\tdashboardLink,\n\t\t\thomeUrl,\n\t\t\tsiteTitle,\n\t\t\tisBlockTheme,\n\t\t\tisClassicThemeWithStyleBookSupport,\n\t\t} = useSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst { getEntityRecord, getCurrentTheme } = select( coreStore );\n\t\t\tconst _site = getEntityRecord( 'root', 'site' );\n\t\t\tconst currentTheme = getCurrentTheme();\n\t\t\tconst settings = getSettings();\n\t\t\tconst supportsEditorStyles =\n\t\t\t\tcurrentTheme.theme_supports[ 'editor-styles' ];\n\t\t\t// This is a temp solution until the has_theme_json value is available for the current theme.\n\t\t\tconst hasThemeJson = settings.supportsLayout;\n\n\t\t\treturn {\n\t\t\t\tdashboardLink: settings.__experimentalDashboardLink,\n\t\t\t\thomeUrl: getEntityRecord( 'root', '__unstableBase' )?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t\tisBlockTheme: currentTheme?.is_block_theme,\n\t\t\t\tisClassicThemeWithStyleBookSupport:\n\t\t\t\t\t! currentTheme?.is_block_theme &&\n\t\t\t\t\t( supportsEditorStyles || hasThemeJson ),\n\t\t\t};\n\t\t}, [] );\n\t\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\t\tlet backPath;\n\n\t\t// If the current path is not the root page, find a page to back to.\n\t\tif ( path !== '/' ) {\n\t\t\tif ( isBlockTheme || isClassicThemeWithStyleBookSupport ) {\n\t\t\t\t// If the current theme is a block theme or a classic theme that supports StyleBook,\n\t\t\t\t// back to the Design screen.\n\t\t\t\tbackPath = '/';\n\t\t\t} else if ( path !== '/pattern' ) {\n\t\t\t\t// If the current theme is a classic theme that does not support StyleBook,\n\t\t\t\t// back to the Patterns page.\n\t\t\t\tbackPath = '/pattern';\n\t\t\t}\n\t\t}\n\n\t\tconst backButtonProps = {\n\t\t\thref: !! backPath ? undefined : dashboardLink,\n\t\t\tlabel: !! backPath\n\t\t\t\t? __( 'Go to Site Editor' )\n\t\t\t\t: __( 'Go to the Dashboard' ),\n\t\t\tonClick: !! backPath\n\t\t\t\t? () => {\n\t\t\t\t\t\thistory.navigate( backPath );\n\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t  }\n\t\t\t\t: undefined,\n\t\t};\n\n\t\treturn (\n\t\t\t<div className=\"edit-site-site-hub\">\n\t\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\ttransform: 'scale(0.5)',\n\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t{ ...backButtonProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\tlabel={ __( 'View site (opens in a new tab)' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t);\n\t} )\n);\n"],
+  "mappings": "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",
+  "names": ["routerPrivateApis", "editSiteStore", "coreStore", "commandsStore", "HStack", "clsx", "SiteIcon"]
+}

package/build/components/site-icon/index.js

@@ -1,59 +1,71 @@
 "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 site_icon_exports = {};
+__export(site_icon_exports, {
+  default: () => site_icon_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _coreData = require("@wordpress/core-data");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-function SiteIcon({
-  className
-}) {
-  const {
-    isRequestingSite,
-    siteIconUrl
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEntityRecord
-    } = select(_coreData.store);
-    const siteData = getEntityRecord('root', '__unstableBase', undefined);
+module.exports = __toCommonJS(site_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_data = require("@wordpress/data");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_core_data = require("@wordpress/core-data");
+function SiteIcon({ className }) {
+  const { isRequestingSite, siteIconUrl } = (0, import_data.useSelect)((select) => {
+    const { getEntityRecord } = select(import_core_data.store);
+    const siteData = getEntityRecord("root", "__unstableBase", void 0);
     return {
       isRequestingSite: !siteData,
       siteIconUrl: siteData?.site_icon_url
     };
   }, []);
   if (isRequestingSite && !siteIconUrl) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "edit-site-site-icon__image"
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-site-icon__image" });
   }
-  const icon = siteIconUrl ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-    className: "edit-site-site-icon__image",
-    alt: (0, _i18n.__)('Site Icon'),
-    src: siteIconUrl
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-    className: "edit-site-site-icon__icon",
-    icon: _icons.wordpress,
-    size: 48
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx.default)(className, 'edit-site-site-icon'),
-    children: icon
-  });
+  const icon = siteIconUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "img",
+    {
+      className: "edit-site-site-icon__image",
+      alt: (0, import_i18n.__)("Site Icon"),
+      src: siteIconUrl
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Icon,
+    {
+      className: "edit-site-site-icon__icon",
+      icon: import_icons.wordpress,
+      size: 48
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(className, "edit-site-site-icon"), children: icon });
 }
-var _default = exports.default = SiteIcon;
-//# sourceMappingURL=index.js.map
+var site_icon_default = SiteIcon;
+//# sourceMappingURL=index.js.map

package/build/components/site-icon/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_i18n","_icons","_coreData","_jsxRuntime","SiteIcon","className","isRequestingSite","siteIconUrl","useSelect","select","getEntityRecord","coreDataStore","siteData","undefined","site_icon_url","jsx","icon","alt","__","src","Icon","wordpress","size","clsx","children","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/site-icon/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { wordpress } from '@wordpress/icons';\nimport { store as coreDataStore } from '@wordpress/core-data';\n\nfunction SiteIcon( { className } ) {\n\tconst { isRequestingSite, siteIconUrl } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreDataStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase', undefined );\n\n\t\treturn {\n\t\t\tisRequestingSite: ! siteData,\n\t\t\tsiteIconUrl: siteData?.site_icon_url,\n\t\t};\n\t}, [] );\n\n\tif ( isRequestingSite && ! siteIconUrl ) {\n\t\treturn <div className=\"edit-site-site-icon__image\" />;\n\t}\n\n\tconst icon = siteIconUrl ? (\n\t\t<img\n\t\t\tclassName=\"edit-site-site-icon__image\"\n\t\t\talt={ __( 'Site Icon' ) }\n\t\t\tsrc={ siteIconUrl }\n\t\t/>\n\t) : (\n\t\t<Icon\n\t\t\tclassName=\"edit-site-site-icon__icon\"\n\t\t\ticon={ wordpress }\n\t\t\tsize={ 48 }\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className={ clsx( className, 'edit-site-site-icon' ) }>\n\t\t\t{ icon }\n\t\t</div>\n\t);\n}\n\nexport default SiteIcon;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAA8D,IAAAM,WAAA,GAAAN,OAAA;AAZ9D;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASO,QAAQA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAClC,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAClE,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,eAAc,CAAC;IACnD,MAAMC,QAAQ,GAAGF,eAAe,CAAE,MAAM,EAAE,gBAAgB,EAAEG,SAAU,CAAC;IAEvE,OAAO;MACNP,gBAAgB,EAAE,CAAEM,QAAQ;MAC5BL,WAAW,EAAEK,QAAQ,EAAEE;IACxB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAKR,gBAAgB,IAAI,CAAEC,WAAW,EAAG;IACxC,oBAAO,IAAAJ,WAAA,CAAAY,GAAA;MAAKV,SAAS,EAAC;IAA4B,CAAE,CAAC;EACtD;EAEA,MAAMW,IAAI,GAAGT,WAAW,gBACvB,IAAAJ,WAAA,CAAAY,GAAA;IACCV,SAAS,EAAC,4BAA4B;IACtCY,GAAG,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IACzBC,GAAG,EAAGZ;EAAa,CACnB,CAAC,gBAEF,IAAAJ,WAAA,CAAAY,GAAA,EAAChB,WAAA,CAAAqB,IAAI;IACJf,SAAS,EAAC,2BAA2B;IACrCW,IAAI,EAAGK,gBAAW;IAClBC,IAAI,EAAG;EAAI,CACX,CACD;EAED,oBACC,IAAAnB,WAAA,CAAAY,GAAA;IAAKV,SAAS,EAAG,IAAAkB,aAAI,EAAElB,SAAS,EAAE,qBAAsB,CAAG;IAAAmB,QAAA,EACxDR;EAAI,CACF,CAAC;AAER;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcvB,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/site-icon/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { wordpress } from '@wordpress/icons';\nimport { store as coreDataStore } from '@wordpress/core-data';\n\nfunction SiteIcon( { className } ) {\n\tconst { isRequestingSite, siteIconUrl } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreDataStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase', undefined );\n\n\t\treturn {\n\t\t\tisRequestingSite: ! siteData,\n\t\t\tsiteIconUrl: siteData?.site_icon_url,\n\t\t};\n\t}, [] );\n\n\tif ( isRequestingSite && ! siteIconUrl ) {\n\t\treturn <div className=\"edit-site-site-icon__image\" />;\n\t}\n\n\tconst icon = siteIconUrl ? (\n\t\t<img\n\t\t\tclassName=\"edit-site-site-icon__image\"\n\t\t\talt={ __( 'Site Icon' ) }\n\t\t\tsrc={ siteIconUrl }\n\t\t/>\n\t) : (\n\t\t<Icon\n\t\t\tclassName=\"edit-site-site-icon__icon\"\n\t\t\ticon={ wordpress }\n\t\t\tsize={ 48 }\n\t\t/>\n\t);\n\n\treturn (\n\t\t<div className={ clsx( className, 'edit-site-site-icon' ) }>\n\t\t\t{ icon }\n\t\t</div>\n\t);\n}\n\nexport default SiteIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BS;AAvBT,kBAAiB;AAKjB,kBAA0B;AAC1B,wBAAqB;AACrB,kBAAmB;AACnB,mBAA0B;AAC1B,uBAAuC;AAEvC,SAAS,SAAU,EAAE,UAAU,GAAI;AAClC,QAAM,EAAE,kBAAkB,YAAY,QAAI,uBAAW,CAAE,WAAY;AAClE,UAAM,EAAE,gBAAgB,IAAI,OAAQ,iBAAAA,KAAc;AAClD,UAAM,WAAW,gBAAiB,QAAQ,kBAAkB,MAAU;AAEtE,WAAO;AAAA,MACN,kBAAkB,CAAE;AAAA,MACpB,aAAa,UAAU;AAAA,IACxB;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,MAAK,oBAAoB,CAAE,aAAc;AACxC,WAAO,4CAAC,SAAI,WAAU,8BAA6B;AAAA,EACpD;AAEA,QAAM,OAAO,cACZ;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAM,gBAAI,WAAY;AAAA,MACtB,KAAM;AAAA;AAAA,EACP,IAEA;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,MAAO;AAAA,MACP,MAAO;AAAA;AAAA,EACR;AAGD,SACC,4CAAC,SAAI,eAAY,YAAAC,SAAM,WAAW,qBAAsB,GACrD,gBACH;AAEF;AAEA,IAAO,oBAAQ;",
+  "names": ["coreDataStore", "clsx"]
+}

package/build/components/style-book/categories.js

@@ -1,52 +1,61 @@
 "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 categories_exports = {};
+__export(categories_exports, {
+  getExamplesByCategory: () => getExamplesByCategory,
+  getTopLevelStyleBookCategories: () => getTopLevelStyleBookCategories
 });
-exports.getExamplesByCategory = getExamplesByCategory;
-exports.getTopLevelStyleBookCategories = getTopLevelStyleBookCategories;
-var _blocks = require("@wordpress/blocks");
-var _constants = require("./constants");
-/**
- * WordPress dependencies
- */
-// @wordpress/blocks imports are not typed.
-// @ts-expect-error
-
-/**
- * Internal dependencies
- */
-
-/**
- * Returns category examples for a given category definition and list of examples.
- * @param {StyleBookCategory} categoryDefinition The category definition.
- * @param {BlockExample[]}    examples           An array of block examples.
- * @return {CategoryExamples|undefined} An object containing the category examples.
- */
+module.exports = __toCommonJS(categories_exports);
+var import_blocks = require("@wordpress/blocks");
+var import_constants = require("./constants");
 function getExamplesByCategory(categoryDefinition, examples) {
-  var _categoryDefinition$s;
   if (!categoryDefinition?.slug || !examples?.length) {
     return;
   }
-  const categories = (_categoryDefinition$s = categoryDefinition?.subcategories) !== null && _categoryDefinition$s !== void 0 ? _categoryDefinition$s : [];
+  const categories = categoryDefinition?.subcategories ?? [];
   if (categories.length) {
-    return categories.reduce((acc, subcategoryDefinition) => {
-      const subcategoryExamples = getExamplesByCategory(subcategoryDefinition, examples);
-      if (subcategoryExamples) {
-        if (!acc.subcategories) {
-          acc.subcategories = [];
+    return categories.reduce(
+      (acc, subcategoryDefinition) => {
+        const subcategoryExamples = getExamplesByCategory(
+          subcategoryDefinition,
+          examples
+        );
+        if (subcategoryExamples) {
+          if (!acc.subcategories) {
+            acc.subcategories = [];
+          }
+          acc.subcategories = [
+            ...acc.subcategories,
+            subcategoryExamples
+          ];
         }
-        acc.subcategories = [...acc.subcategories, subcategoryExamples];
+        return acc;
+      },
+      {
+        title: categoryDefinition.title,
+        slug: categoryDefinition.slug
       }
-      return acc;
-    }, {
-      title: categoryDefinition.title,
-      slug: categoryDefinition.slug
-    });
+    );
   }
   const blocksToInclude = categoryDefinition?.blocks || [];
   const blocksToExclude = categoryDefinition?.exclude || [];
-  const categoryExamples = examples.filter(example => {
+  const categoryExamples = examples.filter((example) => {
     return !blocksToExclude.includes(example.name) && (example.category === categoryDefinition.slug || blocksToInclude.includes(example.name));
   });
   if (!categoryExamples.length) {
@@ -58,20 +67,20 @@ function getExamplesByCategory(categoryDefinition, examples) {
     examples: categoryExamples
   };
 }
-
-/**
- * Returns category examples for a given category definition and list of examples.
- *
- * @return {StyleBookCategory[]} An array of top-level category definitions.
- */
 function getTopLevelStyleBookCategories() {
-  const reservedCategories = [..._constants.STYLE_BOOK_THEME_SUBCATEGORIES, ..._constants.STYLE_BOOK_CATEGORIES].map(({
-    slug
-  }) => slug);
-  const extraCategories = (0, _blocks.getCategories)();
-  const extraCategoriesFiltered = extraCategories.filter(({
-    slug
-  }) => !reservedCategories.includes(slug));
-  return [..._constants.STYLE_BOOK_CATEGORIES, ...extraCategoriesFiltered];
+  const reservedCategories = [
+    ...import_constants.STYLE_BOOK_THEME_SUBCATEGORIES,
+    ...import_constants.STYLE_BOOK_CATEGORIES
+  ].map(({ slug }) => slug);
+  const extraCategories = (0, import_blocks.getCategories)();
+  const extraCategoriesFiltered = extraCategories.filter(
+    ({ slug }) => !reservedCategories.includes(slug)
+  );
+  return [...import_constants.STYLE_BOOK_CATEGORIES, ...extraCategoriesFiltered];
 }
-//# sourceMappingURL=categories.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getExamplesByCategory,
+  getTopLevelStyleBookCategories
+});
+//# sourceMappingURL=categories.js.map

package/build/components/style-book/categories.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_blocks","require","_constants","getExamplesByCategory","categoryDefinition","examples","_categoryDefinition$s","slug","length","categories","subcategories","reduce","acc","subcategoryDefinition","subcategoryExamples","title","blocksToInclude","blocks","blocksToExclude","exclude","categoryExamples","filter","example","includes","name","category","getTopLevelStyleBookCategories","reservedCategories","STYLE_BOOK_THEME_SUBCATEGORIES","STYLE_BOOK_CATEGORIES","map","extraCategories","getCategories","extraCategoriesFiltered"],"sources":["@wordpress/edit-site/src/components/style-book/categories.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\n// @wordpress/blocks imports are not typed.\n// @ts-expect-error\nimport { getCategories } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tBlockExample,\n\tStyleBookCategory,\n\tCategoryExamples,\n} from './types';\nimport {\n\tSTYLE_BOOK_CATEGORIES,\n\tSTYLE_BOOK_THEME_SUBCATEGORIES,\n} from './constants';\n\n/**\n * Returns category examples for a given category definition and list of examples.\n * @param {StyleBookCategory} categoryDefinition The category definition.\n * @param {BlockExample[]}    examples           An array of block examples.\n * @return {CategoryExamples|undefined} An object containing the category examples.\n */\nexport function getExamplesByCategory(\n\tcategoryDefinition: StyleBookCategory,\n\texamples: BlockExample[]\n): CategoryExamples | undefined {\n\tif ( ! categoryDefinition?.slug || ! examples?.length ) {\n\t\treturn;\n\t}\n\tconst categories: CategoryExamples[] =\n\t\tcategoryDefinition?.subcategories ?? [];\n\tif ( categories.length ) {\n\t\treturn categories.reduce(\n\t\t\t( acc, subcategoryDefinition ) => {\n\t\t\t\tconst subcategoryExamples = getExamplesByCategory(\n\t\t\t\t\tsubcategoryDefinition,\n\t\t\t\t\texamples\n\t\t\t\t);\n\t\t\t\tif ( subcategoryExamples ) {\n\t\t\t\t\tif ( ! acc.subcategories ) {\n\t\t\t\t\t\tacc.subcategories = [];\n\t\t\t\t\t}\n\t\t\t\t\tacc.subcategories = [\n\t\t\t\t\t\t...acc.subcategories,\n\t\t\t\t\t\tsubcategoryExamples,\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: categoryDefinition.title,\n\t\t\t\tslug: categoryDefinition.slug,\n\t\t\t}\n\t\t);\n\t}\n\n\tconst blocksToInclude = categoryDefinition?.blocks || [];\n\tconst blocksToExclude = categoryDefinition?.exclude || [];\n\tconst categoryExamples = examples.filter( ( example ) => {\n\t\treturn (\n\t\t\t! blocksToExclude.includes( example.name ) &&\n\t\t\t( example.category === categoryDefinition.slug ||\n\t\t\t\tblocksToInclude.includes( example.name ) )\n\t\t);\n\t} );\n\n\tif ( ! categoryExamples.length ) {\n\t\treturn;\n\t}\n\n\treturn {\n\t\ttitle: categoryDefinition.title,\n\t\tslug: categoryDefinition.slug,\n\t\texamples: categoryExamples,\n\t};\n}\n\n/**\n * Returns category examples for a given category definition and list of examples.\n *\n * @return {StyleBookCategory[]} An array of top-level category definitions.\n */\nexport function getTopLevelStyleBookCategories(): StyleBookCategory[] {\n\tconst reservedCategories = [\n\t\t...STYLE_BOOK_THEME_SUBCATEGORIES,\n\t\t...STYLE_BOOK_CATEGORIES,\n\t].map( ( { slug } ) => slug );\n\tconst extraCategories: StyleBookCategory[] = getCategories();\n\tconst extraCategoriesFiltered = extraCategories.filter(\n\t\t( { slug } ) => ! reservedCategories.includes( slug )\n\t);\n\treturn [ ...STYLE_BOOK_CATEGORIES, ...extraCategoriesFiltered ];\n}\n"],"mappings":";;;;;;;AAKA,IAAAA,OAAA,GAAAC,OAAA;AAUA,IAAAC,UAAA,GAAAD,OAAA;AAfA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,qBAAqBA,CACpCC,kBAAqC,EACrCC,QAAwB,EACO;EAAA,IAAAC,qBAAA;EAC/B,IAAK,CAAEF,kBAAkB,EAAEG,IAAI,IAAI,CAAEF,QAAQ,EAAEG,MAAM,EAAG;IACvD;EACD;EACA,MAAMC,UAA8B,IAAAH,qBAAA,GACnCF,kBAAkB,EAAEM,aAAa,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,EAAE;EACxC,IAAKG,UAAU,CAACD,MAAM,EAAG;IACxB,OAAOC,UAAU,CAACE,MAAM,CACvB,CAAEC,GAAG,EAAEC,qBAAqB,KAAM;MACjC,MAAMC,mBAAmB,GAAGX,qBAAqB,CAChDU,qBAAqB,EACrBR,QACD,CAAC;MACD,IAAKS,mBAAmB,EAAG;QAC1B,IAAK,CAAEF,GAAG,CAACF,aAAa,EAAG;UAC1BE,GAAG,CAACF,aAAa,GAAG,EAAE;QACvB;QACAE,GAAG,CAACF,aAAa,GAAG,CACnB,GAAGE,GAAG,CAACF,aAAa,EACpBI,mBAAmB,CACnB;MACF;MACA,OAAOF,GAAG;IACX,CAAC,EACD;MACCG,KAAK,EAAEX,kBAAkB,CAACW,KAAK;MAC/BR,IAAI,EAAEH,kBAAkB,CAACG;IAC1B,CACD,CAAC;EACF;EAEA,MAAMS,eAAe,GAAGZ,kBAAkB,EAAEa,MAAM,IAAI,EAAE;EACxD,MAAMC,eAAe,GAAGd,kBAAkB,EAAEe,OAAO,IAAI,EAAE;EACzD,MAAMC,gBAAgB,GAAGf,QAAQ,CAACgB,MAAM,CAAIC,OAAO,IAAM;IACxD,OACC,CAAEJ,eAAe,CAACK,QAAQ,CAAED,OAAO,CAACE,IAAK,CAAC,KACxCF,OAAO,CAACG,QAAQ,KAAKrB,kBAAkB,CAACG,IAAI,IAC7CS,eAAe,CAACO,QAAQ,CAAED,OAAO,CAACE,IAAK,CAAC,CAAE;EAE7C,CAAE,CAAC;EAEH,IAAK,CAAEJ,gBAAgB,CAACZ,MAAM,EAAG;IAChC;EACD;EAEA,OAAO;IACNO,KAAK,EAAEX,kBAAkB,CAACW,KAAK;IAC/BR,IAAI,EAAEH,kBAAkB,CAACG,IAAI;IAC7BF,QAAQ,EAAEe;EACX,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASM,8BAA8BA,CAAA,EAAwB;EACrE,MAAMC,kBAAkB,GAAG,CAC1B,GAAGC,yCAA8B,EACjC,GAAGC,gCAAqB,CACxB,CAACC,GAAG,CAAE,CAAE;IAAEvB;EAAK,CAAC,KAAMA,IAAK,CAAC;EAC7B,MAAMwB,eAAoC,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAC5D,MAAMC,uBAAuB,GAAGF,eAAe,CAACV,MAAM,CACrD,CAAE;IAAEd;EAAK,CAAC,KAAM,CAAEoB,kBAAkB,CAACJ,QAAQ,CAAEhB,IAAK,CACrD,CAAC;EACD,OAAO,CAAE,GAAGsB,gCAAqB,EAAE,GAAGI,uBAAuB,CAAE;AAChE","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/style-book/categories.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\n// @wordpress/blocks imports are not typed.\n// @ts-expect-error\nimport { getCategories } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tBlockExample,\n\tStyleBookCategory,\n\tCategoryExamples,\n} from './types';\nimport {\n\tSTYLE_BOOK_CATEGORIES,\n\tSTYLE_BOOK_THEME_SUBCATEGORIES,\n} from './constants';\n\n/**\n * Returns category examples for a given category definition and list of examples.\n * @param {StyleBookCategory} categoryDefinition The category definition.\n * @param {BlockExample[]}    examples           An array of block examples.\n * @return {CategoryExamples|undefined} An object containing the category examples.\n */\nexport function getExamplesByCategory(\n\tcategoryDefinition: StyleBookCategory,\n\texamples: BlockExample[]\n): CategoryExamples | undefined {\n\tif ( ! categoryDefinition?.slug || ! examples?.length ) {\n\t\treturn;\n\t}\n\tconst categories: CategoryExamples[] =\n\t\tcategoryDefinition?.subcategories ?? [];\n\tif ( categories.length ) {\n\t\treturn categories.reduce(\n\t\t\t( acc, subcategoryDefinition ) => {\n\t\t\t\tconst subcategoryExamples = getExamplesByCategory(\n\t\t\t\t\tsubcategoryDefinition,\n\t\t\t\t\texamples\n\t\t\t\t);\n\t\t\t\tif ( subcategoryExamples ) {\n\t\t\t\t\tif ( ! acc.subcategories ) {\n\t\t\t\t\t\tacc.subcategories = [];\n\t\t\t\t\t}\n\t\t\t\t\tacc.subcategories = [\n\t\t\t\t\t\t...acc.subcategories,\n\t\t\t\t\t\tsubcategoryExamples,\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: categoryDefinition.title,\n\t\t\t\tslug: categoryDefinition.slug,\n\t\t\t}\n\t\t);\n\t}\n\n\tconst blocksToInclude = categoryDefinition?.blocks || [];\n\tconst blocksToExclude = categoryDefinition?.exclude || [];\n\tconst categoryExamples = examples.filter( ( example ) => {\n\t\treturn (\n\t\t\t! blocksToExclude.includes( example.name ) &&\n\t\t\t( example.category === categoryDefinition.slug ||\n\t\t\t\tblocksToInclude.includes( example.name ) )\n\t\t);\n\t} );\n\n\tif ( ! categoryExamples.length ) {\n\t\treturn;\n\t}\n\n\treturn {\n\t\ttitle: categoryDefinition.title,\n\t\tslug: categoryDefinition.slug,\n\t\texamples: categoryExamples,\n\t};\n}\n\n/**\n * Returns category examples for a given category definition and list of examples.\n *\n * @return {StyleBookCategory[]} An array of top-level category definitions.\n */\nexport function getTopLevelStyleBookCategories(): StyleBookCategory[] {\n\tconst reservedCategories = [\n\t\t...STYLE_BOOK_THEME_SUBCATEGORIES,\n\t\t...STYLE_BOOK_CATEGORIES,\n\t].map( ( { slug } ) => slug );\n\tconst extraCategories: StyleBookCategory[] = getCategories();\n\tconst extraCategoriesFiltered = extraCategories.filter(\n\t\t( { slug } ) => ! reservedCategories.includes( slug )\n\t);\n\treturn [ ...STYLE_BOOK_CATEGORIES, ...extraCategoriesFiltered ];\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,oBAA8B;AAU9B,uBAGO;AAQA,SAAS,sBACf,oBACA,UAC+B;AAC/B,MAAK,CAAE,oBAAoB,QAAQ,CAAE,UAAU,QAAS;AACvD;AAAA,EACD;AACA,QAAM,aACL,oBAAoB,iBAAiB,CAAC;AACvC,MAAK,WAAW,QAAS;AACxB,WAAO,WAAW;AAAA,MACjB,CAAE,KAAK,0BAA2B;AACjC,cAAM,sBAAsB;AAAA,UAC3B;AAAA,UACA;AAAA,QACD;AACA,YAAK,qBAAsB;AAC1B,cAAK,CAAE,IAAI,eAAgB;AAC1B,gBAAI,gBAAgB,CAAC;AAAA,UACtB;AACA,cAAI,gBAAgB;AAAA,YACnB,GAAG,IAAI;AAAA,YACP;AAAA,UACD;AAAA,QACD;AACA,eAAO;AAAA,MACR;AAAA,MACA;AAAA,QACC,OAAO,mBAAmB;AAAA,QAC1B,MAAM,mBAAmB;AAAA,MAC1B;AAAA,IACD;AAAA,EACD;AAEA,QAAM,kBAAkB,oBAAoB,UAAU,CAAC;AACvD,QAAM,kBAAkB,oBAAoB,WAAW,CAAC;AACxD,QAAM,mBAAmB,SAAS,OAAQ,CAAE,YAAa;AACxD,WACC,CAAE,gBAAgB,SAAU,QAAQ,IAAK,MACvC,QAAQ,aAAa,mBAAmB,QACzC,gBAAgB,SAAU,QAAQ,IAAK;AAAA,EAE1C,CAAE;AAEF,MAAK,CAAE,iBAAiB,QAAS;AAChC;AAAA,EACD;AAEA,SAAO;AAAA,IACN,OAAO,mBAAmB;AAAA,IAC1B,MAAM,mBAAmB;AAAA,IACzB,UAAU;AAAA,EACX;AACD;AAOO,SAAS,iCAAsD;AACrE,QAAM,qBAAqB;AAAA,IAC1B,GAAG;AAAA,IACH,GAAG;AAAA,EACJ,EAAE,IAAK,CAAE,EAAE,KAAK,MAAO,IAAK;AAC5B,QAAM,sBAAuC,6BAAc;AAC3D,QAAM,0BAA0B,gBAAgB;AAAA,IAC/C,CAAE,EAAE,KAAK,MAAO,CAAE,mBAAmB,SAAU,IAAK;AAAA,EACrD;AACA,SAAO,CAAE,GAAG,wCAAuB,GAAG,uBAAwB;AAC/D;",
+  "names": []
+}

package/build/components/style-book/color-examples.js

@@ -1,51 +1,65 @@
 "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 color_examples_exports = {};
+__export(color_examples_exports, {
+  default: () => color_examples_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _components = require("@wordpress/components");
-var _primitives = require("@wordpress/primitives");
-var _blockEditor = require("@wordpress/block-editor");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(color_examples_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+var import_primitives = require("@wordpress/primitives");
+var import_block_editor = require("@wordpress/block-editor");
 const ColorExamples = ({
   colors,
   type,
-  templateColumns = '1fr 1fr',
-  itemHeight = '52px'
+  templateColumns = "1fr 1fr",
+  itemHeight = "52px"
 }) => {
   if (!colors) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalGrid, {
-    templateColumns: templateColumns,
-    rowGap: 8,
-    columnGap: 16,
-    children: colors.map(color => {
-      const className = type === 'gradients' ? (0, _blockEditor.__experimentalGetGradientClass)(color.slug) : (0, _blockEditor.getColorClassName)('background-color', color.slug);
-      const classes = (0, _clsx.default)('edit-site-style-book__color-example', className);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.View, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalGrid, { templateColumns, rowGap: 8, columnGap: 16, children: colors.map((color) => {
+    const className = type === "gradients" ? (0, import_block_editor.__experimentalGetGradientClass)(color.slug) : (0, import_block_editor.getColorClassName)("background-color", color.slug);
+    const classes = (0, import_clsx.default)(
+      "edit-site-style-book__color-example",
+      className
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_primitives.View,
+      {
         className: classes,
-        style: {
-          height: itemHeight
-        }
-      }, color.slug);
-    })
-  });
+        style: { height: itemHeight }
+      },
+      color.slug
+    );
+  }) });
 };
-var _default = exports.default = ColorExamples;
-//# sourceMappingURL=color-examples.js.map
+var color_examples_default = ColorExamples;
+//# sourceMappingURL=color-examples.js.map

package/build/components/style-book/color-examples.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_primitives","_blockEditor","_jsxRuntime","ColorExamples","colors","type","templateColumns","itemHeight","jsx","__experimentalGrid","rowGap","columnGap","children","map","color","className","__experimentalGetGradientClass","slug","getColorClassName","classes","clsx","View","style","height","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/style-book/color-examples.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { View } from '@wordpress/primitives';\nimport {\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\t// @wordpress/block-editor imports are not typed.\n\t// @ts-expect-error\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport type { Color, Gradient, ColorExampleProps } from './types';\n\nconst ColorExamples = ( {\n\tcolors,\n\ttype,\n\ttemplateColumns = '1fr 1fr',\n\titemHeight = '52px',\n}: ColorExampleProps ): JSX.Element | null => {\n\tif ( ! colors ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid templateColumns={ templateColumns } rowGap={ 8 } columnGap={ 16 }>\n\t\t\t{ colors.map( ( color: Color | Gradient ) => {\n\t\t\t\tconst className =\n\t\t\t\t\ttype === 'gradients'\n\t\t\t\t\t\t? __experimentalGetGradientClass( color.slug )\n\t\t\t\t\t\t: getColorClassName( 'background-color', color.slug );\n\t\t\t\tconst classes = clsx(\n\t\t\t\t\t'edit-site-style-book__color-example',\n\t\t\t\t\tclassName\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<View\n\t\t\t\t\t\tkey={ color.slug }\n\t\t\t\t\t\tclassName={ classes }\n\t\t\t\t\t\tstyle={ { height: itemHeight } }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Grid>\n\t);\n};\n\nexport default ColorExamples;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKiC,IAAAI,WAAA,GAAAJ,OAAA;AAfjC;AACA;AACA;;AAGA;AACA;AACA;;AAUA;AACA;AACA;;AAGA,MAAMK,aAAa,GAAGA,CAAE;EACvBC,MAAM;EACNC,IAAI;EACJC,eAAe,GAAG,SAAS;EAC3BC,UAAU,GAAG;AACK,CAAC,KAA0B;EAC7C,IAAK,CAAEH,MAAM,EAAG;IACf,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAF,WAAA,CAAAM,GAAA,EAACT,WAAA,CAAAU,kBAAI;IAACH,eAAe,EAAGA,eAAiB;IAACI,MAAM,EAAG,CAAG;IAACC,SAAS,EAAG,EAAI;IAAAC,QAAA,EACpER,MAAM,CAACS,GAAG,CAAIC,KAAuB,IAAM;MAC5C,MAAMC,SAAS,GACdV,IAAI,KAAK,WAAW,GACjB,IAAAW,2CAA8B,EAAEF,KAAK,CAACG,IAAK,CAAC,GAC5C,IAAAC,8BAAiB,EAAE,kBAAkB,EAAEJ,KAAK,CAACG,IAAK,CAAC;MACvD,MAAME,OAAO,GAAG,IAAAC,aAAI,EACnB,qCAAqC,EACrCL,SACD,CAAC;MAED,oBACC,IAAAb,WAAA,CAAAM,GAAA,EAACR,WAAA,CAAAqB,IAAI;QAEJN,SAAS,EAAGI,OAAS;QACrBG,KAAK,EAAG;UAAEC,MAAM,EAAEhB;QAAW;MAAG,GAF1BO,KAAK,CAACG,IAGZ,CAAC;IAEJ,CAAE;EAAC,CACE,CAAC;AAET,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEavB,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/style-book/color-examples.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { View } from '@wordpress/primitives';\nimport {\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\t// @wordpress/block-editor imports are not typed.\n\t// @ts-expect-error\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport type { Color, Gradient, ColorExampleProps } from './types';\n\nconst ColorExamples = ( {\n\tcolors,\n\ttype,\n\ttemplateColumns = '1fr 1fr',\n\titemHeight = '52px',\n}: ColorExampleProps ): JSX.Element | null => {\n\tif ( ! colors ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid templateColumns={ templateColumns } rowGap={ 8 } columnGap={ 16 }>\n\t\t\t{ colors.map( ( color: Color | Gradient ) => {\n\t\t\t\tconst className =\n\t\t\t\t\ttype === 'gradients'\n\t\t\t\t\t\t? __experimentalGetGradientClass( color.slug )\n\t\t\t\t\t\t: getColorClassName( 'background-color', color.slug );\n\t\t\t\tconst classes = clsx(\n\t\t\t\t\t'edit-site-style-book__color-example',\n\t\t\t\t\tclassName\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<View\n\t\t\t\t\t\tkey={ color.slug }\n\t\t\t\t\t\tclassName={ classes }\n\t\t\t\t\t\tstyle={ { height: itemHeight } }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Grid>\n\t);\n};\n\nexport default ColorExamples;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CK;AA1CL,kBAAiB;AAKjB,wBAA2C;AAC3C,wBAAqB;AACrB,0BAKO;AAOP,MAAM,gBAAgB,CAAE;AAAA,EACvB;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,aAAa;AACd,MAA8C;AAC7C,MAAK,CAAE,QAAS;AACf,WAAO;AAAA,EACR;AAEA,SACC,4CAAC,kBAAAA,oBAAA,EAAK,iBAAoC,QAAS,GAAI,WAAY,IAChE,iBAAO,IAAK,CAAE,UAA6B;AAC5C,UAAM,YACL,SAAS,kBACN,oDAAgC,MAAM,IAAK,QAC3C,uCAAmB,oBAAoB,MAAM,IAAK;AACtD,UAAM,cAAU,YAAAC;AAAA,MACf;AAAA,MACA;AAAA,IACD;AAEA,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,WAAY;AAAA,QACZ,OAAQ,EAAE,QAAQ,WAAW;AAAA;AAAA,MAFvB,MAAM;AAAA,IAGb;AAAA,EAEF,CAAE,GACH;AAEF;AAEA,IAAO,yBAAQ;",
+  "names": ["Grid", "clsx"]
+}