@wordpress/boot 0.17.0 → 0.18.0

package/build-module/components/site-icon/index.mjs

@@ -1,57 +0,0 @@
-// packages/boot/src/components/site-icon/index.tsx
-import clsx from "clsx";
-import { useSelect } from "@wordpress/data";
-import { Icon, wordpress } from "@wordpress/icons";
-import { __ } from "@wordpress/i18n";
-import { store as coreDataStore } from "@wordpress/core-data";
-
-// packages/boot/src/components/site-icon/style.scss
-if (typeof document !== "undefined" && process.env.NODE_ENV !== "test" && !document.head.querySelector("style[data-wp-hash='8cdddce491']")) {
-  const style = document.createElement("style");
-  style.setAttribute("data-wp-hash", "8cdddce491");
-  style.appendChild(document.createTextNode(".boot-site-icon{display:flex}.boot-site-icon__icon{fill:var(--wpds-color-foreground-content-neutral,#1e1e1e);height:32px;width:32px}.boot-site-icon__image{aspect-ratio:1/1;border-radius:var(--wpds-border-radius-md,4px);height:32px;object-fit:cover;width:32px}"));
-  document.head.appendChild(style);
-}
-
-// packages/boot/src/components/site-icon/index.tsx
-import { jsx } from "react/jsx-runtime";
-function SiteIcon({ className }) {
-  const { isRequestingSite, siteIconUrl } = useSelect((select) => {
-    const { getEntityRecord } = select(coreDataStore);
-    const siteData = getEntityRecord(
-      "root",
-      "__unstableBase",
-      void 0
-    );
-    return {
-      isRequestingSite: !siteData,
-      siteIconUrl: siteData?.site_icon_url
-    };
-  }, []);
-  let icon = null;
-  if (isRequestingSite && !siteIconUrl) {
-    icon = /* @__PURE__ */ jsx("div", { className: "boot-site-icon__image" });
-  } else {
-    icon = siteIconUrl ? /* @__PURE__ */ jsx(
-      "img",
-      {
-        className: "boot-site-icon__image",
-        alt: __("Site Icon"),
-        src: siteIconUrl
-      }
-    ) : /* @__PURE__ */ jsx(
-      Icon,
-      {
-        className: "boot-site-icon__icon",
-        icon: wordpress,
-        size: 48
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("div", { className: clsx(className, "boot-site-icon"), children: icon });
-}
-var site_icon_default = SiteIcon;
-export {
-  site_icon_default as default
-};
-//# sourceMappingURL=index.mjs.map

package/build-module/components/site-icon/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/site-icon/index.tsx", "../../../src/components/site-icon/style.scss"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { Icon, wordpress } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport type { UnstableBase } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport './style.scss';\n\nfunction SiteIcon( { className }: { className?: string } ) {\n\tconst { isRequestingSite, siteIconUrl } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreDataStore );\n\t\tconst siteData = getEntityRecord< UnstableBase >(\n\t\t\t'root',\n\t\t\t'__unstableBase',\n\t\t\tundefined\n\t\t);\n\n\t\treturn {\n\t\t\tisRequestingSite: ! siteData,\n\t\t\tsiteIconUrl: siteData?.site_icon_url,\n\t\t};\n\t}, [] );\n\n\tlet icon = null;\n\n\tif ( isRequestingSite && ! siteIconUrl ) {\n\t\ticon = <div className=\"boot-site-icon__image\" />;\n\t} else {\n\t\ticon = siteIconUrl ? (\n\t\t\t<img\n\t\t\t\tclassName=\"boot-site-icon__image\"\n\t\t\t\talt={ __( 'Site Icon' ) }\n\t\t\t\tsrc={ siteIconUrl }\n\t\t\t/>\n\t\t) : (\n\t\t\t<Icon\n\t\t\t\tclassName=\"boot-site-icon__icon\"\n\t\t\t\ticon={ wordpress }\n\t\t\t\tsize={ 48 }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className={ clsx( className, 'boot-site-icon' ) }>{ icon }</div>\n\t);\n}\n\nexport default SiteIcon;\n", "if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && !document.head.querySelector(\"style[data-wp-hash='8cdddce491']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"8cdddce491\");\n\tstyle.appendChild(document.createTextNode(\".boot-site-icon{display:flex}.boot-site-icon__icon{fill:var(--wpds-color-foreground-content-neutral,#1e1e1e);height:32px;width:32px}.boot-site-icon__image{aspect-ratio:1/1;border-radius:var(--wpds-border-radius-md,4px);height:32px;object-fit:cover;width:32px}\"));\n\tdocument.head.appendChild(style);\n}\n"],
-  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,iBAAiB;AAChC,SAAS,UAAU;AACnB,SAAS,SAAS,qBAAqB;;;ACXvC,IAAI,OAAO,aAAa,eAAe,QAAQ,IAAI,aAAa,UAAU,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AAC3I,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,qQAAqQ,CAAC;AAChT,WAAS,KAAK,YAAY,KAAK;AAChC;;;ADgCS;AAlBT,SAAS,SAAU,EAAE,UAAU,GAA4B;AAC1D,QAAM,EAAE,kBAAkB,YAAY,IAAI,UAAW,CAAE,WAAY;AAClE,UAAM,EAAE,gBAAgB,IAAI,OAAQ,aAAc;AAClD,UAAM,WAAW;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAEA,WAAO;AAAA,MACN,kBAAkB,CAAE;AAAA,MACpB,aAAa,UAAU;AAAA,IACxB;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,MAAI,OAAO;AAEX,MAAK,oBAAoB,CAAE,aAAc;AACxC,WAAO,oBAAC,SAAI,WAAU,yBAAwB;AAAA,EAC/C,OAAO;AACN,WAAO,cACN;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,KAAM,GAAI,WAAY;AAAA,QACtB,KAAM;AAAA;AAAA,IACP,IAEA;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,MAAO;AAAA,QACP,MAAO;AAAA;AAAA,IACR;AAAA,EAEF;AAEA,SACC,oBAAC,SAAI,WAAY,KAAM,WAAW,gBAAiB,GAAM,gBAAM;AAEjE;AAEA,IAAO,oBAAQ;",
-  "names": []
-}

package/build-module/components/site-icon-link/index.mjs

@@ -1,53 +0,0 @@
-// packages/boot/src/components/site-icon-link/index.tsx
-import { Link, privateApis as routePrivateApis } from "@wordpress/route";
-import { Tooltip } from "@wordpress/ui";
-import { unlock } from "../../lock-unlock.mjs";
-import SiteIcon from "../site-icon/index.mjs";
-
-// packages/boot/src/components/site-icon-link/style.scss
-if (typeof document !== "undefined" && process.env.NODE_ENV !== "test" && !document.head.querySelector("style[data-wp-hash='6b58df5c9e']")) {
-  const style = document.createElement("style");
-  style.setAttribute("data-wp-hash", "6b58df5c9e");
-  style.appendChild(document.createTextNode(".boot-site-icon-link{align-items:center;background:var(--wpds-color-background-surface-neutral-weak,#f4f4f4);display:inline-flex;height:64px;justify-content:center;text-decoration:none;width:64px}@media not (prefers-reduced-motion){.boot-site-icon-link{transition:outline .1s ease-out}}.boot-site-icon-link:focus:not(:active){outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus,var(--wp-admin-theme-color,#3858e9));outline-offset:calc(var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px))*-1)}"));
-  document.head.appendChild(style);
-}
-
-// packages/boot/src/components/site-icon-link/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var { useCanGoBack, useRouter } = unlock(routePrivateApis);
-function SiteIconLink({
-  to,
-  isBackButton,
-  ...props
-}) {
-  const router = useRouter();
-  const canGoBack = useCanGoBack();
-  return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [
-    /* @__PURE__ */ jsx(
-      Tooltip.Trigger,
-      {
-        render: /* @__PURE__ */ jsx(
-          Link,
-          {
-            to,
-            "aria-label": props["aria-label"],
-            className: "boot-site-icon-link",
-            onClick: (event) => {
-              if (canGoBack && isBackButton) {
-                event.preventDefault();
-                router.history.back();
-              }
-            },
-            children: /* @__PURE__ */ jsx(SiteIcon, {})
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(Tooltip.Popup, { positioner: /* @__PURE__ */ jsx(Tooltip.Positioner, { side: "right" }), children: props["aria-label"] })
-  ] });
-}
-var site_icon_link_default = SiteIconLink;
-export {
-  site_icon_link_default as default
-};
-//# sourceMappingURL=index.mjs.map

package/build-module/components/site-icon-link/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/site-icon-link/index.tsx", "../../../src/components/site-icon-link/style.scss"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Link, privateApis as routePrivateApis } from '@wordpress/route';\nimport { Tooltip } from '@wordpress/ui';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nimport SiteIcon from '../site-icon';\nimport './style.scss';\n\nconst { useCanGoBack, useRouter } = unlock( routePrivateApis );\n\nfunction SiteIconLink( {\n\tto,\n\tisBackButton,\n\t...props\n}: {\n\tto: string;\n\t'aria-label': string;\n\tisBackButton?: boolean;\n} ) {\n\tconst router = useRouter();\n\tconst canGoBack = useCanGoBack();\n\n\treturn (\n\t\t<Tooltip.Root>\n\t\t\t<Tooltip.Trigger\n\t\t\t\trender={\n\t\t\t\t\t<Link\n\t\t\t\t\t\tto={ to }\n\t\t\t\t\t\taria-label={ props[ 'aria-label' ] }\n\t\t\t\t\t\tclassName=\"boot-site-icon-link\"\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\t// If possible, restore the previous page with\n\t\t\t\t\t\t\t// filters etc.\n\t\t\t\t\t\t\tif ( canGoBack && isBackButton ) {\n\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\trouter.history.back();\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<SiteIcon />\n\t\t\t\t\t</Link>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Tooltip.Popup positioner={ <Tooltip.Positioner side=\"right\" /> }>\n\t\t\t\t{ props[ 'aria-label' ] }\n\t\t\t</Tooltip.Popup>\n\t\t</Tooltip.Root>\n\t);\n}\n\nexport default SiteIconLink;\n", "if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && !document.head.querySelector(\"style[data-wp-hash='6b58df5c9e']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"6b58df5c9e\");\n\tstyle.appendChild(document.createTextNode(\".boot-site-icon-link{align-items:center;background:var(--wpds-color-background-surface-neutral-weak,#f4f4f4);display:inline-flex;height:64px;justify-content:center;text-decoration:none;width:64px}@media not (prefers-reduced-motion){.boot-site-icon-link{transition:outline .1s ease-out}}.boot-site-icon-link:focus:not(:active){outline:var(--wpds-border-width-focus,var(--wp-admin-border-width-focus,2px)) solid var(--wpds-color-stroke-focus,var(--wp-admin-theme-color,#3858e9));outline-offset:calc(var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px))*-1)}\"));\n\tdocument.head.appendChild(style);\n}\n"],
-  "mappings": ";AAGA,SAAS,MAAM,eAAe,wBAAwB;AACtD,SAAS,eAAe;AAKxB,SAAS,cAAc;AAEvB,OAAO,cAAc;;;ACXrB,IAAI,OAAO,aAAa,eAAe,QAAQ,IAAI,aAAa,UAAU,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AAC3I,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,+jBAA+jB,CAAC;AAC1mB,WAAS,KAAK,YAAY,KAAK;AAChC;;;ADwBE,SAgBI,KAhBJ;AAfF,IAAM,EAAE,cAAc,UAAU,IAAI,OAAQ,gBAAiB;AAE7D,SAAS,aAAc;AAAA,EACtB;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAII;AACH,QAAM,SAAS,UAAU;AACzB,QAAM,YAAY,aAAa;AAE/B,SACC,qBAAC,QAAQ,MAAR,EACA;AAAA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACA,QACC;AAAA,UAAC;AAAA;AAAA,YACA;AAAA,YACA,cAAa,MAAO,YAAa;AAAA,YACjC,WAAU;AAAA,YACV,SAAU,CAAE,UAAW;AAGtB,kBAAK,aAAa,cAAe;AAChC,sBAAM,eAAe;AACrB,uBAAO,QAAQ,KAAK;AAAA,cACrB;AAAA,YACD;AAAA,YAEA,8BAAC,YAAS;AAAA;AAAA,QACX;AAAA;AAAA,IAEF;AAAA,IACA,oBAAC,QAAQ,OAAR,EAAc,YAAa,oBAAC,QAAQ,YAAR,EAAmB,MAAK,SAAQ,GAC1D,gBAAO,YAAa,GACvB;AAAA,KACD;AAEF;AAEA,IAAO,yBAAQ;",
-  "names": []
-}

package/build-style/experimental-omnibar-rtl.css

@@ -1,37 +0,0 @@
-body.has-admin-bar-in-editor #wpadminbar {
-  display: block;
-}
-body.has-admin-bar-in-editor .boot-canvas-back-button__link {
-  background: transparent;
-}
-body.has-admin-bar-in-editor .boot-canvas-back-button__icon {
-  background-color: transparent;
-}
-body.has-admin-bar-in-editor #site-editor-v2-app {
-  position: fixed;
-  top: 32px;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  height: calc(100vh - 32px) !important;
-}
-body.has-admin-bar-in-editor .boot-layout.has-full-canvas .boot-layout__canvas {
-  top: 32px;
-  height: calc(100vh - 32px);
-}
-@media (max-width: 782px) {
-  body.has-admin-bar-in-editor #site-editor-v2-app {
-    top: 46px;
-    height: calc(100vh - 46px) !important;
-  }
-  body.has-admin-bar-in-editor .boot-layout__stage,
-  body.has-admin-bar-in-editor .boot-layout__inspector,
-  body.has-admin-bar-in-editor .boot-layout__canvas:not(.has-mobile-drawer),
-  body.has-admin-bar-in-editor .boot-layout.has-full-canvas .boot-layout__canvas {
-    top: 46px;
-    height: calc(100vh - 46px);
-  }
-  body.has-admin-bar-in-editor .boot-layout__mobile-sidebar-drawer {
-    top: 46px;
-  }
-}

