@etsoo/toolpad 1.0.12 → 1.0.13

package/build/mjs/persistence/useStorageState.d.ts

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { Codec } from "./codec";
+export type StorageStateInitializer<T> = () => T | null;
+export type UseStorageStateHookResult<T> = [
+    T | null,
+    React.Dispatch<React.SetStateAction<T | null>>
+];
+export declare function useStorageStateServer<T = string>(): UseStorageStateHookResult<T>;
+export interface DefaultStorageStateoptions<T = string> {
+    codec?: Codec<T>;
+}
+export interface StorageStateOptions<T> extends DefaultStorageStateoptions<T> {
+    codec: Codec<T>;
+}
+/**
+ * Sync state to local storage so that it persists through a page refresh. Usage is
+ * similar to useState except we pass in a storage key so that we can default
+ * to that value on page load instead of the specified initial value.
+ *
+ * Since the storage API isn't available in server-rendering environments, we
+ * return null during SSR and hydration.
+ */
+export declare function useStorageState(area: Storage, key: string | null, initializer?: string | null | StorageStateInitializer<string>, options?: DefaultStorageStateoptions): UseStorageStateHookResult<string>;
+export declare function useStorageState<T>(area: Storage, key: string | null, initializer: T | null | StorageStateInitializer<T>, options: StorageStateOptions<T>): UseStorageStateHookResult<T>;
+export interface UseStorageState {
+    /**
+     * Sync state to local or session storage so that it persists through a page refresh. Usage is
+     * similar to useState except we pass in a storage key that uniquely identifies the value.
+     * @param key The key to use for storing the value in local or session storage.
+     * @param initializer The initial value to use if the key is not present in storage.
+     * @param options Additional options for the storage state.
+     */
+    (key: string | null, initializer?: string | null | StorageStateInitializer<string>, options?: DefaultStorageStateoptions): UseStorageStateHookResult<string>;
+    /**
+     * Sync state to local or session storage so that it persists through a page refresh. Usage is
+     * similar to useState except we pass in a storage key that uniquely identifies the value.
+     * @param key The key to use for storing the value in local or session storage.
+     * @param initializer The initial value to use if the key is not present in storage.
+     * @param options Additional options for the storage state.
+     */
+    <T>(key: string | null, initializer: T | null | StorageStateInitializer<T>, options: StorageStateOptions<T>): UseStorageStateHookResult<T>;
+    /**
+     * Sync state to local or session storage so that it persists through a page refresh. Usage is
+     * similar to useState except we pass in a storage key that uniquely identifies the value.
+     * @param key The key to use for storing the value in local or session storage.
+     * @param initializer The initial value to use if the key is not present in storage.
+     * @param options Additional options for the storage state.
+     */
+    <T>(key: string | null, initializer?: T | null | StorageStateInitializer<T>, options?: StorageStateOptions<T>): UseStorageStateHookResult<T>;
+}

package/build/mjs/persistence/useStorageState.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/mjs/react-router-dom/AppProvider.d.ts

@@ -0,0 +1,6 @@
+import { type AppProviderProps } from "../AppProvider";
+/**
+ * @ignore - internal component.
+ */
+declare function AppProvider(props: AppProviderProps): import("react/jsx-runtime").JSX.Element;
+export { AppProvider };

package/build/mjs/react-router-dom/AppProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/mjs/react-router-dom/index.d.ts

@@ -0,0 +1 @@
+export * from "./AppProvider";

package/build/mjs/react-router-dom/index.js

@@ -0,0 +1 @@
+export * from "./AppProvider";

package/build/mjs/shared/Link.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+/**
+ * @ignore - internal component.
+ */
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    history?: "auto" | "push" | "replace";
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/build/mjs/shared/components.d.ts

