eddev 2.0.0-beta.12 → 2.0.0-beta.121

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

@@ -1,5 +1,5 @@
 import { useSnapshot } from "valtio";
-import { devToolsStore } from "../dev-tools-store";
+import { devToolsStore } from "../dev-tools-store.js";
 import { useEffect } from "react";
 export function useTailwindConfig() {
     useEffect(() => {

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

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

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

@@ -1 +1 @@
-export * from "./dev-tools-store";
+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 /*elided*/ 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/dynamic.d.ts

@@ -4,5 +4,5 @@ export type DynamicComponent<T extends ComponentType<any>> = T & {
 };
 export declare function dynamic<T extends ComponentType<any>>(factory: () => Promise<{
     default: T;
-}>): DynamicComponent<T>;
+}>, name?: string): DynamicComponent<T>;
 export default dynamic;

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

@@ -1,9 +1,13 @@
 import { createElement, forwardRef, lazy, memo, useRef } from "react";
-export function dynamic(factory) {
+import { useAssetCapture } from "../../utils/asset-capture";
+export function dynamic(factory, name) {
     const ReactLazyComponent = lazy(factory);
     let PreloadedComponent;
     let factoryPromise;
     const Component = memo(forwardRef(function LazyWithPreload(props, ref) {
+        if (env.serverless && !env.client && name) {
+            useAssetCapture()?.add(name);
+        }
         // Once one of these is chosen, we must ensure that it continues to be
         // used for all subsequent renders, otherwise it can cause the
         // underlying component to be unmounted and remounted.

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/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 "../runtime/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 "../runtime/apiConfig.js";

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

@@ -1,4 +1,5 @@
-import { FetchQueryOptions, UndefinedInitialDataOptions, UseMutationOptions, UseMutationResult, UseQueryResult, UseInfiniteQueryResult, UndefinedInitialDataInfiniteOptions } from "@tanstack/react-query";
+import { FetchQueryOptions, UndefinedInitialDataInfiniteOptions, UndefinedInitialDataOptions, UseInfiniteQueryResult, UseMutationOptions, UseMutationResult, UseQueryResult } from "@tanstack/react-query";
+import { TRPCClientError } from "@trpc/client";
 type OptionalMaybes<T> = T extends any[] ? T : T extends {
     [key: string]: any;
 } ? {
@@ -7,10 +8,17 @@ type OptionalMaybes<T> = T extends any[] ? T : T extends {
 type MaybeVars = {
     [key: string]: any;
 } | undefined;
-export type QueryError = Error & {
+declare class QueryError extends Error {
+    name: string;
     messages: string[];
     statusCode: number;
-};
+    constructor(args: {
+        messages: string[];
+        statusCode: number;
+        type: "query" | "mutation";
+        queryName: string;
+    });
+}
 /** Regular queries */
 type CreateUseQueryOptions = {
     name: string;
@@ -46,4 +54,30 @@ export type UseMutationFunction<TData, TArgs> = ((options?: Omit<UseMutationOpti
     }) => Promise<TData>;
 };
 export declare function createUseMutation<TData extends any, TArgs extends MaybeVars>(init: CreateUseQueryOptions): UseMutationFunction<TData, TArgs>;
+type RPCQueryName = RPCRouter["queries"]["key"];
+type RPCQueryResult<T> = Extract<RPCRouter["queries"], {
+    key: T;
+}>["output"];
+type RPCQueryInput<T> = Extract<RPCRouter["queries"], {
+    key: T;
+}>["input"];
+type RPCQueryError<T> = TRPCClientError<Extract<RPCRouter["queries"], {
+    key: T;
+}>["procedure"]>;
+export declare function useRPCQuery<TName extends RPCQueryName>(key: TName, args: OptionalMaybes<RPCQueryInput<TName>>, options?: Omit<UndefinedInitialDataOptions<RPCQueryResult<TName>, RPCQueryError<TName>, RPCQueryResult<TName>>, "queryKey" | "queryFn"> & {
+    headers?: Record<string, string>;
+}): UseQueryResult<RPCQueryResult<TName>, RPCQueryError<TName>>;
+type RPCMutationName = RPCRouter["mutations"]["key"];
+type RPCMutationResult<T> = Extract<RPCRouter["mutations"], {
+    key: T;
+}>["output"];
+type RPCMutationInput<T> = Extract<RPCRouter["mutations"], {
+    key: T;
+}>["input"];
+type RPCMutationError<T> = TRPCClientError<Extract<RPCRouter["mutations"], {
+    key: T;
+}>["procedure"]>;
+export declare function useRPCMutation<TName extends RPCMutationName>(key: TName, options?: Omit<UseMutationOptions<RPCMutationResult<TName>, RPCMutationError<TName>, RPCMutationInput<TName>>, "mutationFn"> & {
+    headers?: Record<string, string>;
+}): UseMutationResult<RPCMutationResult<TName>, RPCMutationError<TName>, RPCMutationInput<TName>>;
 export {};

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

@@ -1,13 +1,22 @@
-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, useQueryClient, } from "@tanstack/react-query";
 import { useEffect, useState } from "react";
-function createQueryError(messages, statusCode) {
-    const error = new Error(messages.join(", "));
-    error.statusCode = statusCode;
-    error.messages = messages;
-    return error;
+import { joinURL } from "ufo";
+import { getQueryClient } from "../../utils/query-client.js";
+import { getRPCClient } from "../../utils/trpc-client.js";
+import { apiConfig } from "../runtime/apiConfig.js";
+class QueryError extends Error {
+    name = "QueryError";
+    messages;
+    statusCode;
+    constructor(args) {
+        const msg = args.messages.join(", ");
+        super(msg);
+        this.statusCode = args.statusCode;
+        this.messages = args.messages;
+    }
+}
+function useFallbackClient() {
+    return useQueryClient(getQueryClient());
 }
 const fetchGETQuery = async (name, params, opts) => {
     let url;
@@ -26,33 +35,39 @@ 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, "query", name, params, url, options);
     const payload = await response.json();
     if (payload.errors?.length > 0) {
-        throw createQueryError(payload.errors.map((e) => e.message), response.status);
+        throw new QueryError({
+            messages: payload.errors.map((e) => e.message),
+            statusCode: response.status,
+            queryName: name,
+            type: "query",
+        });
     }
     return payload.data;
 };
 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]) : "", {
+            queryKey: ["query", init.name, args, options?.headers, customKey],
+            queryFn: (args) => fetchGETQuery(init.name, args.queryKey[2] ? JSON.stringify(args.queryKey[2]) : "", {
                 headers: options?.headers,
             }),
             ...options,
-        });
+        }, useFallbackClient());
     };
     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]) : "", {
+            queryKey: ["query", init.name, args, options?.headers, customKey],
+            queryFn: (args) => fetchGETQuery(init.name, args.queryKey[2] ? JSON.stringify(args.queryKey[2]) : "", {
                 headers: options?.headers,
             }),
             ...options,
@@ -65,7 +80,7 @@ function selectByPath(data, path) {
 }
 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;
@@ -88,11 +103,11 @@ export function createUseInfiniteQuery(init) {
             });
         }, []);
         return useInfiniteQuery({
-            queryKey: [init.name, args, init.defaultLimit, options?.headers, options?.headers, customKey],
+            queryKey: ["query", init.name, args, init.defaultLimit, options?.headers, customKey],
             queryFn: async (args) => {
                 const finalArgs = {
-                    limit: args.queryKey[2],
-                    ...(args.queryKey[1] ?? {}),
+                    limit: args.queryKey[3],
+                    ...(args.queryKey[2] ?? {}),
                     cursor: args.pageParam,
                 };
                 const data = await fetchGETQuery(init.name, JSON.stringify(finalArgs), {
@@ -150,26 +165,32 @@ 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, "mutation", name, params, url, options);
     const payload = await response.json();
     if (payload.errors?.length > 0) {
-        throw createQueryError(payload.errors.map((e) => e.message), response.status);
+        throw new QueryError({
+            messages: payload.errors.map((e) => e.message),
+            statusCode: response.status,
+            queryName: name,
+            type: "mutation",
+        });
     }
     return payload.data;
 };
 export function createUseMutation(init) {
     const hook = (options) => {
         return useMutation({
-            mutationKey: [init.name],
+            mutationKey: ["mutation", init.name],
             mutationFn: (args) => fetchMutation(init.name, args, {
                 headers: options?.headers,
             }),
             ...options,
-        });
+        }, useFallbackClient());
     };
     hook.mutate = async (args, options) => {
         return fetchMutation(init.name, args, {
@@ -178,3 +199,22 @@ export function createUseMutation(init) {
     };
     return hook;
 }
+// @ts-ignore
+export function useRPCQuery(key, args, options) {
+    return useQuery({
+        queryKey: ["rpcQuery", key, args],
+        queryFn: async (args) => {
+            return getRPCClient().query(key, args.queryKey[2]);
+        },
+        ...options,
+    }, useFallbackClient());
+}
+export function useRPCMutation(key, options) {
+    return useMutation({
+        mutationKey: ["rpcMutation", key],
+        mutationFn: async (args) => {
+            return getRPCClient().mutation(key, args);
+        },
+        ...options,
+    }, useFallbackClient());
+}

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

@@ -1,5 +1,16 @@
-import { useRouter } from "../routing";
+import { useRouter } from "../routing/index.js";
 function useAppData(selector) {
+    if (env.admin) {
+        const appData = window.__ED_APP_DATA.data;
+        if (appData) {
+            if (selector) {
+                return selector(appData);
+            }
+            else {
+                return appData;
+            }
+        }
+    }
     const loader = useRouter((r) => r.loader);
     if (selector) {
         return selector(loader.appData);

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

@@ -1,7 +1,3 @@
-export declare const useRPCQuery: RPCUseQuery;
-export declare const useRPCMutation: RPCUseMutation;
-export declare const useRPCInfiniteQuery: RPCUseInfiniteQuery;
-export declare const rpcClient: null;
 export type UseRPCMutationResult = any;
 export type UseRPCQueryResult = any;
 export type UseRPCInfiniteQueryResult = any;

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

@@ -1,9 +1,2 @@
-const trpc = {};
-// @ts-ignore
-export const useRPCQuery = trpc.useQuery;
-// @ts-ignore
-export const useRPCMutation = trpc.useMutation;
-// @ts-ignore
-export const useRPCInfiniteQuery = trpc.useInfiniteQuery;
-export const rpcClient = null;
+// const trpc = {}
 export const RPCClientError = null;

package/dist/app/lib/internal/finalize-rpc.d.ts

@@ -0,0 +1,17 @@
+import type { AnyTRPCMutationProcedure, AnyTRPCProcedure, AnyTRPCQueryProcedure, AnyTRPCSubscriptionProcedure, inferProcedureInput, inferProcedureOutput } from "@trpc/server";
+type RouterTable = Record<string, Record<string, AnyTRPCProcedure> | AnyTRPCProcedure>;
+type RouterEntry<T extends RouterTable, U extends AnyTRPCProcedure, P extends string = ""> = {
+    [K in keyof T]: K extends string ? T[K] extends U ? {
+        key: `${P}${K}`;
+        input: inferProcedureInput<T[K]>;
+        output: inferProcedureOutput<T[K]>;
+        procedure: T[K] extends AnyTRPCProcedure ? T[K] : never;
+    } : T[K] extends Record<string, AnyTRPCProcedure> ? RouterEntry<T[K], U, `${K}.`> : never : never;
+}[keyof T];
+type RouterTypes<T extends RouterTable> = {
+    queries: RouterEntry<T, AnyTRPCQueryProcedure>;
+    mutations: RouterEntry<T, AnyTRPCMutationProcedure>;
+    subscriptions: RouterEntry<T, AnyTRPCSubscriptionProcedure>;
+};
+export declare function finalizeRPCRouter<T extends RouterTable>(router: T): RouterTypes<T>;
+export {};

package/dist/app/lib/internal/finalize-rpc.js

@@ -0,0 +1,3 @@
+export function finalizeRPCRouter(router) {
+    return router;
+}

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

@@ -1,4 +1,5 @@
-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";
+export * from "./finalize-rpc.js";

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

@@ -1,4 +1,5 @@
-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";
+export * from "./finalize-rpc.js";

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";