package/build-style/experimental-omnibar.css

@@ -1,37 +0,0 @@
-body.has-admin-bar-in-editor #wpadminbar {
-  display: block;
-}
-body.has-admin-bar-in-editor .boot-canvas-back-button__link {
-  background: transparent;
-}
-body.has-admin-bar-in-editor .boot-canvas-back-button__icon {
-  background-color: transparent;
-}
-body.has-admin-bar-in-editor #site-editor-v2-app {
-  position: fixed;
-  top: 32px;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: calc(100vh - 32px) !important;
-}
-body.has-admin-bar-in-editor .boot-layout.has-full-canvas .boot-layout__canvas {
-  top: 32px;
-  height: calc(100vh - 32px);
-}
-@media (max-width: 782px) {
-  body.has-admin-bar-in-editor #site-editor-v2-app {
-    top: 46px;
-    height: calc(100vh - 46px) !important;
-  }
-  body.has-admin-bar-in-editor .boot-layout__stage,
-  body.has-admin-bar-in-editor .boot-layout__inspector,
-  body.has-admin-bar-in-editor .boot-layout__canvas:not(.has-mobile-drawer),
-  body.has-admin-bar-in-editor .boot-layout.has-full-canvas .boot-layout__canvas {
-    top: 46px;
-    height: calc(100vh - 46px);
-  }
-  body.has-admin-bar-in-editor .boot-layout__mobile-sidebar-drawer {
-    top: 46px;
-  }
-}