@@ -0,0 +1,5 @@
+export interface ErrorOverlayProps {
+    error?: unknown;
+}
+export declare function ErrorOverlay({ error }: ErrorOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingOverlay(): import("react/jsx-runtime").JSX.Element;

package/build/mjs/shared/context.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { PaletteMode } from "@mui/material";
+import type { Branding, Navigation, Router } from "../AppProvider";
+export declare const BrandingContext: React.Context<Branding | null>;
+export declare const NavigationContext: React.Context<Navigation>;
+export declare const PaletteModeContext: React.Context<{
+    paletteMode: PaletteMode;
+    setPaletteMode: (mode: PaletteMode) => void;
+    isDualTheme: boolean;
+}>;
+export declare const RouterContext: React.Context<Router | null>;
+export declare const WindowContext: React.Context<Window | undefined>;

package/build/mjs/shared/locales/LocaleContext.d.ts

@@ -0,0 +1,56 @@
+import * as React from "react";
+declare const DEFAULT_LOCALE_TEXT: {
+    signInLabel: string;
+    signOutLabel: string;
+    accountIconButtonAriaLabel: string;
+    expandMenuTitle: string;
+    expandNavMenuAriaLabel: string;
+    collapseMenuTitle: string;
+    collapseNavMenuAriaLabel: string;
+    switchModeTitle: string;
+    darkModeTitle: string;
+    lightModeTitle: string;
+    switchThemeModeAriaLabel: string;
+    switchToDarkModeAriaLabel: string;
+    switchToLightModeAriaLabel: string;
+};
+export type LocaleContextType = typeof DEFAULT_LOCALE_TEXT;
+export declare const LocaleContext: React.Context<{
+    signInLabel: string;
+    signOutLabel: string;
+    accountIconButtonAriaLabel: string;
+    expandMenuTitle: string;
+    expandNavMenuAriaLabel: string;
+    collapseMenuTitle: string;
+    collapseNavMenuAriaLabel: string;
+    switchModeTitle: string;
+    darkModeTitle: string;
+    lightModeTitle: string;
+    switchThemeModeAriaLabel: string;
+    switchToDarkModeAriaLabel: string;
+    switchToLightModeAriaLabel: string;
+}>;
+export interface LocaleProviderProps {
+    localeText?: Partial<LocaleContextType>;
+    children: React.ReactNode;
+}
+/**
+ * @ignore - internal component.
+ */
+export declare function LocaleProvider({ localeText, children }: LocaleProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useLocaleText(): {
+    signInLabel: string;
+    signOutLabel: string;
+    accountIconButtonAriaLabel: string;
+    expandMenuTitle: string;
+    expandNavMenuAriaLabel: string;
+    collapseMenuTitle: string;
+    collapseNavMenuAriaLabel: string;
+    switchModeTitle: string;
+    darkModeTitle: string;
+    lightModeTitle: string;
+    switchThemeModeAriaLabel: string;
+    switchToDarkModeAriaLabel: string;
+    switchToLightModeAriaLabel: string;
+};
+export {};

package/build/mjs/shared/navigation.d.ts

@@ -0,0 +1,16 @@
+import type { Navigation, NavigationItem, NavigationPageItem, NavigationSubheaderItem } from "../AppProvider";
+export declare const getItemKind: (item: NavigationItem) => "page" | "header" | "divider";
+export declare const isPageItem: (item: NavigationItem) => item is NavigationPageItem;
+export declare const getItemTitle: (item: NavigationPageItem | NavigationSubheaderItem) => string;
+export declare function getPageItemFullPath(basePath: string, navigationItem: NavigationPageItem): string;
+export declare function isPageItemSelected(navigationItem: NavigationPageItem, basePath: string, pathname: string): boolean;
+export declare function hasSelectedNavigationChildren(navigationItem: NavigationItem, basePath: string, pathname: string): boolean;
+/**
+ * Matches a path against the navigation to find the active page. i.e. the page that should be
+ * marked as selected in the navigation.
+ */
+export declare function matchPath(navigation: Navigation, path: string): NavigationPageItem | null;
+/**
+ * Gets the path for a specific navigation page item.
+ */
+export declare function getItemPath(navigation: Navigation, item: NavigationPageItem): string;

package/build/mjs/useActivePage/index.js

@@ -0,0 +1 @@
+export * from "./useActivePage";

package/build/mjs/useActivePage/useActivePage.d.ts

@@ -0,0 +1,8 @@
+import type { Breadcrumb } from "../PageContainer";
+export interface ActivePage {
+    title: string;
+    path: string;
+    sourcePath: string;
+    breadcrumbs: Breadcrumb[];
+}
+export declare function useActivePage(): ActivePage | null;

package/build/mjs/useLocalStorageState/index.js

@@ -0,0 +1 @@
+export * from "./useLocalStorageState";

package/build/mjs/useLocalStorageState/useLocalStorageState.d.ts

@@ -0,0 +1,2 @@
+import { UseStorageState } from "../persistence";
+export declare const useLocalStorageState: UseStorageState;

package/build/mjs/useSessionStorageState/index.js

@@ -0,0 +1 @@
+export * from "./useSessionStorageState";

package/build/mjs/useSessionStorageState/useSessionStorageState.d.ts

@@ -0,0 +1,2 @@
+import { UseStorageState } from "../persistence";
+export declare const useSessionStorageState: UseStorageState;

package/build/mjs/utils/collections.d.ts

@@ -0,0 +1,44 @@
+export declare function asArray<T>(maybeArray: T | T[]): T[];
+type PropertiesOf<P> = Extract<keyof P, string>;
+type Require<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};
+type Ensure<U, K extends PropertyKey> = K extends keyof U ? Require<U, K> : U & Record<K, unknown>;
+/**
+ * Type aware version of Object.protoype.hasOwnProperty.
+ * See https://fettblog.eu/typescript-hasownproperty/
+ */
+export declare function hasOwnProperty<X extends {}, Y extends PropertyKey>(obj: X, prop: Y): obj is Ensure<X, Y>;
+/**
+ * Maps `obj` to a new object. The `mapper` function receives an entry array of key and value and
+ * is allowed to manipulate both. It can also return `null` to omit a property from the result.
+ */
+export declare function mapProperties<P, L extends PropertyKey, U>(obj: P, mapper: <K extends PropertiesOf<P>>(old: [K, P[K]]) => [L, U] | null): Record<L, U>;
+/**
+ * Maps an objects' property keys. The result is a new object with the mapped keys, but the same values.
+ */
+export declare function mapKeys<U>(obj: Record<string, U>, mapper: (old: string) => string): Record<string, U>;
+/**
+ * Maps an objects' property values. The result is a new object with the same keys, but mapped values.
+ */
+export declare function mapValues<P, V>(obj: P, mapper: (old: P[PropertiesOf<P>], key: PropertiesOf<P>) => V): Record<PropertiesOf<P>, V>;
+/**
+ * Filters an objects' property values. Similar to `array.filter` but for objects. The result is a new
+ * object with all the properties removed for which `filter` returned `false`.
+ */
+export declare function filterValues<K extends PropertyKey, P, Q extends P>(obj: Record<K, P>, filter: (old: P) => old is Q): Record<K, Q>;
+export declare function filterValues<P>(obj: P, filter: (old: P[keyof P]) => boolean): Partial<P>;
+export declare function filterValues<U>(obj: Record<string, U>, filter: (old: U) => boolean): Record<string, U>;
+/**
+ * Filters an objects' property keys. Similar to `array.filter` but for objects. The result is a new
+ * object with all the properties removed for which `filter` returned `false`.
+ */
+export declare function filterKeys<P>(obj: P, filter: (old: keyof P) => boolean): Partial<P>;
+export declare function filterKeys<U>(obj: Record<string, U>, filter: (old: string) => boolean): Record<string, U>;
+/**
+ * Compares the properties of two objects. Returns `true` if all properties are strictly equal, `false`
+ * otherwise.
+ * Pass a subset of properties to only compare those.
+ */
+export declare function equalProperties<P extends object>(obj1: P, obj2: P, subset?: (keyof P)[]): boolean;
+export {};

package/build/mjs/utils/describeConformance.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface ConformanceOptions {
+    refInstanceof?: unknown;
+    inheritComponent?: React.ElementType;
+    skip?: Array<"themeDefaultProps">;
+}
+export default function describeConformance(minimalElement: React.ReactElement<unknown>, getOptions: () => ConformanceOptions): void;

package/build/mjs/utils/events.d.ts

@@ -0,0 +1,27 @@
+export type EventName = string | symbol;
+export type EventHandlers = Record<EventName, unknown>;
+export type EventHandler<T extends EventHandlers, K extends keyof T = keyof T> = (event: T[K]) => void;
+export type AllEventsHandler<T extends EventHandlers, K extends keyof T = keyof T> = (type: K, event: T[K]) => void;
+/**
+ * Lightweight event emitter
+ */
+export declare class Emitter<T extends EventHandlers = {}> {
+    private handlers;
+    /**
+     * Add a listener for an event
+     */
+    on(name: "*", handler: AllEventsHandler<T>): void;
+    on<K extends keyof T>(name: K, handler: EventHandler<T, K>): void;
+    /**
+     * Remove a listener from an event
+     */
+    off<K extends keyof T>(name: K, handler: EventHandler<T, K>): void;
+    /**
+     * Subscribe to an event and return an unsubscribe function.
+     */
+    subscribe<K extends keyof T>(name: K, handler: EventHandler<T, K>): () => void;
+    /**
+     * Emit an event.
+     */
+    emit<K extends keyof T>(name: K, event: T[K]): void;
+}

package/build/mjs/utils/hooks/index.js

@@ -0,0 +1,2 @@
+export { default as useBoolean } from "./useBoolean";
+export { default as usePageTitle } from "./usePageTitle";

package/build/mjs/utils/hooks/useBoolean.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+/**
+ * A utility with shortcuts to manipulate boolean values.
+ */
+export default function useBoolean(initialValue: boolean): {
+    value: boolean;
+    setValue: React.Dispatch<React.SetStateAction<boolean>>;
+    toggle: () => void;
+    setTrue: () => void;
+    setFalse: () => void;
+};

package/build/mjs/utils/hooks/useDebounced.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This hook allows you to debounce any fast changing value. The debounced value will only
+ * reflect the latest value when the useDebounce hook has not been called for the specified
+ * time period.
+ *
+ * Inspired by https://usehooks.com/useDebounce/
+ */
+export default function useDebounced<T>(value: T, delay: number): T;

package/build/mjs/utils/hooks/useDebouncedHandler.d.ts

@@ -0,0 +1,12 @@
+interface Handler<P extends unknown[]> {
+    (...params: P): void;
+}
+/**
+ * Creates a debounced version of the handler that is passed. The invocation of [fn] is
+ * delayed for [delay] milliseconds from the last invocation of the debounced function.
+ *
+ * This implementation adds on the lodash implementation in that it handles updates to the
+ * delay value.
+ */
+export default function useDebouncedHandler<P extends unknown[]>(fn: Handler<P>, delay: number): Handler<P>;
+export {};

package/build/mjs/utils/hooks/useLatest.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns the latest non-null, non-undefined value that has been passed to it.
+ */
+declare function useLatest<T>(value: T): T;
+declare function useLatest<T>(value: T | null | undefined): T | null | undefined;
+export default useLatest;

package/build/mjs/utils/hooks/usePageTitle.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Sets the current document title.
+ */
+export default function usePageTitle(title: string): void;

package/build/mjs/utils/hooks/useSsr.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns true when serverside rendering, or when hydrating.
+ */
+export default function useSsr(): boolean;

package/build/mjs/utils/hooks/useStorageState.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type Initializer<T> = () => T;
+type UseStorageStateHookResult<T> = [
+    T,
+    React.Dispatch<React.SetStateAction<T>>
+];
+declare function useStorageStateServer(kind: "session" | "local", key: string, initializer: string | Initializer<string>): UseStorageStateHookResult<string>;
+declare function useStorageStateServer(kind: "session" | "local", key: string, initializer?: string | null | Initializer<string | null>): UseStorageStateHookResult<string | null>;
+declare const _default: typeof useStorageStateServer;
+export default _default;

package/build/mjs/utils/warnOnce.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Warns only once for a specific message.
+ * @param msg The message to warn.
+ */
+export default function warnOnce(msg: string): void;

package/package.json

@@ -1,23 +1,25 @@
 {
   "name": "@etsoo/toolpad",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "author": "ETSOO",
   "description": "Dashboard framework extention based on Toolpad Core",
-  "main": "build/index.js",
-  "module": "build/index.js",
-  "type": "module",
+  "main": "build/cjs/index.js",
+  "module": "build/mjs/index.js",
   "exports": {
     ".": {
-      "types": "./build/index.d.ts",
-      "import": "./build/index.js"
+      "types": "./build/mjs/index.d.ts",
+      "import": "./build/mjs/index.js",
+      "require": "./build/cjs/index.js"
     },
     "./nextjs": {
-      "types": "./build/nextjs/index.d.ts",
-      "import": "./build/nextjs/index.js"
+      "types": "./build/mjs/nextjs/index.d.ts",
+      "import": "./build/mjs/nextjs/index.js",
+      "require": "./build/cjs/nextjs/index.js"
     },
     "./react-router-dom": {
-      "types": "./build/react-router-dom/index.d.ts",
-      "import": "./build/react-router-dom/index.js"
+      "types": "./build/mjs/react-router-dom/index.d.ts",
+      "import": "./build/mjs/react-router-dom/index.js",
+      "require": "./build/cjs/react-router-dom/index.js"
     }
   },
   "sideEffects": false,
@@ -38,38 +40,46 @@
   },
   "homepage": "https://github.com/ETSOO/etsoo-toolpad#readme",
   "scripts": {
-    "build": "tsc",
+    "build": "tsc -p tsconfig.json && tsc -p tsconfig.cjs.json",
     "test": "vitest",
     "testb": "vitest --browser.enabled"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "6.3.1",
+    "@mui/material": "6.3.1",
     "@mui/utils": "6.3.1",
     "invariant": "2.2.4",
     "path-to-regexp": "6.3.0",
-    "react": "^18.3.1"
-  },
-  "overrides": {
-    "react": "$react",
-    "@emotion/react": "$@emotion/react"
+    "react": "^19.0.0"
   },
   "devDependencies": {
-    "@mui/icons-material": "6.3.1",
-    "@mui/material": "6.3.1",
+    "@babel/cli": "^7.26.4",
+    "@babel/core": "^7.26.0",
+    "@babel/plugin-transform-runtime": "^7.25.9",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/runtime-corejs3": "^7.26.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@types/invariant": "2.2.37",
-    "@types/react": "18.3.12",
-    "@types/react-dom": "18.3.1",
+    "@types/react": "19.0.4",
+    "@types/react-dom": "19.0.2",
     "@vitejs/plugin-react": "4.3.4",
     "@vitest/browser": "2.1.8",
-    "jsdom": "^25.0.1",
-    "next": "^15.0.3",
+    "jsdom": "^26.0.0",
+    "next": "^15.1.4",
     "next-router-mock": "^0.9.13",
     "playwright": "^1.49.1",
     "react-router-dom": "7.1.1",
     "vitest": "2.1.8"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    },
+    "react-router-dom": {
+      "optional": true
+    }
   }
 }

