@wordpress/boot 0.4.0 → 0.4.1-next.ba3aee3a2.0

package/build-style/style.css

@@ -140,18 +140,20 @@
   --wpds-font-family-heading: -apple-system, system-ui, "Segoe UI", "Roboto",
   	"Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; /* Headings font family */
   --wpds-font-family-mono: "Menlo", "Consolas", monaco, monospace; /* Monospace font family */
-  --wpds-font-line-height-2x-large: 40px; /* 2X large line height */
-  --wpds-font-line-height-large: 28px; /* Large line height */
-  --wpds-font-line-height-medium: 24px; /* Medium line height */
-  --wpds-font-line-height-small: 20px; /* Small line height */
-  --wpds-font-line-height-x-large: 32px; /* Extra large line height */
-  --wpds-font-line-height-x-small: 16px; /* Extra small line height */
-  --wpds-font-size-2x-large: 32px; /* 2X large font size */
-  --wpds-font-size-large: 15px; /* Large font size */
-  --wpds-font-size-medium: 13px; /* Medium font size */
-  --wpds-font-size-small: 12px; /* Small font size */
-  --wpds-font-size-x-large: 20px; /* Extra large font size */
-  --wpds-font-size-x-small: 11px; /* Extra small font size */
+  --wpds-font-line-height-2xl: 40px; /* 2X large line height */
+  --wpds-font-line-height-lg: 28px; /* Large line height */
+  --wpds-font-line-height-md: 24px; /* Medium line height */
+  --wpds-font-line-height-sm: 20px; /* Small line height */
+  --wpds-font-line-height-xl: 32px; /* Extra large line height */
+  --wpds-font-line-height-xs: 16px; /* Extra small line height */
+  --wpds-font-size-2xl: 32px; /* 2X large font size */
+  --wpds-font-size-lg: 15px; /* Large font size */
+  --wpds-font-size-md: 13px; /* Medium font size */
+  --wpds-font-size-sm: 12px; /* Small font size */
+  --wpds-font-size-xl: 20px; /* Extra large font size */
+  --wpds-font-size-xs: 11px; /* Extra small font size */
+  --wpds-font-weight-medium: 499; /* Medium font weight for emphasis and headings */
+  --wpds-font-weight-regular: 400; /* Regular font weight for body text */
 }
 
 [data-wpds-theme-provider-id][data-wpds-density=default] {
@@ -287,6 +289,10 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
 .admin-ui-page {
   display: flex;
   height: 100%;
@@ -450,70 +456,32 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.boot-layout-container .boot-layout {
-  height: calc(100vh - 32px);
-}
-
-body:has(.boot-layout-container) {
-  background: #1d2327;
-  overflow: hidden;
-  background: #fff;
-}
-body:has(.boot-layout-container) #wpcontent {
-  padding-left: 0;
-}
-body:has(.boot-layout-container) #wpbody-content {
-  padding-bottom: 0;
-}
-body:has(.boot-layout-container) {
-  /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
-     Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */
-}
-body:has(.boot-layout-container) #wpbody-content > div:not(.boot-layout-container):not(#screen-meta) {
-  display: none;
-}
-body:has(.boot-layout-container) #wpfooter {
-  display: none;
-}
-body:has(.boot-layout-container) .a11y-speak-region {
-  left: -1px;
-  top: -1px;
-}
-body:has(.boot-layout-container) ul#adminmenu a.wp-has-current-submenu::after,
-body:has(.boot-layout-container) ul#adminmenu > li.current > a.current::after {
-  border-right-color: #fff;
-}
-body:has(.boot-layout-container) .media-frame select.attachment-filters:last-of-type {
-  width: auto;
-  max-width: 100%;
-}
-
-#wpcontent {
-  padding-left: 0;
-}
-
-#wpbody-content {
-  padding-bottom: 0;
-}
-
-#wpfooter {
-  display: none;
+/**
+ * Creates a checkerboard pattern background to indicate transparency.
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
+ */
+@media (min-width: 600px) {
+  .boot-layout-container .boot-layout {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    min-height: calc(100vh - 46px);
+  }
 }