package/build-types/components/site-hub/index.d.ts

@@ -1,4 +0,0 @@
-import './style.scss';
-declare function SiteHub(): import("react").JSX.Element;
-export default SiteHub;
-//# sourceMappingURL=index.d.ts.map

package/build-types/components/site-hub/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/site-hub/index.tsx"],"names":[],"mappings":"AAyBA,OAAO,cAAc,CAAC;AAEtB,iBAAS,OAAO,gCA+Cf;eAEc,OAAO"}

package/build-types/components/site-icon/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Internal dependencies
- */
-import './style.scss';
-declare function SiteIcon({ className }: {
-    className?: string;
-}): import("react").JSX.Element;
-export default SiteIcon;
-//# sourceMappingURL=index.d.ts.map

package/build-types/components/site-icon/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/site-icon/index.tsx"],"names":[],"mappings":"AAcA;;GAEG;AACH,OAAO,cAAc,CAAC;AAEtB,iBAAS,QAAQ,CAAE,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAsCvD;eAEc,QAAQ"}

package/build-types/components/site-icon-link/index.d.ts

@@ -1,8 +0,0 @@
-import './style.scss';
-declare function SiteIconLink({ to, isBackButton, ...props }: {
-    to: string;
-    'aria-label': string;
-    isBackButton?: boolean;
-}): import("react").JSX.Element;
-export default SiteIconLink;
-//# sourceMappingURL=index.d.ts.map

