eddev 2.0.0-beta.4 → 2.0.0-beta.41

package/dist/app/lib/devtools/hooks/useTailwind.js

@@ -1,6 +1,9 @@
-import "@manifest/tailwind";
 import { useSnapshot } from "valtio";
-import { internalStore } from "../../internal";
+import { devToolsStore } from "../dev-tools-store.js";
+import { useEffect } from "react";
 export function useTailwindConfig() {
-    return useSnapshot(internalStore).tailwindConfig;
+    useEffect(() => {
+        devToolsStore.loadTailwindConfig();
+    }, []);
+    return useSnapshot(devToolsStore).tailwindConfig;
 }

package/dist/app/lib/devtools/index.d.ts

@@ -0,0 +1 @@
+export * from "./dev-tools-store.js";

package/dist/app/lib/devtools/index.js

@@ -1 +1 @@
-"use strict";
+export * from "./dev-tools-store.js";

package/dist/app/lib/devtools/loader.js

@@ -1,14 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { dynamic } from "../dynamic";
-import { usePersistState } from "./hooks/usePersistState";
-import { useIsSSR } from "../routing";
-const DevUI = dynamic(() => import("./components/DevUI"));
+import { lazy, useEffect } from "react";
+import { usePersistState } from "./hooks/usePersistState.js";
+import { useIsSSR } from "../routing/hooks/useIsSSR.js";
+const DevUI = lazy(() => import("./components/DevUI.js"));
 export function DevUILoader() {
     const ssr = useIsSSR();
-    const [render, setRender] = usePersistState("enable_devui", typeof window !== "undefined" && (env.dev || window["ENABLE_DEV_UI"]));
+    const [render, setRender] = usePersistState("enable_devui", false);
     useEffect(() => {
-        if (document.location.search.includes("activate-dev-ui")) {
+        if (document.location.search.includes("activate-dev-ui") ||
+            window["ENABLE_DEV_UI"] ||
+            (env.client && env.dev)) {
             setRender(true);
         }
     }, []);

package/dist/app/lib/devtools/useQueryDebug.d.ts

@@ -6,4 +6,10 @@ export type QueryDebugItem = {
     children: QueryDebugItem[];
 };
 export declare function setQueryDebug(value: QueryDebugItem | undefined): void;
-export declare function useQueryDebugData(): QueryDebugItem | undefined;
+export declare function useQueryDebugData(): {
+    readonly file: string;
+    readonly errors: readonly string[];
+    readonly duration: number;
+    readonly label: string;
+    readonly children: readonly any[];
+} | undefined;

package/dist/app/lib/devtools/useQueryDebug.js

@@ -1,13 +1,10 @@
-import { create } from "zustand";
-const useQueryDebug = create((set) => ({
+import { proxy, useSnapshot } from "valtio";
+const store = proxy({
     value: undefined,
-    set: (value) => {
-        set({ value });
-    },
-}));
+});
 export function setQueryDebug(value) {
-    useQueryDebug.setState({ value });
+    store.value = value;
 }
 export function useQueryDebugData() {
-    return useQueryDebug((store) => store.value);
+    return useSnapshot(store).value;
 }

package/dist/app/lib/dynamic/index.d.ts

@@ -1 +1 @@
-export { dynamic, DynamicComponent } from "./dynamic";
+export { dynamic, DynamicComponent } from "./dynamic.js";

package/dist/app/lib/dynamic/index.js

@@ -1 +1 @@
-export { dynamic } from "./dynamic";
+export { dynamic } from "./dynamic.js";

package/dist/app/lib/hooks/apiConfig.d.ts

@@ -13,6 +13,8 @@ export type APIConfigStore = {
     /**
      * Update aspects of the API client
      */
+    onResponse?: (response: Response) => void;
     set: (config: Partial<APIConfigStore>) => void;
 };
-export declare const useAPIConfig: import("zustand").UseBoundStore<import("zustand").StoreApi<APIConfigStore>>;
+export declare const apiConfig: APIConfigStore;
+export declare function useAPIConfig(): APIConfigStore;

package/dist/app/lib/hooks/apiConfig.js

@@ -1,4 +1,9 @@
-import { create } from "zustand";
-export const useAPIConfig = create((set, get) => ({
-    set: (config) => set(config),
-}));
+import { proxy } from "valtio";
+export const apiConfig = proxy({
+    set: (config) => {
+        Object.assign(apiConfig, config);
+    },
+});
+export function useAPIConfig() {
+    return apiConfig;
+}

package/dist/app/lib/hooks/index.d.ts

@@ -1,5 +1,4 @@
-export * from "./usePageLoad";
-export * from "./useAppData";
-export * from "./useRPC";
-export * from "./queryUtils";
-export * from "./apiConfig";
+export * from "./useAppData.js";
+export * from "./useRPC.js";
+export * from "./queryUtils.js";
+export * from "./apiConfig.js";

package/dist/app/lib/hooks/index.js

@@ -1,5 +1,4 @@
-export * from "./usePageLoad";
-export * from "./useAppData";
-export * from "./useRPC";
-export * from "./queryUtils";
-export * from "./apiConfig";
+export * from "./useAppData.js";
+export * from "./useRPC.js";
+export * from "./queryUtils.js";
+export * from "./apiConfig.js";

package/dist/app/lib/hooks/queryUtils.d.ts

@@ -1,4 +1,4 @@
-import { FetchQueryOptions, UndefinedInitialDataOptions, UseMutationOptions, UseMutationResult, UseQueryResult, UseInfiniteQueryResult, UndefinedInitialDataInfiniteOptions } from "@tanstack/react-query";
+import { FetchQueryOptions, UndefinedInitialDataInfiniteOptions, UndefinedInitialDataOptions, UseInfiniteQueryResult, UseMutationOptions, UseMutationResult, UseQueryResult } from "@tanstack/react-query";
 type OptionalMaybes<T> = T extends any[] ? T : T extends {
     [key: string]: any;
 } ? {
@@ -33,7 +33,10 @@ export type UseInfiniteQueryFunction<TData, TVars> = (args: OptionalMaybes<Omit<
     headers?: Record<string, string>;
     /** Initial data can be passed in, but should match the original GraphQL query in structure (including nodes/hasNextPage/endCursor) */
     initialData?: any;
-}) => UseInfiniteQueryResult<TData, QueryError>;
+}) => UseInfiniteQueryResult<{
+    nodes: TData;
+    total?: number | null;
+}, QueryError>;
 export declare function createUseInfiniteQuery<TData extends any, TVars extends MaybeVars>(init: CreateUseInfiniteQueryOptions): UseInfiniteQueryFunction<TData, TVars>;
 export type UseMutationFunction<TData, TArgs> = ((options?: Omit<UseMutationOptions<TData, QueryError, TArgs>, "mutationFn"> & {
     headers?: Record<string, string>;

package/dist/app/lib/hooks/queryUtils.js

@@ -1,8 +1,8 @@
-import { useMutation, useQuery, useInfiniteQuery, } from "@tanstack/react-query";
-import { joinURL } from "ufo";
-import { getQueryClient } from "../../utils/query-client";
-import { useAPIConfig } from "./apiConfig";
+import { useInfiniteQuery, useMutation, useQuery, } from "@tanstack/react-query";
 import { useEffect, useState } from "react";
+import { joinURL } from "ufo";
+import { getQueryClient } from "../../utils/query-client.js";
+import { apiConfig } from "./apiConfig.js";
 function createQueryError(messages, statusCode) {
     const error = new Error(messages.join(", "));
     error.statusCode = statusCode;
@@ -15,7 +15,7 @@ const fetchGETQuery = async (name, params, opts) => {
         headers: opts?.headers,
     };
     if (env.serverless && env.client) {
-        url = `/api/rest/query/${name}`;
+        url = `/_data/query/${name}`;
     }
     else if (env.serverless) {
         url = joinURL(env.origin ?? "", `/wp-json/ed/v1/query/${name}`);
@@ -26,11 +26,12 @@ const fetchGETQuery = async (name, params, opts) => {
     if (params)
         url += "?params=" + encodeURIComponent(params);
     // Apply API configuration
-    const apiConfig = useAPIConfig.getState();
     if (apiConfig.customQueryFetchOptions) {
         options = await apiConfig.customQueryFetchOptions?.("query", name, params, url, options);
     }
     const response = await fetch(url, options);
+    if (apiConfig.onResponse)
+        apiConfig.onResponse(response);
     const payload = await response.json();
     if (payload.errors?.length > 0) {
         throw createQueryError(payload.errors.map((e) => e.message), response.status);
@@ -39,7 +40,7 @@ const fetchGETQuery = async (name, params, opts) => {
 };
 export function createUseQuery(init) {
     const hook = (args, options) => {
-        const customKey = useAPIConfig((state) => state.customQueryKey);
+        const customKey = apiConfig.customQueryKey;
         return useQuery({
             queryKey: [init.name, args, options?.headers, options?.headers, customKey],
             queryFn: (args) => fetchGETQuery(init.name, args.queryKey[1] ? JSON.stringify(args.queryKey[1]) : "", {
@@ -49,7 +50,7 @@ export function createUseQuery(init) {
         });
     };
     hook.fetch = async (args, options) => {
-        const customKey = useAPIConfig.getState().customQueryKey;
+        const customKey = apiConfig.customQueryKey;
         return getQueryClient().fetchQuery({
             queryKey: [init.name, args, options?.headers, options?.headers, customKey],
             queryFn: (args) => fetchGETQuery(init.name, args.queryKey[1] ? JSON.stringify(args.queryKey[1]) : "", {
@@ -60,20 +61,12 @@ export function createUseQuery(init) {
     };
     return hook;
 }
-//  & {
-//   fetch: (
-//     args: OptionalMaybes<TVars>,
-//     options?: Omit<FetchInfiniteQueryOptions<TData, QueryError, InfiniteData<TData, string>>, "queryKey" | "queryFn"> & {
-//       headers?: Record<string, string>
-//     },
-//   ) => Promise<TData>
-// }
 function selectByPath(data, path) {
     return path.reduce((acc, key) => (acc ? acc[key] : null), data);
 }
 export function createUseInfiniteQuery(init) {
     const hook = (args, options) => {
-        const customKey = useAPIConfig((state) => state.customQueryKey);
+        const customKey = apiConfig.customQueryKey;
         const [initial, setInitial] = useState(() => {
             if (options?.initialData) {
                 const data = options?.initialData;
@@ -109,10 +102,12 @@ export function createUseInfiniteQuery(init) {
                 const endCursor = selectByPath(data, init.paths.endCursorPath);
                 const hasNextPage = selectByPath(data, init.paths.hasNextPagePath);
                 const nodes = selectByPath(data, init.paths.nodesPath);
+                const total = selectByPath(data, [...init.paths.pageInfoPath, "total"]);
                 return {
                     nodes,
                     hasNextPage,
                     endCursor,
+                    total,
                 };
             },
             initialPageParam: "",
@@ -121,7 +116,10 @@ export function createUseInfiniteQuery(init) {
                 return lastPage.hasNextPage ? lastPage.endCursor : undefined;
             },
             select(data) {
-                return data.pages.flatMap((page) => page.nodes);
+                return {
+                    nodes: data.pages.flatMap((page) => page.nodes),
+                    total: data.pages[data.pages.length - 1]?.total,
+                };
             },
             ...options,
             ...initial,
@@ -142,7 +140,7 @@ const fetchMutation = async (name, params, opts) => {
     };
     if (env.serverless && env.client) {
         // Relative request (in browser)
-        url = `/api/rest/mutation/${name}`;
+        url = `/_data/mutation/${name}`;
     }
     else if (env.serverless) {
         // Request to the origin server (server to server)
@@ -153,11 +151,12 @@ const fetchMutation = async (name, params, opts) => {
         url = `/wp-json/ed/v1/mutation/${name}`;
     }
     // Apply API configuration
-    const apiConfig = useAPIConfig.getState();
     if (apiConfig.customQueryFetchOptions) {
         options = await apiConfig.customQueryFetchOptions?.("mutation", name, params, url, options);
     }
     const response = await fetch(url, options);
+    if (apiConfig.onResponse)
+        apiConfig.onResponse(response);
     const payload = await response.json();
     if (payload.errors?.length > 0) {
         throw createQueryError(payload.errors.map((e) => e.message), response.status);

package/dist/app/lib/hooks/useAppData.js

@@ -1,4 +1,4 @@
-import { useRouter } from "../routing";
+import { useRouter } from "../routing/index.js";
 function useAppData(selector) {
     const loader = useRouter((r) => r.loader);
     if (selector) {

package/dist/app/lib/internal/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./read-block-manifest";
-export * from "./read-view-manifest";
-export * from "./read-admin-manifest";
-export * from "./internal-store";
+export * from "./read-block-manifest.js";
+export * from "./read-view-manifest.js";
+export * from "./read-admin-manifest.js";
+export * from "./internal-store.js";

package/dist/app/lib/internal/index.js

@@ -1,4 +1,4 @@
-export * from "./read-block-manifest";
-export * from "./read-view-manifest";
-export * from "./read-admin-manifest";
-export * from "./internal-store";
+export * from "./read-block-manifest.js";
+export * from "./read-view-manifest.js";
+export * from "./read-admin-manifest.js";
+export * from "./internal-store.js";

package/dist/app/lib/internal/internal-store.d.ts

@@ -1,9 +1,7 @@
 import { FunctionComponent } from "react";
-import { Config as TailwindConfig } from "tailwindcss";
 type BlockManifest = Record<string, FunctionComponent<any>>;
 type Store = {
     blocks: BlockManifest;
-    tailwindConfig: TailwindConfig | null;
 };
 export declare const internalStore: Store & {
     set<K extends keyof Store>(key: K, value: Store[K]): void;

package/dist/app/lib/internal/internal-store.js

@@ -1,9 +1,7 @@
 import { proxy, ref } from "valtio";
 export const internalStore = proxy({
     blocks: {},
-    tailwindConfig: null,
     set(key, value) {
-        ;
-        internalStore[key] = value ? ref(value) : value;
+        internalStore[key] = (value ? ref(value) : value);
     },
 });

package/dist/app/lib/internal/read-admin-manifest.d.ts

@@ -1,5 +1,5 @@
 import type { FunctionComponent } from "react";
-import { FieldTypeDefinition } from "../admin";
+import { FieldTypeDefinition } from "../admin/index.js";
 /**
  * This file exists simply to prevent circular dependencies.
  * The manifest itself sets the value of this object directly.

package/dist/app/lib/legacy-stitches/createStitches.d.ts

@@ -1,5 +1,5 @@
-import type { ConfigType } from "../../../../stitches-archive/config";
-import { DefaultThemeMap } from "../../../../stitches-archive";
+import type { ConfigType } from "../../../../stitches-archive/config.js";
+import { DefaultThemeMap } from "../../../../stitches-archive/index.js";
 import { Properties as CSS } from "csstype";
 type UtilValue<Theme extends ConfigType.Theme<any>, Scale extends string, CSSValue> = Scale extends keyof Theme ? `$${Exclude<keyof Theme[Scale], symbol>}` | CSSValue : CSSValue;
 type AtMedias<T extends any> = T extends string ? `@${T}` : never;
@@ -202,8 +202,8 @@ export declare function createStitches<Prefix extends string = "", Media extends
     }>(...styles: ({
         '@import'?: unknown;
         '@font-face'?: unknown;
-    } & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("../../../../stitches-archive/css").AtRule.FontFace | import("../../../../stitches-archive/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
-        [x: string]: import("../../../../stitches-archive/css-util").CSS<{
+    } & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("../../../../stitches-archive/css.js").AtRule.FontFace | import("../../../../stitches-archive/css.js").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
+        [x: string]: import("../../../../stitches-archive/css-util.js").CSS<{
             initial: "";
         } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
             typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
@@ -261,7 +261,7 @@ export declare function createStitches<Prefix extends string = "", Media extends
                 "--grid-columns": number;
             };
         }>;
-    } : K extends `@property ${string}` ? import("../../../../stitches-archive/css").AtRule.Property : import("../../../../stitches-archive/css-util").CSS<{
+    } : K extends `@property ${string}` ? import("../../../../stitches-archive/css.js").AtRule.Property : import("../../../../stitches-archive/css-util.js").CSS<{
         initial: "";
     } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
         typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
@@ -322,7 +322,7 @@ export declare function createStitches<Prefix extends string = "", Media extends
         (): string;
     };
     keyframes: (style: {
-        [offset: string]: import("../../../../stitches-archive/css-util").CSS<{
+        [offset: string]: import("../../../../stitches-archive/css-util.js").CSS<{
             initial: "";
         } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
             typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
@@ -397,20 +397,20 @@ export declare function createStitches<Prefix extends string = "", Media extends
     })>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
         className: string;
         selector: string;
-    } & (Argument0 extends string ? import("../../../../stitches-archive/stitches").ThemeTokens<Argument1, ""> : import("../../../../stitches-archive/stitches").ThemeTokens<Argument0, "">);
+    } & (Argument0 extends string ? import("../../../../stitches-archive/stitches.js").ThemeTokens<Argument1, ""> : import("../../../../stitches-archive/stitches.js").ThemeTokens<Argument0, "">);
     theme: string & {
         className: string;
         selector: string;
-    } & (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; } extends infer T_2 extends {} ? { [Scale_2 in keyof T_2]: { [Token in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_2]]: import("../../../../stitches-archive/theme").Token<Extract<Token, string | number>, string, Extract<Scale_2, string | void>, "">; }; } : never);
+    } & (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; } extends infer T_2 extends {} ? { [Scale_2 in keyof T_2]: { [Token in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_2]]: import("../../../../stitches-archive/theme.js").Token<Extract<Token, string | number>, string, Extract<Scale_2, string | void>, "">; }; } : never);
     reset: {
         (): void;
     };
     getCssText: {
         (): string;
     };
-    css: <Composers extends (string | React.ExoticComponent<any> | React.JSXElementConstructor<any> | import("../../../../stitches-archive/util").Function | {
+    css: <Composers extends (string | React.ExoticComponent<any> | React.JSXElementConstructor<any> | import("../../../../stitches-archive/util.js").Function | {
         [name: string]: unknown;
-    })[], CSS = import("../../../../stitches-archive/css-util").CSS<{
+    })[], CSS = import("../../../../stitches-archive/css-util.js").CSS<{
         initial: "";
     } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
         typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
@@ -467,23 +467,23 @@ export declare function createStitches<Prefix extends string = "", Media extends
             gridColumn: string;
             "--grid-columns": number;
         };
-    }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("../../../../stitches-archive/util").Function ? Composers[K] : import("../../../../stitches-archive/stitches").RemoveIndex<CSS> & {
+    }>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("../../../../stitches-archive/util.js").Function ? Composers[K] : import("../../../../stitches-archive/stitches.js").RemoveIndex<CSS> & {
         variants?: {
             [x: string]: {
                 [x: string]: CSS;
                 [x: number]: CSS;
             };
         } | undefined;
-        compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util").String | import("../../../../stitches-archive/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("../../../../stitches-archive/util").WideObject) & {
+        compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util.js").String | import("../../../../stitches-archive/util.js").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("../../../../stitches-archive/util.js").WideObject) & {
             css: CSS;
         })[] | undefined;
-        defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util").String | import("../../../../stitches-archive/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("../../../../stitches-archive/util").WideObject) | undefined;
-    } & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("../../../../stitches-archive/styled-component").CssComponent<import("../../../../stitches-archive/styled-component").StyledComponentType<Composers>, import("../../../../stitches-archive/styled-component").StyledComponentProps<Composers>, {
+        defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util.js").String | import("../../../../stitches-archive/util.js").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("../../../../stitches-archive/util.js").WideObject) | undefined;
+    } & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("../../../../stitches-archive/styled-component.js").CssComponent<import("../../../../stitches-archive/styled-component.js").StyledComponentType<Composers>, import("../../../../stitches-archive/styled-component.js").StyledComponentProps<Composers>, {
         initial: "";
     } & Media, CSS>;
-    styled: <Type extends keyof JSX.IntrinsicElements | React.ComponentType<any> | import("../../../../stitches-archive/util").Function, Composers extends (string | React.ComponentType<any> | import("../../../../stitches-archive/util").Function | {
+    styled: <Type extends keyof JSX.IntrinsicElements | React.ComponentType<any> | import("../../../../stitches-archive/util.js").Function, Composers extends (string | React.ComponentType<any> | import("../../../../stitches-archive/util.js").Function | {
         [name: string]: unknown;
-    })[], CSS = import("../../../../stitches-archive/css-util").CSS<{
+    })[], CSS = import("../../../../stitches-archive/css-util.js").CSS<{
         initial: "";
     } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
         typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {
@@ -540,20 +540,20 @@ export declare function createStitches<Prefix extends string = "", Media extends
             gridColumn: string;
             "--grid-columns": number;
         };
-    }>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").ComponentType<any> | import("../../../../stitches-archive/util").Function ? Composers[K] : import("../../../../stitches-archive/stitches").RemoveIndex<CSS> & {
+    }>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").ComponentType<any> | import("../../../../stitches-archive/util.js").Function ? Composers[K] : import("../../../../stitches-archive/stitches.js").RemoveIndex<CSS> & {
         variants?: {
             [x: string]: {
                 [x: string]: CSS;
                 [x: number]: CSS;
             };
         } | undefined;
-        compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util").String | import("../../../../stitches-archive/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("../../../../stitches-archive/util").WideObject) & {
+        compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util.js").String | import("../../../../stitches-archive/util.js").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("../../../../stitches-archive/util.js").WideObject) & {
             css: CSS;
         })[] | undefined;
-        defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util").String | import("../../../../stitches-archive/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("../../../../stitches-archive/util").WideObject) | undefined;
-    } & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("../../../../stitches-archive/styled-component").StyledComponent<Type, import("../../../../stitches-archive/styled-component").StyledComponentProps<Composers>, {
+        defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("../../../../stitches-archive/util.js").String | import("../../../../stitches-archive/util.js").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("../../../../stitches-archive/util.js").WideObject) | undefined;
+    } & CSS & { [K2 in keyof Composers[K]]: K2 extends "variants" | "compoundVariants" | "defaultVariants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("../../../../stitches-archive/styled-component.js").StyledComponent<Type, import("../../../../stitches-archive/styled-component.js").StyledComponentProps<Composers>, {
         initial: "";
-    } & Media, import("../../../../stitches-archive/css-util").CSS<{
+    } & Media, import("../../../../stitches-archive/css-util.js").CSS<{
         initial: "";
     } & Media, Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; }, ThemeMap, {
         typography: (key: keyof Typography) => { [key in keyof TypographyConfig<Theme, Media & {

package/dist/app/lib/legacy-stitches/createStitches.js

@@ -1,4 +1,4 @@
-import { createStitches as createBaseStitches } from "../../../../stitches-archive";
+import { createStitches as createBaseStitches, } from "../../../../stitches-archive/index.js";
 const typeKeyMap = {
     fontSize: "fontSizes",
     fontFamily: "fonts",

package/dist/app/lib/legacy-stitches/index.d.ts

@@ -1 +1 @@
-export * from "./createStitches";
+export * from "./createStitches.js";

package/dist/app/lib/legacy-stitches/index.js

@@ -1 +1 @@
-export * from "./createStitches";
+export * from "./createStitches.js";

package/dist/app/lib/routing/components/BackButton.d.ts

@@ -0,0 +1,49 @@
+import { ReactNode } from "react";
+import { RouteState } from "../types";
+type BackButtonProps = {
+    /**
+     * An optional matching function, which will stop the render button from appearing unless the function returns true.
+     *
+     * The below example will only render a back button if the last route was a project archive.
+     *
+     * eg. `filter={(route) => route.view === 'archive-projects'}`
+     *
+     * @param route The last route in the history stack.
+     */
+    filter?: (route: RouteState) => boolean;
+    /**
+     * Whether to use the top-most "global" route, or the "context" route.
+     *
+     * The "global" route is the top-most route, reflected in the URL bar.
+     *
+     * The "context" route will be the route that is currently being rendered, which may be different to the global route when using modals/overlays/route stacks/transitions.
+     *
+     * @default "context"
+     */
+    mode?: "global" | "context";
+    /**
+     * An optional href, which will be used if no back route is found.
+     *
+     * When used, the back button will always render.
+     */
+    fallbackHref?: string;
+    /**
+     * A function to render the back button, if one should be rendered.
+     *
+     * Receives a `route` prop to further inspect the route, and an `onClick` function to navigate back.
+     *
+     * @param props
+     * @returns
+     */
+    render: (props: {
+        route: RouteState;
+        onClick: (e?: any) => void;
+    }) => ReactNode;
+};
+/**
+ * Display a back button that will navigate to the previous page in the router's history.
+ *
+ * This will allow you to render a back button on the condition that the back button will not send the user to a different website.
+ */
+export declare function BackButton(props: BackButtonProps): ReactNode;
+export {};

package/dist/app/lib/routing/components/BackButton.js

@@ -0,0 +1,47 @@
+import { useMemo } from "react";
+import { useRouter } from "../hooks/useRouter";
+import { useRouterState } from "../hooks/useRouterState";
+import { getLinkHandlerMode } from "../utils";
+import { useRoute } from "../hooks/useRoute";
+/**
+ * Display a back button that will navigate to the previous page in the router's history.
+ *
+ * This will allow you to render a back button on the condition that the back button will not send the user to a different website.
+ */
+export function BackButton(props) {
+    const router = useRouter();
+    const prevRoute = useRouterState((state) => state.history[state.history.length - 2]);
+    const contextRoute = useRoute();
+    const activeRoute = useRouterState((state) => state.activeRoute);
+    const route = props.mode === "global" ? activeRoute : contextRoute;
+    const backAction = useMemo(() => {
+        if (prevRoute && (!props.filter || props.filter(prevRoute))) {
+            return (e) => {
+                const { mode } = getLinkHandlerMode(e, prevRoute.uri);
+                if (mode === "navigate") {
+                    e.preventDefault();
+                    history.back();
+                    // history.length
+                }
+                else if (mode === "ignore") {
+                    e.preventDefault();
+                }
+            };
+        }
+        else if (props.fallbackHref) {
+            return (e) => {
+                const { mode } = getLinkHandlerMode(e, props.fallbackHref);
+                if (mode === "navigate") {
+                    e.preventDefault();
+                    router.navigate(props.fallbackHref);
+                }
+                else if (mode === "ignore") {
+                    e.preventDefault();
+                }
+            };
+        }
+    }, [route, props.filter, props.fallbackHref]);
+    if (backAction) {
+        return props.render ? props.render({ route: prevRoute, onClick: backAction }) : null;
+    }
+}

package/dist/app/lib/routing/components/BrowserRouter.d.ts

@@ -1,4 +1,7 @@
 import { PropsWithChildren } from "react";
-type Props = PropsWithChildren<{}>;
+import { type RouterAPI } from "../types.js";
+type Props = PropsWithChildren<{
+    routerRef?: React.MutableRefObject<RouterAPI | null>;
+}>;
 export declare function BrowserRouter(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};