package/src/DashboardLayout/DashboardLayout.tsx

@@ -9,7 +9,6 @@ import Stack from "@mui/material/Stack";
 import Toolbar from "@mui/material/Toolbar";
 import Tooltip from "@mui/material/Tooltip";
 import useMediaQuery from "@mui/material/useMediaQuery";
-import type {} from "@mui/material/themeCssVarsAugmentation";
 import MenuIcon from "@mui/icons-material/Menu";
 import MenuOpenIcon from "@mui/icons-material/MenuOpen";
 import { NavigationContext, WindowContext } from "../shared/context";
@@ -24,15 +23,6 @@ import {
 import { TitleBar } from "./TitleBar";
 import { useLocaleText } from "../shared/locales/LocaleContext";
 
-const AppBar = styled(MuiAppBar)(({ theme }) => ({
-  borderWidth: 0,
-  borderBottomWidth: 1,
-  borderStyle: "solid",
-  borderColor: (theme.vars ?? theme).palette.divider,
-  boxShadow: "none",
-  zIndex: theme.zIndex.drawer + 1
-}));
-
 export interface SidebarFooterProps {
   mini: boolean;
 }
@@ -337,7 +327,18 @@ function DashboardLayout(props: DashboardLayoutProps) {
         ...sx
       }}
     >