package/build-types/components/site-icon-link/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/site-icon-link/index.tsx"],"names":[],"mappings":"AAYA,OAAO,cAAc,CAAC;AAItB,iBAAS,YAAY,CAAE,EACtB,EAAE,EACF,YAAY,EACZ,GAAG,KAAK,EACR,EAAE;IACF,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,+BA8BA;eAEc,YAAY"}

package/src/components/canvas/back-button.scss

@@ -1,67 +0,0 @@
-@use "@wordpress/base-styles/variables";
-
-.boot-canvas-back-button {
-	position: absolute;
-	top: 0;
-	left: 0;
-	height: variables.$header-height;
-	width: variables.$header-height;
-	z-index: 100;
-}
-
-.boot-canvas-back-button__container {
-	position: relative;
-	width: 100%;
-	height: 100%;
-}
-
-.boot-canvas-back-button__link.components-button {
-	width: variables.$header-height;
-	height: variables.$header-height;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	background: var(--wpds-color-background-surface-neutral-weak);
-	text-decoration: none;
-	padding: 0;
-	border-radius: 0;
-
-	@media not (prefers-reduced-motion) {
-		transition: outline 0.1s ease-out;
-	}
-
-	&:focus:not(:active) {
-		outline:
-			var(--wpds-border-width-focus) solid
-			var(--wpds-color-stroke-focus);
-		outline-offset: calc(-1 * var(--wpds-border-width-focus));
-	}
-}
-
-.boot-canvas-back-button__icon {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: variables.$header-height;
-	height: variables.$header-height;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background-color: hsla(0, 0%, 80%);
-	pointer-events: none;
-
-	svg {
-		fill: currentColor;
-	}
-
-	&.has-site-icon {
-		background-color: hsla(0, 0%, 100%, 0.6);
-		-webkit-backdrop-filter: saturate(180%) blur(15px);
-		backdrop-filter: saturate(180%) blur(15px);
-	}
-}
-
-// Remove the header slide-in animation so the back logo does not move.
-.interface-interface-skeleton__header {
-	margin-top: 0 !important;
-}

