@reforma/site 1.0.1 → 1.0.2

package/dist/index.d.ts

@@ -1,5 +1,8 @@
 export { initAnalytics, track } from './analytics.js';
 export { ErrorState } from './error-state.js';
 export { projectMetadata, projectRobots } from './metadata.js';
+export { SiteRoot } from './root.js';
+export { useTheme as useMode, useTheme } from 'next-themes';
 export type { FixErrorDetail } from './error-state.js';
+export type { ModeDocument } from './root.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -1,3 +1,6 @@
 export { initAnalytics, track } from './analytics.js';
 export { ErrorState } from './error-state.js';
 export { projectMetadata, projectRobots } from './metadata.js';
+export { SiteRoot } from './root.js';
+// `useMode` is the pre-1.0 name, kept for older starters' sonner.tsx.
+export { useTheme as useMode, useTheme } from 'next-themes';

package/dist/root.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+/** The project's generated `.reforma/tokens/.generated/modes.json`. */
+export type ModeDocument = {
+    default: string;
+    modifiers: {
+        name: string;
+        contexts: string[];
+    }[];
+};
+/** Mounts next-themes on `data-theme` with the token modes, which the generated token CSS selects. */
+export declare function SiteRoot({ children, modes }: {
+    children: ReactNode;
+    modes: ModeDocument;
+}): import("react").JSX.Element;
+//# sourceMappingURL=root.d.ts.map

package/dist/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,uEAAuE;AACvE,MAAM,MAAM,YAAY,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;CACrD,CAAC;AAeF,sGAAsG;AACtG,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,YAAY,CAAA;CAAE,+BAYzF"}

package/dist/root.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThemeProvider, useTheme } from 'next-themes';
+import { useEffect, useMemo } from 'react';
+/** next-themes keeps a stored theme the tokens no longer have (renamed or deleted); fall back to the default mode. */
+function DropRemovedTheme({ themes, defaultTheme }) {
+    const { theme, setTheme } = useTheme();
+    useEffect(() => {
+        if (theme && theme !== 'system' && !themes.includes(theme)) {
+            setTheme(defaultTheme);
+        }
+    }, [theme, setTheme, themes, defaultTheme]);
+    return null;
+}
+/** Mounts next-themes on `data-theme` with the token modes, which the generated token CSS selects. */
+export function SiteRoot({ children, modes }) {
+    const themes = useMemo(() => modes.modifiers.find(modifier => modifier.name === 'mode')?.contexts ?? [], [modes]);
+    return (_jsxs(ThemeProvider, { attribute: "data-theme", themes: themes, defaultTheme: modes.default, disableTransitionOnChange: true, children: [_jsx(DropRemovedTheme, { themes: themes, defaultTheme: modes.default }), children] }));
+}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@reforma/site",
-    "version": "1.0.1",
-    "description": "Visitor runtime for a Reforma site: publish metadata, analytics, and the PostCSS url guard.",
+    "version": "1.0.2",
+    "description": "Visitor runtime for a Reforma site: theme modes, publish metadata, analytics, and the PostCSS url guard.",
     "type": "module",
     "license": "UNLICENSED",
     "author": "Reforma, Inc. <dev@reforma.ai>",
@@ -41,6 +41,9 @@
         "lint": "eslint src",
         "lint:fix": "eslint src --fix"
     },
+    "dependencies": {
+        "next-themes": "^0.4.6"
+    },
     "peerDependencies": {
         "react": "^19.2.8",
         "react-dom": "^19.2.8"