@augmenting-integrations/ui 0.2.2 → 2.0.0

package/dist/providers/ThemeProvider.cjs

@@ -0,0 +1,92 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ThemeProvider_exports = {};
+__export(ThemeProvider_exports, {
+  ThemeProvider: () => ThemeProvider,
+  useThemeName: () => useThemeName
+});
+module.exports = __toCommonJS(ThemeProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_next_themes = require("next-themes");
+var import_themes = require("@augmenting-integrations/themes");
+const ThemeNameContext = React.createContext(null);
+function readCookie() {
+  if (typeof document === "undefined") return null;
+  const match = document.cookie.split("; ").find((row) => row.startsWith(`${import_themes.THEME_COOKIE_KEY}=`));
+  if (!match) return null;
+  const value = match.split("=")[1];
+  return value && value.length > 0 ? value : null;
+}
+function writeCookie(value) {
+  if (typeof document === "undefined") return;
+  document.cookie = `${import_themes.THEME_COOKIE_KEY}=${value}; path=/; max-age=${60 * 60 * 24 * 365}; samesite=lax`;
+}
+function ThemeProvider({
+  children,
+  defaultTheme,
+  defaultVariant
+}) {
+  const [themeName, setThemeNameState] = React.useState(
+    () => readCookie() ?? defaultTheme
+  );
+  React.useEffect(() => {
+    document.documentElement.setAttribute("data-theme", themeName);
+  }, [themeName]);
+  const setThemeName = React.useCallback((next) => {
+    writeCookie(next);
+    setThemeNameState(next);
+  }, []);
+  const value = React.useMemo(
+    () => ({ themeName, setThemeName }),
+    [themeName, setThemeName]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeNameContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_next_themes.ThemeProvider,
+    {
+      attribute: "class",
+      defaultTheme: defaultVariant,
+      enableSystem: false,
+      disableTransitionOnChange: true,
+      children
+    }
+  ) });
+}
+function useThemeName() {
+  const ctx = React.useContext(ThemeNameContext);
+  if (!ctx) throw new Error("useThemeName must be used inside <ThemeProvider />");
+  return ctx;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeProvider,
+  useThemeName
+});
+//# sourceMappingURL=ThemeProvider.cjs.map

package/dist/providers/ThemeProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/ThemeProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ThemeProvider as NextThemesProvider } from \"next-themes\";\nimport type { ThemeName, Variant } from \"@augmenting-integrations/brand\";\nimport { THEME_COOKIE_KEY } from \"@augmenting-integrations/themes\";\n\ntype ThemeContextValue = {\n  themeName: ThemeName;\n  setThemeName: (next: ThemeName) => void;\n};\n\nconst ThemeNameContext = React.createContext<ThemeContextValue | null>(null);\n\nfunction readCookie(): ThemeName | null {\n  if (typeof document === \"undefined\") return null;\n  const match = document.cookie\n    .split(\"; \")\n    .find((row) => row.startsWith(`${THEME_COOKIE_KEY}=`));\n  if (!match) return null;\n  const value = match.split(\"=\")[1];\n  return value && value.length > 0 ? value : null;\n}\n\nfunction writeCookie(value: ThemeName) {\n  if (typeof document === \"undefined\") return;\n  document.cookie = `${THEME_COOKIE_KEY}=${value}; path=/; max-age=${60 * 60 * 24 * 365}; samesite=lax`;\n}\n\nexport function ThemeProvider({\n  children,\n  defaultTheme,\n  defaultVariant,\n}: {\n  children: React.ReactNode;\n  defaultTheme: ThemeName;\n  defaultVariant: Variant;\n}) {\n  const [themeName, setThemeNameState] = React.useState<ThemeName>(\n    () => readCookie() ?? defaultTheme,\n  );\n\n  React.useEffect(() => {\n    document.documentElement.setAttribute(\"data-theme\", themeName);\n  }, [themeName]);\n\n  const setThemeName = React.useCallback((next: ThemeName) => {\n    writeCookie(next);\n    setThemeNameState(next);\n  }, []);\n\n  const value = React.useMemo(\n    () => ({ themeName, setThemeName }),\n    [themeName, setThemeName],\n  );\n\n  return (\n    <ThemeNameContext.Provider value={value}>\n      <NextThemesProvider\n        attribute=\"class\"\n        defaultTheme={defaultVariant}\n        enableSystem={false}\n        disableTransitionOnChange\n      >\n        {children}\n      </NextThemesProvider>\n    </ThemeNameContext.Provider>\n  );\n}\n\nexport function useThemeName() {\n  const ctx = React.useContext(ThemeNameContext);\n  if (!ctx) throw new Error(\"useThemeName must be used inside <ThemeProvider />\");\n  return ctx;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DM;AAxDN,YAAuB;AACvB,yBAAoD;AAEpD,oBAAiC;AAOjC,MAAM,mBAAmB,MAAM,cAAwC,IAAI;AAE3E,SAAS,aAA+B;AACtC,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAM,QAAQ,SAAS,OACpB,MAAM,IAAI,EACV,KAAK,CAAC,QAAQ,IAAI,WAAW,GAAG,8BAAgB,GAAG,CAAC;AACvD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAQ,MAAM,MAAM,GAAG,EAAE,CAAC;AAChC,SAAO,SAAS,MAAM,SAAS,IAAI,QAAQ;AAC7C;AAEA,SAAS,YAAY,OAAkB;AACrC,MAAI,OAAO,aAAa,YAAa;AACrC,WAAS,SAAS,GAAG,8BAAgB,IAAI,KAAK,qBAAqB,KAAK,KAAK,KAAK,GAAG;AACvF;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,WAAW,iBAAiB,IAAI,MAAM;AAAA,IAC3C,MAAM,WAAW,KAAK;AAAA,EACxB;AAEA,QAAM,UAAU,MAAM;AACpB,aAAS,gBAAgB,aAAa,cAAc,SAAS;AAAA,EAC/D,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,eAAe,MAAM,YAAY,CAAC,SAAoB;AAC1D,gBAAY,IAAI;AAChB,sBAAkB,IAAI;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO,EAAE,WAAW,aAAa;AAAA,IACjC,CAAC,WAAW,YAAY;AAAA,EAC1B;AAEA,SACE,4CAAC,iBAAiB,UAAjB,EAA0B,OACzB;AAAA,IAAC,mBAAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAc;AAAA,MACd,cAAc;AAAA,MACd,2BAAyB;AAAA,MAExB;AAAA;AAAA,EACH,GACF;AAEJ;AAEO,SAAS,eAAe;AAC7B,QAAM,MAAM,MAAM,WAAW,gBAAgB;AAC7C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,oDAAoD;AAC9E,SAAO;AACT;","names":["NextThemesProvider"]}