package/src/components/site-hub/index.tsx

@@ -1,77 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import {
-	ExternalLink,
-	Button,
-	// @ts-ignore
-	__experimentalHStack as HStack,
-} from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { store as coreStore } from '@wordpress/core-data';
-import { decodeEntities } from '@wordpress/html-entities';
-import { search } from '@wordpress/icons';
-import { displayShortcut } from '@wordpress/keycodes';
-// @ts-expect-error Commands is not typed properly.
-import { store as commandsStore } from '@wordpress/commands';
-import { filterURLForDisplay } from '@wordpress/url';
-import type { UnstableBase } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import SiteIconLink from '../site-icon-link';
-import { store as bootStore } from '../../store';
-import './style.scss';
-
-function SiteHub() {
-	const { dashboardLink, homeUrl, siteTitle } = useSelect( ( select ) => {
-		const { getEntityRecord } = select( coreStore );
-		const _base = getEntityRecord< UnstableBase >(
-			'root',
-			'__unstableBase'
-		);
-		return {
-			dashboardLink: select( bootStore ).getDashboardLink(),
-			homeUrl: _base?.home,
-			siteTitle:
-				! _base?.name && !! _base?.url
-					? filterURLForDisplay( _base?.url )
-					: _base?.name,
-		};
-	}, [] );
-	const { open: openCommandCenter } = useDispatch( commandsStore );
-
-	return (
-		<div className="boot-site-hub">
-			<SiteIconLink
-				to={ dashboardLink || '/' }
-				aria-label={ __( 'Go to the Dashboard' ) }
-			/>
-			<ExternalLink
-				href={ homeUrl ?? '/' }
-				className="boot-site-hub__title"
-			>
-				<div className="boot-site-hub__title-text">
-					{ siteTitle && decodeEntities( siteTitle ) }
-				</div>
-				<div className="boot-site-hub__url">
-					{ filterURLForDisplay( homeUrl ?? '' ) }
-				</div>
-			</ExternalLink>
-			<HStack className="boot-site-hub__actions">
-				<Button
-					variant="tertiary"
-					icon={ search }
-					onClick={ () => openCommandCenter() }
-					size="compact"
-					label={ __( 'Open command palette' ) }
-					shortcut={ displayShortcut.primary( 'k' ) }
-				/>
-			</HStack>
-		</div>
-	);
-}
-
-export default SiteHub;

