powr-sdk-web 5.10.8 → 6.0.0

package/dist/activities/PowrActivityList.js

@@ -52,9 +52,9 @@ function formatWhen(iso, locale) {
   }
 }
 
-/**
- * Presentational list for PowrBase activity-shaped rows (`activity.activity`, `activity.actor`, `activity.action`, `createdAt`).
- * Does not fetch — pass data from parent or use {@link PowrBaseActivities}.
+/**
+ * Presentational list for PowrBase activity-shaped rows (`activity.activity`, `activity.actor`, `activity.action`, `createdAt`).
+ * Does not fetch — pass data from parent or use {@link PowrBaseActivities}.
  */
 function PowrActivityList(_ref) {
   var activities = _ref.activities,

package/dist/activities/index.js

@@ -36,9 +36,9 @@ var wrapperStyle = {
   fontFamily: 'Roboto, sans-serif'
 };
 
-/**
- * Fetches activities like comments: GET with contentId + projectId (via apiCall).
- * Date filtering is client-side: calendar picks a day, list shows items for that day.
+/**
+ * Fetches activities like comments: GET with contentId + projectId (via apiCall).
+ * Date filtering is client-side: calendar picks a day, list shows items for that day.
  */
 function PowrBaseActivities(_ref) {
   var projectId = _ref.projectId,

package/dist/admin/PowrBaseAdminFull.js

@@ -18,10 +18,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-/**
- * Full PowrBaseAdmin for host apps that already install optional peers
- * (Excelrs / Spriny via the package root export).
- * Prefer `powr-sdk-web/dist/admin` in lean apps (Ampy Ops) to avoid monaco/lucide.
+/**
+ * Full PowrBaseAdmin for host apps that already install optional peers
+ * (Excelrs / Spriny via the package root export).
+ * Prefer `powr-sdk-web/dist/admin` in lean apps (Ampy Ops) to avoid monaco/lucide.
  */
 function PowrBaseAdminFull(props) {
   var sectionLoaders = props.sectionLoaders,

package/dist/admin/coreSectionLoaders.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.CORE_SECTION_LOADERS = void 0;
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- * Core admin sections — no heavy optional peers (monaco / lucide / hot-toast).
- * Safe for apps that only need Users (e.g. Ampy Ops).
+/**
+ * Core admin sections — no heavy optional peers (monaco / lucide / hot-toast).
+ * Safe for apps that only need Users (e.g. Ampy Ops).
  */
 var CORE_SECTION_LOADERS = exports.CORE_SECTION_LOADERS = {
   users: function users() {

package/dist/admin/optionalSectionLoaders.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.OPTIONAL_SECTION_LOADERS = void 0;
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- * Heavy admin sections. Import only from apps that install optional peers:
- *   lucide-react, @monaco-editor/react, react-hot-toast
- *
- * @example
- * import PowrBaseAdmin from 'powr-sdk-web/dist/admin';
- * import { OPTIONAL_SECTION_LOADERS } from 'powr-sdk-web/dist/admin/optionalSectionLoaders';
- * <PowrBaseAdmin sections={['Users','Functions']} sectionLoaders={OPTIONAL_SECTION_LOADERS} />
+/**
+ * Heavy admin sections. Import only from apps that install optional peers:
+ *   lucide-react, @monaco-editor/react, react-hot-toast
+ *
+ * @example
+ * import PowrBaseAdmin from 'powr-sdk-web/dist/admin';
+ * import { OPTIONAL_SECTION_LOADERS } from 'powr-sdk-web/dist/admin/optionalSectionLoaders';
+ * <PowrBaseAdmin sections={['Users','Functions']} sectionLoaders={OPTIONAL_SECTION_LOADERS} />
  */
 var OPTIONAL_SECTION_LOADERS = exports.OPTIONAL_SECTION_LOADERS = {
   functions: function functions() {

package/dist/auth/index.js

@@ -29,6 +29,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var config = require('../config');
 var PowrLogin = function PowrLogin(_ref) {
   var apiUrl = _ref.apiUrl,
     onLogin = _ref.onLogin,
@@ -37,7 +38,7 @@ var PowrLogin = function PowrLogin(_ref) {
     appLogo = _ref.appLogo,
     _ref$mode = _ref.mode,
     mode = _ref$mode === void 0 ? 'toggle' : _ref$mode,
-    projectId = _ref.projectId,
+    projectIdProp = _ref.projectId,
     _ref$requirePhoneVeri = _ref.requirePhoneVerification,
     requirePhoneVerification = _ref$requirePhoneVeri === void 0 ? true : _ref$requirePhoneVeri,
     _ref$showForgotPasswo = _ref.showForgotPassword,
@@ -55,6 +56,7 @@ var PowrLogin = function PowrLogin(_ref) {
     _ref$allowedCountries = _ref.allowedCountries,
     allowedCountries = _ref$allowedCountries === void 0 ? null : _ref$allowedCountries,
     onSessionExpired = _ref.onSessionExpired;
+  var projectId = projectIdProp || config.projectId;
   var resolvedDefaultCountry = (0, _phone.resolveCountry)(defaultCountry, defaultCountryCode);
   var _useState = (0, _react.useState)(function () {
       switch (mode) {

package/dist/calendar/index.js

@@ -101,8 +101,8 @@ function ChevronRight() {
   }));
 }
 
-/**
- * Week strip + day picker (controlled). No data fetching — use anywhere you need a date range UI.
+/**
+ * Week strip + day picker (controlled). No data fetching — use anywhere you need a date range UI.
  */
 function PowrCalendarStrip(_ref) {
   var selectedDate = _ref.selectedDate,

package/dist/index.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "AddPhonePanel", {
     return _onboarding.AddPhonePanel;
   }
 });
+Object.defineProperty(exports, "DARK_POWR_TOKENS", {
+  enumerable: true,
+  get: function get() {
+    return _theme.DARK_POWR_TOKENS;
+  }
+});
 Object.defineProperty(exports, "DEFAULT_COUNTRY", {
   enumerable: true,
   get: function get() {
@@ -22,18 +28,66 @@ Object.defineProperty(exports, "DEFAULT_COUNTRY_CODE", {
     return _phone.DEFAULT_COUNTRY_CODE;
   }
 });
+Object.defineProperty(exports, "DEFAULT_POWR_DENSITY", {
+  enumerable: true,
+  get: function get() {
+    return _theme.DEFAULT_POWR_DENSITY;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_POWR_SCHEME", {
+  enumerable: true,
+  get: function get() {
+    return _theme.DEFAULT_POWR_SCHEME;
+  }
+});
 Object.defineProperty(exports, "DEFAULT_POWR_TARGETS", {
   enumerable: true,
   get: function get() {
     return _sso.DEFAULT_POWR_TARGETS;
   }
 });
+Object.defineProperty(exports, "DEFAULT_POWR_TOKENS", {
+  enumerable: true,
+  get: function get() {
+    return _theme.DEFAULT_POWR_TOKENS;
+  }
+});
 Object.defineProperty(exports, "OnboardingShell", {
   enumerable: true,
   get: function get() {
     return _onboarding.OnboardingShell;
   }
 });
+Object.defineProperty(exports, "POWR_CSS_VAR_NAMES", {
+  enumerable: true,
+  get: function get() {
+    return _theme.POWR_CSS_VAR_NAMES;
+  }
+});
+Object.defineProperty(exports, "POWR_DENSITIES", {
+  enumerable: true,
+  get: function get() {
+    return _theme.POWR_DENSITIES;
+  }
+});
+Object.defineProperty(exports, "POWR_SCHEMES", {
+  enumerable: true,
+  get: function get() {
+    return _theme.POWR_SCHEMES;
+  }
+});
+Object.defineProperty(exports, "POWR_TOKENS", {
+  enumerable: true,
+  get: function get() {
+    return _theme.POWR_TOKENS;
+  }
+});
+Object.defineProperty(exports, "POWR_TOKEN_KEYS", {
+  enumerable: true,
+  get: function get() {
+    return _theme.POWR_TOKEN_KEYS;
+  }
+});
 Object.defineProperty(exports, "PRIORITY_COUNTRIES", {
   enumerable: true,
   get: function get() {
@@ -178,6 +232,12 @@ Object.defineProperty(exports, "PowrTable", {
     return _table["default"];
   }
 });
+Object.defineProperty(exports, "PowrThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _theme.PowrThemeProvider;
+  }
+});
 Object.defineProperty(exports, "SESSION_MESSAGES", {
   enumerable: true,
   get: function get() {
@@ -346,6 +406,18 @@ Object.defineProperty(exports, "parsePhone", {
     return _phone.parsePhone;
   }
 });
+Object.defineProperty(exports, "powrThemeStorageKey", {
+  enumerable: true,
+  get: function get() {
+    return _theme.powrThemeStorageKey;
+  }
+});
+Object.defineProperty(exports, "powrVar", {
+  enumerable: true,
+  get: function get() {
+    return _theme.powrVar;
+  }
+});
 Object.defineProperty(exports, "profileNameStep", {
   enumerable: true,
   get: function get() {
@@ -358,12 +430,30 @@ Object.defineProperty(exports, "resolveCountry", {
     return _phone.resolveCountry;
   }
 });
+Object.defineProperty(exports, "resolvePowrTokens", {
+  enumerable: true,
+  get: function get() {
+    return _theme.resolvePowrTokens;
+  }
+});
 Object.defineProperty(exports, "safeNextPath", {
   enumerable: true,
   get: function get() {
     return _sso.safeNextPath;
   }
 });
+Object.defineProperty(exports, "tokensToCssVars", {
+  enumerable: true,
+  get: function get() {
+    return _theme.tokensToCssVars;
+  }
+});
+Object.defineProperty(exports, "usePowrTheme", {
+  enumerable: true,
+  get: function get() {
+    return _theme.usePowrTheme;
+  }
+});
 var _table = _interopRequireDefault(require("./table"));
 var _swiper = _interopRequireDefault(require("./swiper"));
 var _reviews = _interopRequireDefault(require("./reviews"));
@@ -390,5 +480,6 @@ var _onboarding = require("./onboarding");
 var _phone = require("./utils/phone");
 var _jwt = require("./utils/jwt");
 var _sessionMessages = require("./utils/sessionMessages");
+var _theme = require("./theme");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/dist/sso/api.js

@@ -27,21 +27,21 @@ function safeNextPath(next) {
   return fallback;
 }
 
-/**
- * Issue a one-time login code (caller must already be authenticated).
- * Host `injectProjectId` needs destination `projectId` on the body.
- * @param {string} apiUrl - Powr API base
- * @param {string} bearerToken
- * @param {{ projectId?: string }} [opts]
+/**
+ * Issue a one-time login code (caller must already be authenticated).
+ * Host `injectProjectId` needs destination `projectId` on the body.
+ * @param {string} apiUrl - Powr API base
+ * @param {string} bearerToken
+ * @param {{ projectId?: string }} [opts]
  */
 function issueLoginCode(_x, _x2) {
   return _issueLoginCode.apply(this, arguments);
 }
-/**
- * Exchange loginId for session (same shape as /login).
- * @param {string} apiUrl
- * @param {string} loginId
- * @param {{ projectId?: string }} [opts]
+/**
+ * Exchange loginId for session (same shape as /login).
+ * @param {string} apiUrl
+ * @param {string} loginId
+ * @param {{ projectId?: string }} [opts]
  */
 function _issueLoginCode() {
   _issueLoginCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(apiUrl, bearerToken) {

package/dist/sso/index.js

@@ -93,14 +93,14 @@ var shellStyle = {
   justifyContent: "center",
   padding: "0 1.5rem",
   textAlign: "center",
-  background: "var(--background, #fafafa)",
-  color: "var(--foreground, #111)",
-  fontFamily: "system-ui, -apple-system, Segoe UI, Roboto, sans-serif"
+  background: "var(--powr-bg, var(--background, #fafafa))",
+  color: "var(--powr-text, var(--foreground, #111))",
+  fontFamily: "var(--powr-font, system-ui, -apple-system, Segoe UI, Roboto, sans-serif)"
 };
 var mutedStyle = {
   fontSize: "0.875rem",
   fontWeight: 500,
-  color: "var(--muted-foreground, #737373)",
+  color: "var(--powr-muted, var(--muted-foreground, #737373))",
   margin: 0
 };
 var titleStyle = {
@@ -114,18 +114,18 @@ var bodyStyle = {
   marginTop: "0.5rem",
   maxWidth: "24rem",
   fontSize: "0.875rem",
-  color: "var(--muted-foreground, #737373)",
+  color: "var(--powr-muted, var(--muted-foreground, #737373))",
   marginBottom: 0
 };
 var errorTextStyle = _objectSpread(_objectSpread({}, bodyStyle), {}, {
-  color: "var(--destructive, #dc2626)"
+  color: "var(--powr-danger, var(--destructive, #dc2626))"
 });
 var spinnerStyle = {
   marginTop: "1.5rem",
   width: "2.5rem",
   height: "2.5rem",
   borderRadius: "9999px",
-  border: "2px solid var(--primary, #2563eb)",
+  border: "2px solid var(--powr-primary, var(--primary, #2563eb))",
   borderTopColor: "transparent",
   animation: "powr-sso-spin 0.7s linear infinite"
 };
@@ -134,9 +134,9 @@ var btnStyle = {
   display: "inline-flex",
   alignItems: "center",
   justifyContent: "center",
-  borderRadius: "0.5rem",
-  background: "var(--primary, #2563eb)",
-  color: "var(--primary-foreground, #fff)",
+  borderRadius: "var(--powr-radius, 0.5rem)",
+  background: "var(--powr-primary, var(--primary, #2563eb))",
+  color: "var(--powr-primary-fg, var(--primary-foreground, #fff))",
   padding: "0.5rem 1rem",
   fontSize: "0.875rem",
   fontWeight: 500,
@@ -145,22 +145,22 @@ var btnStyle = {
   cursor: "pointer"
 };
 
-/**
- * Cross-app SSO handoff UI (UrbanStall → Powr apps).
- * Apps keep a thin `/sso` page that renders this with `apiUrl` + `onSuccess`.
- *
- * @param {object} props
- * @param {string} [props.apiUrl] - Powr host. Defaults to https://powr-api.lawazia.tech
- * @param {string} [props.projectId] - Destination Powr id. Defaults to NEXT_PUBLIC_PROJECT_ID
- * @param {string} [props.appName]
- * @param {boolean} [props.ready=true] - Wait (e.g. auth hydrate) before exchanging code
- * @param {string} [props.loginHref="/login"]
- * @param {string} [props.loginId] - Defaults to ?loginId=
- * @param {string} [props.next] - Defaults to ?next=
- * @param {(data: object, ctx: { next: string, safeNext: string }) => void | Promise<void>} props.onSuccess
- * @param {string} [props.signingInTitle]
- * @param {string} [props.signingInMessage]
- * @param {string} [props.errorTitle]
+/**
+ * Cross-app SSO handoff UI (UrbanStall → Powr apps).
+ * Apps keep a thin `/sso` page that renders this with `apiUrl` + `onSuccess`.
+ *
+ * @param {object} props
+ * @param {string} [props.apiUrl] - Powr host. Defaults to https://powr-api.lawazia.tech
+ * @param {string} [props.projectId] - Destination Powr id. Defaults to NEXT_PUBLIC_PROJECT_ID
+ * @param {string} [props.appName]
+ * @param {boolean} [props.ready=true] - Wait (e.g. auth hydrate) before exchanging code
+ * @param {string} [props.loginHref="/login"]
+ * @param {string} [props.loginId] - Defaults to ?loginId=
+ * @param {string} [props.next] - Defaults to ?next=
+ * @param {(data: object, ctx: { next: string, safeNext: string }) => void | Promise<void>} props.onSuccess
+ * @param {string} [props.signingInTitle]
+ * @param {string} [props.signingInMessage]
+ * @param {string} [props.errorTitle]
  */
 function PowrBaseSso(_ref) {
   var apiUrl = _ref.apiUrl,

package/dist/sso/openPowrLogin.js

@@ -79,10 +79,10 @@ function resolvePowrApiUrl(apiUrl) {
   return "";
 }
 
-/**
- * @param {string} url
- * @param {string[]|Array<{url?: string, projectId?: string}>} [origins] - sibling card list or origins
- * @returns {{ origin: string, pathname: string, search: string, hash: string, projectId: string } | null}
+/**
+ * @param {string} url
+ * @param {string[]|Array<{url?: string, projectId?: string}>} [origins] - sibling card list or origins
+ * @returns {{ origin: string, pathname: string, search: string, hash: string, projectId: string } | null}
  */
 function matchPowrTarget(url, origins) {
   var dest = parseDest(url);
@@ -98,13 +98,13 @@ function matchPowrTarget(url, origins) {
   return dest;
 }
 
-/**
- * @deprecated Product `/powr` URLs are gone. Pass `apiUrl` + the card list as `origins`.
+/**
+ * @deprecated Product `/powr` URLs are gone. Pass `apiUrl` + the card list as `origins`.
  */
 var DEFAULT_POWR_TARGETS = exports.DEFAULT_POWR_TARGETS = [];
 
-/**
- * Build destination `/sso?loginId=` (+ optional `next`) on the sibling app.
+/**
+ * Build destination `/sso?loginId=` (+ optional `next`) on the sibling app.
  */
 function buildPowrSsoUrl(target, loginId) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
@@ -124,16 +124,16 @@ function openPlain(url) {
   window.open(url, "_blank", "noopener,noreferrer");
 }
 
-/**
- * Issue a login code and navigate to `/sso?loginId=`.
- * Host is the SDK default. Omit `apiUrl` unless this call is a real override.
- *
- * @param {string} url - Destination app URL (from the sibling card / banner)
- * @param {string|null|undefined} token
- * @param {object} [options]
- * @param {string} [options.apiUrl] - Override host. Do not pass product `/powr`.
- * @param {string} [options.projectId] - Destination Powr id (else from matched card)
- * @param {string[]|Array<{url?: string, projectId?: string}>} [options.origins] - The card list
+/**
+ * Issue a login code and navigate to `/sso?loginId=`.
+ * Host is the SDK default. Omit `apiUrl` unless this call is a real override.
+ *
+ * @param {string} url - Destination app URL (from the sibling card / banner)
+ * @param {string|null|undefined} token
+ * @param {object} [options]
+ * @param {string} [options.apiUrl] - Override host. Do not pass product `/powr`.
+ * @param {string} [options.projectId] - Destination Powr id (else from matched card)
+ * @param {string[]|Array<{url?: string, projectId?: string}>} [options.origins] - The card list
  */
 function openPowrLogin(_x, _x2) {
   return _openPowrLogin.apply(this, arguments);

package/dist/theme/PowrThemeProvider.js

@@ -0,0 +1,302 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = PowrThemeProvider;
+exports.powrThemeStorageKey = powrThemeStorageKey;
+exports.usePowrTheme = usePowrTheme;
+var _react = _interopRequireWildcard(require("react"));
+var _tokens = require("./tokens");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var config = require("../config");
+var PowrThemeContext = /*#__PURE__*/(0, _react.createContext)(null);
+var STORAGE_PREFIX = "powr-theme";
+var DARK_QUERY = "(prefers-color-scheme: dark)";
+function powrThemeStorageKey(projectId) {
+  return "".concat(STORAGE_PREFIX, ":").concat(projectId || "default");
+}
+function readStorage(key) {
+  if (typeof window === "undefined") return null;
+  try {
+    var raw = window.localStorage.getItem(key);
+    if (!raw) return null;
+    var parsed = JSON.parse(raw);
+    return parsed && _typeof(parsed) === "object" ? parsed : null;
+  } catch (_) {
+    return null;
+  }
+}
+function writeStorage(key, value) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(key, JSON.stringify(value));
+  } catch (_) {
+    /* private mode / quota — cache only, never truth */
+  }
+}
+function systemPrefersDark() {
+  if (typeof window === "undefined" || !window.matchMedia) return false;
+  return window.matchMedia(DARK_QUERY).matches;
+}
+
+/**
+ * Root of the Powr theme. Mount once per app (the future `PowrBaseAppWrapper`
+ * mounts it for you). Structure (light / dark / density) is the SDK's;
+ * colours come from the product via `theme` and `presets`.
+ *
+ * With no props it writes today's neutral values, so SDK components render
+ * exactly as before.
+ *
+ * @param {object} props
+ * @param {object} [props.theme] - Product tokens. Flat `{ primary, bg, … }` (light) or `{ light: {…}, dark: {…} }`.
+ * @param {Array<{id: string, label?: string, tokens?: object, dark?: object}>} [props.presets] - Product-named presets users may pick.
+ * @param {"light"|"dark"|"system"} [props.scheme="light"] - Starting scheme; the user can change it (card 2 panel).
+ * @param {"comfortable"|"compact"} [props.density="comfortable"] - Starting density.
+ * @param {string} [props.preset] - Starting preset id.
+ * @param {string} [props.projectId] - Cache key scope. Defaults to NEXT_PUBLIC_PROJECT_ID.
+ * @param {boolean} [props.persist=true] - Cache choices in localStorage (cache, not truth — host save is card 3).
+ * @param {"root"|"scoped"} [props.attach="root"] - `root` writes vars on <html>; `scoped` wraps children in one div carrying the vars.
+ * @param {string} [props.className] - For `scoped` only.
+ * @param {(value: {scheme: string, density: string, preset: string|null}) => void} [props.onChange] - Fires when a selector changes.
+ */
+function PowrThemeProvider(_ref) {
+  var theme = _ref.theme,
+    _ref$presets = _ref.presets,
+    presets = _ref$presets === void 0 ? [] : _ref$presets,
+    _ref$scheme = _ref.scheme,
+    schemeProp = _ref$scheme === void 0 ? _tokens.DEFAULT_POWR_SCHEME : _ref$scheme,
+    _ref$density = _ref.density,
+    densityProp = _ref$density === void 0 ? _tokens.DEFAULT_POWR_DENSITY : _ref$density,
+    _ref$preset = _ref.preset,
+    presetProp = _ref$preset === void 0 ? null : _ref$preset,
+    projectId = _ref.projectId,
+    _ref$persist = _ref.persist,
+    persist = _ref$persist === void 0 ? true : _ref$persist,
+    _ref$attach = _ref.attach,
+    attach = _ref$attach === void 0 ? "root" : _ref$attach,
+    className = _ref.className,
+    onChange = _ref.onChange,
+    children = _ref.children;
+  var storageKey = powrThemeStorageKey(projectId || config.projectId);
+  var _useState = (0, _react.useState)(function () {
+      return (0, _tokens.normalizeScheme)(schemeProp);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    scheme = _useState2[0],
+    setSchemeState = _useState2[1];
+  var _useState3 = (0, _react.useState)(function () {
+      return (0, _tokens.normalizeDensity)(densityProp);
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    density = _useState4[0],
+    setDensityState = _useState4[1];
+  var _useState5 = (0, _react.useState)(function () {
+      return (0, _tokens.findPreset)(presets, presetProp) ? presetProp : null;
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    preset = _useState6[0],
+    setPresetState = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    systemDark = _useState8[0],
+    setSystemDark = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    hydrated = _useState0[0],
+    setHydrated = _useState0[1];
+
+  // Cache → state, after mount (SSR-safe). Card 3 adds the head script so the
+  // first paint already matches.
+  (0, _react.useEffect)(function () {
+    if (persist) {
+      var cached = readStorage(storageKey);
+      if (cached) {
+        if (cached.scheme) setSchemeState((0, _tokens.normalizeScheme)(cached.scheme));
+        if (cached.density) setDensityState((0, _tokens.normalizeDensity)(cached.density));
+        if (cached.preset !== undefined) {
+          setPresetState((0, _tokens.findPreset)(presets, cached.preset) ? cached.preset : null);
+        }
+      }
+    }
+    setHydrated(true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [storageKey, persist]);
+
+  // `system` follows the OS.
+  (0, _react.useEffect)(function () {
+    if (typeof window === "undefined" || !window.matchMedia) return undefined;
+    var mq = window.matchMedia(DARK_QUERY);
+    var update = function update() {
+      return setSystemDark(mq.matches);
+    };
+    update();
+    if (mq.addEventListener) mq.addEventListener("change", update);else if (mq.addListener) mq.addListener(update);
+    return function () {
+      if (mq.removeEventListener) mq.removeEventListener("change", update);else if (mq.removeListener) mq.removeListener(update);
+    };
+  }, []);
+  var resolvedScheme = scheme === "system" ? systemDark || systemPrefersDark() ? "dark" : "light" : scheme;
+  var resolved = (0, _react.useMemo)(function () {
+    return (0, _tokens.resolvePowrTokens)({
+      scheme: resolvedScheme,
+      density: density,
+      theme: theme,
+      preset: preset,
+      presets: presets
+    });
+  }, [resolvedScheme, density, theme, preset, presets]);
+  var cssVars = (0, _react.useMemo)(function () {
+    return (0, _tokens.tokensToCssVars)(resolved.tokens, resolved.densityScale);
+  }, [resolved]);
+
+  // attach="root": write on <html> so product CSS, portals and toasts see the same vars.
+  (0, _react.useEffect)(function () {
+    if (attach !== "root" || typeof document === "undefined") return undefined;
+    var el = document.documentElement;
+    for (var _i = 0, _Object$keys = Object.keys(cssVars); _i < _Object$keys.length; _i++) {
+      var name = _Object$keys[_i];
+      el.style.setProperty(name, cssVars[name]);
+    }
+    el.setAttribute("data-powr-scheme", resolved.scheme);
+    el.setAttribute("data-powr-density", resolved.density);
+    if (resolved.preset) el.setAttribute("data-powr-preset", resolved.preset);else el.removeAttribute("data-powr-preset");
+    el.style.colorScheme = resolved.scheme;
+    return function () {
+      var _iterator = _createForOfIteratorHelper(_tokens.POWR_CSS_VAR_NAMES),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _name = _step.value;
+          el.style.removeProperty(_name);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      el.removeAttribute("data-powr-scheme");
+      el.removeAttribute("data-powr-density");
+      el.removeAttribute("data-powr-preset");
+      el.style.removeProperty("color-scheme");
+    };
+  }, [attach, cssVars, resolved.scheme, resolved.density, resolved.preset]);
+  var commit = (0, _react.useCallback)(function (next) {
+    if (persist) writeStorage(storageKey, next);
+    if (typeof onChange === "function") onChange(next);
+  }, [persist, storageKey, onChange]);
+  var setScheme = (0, _react.useCallback)(function (value) {
+    var s = (0, _tokens.normalizeScheme)(value);
+    setSchemeState(s);
+    commit({
+      scheme: s,
+      density: density,
+      preset: preset
+    });
+  }, [commit, density, preset]);
+  var setDensity = (0, _react.useCallback)(function (value) {
+    var d = (0, _tokens.normalizeDensity)(value);
+    setDensityState(d);
+    commit({
+      scheme: scheme,
+      density: d,
+      preset: preset
+    });
+  }, [commit, scheme, preset]);
+  var setPreset = (0, _react.useCallback)(function (value) {
+    var p = (0, _tokens.findPreset)(presets, value) ? value : null;
+    setPresetState(p);
+    commit({
+      scheme: scheme,
+      density: density,
+      preset: p
+    });
+  }, [commit, scheme, density, presets]);
+  var reset = (0, _react.useCallback)(function () {
+    var s = (0, _tokens.normalizeScheme)(schemeProp);
+    var d = (0, _tokens.normalizeDensity)(densityProp);
+    var p = (0, _tokens.findPreset)(presets, presetProp) ? presetProp : null;
+    setSchemeState(s);
+    setDensityState(d);
+    setPresetState(p);
+    commit({
+      scheme: s,
+      density: d,
+      preset: p
+    });
+  }, [commit, schemeProp, densityProp, presetProp, presets]);
+  var value = (0, _react.useMemo)(function () {
+    return {
+      scheme: scheme,
+      resolvedScheme: resolved.scheme,
+      density: density,
+      preset: preset,
+      presets: presets,
+      tokens: resolved.tokens,
+      cssVars: cssVars,
+      hydrated: hydrated,
+      mounted: true,
+      setScheme: setScheme,
+      setDensity: setDensity,
+      setPreset: setPreset,
+      reset: reset
+    };
+  }, [scheme, resolved, density, preset, presets, cssVars, hydrated, setScheme, setDensity, setPreset, reset]);
+
+  // `scoped` carries the vars only — it does not paint bg / text itself, so
+  // wrapping an existing page changes nothing until something reads a var.
+  var body = attach === "scoped" ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: className,
+    "data-powr-scheme": resolved.scheme,
+    "data-powr-density": resolved.density,
+    "data-powr-preset": resolved.preset || undefined,
+    style: _objectSpread(_objectSpread({}, cssVars), {}, {
+      colorScheme: resolved.scheme
+    })
+  }, children) : children;
+  return /*#__PURE__*/_react["default"].createElement(PowrThemeContext.Provider, {
+    value: value
+  }, body);
+}
+var UNMOUNTED_THEME = function () {
+  var resolved = (0, _tokens.resolvePowrTokens)();
+  var noop = function noop() {};
+  return Object.freeze({
+    scheme: _tokens.DEFAULT_POWR_SCHEME,
+    resolvedScheme: resolved.scheme,
+    density: resolved.density,
+    preset: null,
+    presets: [],
+    tokens: resolved.tokens,
+    cssVars: (0, _tokens.tokensToCssVars)(resolved.tokens, resolved.densityScale),
+    hydrated: true,
+    mounted: false,
+    setScheme: noop,
+    setDensity: noop,
+    setPreset: noop,
+    reset: noop
+  });
+}();
+
+/**
+ * Read the theme. Outside a provider returns the neutral defaults and no-op
+ * setters (`mounted: false`), so SDK components work in apps that have not
+ * adopted the theme yet.
+ */
+function usePowrTheme() {
+  var ctx = (0, _react.useContext)(PowrThemeContext);
+  return ctx || UNMOUNTED_THEME;
+}

package/dist/theme/index.js

@@ -0,0 +1,123 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DARK_POWR_TOKENS", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.DARK_POWR_TOKENS;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_POWR_DENSITY", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.DEFAULT_POWR_DENSITY;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_POWR_SCHEME", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.DEFAULT_POWR_SCHEME;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_POWR_TOKENS", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.DEFAULT_POWR_TOKENS;
+  }
+});
+Object.defineProperty(exports, "POWR_CSS_VAR_NAMES", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.POWR_CSS_VAR_NAMES;
+  }
+});
+Object.defineProperty(exports, "POWR_DENSITIES", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.POWR_DENSITIES;
+  }
+});
+Object.defineProperty(exports, "POWR_SCHEMES", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.POWR_SCHEMES;
+  }
+});
+Object.defineProperty(exports, "POWR_TOKENS", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.POWR_TOKENS;
+  }
+});
+Object.defineProperty(exports, "POWR_TOKEN_KEYS", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.POWR_TOKEN_KEYS;
+  }
+});
+Object.defineProperty(exports, "PowrThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _PowrThemeProvider["default"];
+  }
+});
+Object.defineProperty(exports, "findPreset", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.findPreset;
+  }
+});
+Object.defineProperty(exports, "normalizeDensity", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.normalizeDensity;
+  }
+});
+Object.defineProperty(exports, "normalizeScheme", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.normalizeScheme;
+  }
+});
+Object.defineProperty(exports, "powrThemeStorageKey", {
+  enumerable: true,
+  get: function get() {
+    return _PowrThemeProvider.powrThemeStorageKey;
+  }
+});
+Object.defineProperty(exports, "powrVar", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.powrVar;
+  }
+});
+Object.defineProperty(exports, "resolvePowrTokens", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.resolvePowrTokens;
+  }
+});
+Object.defineProperty(exports, "themeForScheme", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.themeForScheme;
+  }
+});
+Object.defineProperty(exports, "tokensToCssVars", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.tokensToCssVars;
+  }
+});
+Object.defineProperty(exports, "usePowrTheme", {
+  enumerable: true,
+  get: function get() {
+    return _PowrThemeProvider.usePowrTheme;
+  }
+});
+var _PowrThemeProvider = _interopRequireWildcard(require("./PowrThemeProvider"));
+var _tokens = require("./tokens");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }

package/dist/theme/tokens.js

@@ -0,0 +1,212 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.POWR_TOKEN_KEYS = exports.POWR_TOKENS = exports.POWR_SCHEMES = exports.POWR_DENSITIES = exports.POWR_CSS_VAR_NAMES = exports.DEFAULT_POWR_TOKENS = exports.DEFAULT_POWR_SCHEME = exports.DEFAULT_POWR_DENSITY = exports.DARK_POWR_TOKENS = void 0;
+exports.findPreset = findPreset;
+exports.normalizeDensity = normalizeDensity;
+exports.normalizeScheme = normalizeScheme;
+exports.powrVar = powrVar;
+exports.resolvePowrTokens = resolvePowrTokens;
+exports.themeForScheme = themeForScheme;
+exports.tokensToCssVars = tokensToCssVars;
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+/**
+ * Powr theme token contract.
+ *
+ * Ten CSS variables every Powr web app and every SDK component share.
+ * The SDK ships structure only (light / dark scheme, density). Colours that
+ * make a product look like itself come from the product via `theme` and
+ * `presets`.
+ *
+ * Components read `var(--powr-<name>, <today's hex>)` inline — no CSS file,
+ * no Tailwind colour classes, so a bump changes nothing until a product
+ * mounts `PowrThemeProvider`.
+ *
+ * Vocabulary: `scheme` = light / dark / system. `mode` is reserved for the
+ * layout shape (`sidebar` / `topbar` …) that `PowrBaseAppWrapper` owns.
+ */
+
+/** token key → CSS variable (without the `--powr-` prefix). */
+var POWR_TOKENS = exports.POWR_TOKENS = Object.freeze({
+  bg: "bg",
+  surface: "surface",
+  text: "text",
+  muted: "muted",
+  border: "border",
+  primary: "primary",
+  primaryFg: "primary-fg",
+  danger: "danger",
+  radius: "radius",
+  font: "font"
+});
+var POWR_TOKEN_KEYS = exports.POWR_TOKEN_KEYS = Object.freeze(Object.keys(POWR_TOKENS));
+var SYSTEM_FONT = "system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif";
+
+/** Today's neutral SDK look. Mounting the provider with no `theme` = no change. */
+var DEFAULT_POWR_TOKENS = exports.DEFAULT_POWR_TOKENS = Object.freeze({
+  bg: "#fafafa",
+  surface: "#ffffff",
+  text: "#111827",
+  muted: "#6b7280",
+  border: "#e5e7eb",
+  primary: "#2563eb",
+  primaryFg: "#ffffff",
+  danger: "#dc2626",
+  radius: "0.5rem",
+  font: SYSTEM_FONT
+});
+
+/** Structural dark scheme. Neutral, not a product palette. */
+var DARK_POWR_TOKENS = exports.DARK_POWR_TOKENS = Object.freeze({
+  bg: "#0f1115",
+  surface: "#171a21",
+  text: "#f3f4f6",
+  muted: "#9ca3af",
+  border: "#2a2f3a",
+  primary: "#3b82f6",
+  primaryFg: "#ffffff",
+  danger: "#f87171",
+  radius: "0.5rem",
+  font: SYSTEM_FONT
+});
+var POWR_SCHEMES = exports.POWR_SCHEMES = Object.freeze(["light", "dark", "system"]);
+
+/** density name → multiplier exposed as `--powr-density`. */
+var POWR_DENSITIES = exports.POWR_DENSITIES = Object.freeze({
+  comfortable: 1,
+  compact: 0.875
+});
+var DEFAULT_POWR_SCHEME = exports.DEFAULT_POWR_SCHEME = "light";
+var DEFAULT_POWR_DENSITY = exports.DEFAULT_POWR_DENSITY = "comfortable";
+var BASE_BY_SCHEME = {
+  light: DEFAULT_POWR_TOKENS,
+  dark: DARK_POWR_TOKENS
+};
+
+/**
+ * `powrVar("primary", "#2563eb")` → `var(--powr-primary, #2563eb)`.
+ * Components use this so the fallback stays today's value.
+ */
+function powrVar(key, fallback) {
+  var name = POWR_TOKENS[key] || key;
+  return fallback === undefined ? "var(--powr-".concat(name, ")") : "var(--powr-".concat(name, ", ").concat(fallback, ")");
+}
+function pickKnown(tokens) {
+  if (!tokens || _typeof(tokens) !== "object") return {};
+  var out = {};
+  var _iterator = _createForOfIteratorHelper(POWR_TOKEN_KEYS),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var key = _step.value;
+      var v = tokens[key];
+      if (v !== undefined && v !== null && v !== "") out[key] = String(v);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return out;
+}
+
+/**
+ * Product `theme` may be flat (light only) or `{ light, dark }`.
+ * Returns the token overrides for one resolved scheme.
+ */
+function themeForScheme(theme, scheme) {
+  if (!theme || _typeof(theme) !== "object") return {};
+  if (theme.light || theme.dark) {
+    return pickKnown(theme[scheme] || (scheme === "dark" ? theme.dark : theme.light));
+  }
+  // Flat product tokens apply to light; dark keeps the structural dark base
+  // unless the product also gives a `dark` block.
+  return scheme === "dark" ? {} : pickKnown(theme);
+}
+function findPreset(presets, id) {
+  if (!id || !Array.isArray(presets)) return null;
+  return presets.find(function (p) {
+    return p && p.id === id;
+  }) || null;
+}
+function normalizeScheme(scheme) {
+  return POWR_SCHEMES.includes(scheme) ? scheme : DEFAULT_POWR_SCHEME;
+}
+function normalizeDensity(density) {
+  return Object.prototype.hasOwnProperty.call(POWR_DENSITIES, density) ? density : DEFAULT_POWR_DENSITY;
+}
+
+/**
+ * Pure resolver. Order: structural base (light/dark) ← product theme[scheme]
+ * ← chosen preset (`tokens` / `dark`) ← density.
+ *
+ * `scheme` must already be `light` or `dark` (resolve `system` first).
+ * Also used by the head init script (card 3) so the server and the client
+ * compute the same variables.
+ */
+function resolvePowrTokens() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$scheme = _ref.scheme,
+    scheme = _ref$scheme === void 0 ? DEFAULT_POWR_SCHEME : _ref$scheme,
+    _ref$density = _ref.density,
+    density = _ref$density === void 0 ? DEFAULT_POWR_DENSITY : _ref$density,
+    theme = _ref.theme,
+    preset = _ref.preset,
+    presets = _ref.presets;
+  var resolvedScheme = scheme === "dark" ? "dark" : "light";
+  var base = BASE_BY_SCHEME[resolvedScheme];
+  var found = findPreset(presets, preset);
+  var presetTokens = found ? resolvedScheme === "dark" ? _objectSpread(_objectSpread({}, pickKnown(found.tokens)), pickKnown(found.dark)) : pickKnown(found.tokens) : {};
+  return {
+    scheme: resolvedScheme,
+    density: normalizeDensity(density),
+    densityScale: POWR_DENSITIES[normalizeDensity(density)],
+    preset: found ? found.id : null,
+    tokens: _objectSpread(_objectSpread(_objectSpread({}, base), themeForScheme(theme, resolvedScheme)), presetTokens)
+  };
+}
+
+/**
+ * `{ bg: "#fff" }` → `{ "--powr-bg": "#fff", "--powr-density": "1" }`.
+ * Safe to spread into a React `style` or to write on `document.documentElement`.
+ */
+function tokensToCssVars(tokens, densityScale) {
+  var out = {};
+  var _iterator2 = _createForOfIteratorHelper(POWR_TOKEN_KEYS),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var key = _step2.value;
+      if (tokens && tokens[key] !== undefined) {
+        out["--powr-".concat(POWR_TOKENS[key])] = tokens[key];
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  if (densityScale !== undefined && densityScale !== null) {
+    out["--powr-density"] = String(densityScale);
+  }
+  return out;
+}
+
+/** Names of every variable the contract may set — used to clear stale ones. */
+var POWR_CSS_VAR_NAMES = exports.POWR_CSS_VAR_NAMES = Object.freeze([].concat(_toConsumableArray(POWR_TOKEN_KEYS.map(function (k) {
+  return "--powr-".concat(POWR_TOKENS[k]);
+})), ["--powr-density"]));

package/dist/thread/components/AttachModal.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uploader = _interopRequireDefault(require("../../uploader"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-/**
- * Shared attach modal used by thread (comments + chat). Uses PowrBaseUploader.
+/**
+ * Shared attach modal used by thread (comments + chat). Uses PowrBaseUploader.
  */
 var AttachModal = function AttachModal(_ref) {
   var open = _ref.open,

package/dist/thread/components/ThreadComposer.js

@@ -7,9 +7,9 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-/**
- * Composer: textarea, optional attach button, send button.
- * variant 'message' = rectangular send button; 'comment' = pill style with play button.
+/**
+ * Composer: textarea, optional attach button, send button.
+ * variant 'message' = rectangular send button; 'comment' = pill style with play button.
  */
 var ThreadComposer = function ThreadComposer(_ref) {
   var value = _ref.value,

package/dist/thread/components/ThreadItem.js

@@ -16,9 +16,9 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-/**
- * Renders a single thread item. variant: 'message' = chat bubble (isOwn right), 'comment' = comment card.
- * item: { id, content, senderName, timestamp, isOwn, files?, formattedTime? }
+/**
+ * Renders a single thread item. variant: 'message' = chat bubble (isOwn right), 'comment' = comment card.
+ * item: { id, content, senderName, timestamp, isOwn, files?, formattedTime? }
  */
 var ThreadItem = function ThreadItem(_ref) {
   var item = _ref.item,

package/dist/thread/components/ThreadList.js

@@ -14,9 +14,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/**
- * items: array of { id, content, senderName, timestamp, isOwn, files?, formattedTime? }
- * dateGroups: optional array of { date, items } when groupByDate is true
+/**
+ * items: array of { id, content, senderName, timestamp, isOwn, files?, formattedTime? }
+ * dateGroups: optional array of { date, items } when groupByDate is true
  */
 var ThreadList = function ThreadList(_ref) {
   var items = _ref.items,

package/dist/thread/index.js

@@ -23,10 +23,10 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-/**
- * Shared thread UI for chat messages and comments.
- * items: array of { id, content, senderName, timestamp, isOwn, files?, formattedTime? }
- * dateGroups: when groupByDate true, array of { date, items }
+/**
+ * Shared thread UI for chat messages and comments.
+ * items: array of { id, content, senderName, timestamp, isOwn, files?, formattedTime? }
+ * dateGroups: when groupByDate true, array of { date, items }
  */
 var PowrBaseThread = function PowrBaseThread(_ref) {
   var _ref$items = _ref.items,

package/dist/thread/utils/linkify.js

@@ -9,10 +9,10 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default":
 // Match http(s) URLs; simple pattern for display
 var URL_REGEX = /(https?:\/\/[^\s<]+)/g;
 
-/**
- * Splits text and returns React nodes with URLs as clickable links.
- * @param {string} text - Plain text that may contain URLs
- * @returns {Array} Array of React elements (strings and <a> tags)
+/**
+ * Splits text and returns React nodes with URLs as clickable links.
+ * @param {string} text - Plain text that may contain URLs
+ * @returns {Array} Array of React elements (strings and <a> tags)
  */
 function linkify(text) {
   if (!text || typeof text !== 'string') return null;

package/dist/utils/auth.js

@@ -84,7 +84,10 @@ var apiCall = exports.apiCall = /*#__PURE__*/function () {
           } else {
             apiUrl = config.defaultPowrUrl;
           }
-          url = "".concat(apiUrl).concat(endpoint);
+          url = "".concat(apiUrl).concat(endpoint); // Prop wins; NEXT_PUBLIC_PROJECT_ID is the default for every component.
+          if (!projectId && config.projectId) {
+            projectId = config.projectId;
+          }
           if (projectId) {
             separator = endpoint.includes('?') ? '&' : '?';
             url = "".concat(url).concat(separator, "projectId=").concat(projectId);

package/dist/utils/phone.js

@@ -71,9 +71,9 @@ function normalizePhone(input) {
   return parsed ? parsed.format('E.164') : '';
 }
 
-/**
- * Normalize phone for storage. Salvages digit runs when input has trailing junk.
- * Returns null when invalid — never returns raw input.
+/**
+ * Normalize phone for storage. Salvages digit runs when input has trailing junk.
+ * Returns null when invalid — never returns raw input.
  */
 function coercePhoneForStorage(input) {
   var defaultCountry = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_COUNTRY;

package/package.json

@@ -1,7 +1,10 @@
 {
     "name": "powr-sdk-web",
-    "version": "5.10.8",
+    "version": "6.0.0",
     "main": "dist/index.js",
+    "files": [
+        "dist"
+    ],
     "scripts": {
         "build": "babel src -d dist --copy-files",
         "prepublishOnly": "npm run build"