package/dist/providers/ThemeProvider.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import { THEME_COOKIE_KEY } from "@augmenting-integrations/themes";
+const ThemeNameContext = React.createContext(null);
+function readCookie() {
+  if (typeof document === "undefined") return null;
+  const match = document.cookie.split("; ").find((row) => row.startsWith(`${THEME_COOKIE_KEY}=`));
+  if (!match) return null;
+  const value = match.split("=")[1];
+  return value && value.length > 0 ? value : null;
+}
+function writeCookie(value) {
+  if (typeof document === "undefined") return;
+  document.cookie = `${THEME_COOKIE_KEY}=${value}; path=/; max-age=${60 * 60 * 24 * 365}; samesite=lax`;
+}
+function ThemeProvider({
+  children,
+  defaultTheme,
+  defaultVariant
+}) {
+  const [themeName, setThemeNameState] = React.useState(
+    () => readCookie() ?? defaultTheme
+  );
+  React.useEffect(() => {
+    document.documentElement.setAttribute("data-theme", themeName);
+  }, [themeName]);
+  const setThemeName = React.useCallback((next) => {
+    writeCookie(next);
+    setThemeNameState(next);
+  }, []);
+  const value = React.useMemo(
+    () => ({ themeName, setThemeName }),
+    [themeName, setThemeName]
+  );
+  return /* @__PURE__ */ jsx(ThemeNameContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    NextThemesProvider,
+    {
+      attribute: "class",
+      defaultTheme: defaultVariant,
+      enableSystem: false,
+      disableTransitionOnChange: true,
+      children
+    }
+  ) });
+}
+function useThemeName() {
+  const ctx = React.useContext(ThemeNameContext);
+  if (!ctx) throw new Error("useThemeName must be used inside <ThemeProvider />");
+  return ctx;
+}
+export {
+  ThemeProvider,
+  useThemeName
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/providers/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/ThemeProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ThemeProvider as NextThemesProvider } from \"next-themes\";\nimport type { ThemeName, Variant } from \"@augmenting-integrations/brand\";\nimport { THEME_COOKIE_KEY } from \"@augmenting-integrations/themes\";\n\ntype ThemeContextValue = {\n  themeName: ThemeName;\n  setThemeName: (next: ThemeName) => void;\n};\n\nconst ThemeNameContext = React.createContext<ThemeContextValue | null>(null);\n\nfunction readCookie(): ThemeName | null {\n  if (typeof document === \"undefined\") return null;\n  const match = document.cookie\n    .split(\"; \")\n    .find((row) => row.startsWith(`${THEME_COOKIE_KEY}=`));\n  if (!match) return null;\n  const value = match.split(\"=\")[1];\n  return value && value.length > 0 ? value : null;\n}\n\nfunction writeCookie(value: ThemeName) {\n  if (typeof document === \"undefined\") return;\n  document.cookie = `${THEME_COOKIE_KEY}=${value}; path=/; max-age=${60 * 60 * 24 * 365}; samesite=lax`;\n}\n\nexport function ThemeProvider({\n  children,\n  defaultTheme,\n  defaultVariant,\n}: {\n  children: React.ReactNode;\n  defaultTheme: ThemeName;\n  defaultVariant: Variant;\n}) {\n  const [themeName, setThemeNameState] = React.useState<ThemeName>(\n    () => readCookie() ?? defaultTheme,\n  );\n\n  React.useEffect(() => {\n    document.documentElement.setAttribute(\"data-theme\", themeName);\n  }, [themeName]);\n\n  const setThemeName = React.useCallback((next: ThemeName) => {\n    writeCookie(next);\n    setThemeNameState(next);\n  }, []);\n\n  const value = React.useMemo(\n    () => ({ themeName, setThemeName }),\n    [themeName, setThemeName],\n  );\n\n  return (\n    <ThemeNameContext.Provider value={value}>\n      <NextThemesProvider\n        attribute=\"class\"\n        defaultTheme={defaultVariant}\n        enableSystem={false}\n        disableTransitionOnChange\n      >\n        {children}\n      </NextThemesProvider>\n    </ThemeNameContext.Provider>\n  );\n}\n\nexport function useThemeName() {\n  const ctx = React.useContext(ThemeNameContext);\n  if (!ctx) throw new Error(\"useThemeName must be used inside <ThemeProvider />\");\n  return ctx;\n}\n"],"mappings":";AA0DM;AAxDN,YAAY,WAAW;AACvB,SAAS,iBAAiB,0BAA0B;AAEpD,SAAS,wBAAwB;AAOjC,MAAM,mBAAmB,MAAM,cAAwC,IAAI;AAE3E,SAAS,aAA+B;AACtC,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAM,QAAQ,SAAS,OACpB,MAAM,IAAI,EACV,KAAK,CAAC,QAAQ,IAAI,WAAW,GAAG,gBAAgB,GAAG,CAAC;AACvD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAQ,MAAM,MAAM,GAAG,EAAE,CAAC;AAChC,SAAO,SAAS,MAAM,SAAS,IAAI,QAAQ;AAC7C;AAEA,SAAS,YAAY,OAAkB;AACrC,MAAI,OAAO,aAAa,YAAa;AACrC,WAAS,SAAS,GAAG,gBAAgB,IAAI,KAAK,qBAAqB,KAAK,KAAK,KAAK,GAAG;AACvF;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,WAAW,iBAAiB,IAAI,MAAM;AAAA,IAC3C,MAAM,WAAW,KAAK;AAAA,EACxB;AAEA,QAAM,UAAU,MAAM;AACpB,aAAS,gBAAgB,aAAa,cAAc,SAAS;AAAA,EAC/D,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,eAAe,MAAM,YAAY,CAAC,SAAoB;AAC1D,gBAAY,IAAI;AAChB,sBAAkB,IAAI;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO,EAAE,WAAW,aAAa;AAAA,IACjC,CAAC,WAAW,YAAY;AAAA,EAC1B;AAEA,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OACzB;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAc;AAAA,MACd,cAAc;AAAA,MACd,2BAAyB;AAAA,MAExB;AAAA;AAAA,EACH,GACF;AAEJ;AAEO,SAAS,eAAe;AAC7B,QAAM,MAAM,MAAM,WAAW,gBAAgB;AAC7C,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,oDAAoD;AAC9E,SAAO;AACT;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@augmenting-integrations/ui",
-  "version": "0.2.2",
+  "version": "2.0.0",
   "description": "Shared UI: shadcn components, brand chrome (Logo, ThemeSwitcher, RoleSwitcher), shells (PublicShell, AppShell, StudioShell), and providers (Session, Query, Theme, Mock).",
   "license": "MIT",
   "publishConfig": {
@@ -31,18 +31,20 @@
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
     "msw": "^2.0.0",
+    "next": "^16.0.0",
     "next-auth": "^5.0.0-beta.31",
     "next-themes": "^0.4.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@augmenting-integrations/themes": "0.2.2",
-    "@augmenting-integrations/brand": "0.2.2"
+    "@augmenting-integrations/themes": "2.0.0",
+    "@augmenting-integrations/brand": "2.0.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.100.9",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "msw": "^2.14.4",
+    "next": "^16.0.0",
     "next-auth": "^5.0.0-beta.31",
     "next-themes": "^0.4.6",
     "react": "^19.0.0",
@@ -50,8 +52,8 @@
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
     "vitest": "^4.1.5",
-    "@augmenting-integrations/themes": "0.2.2",
-    "@augmenting-integrations/brand": "0.2.2"
+    "@augmenting-integrations/brand": "2.0.0",
+    "@augmenting-integrations/themes": "2.0.0"
   },
   "scripts": {
     "build": "tsup",