package/src/components/site-hub/style.scss

@@ -1,69 +0,0 @@
-@use "@wordpress/base-styles/variables";
-
-.boot-site-hub {
-	position: sticky;
-	top: 0;
-	background-color: var(--wpds-color-background-surface-neutral-weak);
-	z-index: 1;
-	display: grid;
-	grid-template-columns: 60px 1fr auto;
-	align-items: center;
-	padding-right: variables.$grid-unit-20;
-	flex-shrink: 0; // Prevent flex parent from shrinking this element.
-}
-
-.boot-site-hub__actions {
-	flex-shrink: 0;
-}
-
-.boot-site-hub__title {
-	display: flex;
-	align-items: center;
-	text-decoration: none;
-
-	.components-external-link__contents {
-		text-decoration: none;
-		margin-inline-start: variables.$grid-unit-05;
-		overflow: hidden;
-		max-width: 140px;
-	}
-
-	// Show icon on hover
-	.components-external-link__icon {
-		opacity: 0;
-		transition: opacity 0.1s ease-out;
-	}
-
-	&:hover .components-external-link__icon {
-		opacity: 1;
-	}
-
-	// Focus styles
-	@media not (prefers-reduced-motion) {
-		transition: outline 0.1s ease-out;
-	}
-
-	&:focus:not(:active) {
-		outline:
-			var(--wpds-border-width-focus) solid
-			var(--wpds-color-stroke-focus);
-		outline-offset: calc(-1 * var(--wpds-border-width-focus));
-	}
-}
-
-.boot-site-hub__title-text {
-	color: var(--wpds-color-foreground-content-neutral);
-	font-size: variables.$font-size-medium;
-	font-weight: variables.$font-weight-medium;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.boot-site-hub__url {
-	color: var(--wpds-color-foreground-content-neutral-weak);
-	font-size: variables.$font-size-small;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}

package/src/components/site-icon/index.tsx

@@ -1,60 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { Icon, wordpress } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
-import { store as coreDataStore } from '@wordpress/core-data';
-import type { UnstableBase } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import './style.scss';
-
-function SiteIcon( { className }: { className?: string } ) {
-	const { isRequestingSite, siteIconUrl } = useSelect( ( select ) => {
-		const { getEntityRecord } = select( coreDataStore );
-		const siteData = getEntityRecord< UnstableBase >(
-			'root',
-			'__unstableBase',
-			undefined
-		);
-
-		return {
-			isRequestingSite: ! siteData,
-			siteIconUrl: siteData?.site_icon_url,
-		};
-	}, [] );
-
-	let icon = null;
-
-	if ( isRequestingSite && ! siteIconUrl ) {
-		icon = <div className="boot-site-icon__image" />;
-	} else {
-		icon = siteIconUrl ? (
-			<img
-				className="boot-site-icon__image"
-				alt={ __( 'Site Icon' ) }
-				src={ siteIconUrl }
-			/>
-		) : (
-			<Icon
-				className="boot-site-icon__icon"
-				icon={ wordpress }
-				size={ 48 }
-			/>
-		);
-	}
-
-	return (
-		<div className={ clsx( className, 'boot-site-icon' ) }>{ icon }</div>
-	);
-}
-
-export default SiteIcon;

package/src/components/site-icon/style.scss

@@ -1,19 +0,0 @@
-@use "@wordpress/base-styles/variables";
-
-.boot-site-icon {
-	display: flex;
-}
-
-.boot-site-icon__icon {
-	width: variables.$grid-unit-40;
-	height: variables.$grid-unit-40;
-	fill: var(--wpds-color-foreground-content-neutral);
-}
-
-.boot-site-icon__image {
-	width: variables.$grid-unit-40;
-	height: variables.$grid-unit-40;
-	object-fit: cover;
-	aspect-ratio: 1 / 1;
-	border-radius: var(--wpds-border-radius-md);
-}

package/src/components/site-icon-link/index.tsx

@@ -1,57 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Link, privateApis as routePrivateApis } from '@wordpress/route';
-import { Tooltip } from '@wordpress/ui';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-
-import SiteIcon from '../site-icon';
-import './style.scss';
-
-const { useCanGoBack, useRouter } = unlock( routePrivateApis );
-
-function SiteIconLink( {
-	to,
-	isBackButton,
-	...props
-}: {
-	to: string;
-	'aria-label': string;
-	isBackButton?: boolean;
-} ) {
-	const router = useRouter();
-	const canGoBack = useCanGoBack();
-
-	return (
-		<Tooltip.Root>
-			<Tooltip.Trigger
-				render={
-					<Link
-						to={ to }
-						aria-label={ props[ 'aria-label' ] }
-						className="boot-site-icon-link"
-						onClick={ ( event ) => {
-							// If possible, restore the previous page with
-							// filters etc.
-							if ( canGoBack && isBackButton ) {
-								event.preventDefault();
-								router.history.back();
-							}
-						} }
-					>
-						<SiteIcon />
-					</Link>
-				}
-			/>
-			<Tooltip.Popup positioner={ <Tooltip.Positioner side="right" /> }>
-				{ props[ 'aria-label' ] }
-			</Tooltip.Popup>
-		</Tooltip.Root>
-	);
-}
-
-export default SiteIconLink;

