@busiverse/ui 0.2.12 → 0.2.13

package/README.md

@@ -288,3 +288,8 @@ This frontend uses the shared BUSIVERSE theme contract from `@busiverse/ui`.
 - App pages must not hard-code `className="dark ..."` wrappers.
 - `vite.config.ts` must keep `loadEnv`; do not remove it while adding build or chunking improvements.
 - Existing `VITE_*` environment variable names must not be renamed without approval.
+
+
+## Theme contract
+
+Use `BusiverseThemeProvider` from `@busiverse/ui/theme` in every separately deployed frontend. The only approved storage key is `busiverse-theme`, and every app must expose Light, Dark, and System through `ThemeModeSelect`. Do not create per-frontend theme storage keys or binary-only toggles.

package/dist/{chunk-BJYKR462.js → chunk-UWSNRCQW.js}

@@ -2,32 +2,56 @@ import {
   cn
 } from "./chunk-PYZVP4NI.js";
 
+// src/theme/BusiverseThemeProvider.tsx
+import { ThemeProvider } from "next-themes";
+import { jsx } from "react/jsx-runtime";
+var BUSIVERSE_THEME_STORAGE_KEY = "busiverse-theme";
+function BusiverseThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = BUSIVERSE_THEME_STORAGE_KEY,
+  enableSystem = true,
+  disableTransitionOnChange = true
+}) {
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    {
+      attribute: "class",
+      defaultTheme,
+      enableSystem,
+      storageKey,
+      disableTransitionOnChange,
+      children
+    }
+  );
+}
+
 // src/theme/ThemeModeSelect.tsx
 import { useTheme } from "next-themes";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var MODES = [
   {
     value: "light",
     label: "Light",
     title: "Use light mode",
     icon: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41" })
+      /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "4" }),
+      /* @__PURE__ */ jsx2("path", { d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41" })
     ] })
   },
   {
     value: "dark",
     label: "Dark",
     title: "Use dark mode",
-    icon: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M20.99 12.43A8.5 8.5 0 1 1 11.57 3a6.5 6.5 0 0 0 9.42 9.43Z" }) })
+    icon: /* @__PURE__ */ jsx2("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx2("path", { d: "M20.99 12.43A8.5 8.5 0 1 1 11.57 3a6.5 6.5 0 0 0 9.42 9.43Z" }) })
   },
   {
     value: "system",
     label: "System",
     title: "Follow system theme",
     icon: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", className: "h-4 w-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-      /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "12", rx: "2" }),
-      /* @__PURE__ */ jsx("path", { d: "M8 20h8M12 16v4" })
+      /* @__PURE__ */ jsx2("rect", { x: "3", y: "4", width: "18", height: "12", rx: "2" }),
+      /* @__PURE__ */ jsx2("path", { d: "M8 20h8M12 16v4" })
     ] })
   }
 ];
@@ -35,8 +59,8 @@ function ThemeModeSelect({ className, buttonClassName, label = "Theme", compact
   const { theme = "system", setTheme, resolvedTheme } = useTheme();
   const currentMode = theme === "light" || theme === "dark" || theme === "system" ? theme : "system";
   return /* @__PURE__ */ jsxs("div", { className: cn("busiverse-theme-mode-select", className), role: "group", "aria-label": label, "data-theme-mode": currentMode, "data-resolved-theme": resolvedTheme ?? currentMode, children: [
-    !compact && /* @__PURE__ */ jsx("span", { className: "busiverse-theme-mode-label", children: label }),
-    /* @__PURE__ */ jsx("div", { className: "busiverse-theme-mode-options", children: MODES.map((mode) => {
+    !compact && /* @__PURE__ */ jsx2("span", { className: "busiverse-theme-mode-label", children: label }),
+    /* @__PURE__ */ jsx2("div", { className: "busiverse-theme-mode-options", children: MODES.map((mode) => {
       const active = currentMode === mode.value;
       return /* @__PURE__ */ jsxs(
         "button",
@@ -48,8 +72,8 @@ function ThemeModeSelect({ className, buttonClassName, label = "Theme", compact
           onClick: () => setTheme(mode.value),
           children: [
             mode.icon,
-            !compact && /* @__PURE__ */ jsx("span", { children: mode.label }),
-            compact && /* @__PURE__ */ jsx("span", { className: "busiverse-sr-only", children: mode.label })
+            !compact && /* @__PURE__ */ jsx2("span", { children: mode.label }),
+            compact && /* @__PURE__ */ jsx2("span", { className: "busiverse-sr-only", children: mode.label })
           ]
         },
         mode.value
@@ -59,5 +83,7 @@ function ThemeModeSelect({ className, buttonClassName, label = "Theme", compact
 }
 
 export {
+  BUSIVERSE_THEME_STORAGE_KEY,
+  BusiverseThemeProvider,
   ThemeModeSelect
 };

package/dist/index.js

@@ -1,6 +1,8 @@
 import {
+  BUSIVERSE_THEME_STORAGE_KEY,
+  BusiverseThemeProvider,
   ThemeModeSelect
-} from "./chunk-BJYKR462.js";
+} from "./chunk-UWSNRCQW.js";
 import {
   Badge,
   Card,
@@ -348,6 +350,7 @@ function UserMenu() {
 export {
   AppShell,
   AuthSessionProvider,
+  BUSIVERSE_THEME_STORAGE_KEY,
   Badge,
   BusiverseBrandHead,
   BusiverseGithubIcon,
@@ -356,6 +359,7 @@ export {
   BusiverseLogo,
   BusiverseMailIcon,
   BusiverseSocialIcon,
+  BusiverseThemeProvider,
   BusiverseXIcon,
   Button,
   Card,

package/dist/theme/BusiverseThemeProvider.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export declare const BUSIVERSE_THEME_STORAGE_KEY = "busiverse-theme";
+export type BusiverseThemeMode = "light" | "dark" | "system";
+export interface BusiverseThemeProviderProps {
+    children: React.ReactNode;
+    defaultTheme?: BusiverseThemeMode;
+    storageKey?: string;
+    enableSystem?: boolean;
+    disableTransitionOnChange?: boolean;
+}
+export declare function BusiverseThemeProvider({ children, defaultTheme, storageKey, enableSystem, disableTransitionOnChange, }: BusiverseThemeProviderProps): React.JSX.Element;
+//# sourceMappingURL=BusiverseThemeProvider.d.ts.map

package/dist/theme/BusiverseThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusiverseThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/BusiverseThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,2BAA2B,oBAAoB,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,YAAuB,EACvB,UAAwC,EACxC,YAAmB,EACnB,yBAAgC,GACjC,EAAE,2BAA2B,qBAY7B"}

package/dist/theme/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./ThemeModeSelect";
+export * from "./BusiverseThemeProvider";
+export { ThemeModeSelect } from "./ThemeModeSelect";
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/theme-public.js

@@ -1,7 +1,11 @@
 import {
+  BUSIVERSE_THEME_STORAGE_KEY,
+  BusiverseThemeProvider,
   ThemeModeSelect
-} from "./chunk-BJYKR462.js";
+} from "./chunk-UWSNRCQW.js";
 import "./chunk-PYZVP4NI.js";
 export {
+  BUSIVERSE_THEME_STORAGE_KEY,
+  BusiverseThemeProvider,
   ThemeModeSelect
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@busiverse/ui",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "author": "Joel Julius Okoromi <okmarq@gmail.com> (https://busiversehq.com)",
   "description": "BUSIVERSE shared React UI, design tokens, pricing, i18n, auth helpers, and product shell. Network-neutral core; Gateway transport is app-injected.",
   "type": "module",