-
 @media (min-width: 782px) {
-  body:has(.boot-layout.has-full-canvas) {
-    margin-top: -32px;
-    height: calc(100% + 32px);
+  .boot-layout-container .boot-layout {
+    min-height: calc(100vh - 32px);
   }
-  body:has(.boot-layout.has-full-canvas) #adminmenumain,
-  body:has(.boot-layout.has-full-canvas) #wpadminbar {
-    display: none;
-  }
-  body:has(.boot-layout.has-full-canvas) #wpcontent,
-  body:has(.boot-layout.has-full-canvas) #wpfooter {
-    margin-left: 0;
+  body:has(.boot-layout.has-full-canvas) .boot-layout-container .boot-layout {
+    min-height: 100vh;
   }
 }
+.boot-layout-container .boot-layout img {
+  max-width: 100%;
+  height: auto;
+}
 
 .boot-layout .components-editor-notices__snackbar {
   position: fixed;

package/build-types/components/app/index.d.ts

@@ -1,9 +1,10 @@
 import type { MenuItem, Route } from '../../store/types';
-export declare function init({ mountId, menuItems, routes, initModules, }: {
+export declare function init({ mountId, menuItems, routes, initModules, dashboardLink, }: {
     mountId: string;
     menuItems?: MenuItem[];
     routes?: Route[];
     initModules?: string[];
+    dashboardLink?: string;
 }): Promise<void>;
 export declare function initSinglePage({ mountId, routes, }: {
     mountId: string;

package/build-types/components/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAQzD,wBAAsB,IAAI,CAAE,EAC3B,OAAO,EACP,SAAS,EACT,MAAM,EACN,WAAW,GACX,EAAE;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB,iBAwBA;AAED,wBAAsB,cAAc,CAAE,EACrC,OAAO,EACP,MAAM,GACN,EAAE;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CACjB,iBAeA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAQzD,wBAAsB,IAAI,CAAE,EAC3B,OAAO,EACP,SAAS,EACT,MAAM,EACN,WAAW,EACX,aAAa,GACb,EAAE;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,iBA4BA;AAED,wBAAsB,cAAc,CAAE,EACrC,OAAO,EACP,MAAM,GACN,EAAE;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CACjB,iBAeA"}

package/build-types/components/app/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../../src/components/app/router.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAmB3C,OAAO,KAAK,EAAE,KAAK,EAAmC,MAAM,mBAAmB,CAAC;AAwKhF,UAAU,WAAW;IACpB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAE,EAC/B,MAAM,EACN,aAAoB,GACpB,EAAE,WAAW,+BAkCb"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../../src/components/app/router.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAmB3C,OAAO,KAAK,EAAE,KAAK,EAAmC,MAAM,mBAAmB,CAAC;AA4KhF,UAAU,WAAW;IACpB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAE,EAC/B,MAAM,EACN,aAAoB,GACpB,EAAE,WAAW,+BAiCb"}

package/build-types/components/navigation/items.d.ts

@@ -12,5 +12,5 @@ import type { IconType } from '../../store/types';
  * @param shouldShowPlaceholder - Whether to show placeholder when no icon is provided
  * @return The converted icon as a JSX element
  */
-export declare function wrapIcon(icon?: IconType, shouldShowPlaceholder?: boolean): string | number | true | Iterable<import("react").ReactNode> | import("react").JSX.Element | null;
+export declare function wrapIcon(icon?: IconType, shouldShowPlaceholder?: boolean): string | number | true | import("react").JSX.Element | Iterable<import("react").ReactNode> | null;
 //# sourceMappingURL=items.d.ts.map

package/build-types/components/root/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/root/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,cAAc,CAAC;AAKtB,MAAM,CAAC,OAAO,UAAU,IAAI,gCAyJ3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/root/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,cAAc,CAAC;AAKtB,MAAM,CAAC,OAAO,UAAU,IAAI,gCAuJ3B"}

package/build-types/components/root/single-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-page.d.ts","sourceRoot":"","sources":["../../../src/components/root/single-page.tsx"],"names":[],"mappings":"AAqBA,OAAO,cAAc,CAAC;AAMtB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,gCA6CrC"}
+{"version":3,"file":"single-page.d.ts","sourceRoot":"","sources":["../../../src/components/root/single-page.tsx"],"names":[],"mappings":"AAmBA,OAAO,cAAc,CAAC;AAMtB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,gCAiDrC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/site-hub/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,cAAc,CAAC;AAEtB,iBAAS,OAAO,gCAsCf;AAED,eAAe,OAAO,CAAC"}
+{"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;AAED,eAAe,OAAO,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/site-icon-link/index.tsx"],"names":[],"mappings":"AAUA,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,+BAqBA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/site-icon-link/index.tsx"],"names":[],"mappings":"AAWA,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,+BAuBA;AAED,eAAe,YAAY,CAAC"}

package/build-types/components/user-theme-provider/index.d.ts

@@ -0,0 +1,6 @@
+import { type ThemeProvider as ThemeProviderType } from '@wordpress/theme';
+declare const ThemeProvider: typeof ThemeProviderType;
+export declare function getAdminThemePrimaryColor(): string | undefined;
+export declare function UserThemeProvider({ color, ...restProps }: React.ComponentProps<typeof ThemeProvider>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/components/user-theme-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/user-theme-provider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,aAAa,IAAI,iBAAiB,EAEvC,MAAM,kBAAkB,CAAC;AAG1B,QAAA,MAAM,aAAa,EAAE,OAAO,iBACa,CAAC;AAa1C,wBAAgB,yBAAyB,IAAI,MAAM,GAAG,SAAS,CAK9D;AAED,wBAAgB,iBAAiB,CAAE,EAClC,KAAK,EACL,GAAG,SAAS,EACZ,EAAE,KAAK,CAAC,cAAc,CAAE,OAAO,aAAa,CAAE,+BAI9C"}

package/build-types/store/actions.d.ts

@@ -16,5 +16,9 @@ export declare function registerRoute(route: Route): {
     type: "REGISTER_ROUTE";
     route: Route;
 };
-export type Action = ReturnType<typeof registerMenuItem> | ReturnType<typeof updateMenuItem> | ReturnType<typeof registerRoute>;
+export declare function setDashboardLink(dashboardLink: string): {
+    type: "SET_DASHBOARD_LINK";
+    dashboardLink: string;
+};
+export type Action = ReturnType<typeof registerMenuItem> | ReturnType<typeof updateMenuItem> | ReturnType<typeof registerRoute> | ReturnType<typeof setDashboardLink>;
 //# sourceMappingURL=actions.d.ts.map

package/build-types/store/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/store/actions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,gBAAgB,CAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;;;;EAM/D;AAED,wBAAgB,cAAc,CAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAE,QAAQ,CAAE;;;;EAMvE;AAED,wBAAgB,aAAa,CAAE,KAAK,EAAE,KAAK;;;EAK1C;AAED,MAAM,MAAM,MAAM,GACf,UAAU,CAAE,OAAO,gBAAgB,CAAE,GACrC,UAAU,CAAE,OAAO,cAAc,CAAE,GACnC,UAAU,CAAE,OAAO,aAAa,CAAE,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/store/actions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,gBAAgB,CAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;;;;EAM/D;AAED,wBAAgB,cAAc,CAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAE,QAAQ,CAAE;;;;EAMvE;AAED,wBAAgB,aAAa,CAAE,KAAK,EAAE,KAAK;;;EAK1C;AAED,wBAAgB,gBAAgB,CAAE,aAAa,EAAE,MAAM;;;EAKtD;AAED,MAAM,MAAM,MAAM,GACf,UAAU,CAAE,OAAO,gBAAgB,CAAE,GACrC,UAAU,CAAE,OAAO,cAAc,CAAE,GACnC,UAAU,CAAE,OAAO,aAAa,CAAE,GAClC,UAAU,CAAE,OAAO,gBAAgB,CAAE,CAAC"}

package/build-types/store/reducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../src/store/reducer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAOrC,wBAAgB,OAAO,CAAE,KAAK,EAAE,KAAK,YAAe,EAAE,MAAM,EAAE,MAAM,GAAI,KAAK,CA+B5E"}
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../src/store/reducer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAQrC,wBAAgB,OAAO,CAAE,KAAK,EAAE,KAAK,YAAe,EAAE,MAAM,EAAE,MAAM,GAAI,KAAK,CAqC5E"}

package/build-types/store/selectors.d.ts

@@ -4,4 +4,5 @@
 import type { State } from './types';
 export declare function getMenuItems(state: State): import("./types").MenuItem[];
 export declare function getRoutes(state: State): import("./types").Route[];
+export declare function getDashboardLink(state: State): string | undefined;
 //# sourceMappingURL=selectors.d.ts.map

package/build-types/store/selectors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../src/store/selectors.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,YAAY,CAAE,KAAK,EAAE,KAAK,gCAEzC;AAED,wBAAgB,SAAS,CAAE,KAAK,EAAE,KAAK,6BAEtC"}
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../src/store/selectors.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,YAAY,CAAE,KAAK,EAAE,KAAK,gCAEzC;AAED,wBAAgB,SAAS,CAAE,KAAK,EAAE,KAAK,6BAEtC;AAED,wBAAgB,gBAAgB,CAAE,KAAK,EAAE,KAAK,sBAE7C"}

package/build-types/store/types.d.ts

@@ -145,5 +145,6 @@ export interface Route {
 export interface State {
     menuItems: Record<string, MenuItem>;
     routes: Route[];
+    dashboardLink?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/build-types/store/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/store/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;AAExD,MAAM,WAAW,QAAQ;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;CACvC;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAClC,MAAM,EAAE,MAAM,CAAE,MAAM,EAAE,MAAM,CAAE,CAAC;IACjC,MAAM,EAAE,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAE,OAAO,EAAE,kBAAkB,KAAM,IAAI,GAAG,OAAO,CAAE,IAAI,CAAE,CAAC;IAEvE;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAE,OAAO,EAAE,kBAAkB,KAAM,OAAO,CAAE,OAAO,CAAE,CAAC;IAE/D;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CACR,OAAO,EAAE,kBAAkB,KACvB,OAAO,CAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAE,CAAC;IAE9C;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,CAAE,OAAO,EAAE,kBAAkB,KAAM,OAAO,GAAG,OAAO,CAAE,OAAO,CAAE,CAAC;IAE5E;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,KAAK,CAAC,EAAE,CAAE,OAAO,EAAE,kBAAkB,KAAM,MAAM,GAAG,OAAO,CAAE,MAAM,CAAE,CAAC;CACtE;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK;IACrB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,KAAK;IACrB,SAAS,EAAE,MAAM,CAAE,MAAM,EAAE,QAAQ,CAAE,CAAC;IACtC,MAAM,EAAE,KAAK,EAAE,CAAC;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/store/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC;AAExD,MAAM,WAAW,QAAQ;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;CACvC;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAClC,MAAM,EAAE,MAAM,CAAE,MAAM,EAAE,MAAM,CAAE,CAAC;IACjC,MAAM,EAAE,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAE,OAAO,EAAE,kBAAkB,KAAM,IAAI,GAAG,OAAO,CAAE,IAAI,CAAE,CAAC;IAEvE;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAE,OAAO,EAAE,kBAAkB,KAAM,OAAO,CAAE,OAAO,CAAE,CAAC;IAE/D;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CACR,OAAO,EAAE,kBAAkB,KACvB,OAAO,CAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAE,CAAC;IAE9C;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,CAAE,OAAO,EAAE,kBAAkB,KAAM,OAAO,GAAG,OAAO,CAAE,OAAO,CAAE,CAAC;IAE5E;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,KAAK,CAAC,EAAE,CAAE,OAAO,EAAE,kBAAkB,KAAM,MAAM,GAAG,OAAO,CAAE,MAAM,CAAE,CAAC;CACtE;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK;IACrB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,KAAK;IACrB,SAAS,EAAE,MAAM,CAAE,MAAM,EAAE,QAAQ,CAAE,CAAC;IACtC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/boot",
-	"version": "0.4.0",
+	"version": "0.4.1-next.ba3aee3a2.0",
 	"description": "Minimal boot package for WordPress admin pages.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -22,38 +22,46 @@
 		"node": ">=18.12.0",
 		"npm": ">=8.19.2"
 	},
-	"module": "build-module/index.js",
+	"files": [
+		"src",
+		"build-module",
+		"build-style",
+		"build-types",
+		"*.md"
+	],
+	"module": "build-module/index.mjs",
 	"exports": {
 		".": {
 			"types": "./build-types/index.d.ts",
-			"import": "./build-module/index.js"
+			"import": "./build-module/index.mjs"
 		},
 		"./package.json": "./package.json"
 	},
 	"react-native": "src/index",
-	"wpScriptModuleExports": "./build-module/index.js",
+	"wpScriptModuleExports": "./build-module/index.mjs",
 	"types": "build-types",
 	"dependencies": {
-		"@wordpress/a11y": "^4.37.0",
-		"@wordpress/admin-ui": "^1.5.0",
-		"@wordpress/commands": "^1.37.0",
-		"@wordpress/components": "^31.0.0",
-		"@wordpress/compose": "^7.37.0",
-		"@wordpress/core-data": "^7.37.0",
-		"@wordpress/data": "^10.37.0",
-		"@wordpress/editor": "^14.37.0",
-		"@wordpress/element": "^6.37.0",
-		"@wordpress/html-entities": "^4.37.0",
-		"@wordpress/i18n": "^6.10.0",
-		"@wordpress/icons": "^11.4.0",
-		"@wordpress/keyboard-shortcuts": "^5.37.0",
-		"@wordpress/keycodes": "^4.37.0",
-		"@wordpress/lazy-editor": "^1.3.0",
-		"@wordpress/primitives": "^4.37.0",
-		"@wordpress/private-apis": "^1.37.0",
-		"@wordpress/route": "^0.3.0",
-		"@wordpress/theme": "^0.4.0",
-		"@wordpress/url": "^4.37.0",
+		"@wordpress/a11y": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/admin-ui": "^1.5.1-next.ba3aee3a2.0",
+		"@wordpress/base-styles": "^6.13.2-next.ba3aee3a2.0",
+		"@wordpress/commands": "^1.37.1-next.ba3aee3a2.0",
+		"@wordpress/components": "^32.0.1-next.ba3aee3a2.0",
+		"@wordpress/compose": "^7.37.1-next.ba3aee3a2.0",
+		"@wordpress/core-data": "^7.37.1-next.ba3aee3a2.0",
+		"@wordpress/data": "^10.37.1-next.ba3aee3a2.0",
+		"@wordpress/editor": "^14.37.1-next.ba3aee3a2.0",
+		"@wordpress/element": "^6.37.1-next.ba3aee3a2.0",
+		"@wordpress/html-entities": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/i18n": "^6.10.1-next.ba3aee3a2.0",
+		"@wordpress/icons": "^11.4.1-next.ba3aee3a2.0",
+		"@wordpress/keyboard-shortcuts": "^5.37.1-next.ba3aee3a2.0",
+		"@wordpress/keycodes": "^4.38.1-next.ba3aee3a2.0",
+		"@wordpress/lazy-editor": "^1.3.1-next.ba3aee3a2.0",
+		"@wordpress/primitives": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/private-apis": "^1.37.1-next.ba3aee3a2.0",
+		"@wordpress/route": "^0.3.1-next.ba3aee3a2.0",
+		"@wordpress/theme": "^0.5.1-next.ba3aee3a2.0",
+		"@wordpress/url": "^4.37.1-next.ba3aee3a2.0",
 		"clsx": "^2.1.1"
 	},
 	"peerDependencies": {
@@ -63,5 +71,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "2cf13ec6cf86153c9b3cf369bf5c59046f5cd950"
+	"gitHead": "67d2e486fcd40c753591cf911ca0659132f519ca"
 }

package/src/components/app/index.tsx

@@ -23,11 +23,13 @@ export async function init( {
 	menuItems,
 	routes,
 	initModules,
+	dashboardLink,
 }: {
 	mountId: string;
 	menuItems?: MenuItem[];
 	routes?: Route[];
 	initModules?: string[];
+	dashboardLink?: string;
 } ) {
 	( menuItems ?? [] ).forEach( ( menuItem ) => {
 		dispatch( store ).registerMenuItem( menuItem.id, menuItem );
@@ -37,6 +39,10 @@ export async function init( {
 		dispatch( store ).registerRoute( route );
 	} );
 
+	if ( dashboardLink ) {
+		dispatch( store ).setDashboardLink( dashboardLink );
+	}
+
 	for ( const moduleId of initModules ?? [] ) {
 		const module = await import( moduleId );
 		await module.init();

package/src/components/app/router.tsx

@@ -7,7 +7,7 @@ import type { ComponentType } from 'react';
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useState, useEffect } from '@wordpress/element';
+import { useMemo } from '@wordpress/element';
 import { Page } from '@wordpress/admin-ui';
 import {
 	privateApis as routePrivateApis,
@@ -52,29 +52,33 @@ function NotFoundComponent() {
  * @param parentRoute Parent route.
  * @return Tanstack Route.
  */
-async function createRouteFromDefinition(
-	route: Route,
-	parentRoute: AnyRoute
-) {
-	let routeConfig: RouteConfig = {};
-
-	if ( route.route_module ) {
-		const module = await import( route.route_module );
-		routeConfig = module.route || {};
-	}
-
+function createRouteFromDefinition( route: Route, parentRoute: AnyRoute ) {
 	// Create route without component initially
 	let tanstackRoute = createRoute( {
 		getParentRoute: () => parentRoute,
 		path: route.path,
-		beforeLoad: routeConfig.beforeLoad
-			? ( opts: any ) =>
-					routeConfig.beforeLoad!( {
+		beforeLoad: async ( opts: any ) => {
+			// Import route module here (lazy)
+			if ( route.route_module ) {
+				const module = await import( route.route_module );
+				const routeConfig = module.route || {};
+
+				if ( routeConfig.beforeLoad ) {
+					return routeConfig.beforeLoad( {
 						params: opts.params || {},
 						search: opts.search || {},
-					} )
-			: undefined,
+					} );
+				}
+			}
+		},
 		loader: async ( opts: any ) => {
+			// Import route module here (lazy)
+			let routeConfig: RouteConfig = {};
+			if ( route.route_module ) {
+				const module = await import( route.route_module );
+				routeConfig = module.route || {};
+			}
+
 			const context: RouteLoaderContext = {
 				params: opts.params || {},
 				search: opts.deps || {},
@@ -154,7 +158,7 @@ async function createRouteFromDefinition(
  * @param rootComponent Root component to use for the router.
  * @return Router tree.
  */
-async function createRouteTree(
+function createRouteTree(
 	routes: Route[],
 	rootComponent: ComponentType = Root
 ) {
@@ -163,9 +167,9 @@ async function createRouteTree(
 		context: () => ( {} ),
 	} );
 
-	// Create routes from definitions
-	const dynamicRoutes = await Promise.all(
-		routes.map( ( route ) => createRouteFromDefinition( route, rootRoute ) )
+	// Create routes from definitions (now synchronous)
+	const dynamicRoutes = routes.map( ( route ) =>
+		createRouteFromDefinition( route, rootRoute )
 	);
 
 	return rootRoute.addChildren( dynamicRoutes );
@@ -197,37 +201,36 @@ export default function Router( {
 	routes,
 	rootComponent = Root,
 }: RouterProps ) {
-	const [ router, setRouter ] = useState< any >( null );
-
-	useEffect( () => {
-		let cancelled = false;
-
-		async function initializeRouter() {
-			const history = createPathHistory();
-			const routeTree = await createRouteTree( routes, rootComponent );
-
-			if ( ! cancelled ) {
-				const newRouter = createRouter( {
-					history,
-					routeTree,
-					defaultPreload: 'intent',
-					defaultNotFoundComponent: NotFoundComponent,
-					defaultViewTransition: true,
-				} );
-				setRouter( newRouter );
-			}
-		}
-
-		initializeRouter();
-
-		return () => {
-			cancelled = true;
-		};
+	const router = useMemo( () => {
+		const history = createPathHistory();
+		const routeTree = createRouteTree( routes, rootComponent );
+
+		return createRouter( {
+			history,
+			routeTree,
+			defaultPreload: 'intent',
+			defaultNotFoundComponent: NotFoundComponent,
+			defaultViewTransition: {
+				types: ( {
+					fromLocation,
+				}: {
+					fromLocation?: unknown;
+					toLocation: unknown;
+					pathChanged: boolean;
+					hrefChanged: boolean;
+					hashChanged: boolean;
+				} ) => {
+					// Disable view transition on initial navigation (no previous location)
+					if ( ! fromLocation ) {
+						return false;
+					}
+
+					// Enable with navigation type for subsequent navigations
+					return [ 'navigate' ];
+				},
+			},
+		} );
 	}, [ routes, rootComponent ] );
 
-	if ( ! router ) {
-		return <div>Loading routes...</div>;
-	}
-
 	return <RouterProvider router={ router } />;
 }

package/src/components/root/index.tsx

@@ -7,9 +7,6 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import { privateApis as routePrivateApis } from '@wordpress/route';
-// @ts-expect-error Commands is not typed properly.
-import { CommandMenu } from '@wordpress/commands';
-import { privateApis as themePrivateApis } from '@wordpress/theme';
 import { EditorSnackbars } from '@wordpress/editor';
 import { useViewportMatch, useReducedMotion } from '@wordpress/compose';
 import {
@@ -33,8 +30,8 @@ import useRouteTitle from '../app/use-route-title';
 import { unlock } from '../../lock-unlock';
 import type { CanvasData } from '../../store/types';
 import './style.scss';
+import { UserThemeProvider } from '../user-theme-provider';
 
-const { ThemeProvider } = unlock( themePrivateApis );
 const { useLocation, useMatches, Outlet } = unlock( routePrivateApis );
 
 export default function Root() {
@@ -62,18 +59,14 @@ export default function Root() {
 
 	return (
 		<SlotFillProvider>
-			<ThemeProvider
-				isRoot
-				color={ { bg: '#f8f8f8', primary: '#3858e9' } }
-			>
-				<ThemeProvider color={ { bg: '#1d2327', primary: '#3858e9' } }>
+			<UserThemeProvider isRoot color={ { bg: '#f8f8f8' } }>
+				<UserThemeProvider color={ { bg: '#1d2327' } }>
 					<div
 						className={ clsx( 'boot-layout', {
 							'has-canvas': !! canvas || canvas === null,
 							'has-full-canvas': isFullScreen,
 						} ) }
 					>
-						<CommandMenu />
 						<SavePanel />
 						<EditorSnackbars />
 						{ isMobileViewport && (
@@ -146,48 +139,50 @@ export default function Root() {
 							</div>
 						) }
 						<div className="boot-layout__surfaces">
-							<ThemeProvider
-								color={ { bg: '#ffffff', primary: '#3858e9' } }
-							>
+							<UserThemeProvider color={ { bg: '#ffffff' } }>
 								<Outlet />
-							</ThemeProvider>
-							{ /* Render Canvas in Root to prevent remounting on route changes */ }
-							{ ( canvas || canvas === null ) && (
-								<div
-									className={ clsx( 'boot-layout__canvas', {
-										'has-mobile-drawer':
-											canvas?.isPreview &&
-											isMobileViewport,
-									} ) }
-								>
-									{ canvas?.isPreview && isMobileViewport && (
-										<div className="boot-layout__mobile-sidebar-drawer">
-											<Button
-												icon={ menu }
-												onClick={ () =>
-													setIsMobileSidebarOpen(
-														true
-													)
-												}
-												label={ __(
-													'Open navigation panel'
-												) }
-												size="compact"
-											/>
-										</div>
-									) }
-									<CanvasRenderer
-										canvas={ canvas }
-										routeContentModule={
-											routeContentModule
-										}
-									/>
-								</div>
-							) }
+								{ /* Render Canvas in Root to prevent remounting on route changes */ }
+								{ ( canvas || canvas === null ) && (
+									<div
+										className={ clsx(
+											'boot-layout__canvas',
+											{
+												'has-mobile-drawer':
+													canvas?.isPreview &&
+													isMobileViewport,
+											}
+										) }
+									>
+										{ canvas?.isPreview &&
+											isMobileViewport && (
+												<div className="boot-layout__mobile-sidebar-drawer">
+													<Button
+														icon={ menu }
+														onClick={ () =>
+															setIsMobileSidebarOpen(
+																true
+															)
+														}
+														label={ __(
+															'Open navigation panel'
+														) }
+														size="compact"
+													/>
+												</div>
+											) }
+										<CanvasRenderer
+											canvas={ canvas }
+											routeContentModule={
+												routeContentModule
+											}
+										/>
+									</div>
+								) }
+							</UserThemeProvider>
 						</div>
 					</div>
-				</ThemeProvider>
-			</ThemeProvider>
+				</UserThemeProvider>
+			</UserThemeProvider>
 		</SlotFillProvider>
 	);
 }