package/src/components/site-icon-link/style.scss

@@ -1,24 +0,0 @@
-@use "@wordpress/base-styles/variables";
-
-$header-height: variables.$header-height;
-
-.boot-site-icon-link {
-	width: $header-height;
-	height: $header-height;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	background: var(--wpds-color-background-surface-neutral-weak);
-	text-decoration: none;
-
-	@media not (prefers-reduced-motion) {
-		transition: outline 0.1s ease-out;
-	}
-
-	&:focus:not(:active) {
-		outline:
-			var(--wpds-border-width-focus) solid
-			var(--wpds-color-stroke-focus);
-		outline-offset: calc(-1 * var(--wpds-border-width-focus));
-	}
-}

package/src/experimental-omnibar.scss

@@ -1,48 +0,0 @@
-// Styles for the experimental omnibar.
-
-body.has-admin-bar-in-editor {
-	#wpadminbar {
-		display: block;
-	}
-
-	.boot-canvas-back-button__link {
-		background: transparent;
-	}
-
-	.boot-canvas-back-button__icon {
-		background-color: transparent;
-	}
-
-	#site-editor-v2-app {
-		position: fixed;
-		top: 32px;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		height: calc(100vh - 32px) !important;
-	}
-
-	.boot-layout.has-full-canvas .boot-layout__canvas {
-		top: 32px;
-		height: calc(100vh - 32px);
-	}
-
-	@media (max-width: 782px) {
-		#site-editor-v2-app {
-			top: 46px;
-			height: calc(100vh - 46px) !important;
-		}
-
-		.boot-layout__stage,
-		.boot-layout__inspector,
-		.boot-layout__canvas:not(.has-mobile-drawer),
-		.boot-layout.has-full-canvas .boot-layout__canvas {
-			top: 46px;
-			height: calc(100vh - 46px);
-		}
-
-		.boot-layout__mobile-sidebar-drawer {
-			top: 46px;
-		}
-	}
-}