-      <AppBar color="inherit" position="absolute">
+      <MuiAppBar
+        color="inherit"
+        position="absolute"
+        sx={(theme) => ({
+          borderWidth: 0,
+          borderBottomWidth: 1,
+          borderStyle: "solid",
+          borderColor: theme.palette.divider,
+          boxShadow: "none",
+          zIndex: theme.zIndex.drawer + 1
+        })}
+      >
         <Toolbar
           sx={{ backgroundColor: "inherit", mx: { xs: -0.75, sm: -1.5 } }}
         >
@@ -381,7 +382,7 @@ function DashboardLayout(props: DashboardLayoutProps) {
             <ToolbarAccountSlot {...slotProps?.toolbarAccount} />
           </Stack>
         </Toolbar>
-      </AppBar>
+      </MuiAppBar>
 
       {!hideNavigation ? (
         <React.Fragment>

package/src/PageContainer/PageContainer.tsx

@@ -79,10 +79,14 @@ export function PageDataContextProvider(
   props: React.PropsWithChildren<PageData>
 ) {
   // Destruct
-  const { title, breadcrumbs, ...rest } = props;
+  const { title, page, breadcrumbs, ...rest } = props;
 
   // useReducer hook to manage state with our reducer function and initial state
-  const [state, dispatch] = React.useReducer(reducer, { title, breadcrumbs });
+  const [state, dispatch] = React.useReducer(reducer, {
+    title,
+    page,
+    breadcrumbs
+  });
 
   // Provide the state and dispatch function to the context value
   return <PageDataContext.Provider value={{ state, dispatch }} {...rest} />;
@@ -90,6 +94,10 @@ export function PageDataContextProvider(
 
 export type PageContainerProps = React.PropsWithChildren<
   ContainerProps & {
+    /**
+     * The default title of the page.
+     */
+    defaultTitle?: string;
     /**
      * The components used for each slot inside.
      */
@@ -113,7 +121,7 @@ export type PageContainerProps = React.PropsWithChildren<
  * - [PageContainer API](https://mui.com/toolpad/core/api/page-container)
  */
 function PageContainer(props: PageContainerProps) {
-  const { children, slots, slotProps, ...rest } = props;
+  const { children, defaultTitle, slots, slotProps, ...rest } = props;
 
   const loaded = React.useRef(false);
   const { state, dispatch } = React.useContext(PageDataContext);
@@ -129,7 +137,7 @@ function PageContainer(props: PageContainerProps) {
   }, [activePage?.sourcePath]);
 
   let resolvedBreadcrumbs = state.breadcrumbs ?? activePage?.breadcrumbs ?? [];
-  const title = state.title ?? activePage?.title ?? "";
+  const title = state.title ?? defaultTitle ?? activePage?.title ?? "";
 
   if (state.page) {
     resolvedBreadcrumbs = [

package/tsconfig.cjs.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig.json to read more about this file */
+    "target": "ES2020",
+    "allowJs": false,
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "outDir": "./build/cjs",
+    "noEmit": false,
+    "declaration": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src"]
+}

package/tsconfig.json

@@ -2,10 +2,10 @@
   "compilerOptions": {
     /* Visit https://aka.ms/tsconfig.json to read more about this file */
     "target": "ES2020",
-    "module": "ESNext",
+    "module": "ES2020",
     "moduleResolution": "bundler",
     "isolatedModules": true,
-    "outDir": "build",
+    "outDir": "./build/mjs",
     "noEmit": false,
     "declaration": true,
     "strict": true,

package/build/DashboardLayout/TitleBar.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function TitleBar(): number | bigint | boolean | Iterable<React.ReactNode> | Promise<React.AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | undefined;