@multiplatform.one/theme 7.83.0 → 7.83.2

package/dist/cjs/theme/useResolvedKnobs.cjs

@@ -0,0 +1,140 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useResolvedKnobs_exports = {};
+__export(useResolvedKnobs_exports, {
+  IntentContext: () => IntentContext,
+  solidButtonIntents: () => solidButtonIntents,
+  solidPaletteThemes: () => solidPaletteThemes,
+  useIntentContext: () => useIntentContext,
+  useResolvedKnobs: () => useResolvedKnobs
+});
+module.exports = __toCommonJS(useResolvedKnobs_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_useTouchSurface = require("./useTouchSurface.cjs");
+var import_knobs = require("./knobs.cjs");
+var import_resolveKnobs = require("./resolveKnobs.cjs");
+var import_PresetContext = require("./PresetContext.cjs");
+var import_intents = require("./intents.cjs");
+var import_Surface = require("./Surface.cjs");
+const IntentContext = (0, import_react.createContext)(null);
+function useIntentContext() {
+  return (0, import_react.useContext)(IntentContext);
+}
+const reducedMotionQuery = "(prefers-reduced-motion: reduce)";
+const serverReducedMotion = () => false;
+function readReducedMotion() {
+  return typeof window !== "undefined" && !!window.matchMedia?.(reducedMotionQuery).matches;
+}
+function subscribeReducedMotion(notify) {
+  if (typeof window === "undefined" || !window.matchMedia) return () => {};
+  const mq = window.matchMedia(reducedMotionQuery);
+  if (typeof mq.addEventListener === "function") {
+    mq.addEventListener("change", notify);
+    return () => mq.removeEventListener("change", notify);
+  }
+  if (typeof mq.addListener === "function") {
+    mq.addListener(notify);
+    return () => mq.removeListener?.(notify);
+  }
+  return () => {};
+}
+function usePrefersReducedMotion() {
+  return (0, import_react.useSyncExternalStore)(subscribeReducedMotion, readReducedMotion, serverReducedMotion);
+}
+const solidButtonIntents = /* @__PURE__ */new Set(["error", "warning", "success"]);
+const solidPaletteThemes = /* @__PURE__ */new Set(["accent"]);
+function useResolvedKnobs(options) {
+  const touch = (0, import_useTouchSurface.useTouchSurface)();
+  const presetCtx = (0, import_PresetContext.usePresetContext)();
+  const contextIntent = useIntentContext();
+  const prefersReducedMotion = usePrefersReducedMotion();
+  const themeName = (0, import_tamagui.useThemeName)();
+  const scheme = themeName?.startsWith("dark") ? "dark" : "light";
+  const surfaceCtx = import_Surface.SurfaceContext.useStyledContext();
+  const surfaceSize = surfaceCtx?.size ?? "unset";
+  const painted = options?.painted ?? surfaceCtx?.painted ?? false;
+  const intent = options?.intent ?? contextIntent ?? void 0;
+  const component = options?.component;
+  const override = options?.override;
+  const sizeOverride = options?.size;
+  return (0, import_react.useMemo)(() => {
+    const baseKnobs = presetCtx ? {
+      ...presetCtx.preset.knobs,
+      ...presetCtx.overrides
+    } : {
+      ...import_knobs.defaultKnobs
+    };
+    let merged = baseKnobs;
+    if (intent) {
+      const intentOverrides = presetCtx?.preset.intents[intent] ?? import_intents.defaultIntents[intent];
+      if (intentOverrides) {
+        const knobOverrides = {};
+        for (const [key, value] of Object.entries(intentOverrides)) {
+          if (typeof value === "string") {
+            knobOverrides[key] = value;
+          }
+        }
+        merged = {
+          ...merged,
+          ...knobOverrides
+        };
+        if (component) {
+          const componentOverride = intentOverrides[component];
+          if (componentOverride && typeof componentOverride === "object") {
+            merged = {
+              ...merged,
+              ...componentOverride
+            };
+          }
+        }
+      }
+    }
+    if (prefersReducedMotion) {
+      merged = {
+        ...merged,
+        animation: "none"
+      };
+    }
+    const sizeToken = (0, import_Surface.clampSurfaceSize)(sizeOverride ?? "unset", surfaceSize);
+    const resolved = (0, import_resolveKnobs.resolveKnobs)(merged, override, scheme, {
+      touch,
+      sizeToken: sizeToken === "unset" ? void 0 : String(sizeToken),
+      painted
+    });
+    if (intent && component === "Button" && solidButtonIntents.has(intent)) {
+      const labelColor = merged.fillStyle === "filled" ? "$color" : "$color11";
+      return {
+        ...resolved,
+        knobProps: {
+          ...resolved.knobProps,
+          body: {
+            ...resolved.knobProps.body,
+            color: labelColor
+          }
+        }
+      };
+    }
+    return resolved;
+  }, [presetCtx, intent, component, override, sizeOverride, prefersReducedMotion, surfaceSize, painted, scheme, touch]);
+}

package/dist/cjs/theme/useResolvedKnobs.native.js

@@ -0,0 +1,177 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useResolvedKnobs_exports = {};
+__export(useResolvedKnobs_exports, {
+  IntentContext: () => IntentContext,
+  solidButtonIntents: () => solidButtonIntents,
+  solidPaletteThemes: () => solidPaletteThemes,
+  useIntentContext: () => useIntentContext,
+  useResolvedKnobs: () => useResolvedKnobs
+});
+module.exports = __toCommonJS(useResolvedKnobs_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_useTouchSurface = require("./useTouchSurface.native.js");
+var import_knobs = require("./knobs.native.js");
+var import_resolveKnobs = require("./resolveKnobs.native.js");
+var import_PresetContext = require("./PresetContext.native.js");
+var import_intents = require("./intents.native.js");
+var import_Surface = require("./Surface.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var IntentContext = (0, import_react.createContext)(null);
+function useIntentContext() {
+  return (0, import_react.useContext)(IntentContext);
+}
+var reducedMotionQuery = "(prefers-reduced-motion: reduce)";
+var serverReducedMotion = function serverReducedMotion2() {
+  return false;
+};
+function readReducedMotion() {
+  var _window_matchMedia, _window;
+  return typeof window !== "undefined" && !!((_window_matchMedia = (_window = window).matchMedia) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.call(_window, reducedMotionQuery).matches);
+}
+function subscribeReducedMotion(notify) {
+  if (typeof window === "undefined" || !window.matchMedia) return function () {};
+  var mq = window.matchMedia(reducedMotionQuery);
+  if (typeof mq.addEventListener === "function") {
+    mq.addEventListener("change", notify);
+    return function () {
+      return mq.removeEventListener("change", notify);
+    };
+  }
+  if (typeof mq.addListener === "function") {
+    mq.addListener(notify);
+    return function () {
+      var _mq_removeListener;
+      return (_mq_removeListener = mq.removeListener) === null || _mq_removeListener === void 0 ? void 0 : _mq_removeListener.call(mq, notify);
+    };
+  }
+  return function () {};
+}
+function usePrefersReducedMotion() {
+  return (0, import_react.useSyncExternalStore)(subscribeReducedMotion, readReducedMotion, serverReducedMotion);
+}
+var solidButtonIntents = /* @__PURE__ */new Set(["error", "warning", "success"]);
+var solidPaletteThemes = /* @__PURE__ */new Set(["accent"]);
+function useResolvedKnobs(options) {
+  var _ref, _ref1, _ref2, _ref3, _ref4;
+  var touch = (0, import_useTouchSurface.useTouchSurface)();
+  var presetCtx = (0, import_PresetContext.usePresetContext)();
+  var contextIntent = useIntentContext();
+  var prefersReducedMotion = usePrefersReducedMotion();
+  var themeName = (0, import_tamagui.useThemeName)();
+  var scheme = (themeName === null || themeName === void 0 ? void 0 : themeName.startsWith("dark")) ? "dark" : "light";
+  var surfaceCtx = import_Surface.SurfaceContext.useStyledContext();
+  var surfaceSize = (_ref = surfaceCtx === null || surfaceCtx === void 0 ? void 0 : surfaceCtx.size) !== null && _ref !== void 0 ? _ref : "unset";
+  var painted = (_ref1 = (_ref2 = options === null || options === void 0 ? void 0 : options.painted) !== null && _ref2 !== void 0 ? _ref2 : surfaceCtx === null || surfaceCtx === void 0 ? void 0 : surfaceCtx.painted) !== null && _ref1 !== void 0 ? _ref1 : false;
+  var intent = (_ref3 = (_ref4 = options === null || options === void 0 ? void 0 : options.intent) !== null && _ref4 !== void 0 ? _ref4 : contextIntent) !== null && _ref3 !== void 0 ? _ref3 : void 0;
+  var component = options === null || options === void 0 ? void 0 : options.component;
+  var override = options === null || options === void 0 ? void 0 : options.override;
+  var sizeOverride = options === null || options === void 0 ? void 0 : options.size;
+  return (0, import_react.useMemo)(function () {
+    var baseKnobs = presetCtx ? {
+      ...presetCtx.preset.knobs,
+      ...presetCtx.overrides
+    } : {
+      ...import_knobs.defaultKnobs
+    };
+    var merged = baseKnobs;
+    if (intent) {
+      var _ref5;
+      var intentOverrides = (_ref5 = presetCtx === null || presetCtx === void 0 ? void 0 : presetCtx.preset.intents[intent]) !== null && _ref5 !== void 0 ? _ref5 : import_intents.defaultIntents[intent];
+      if (intentOverrides) {
+        var knobOverrides = {};
+        var _iteratorNormalCompletion = true,
+          _didIteratorError = false,
+          _iteratorError = void 0;
+        try {
+          for (var _iterator = Object.entries(intentOverrides)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+            var [key, value] = _step.value;
+            if (typeof value === "string") {
+              knobOverrides[key] = value;
+            }
+          }
+        } catch (err) {
+          _didIteratorError = true;
+          _iteratorError = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+              _iterator.return();
+            }
+          } finally {
+            if (_didIteratorError) {
+              throw _iteratorError;
+            }
+          }
+        }
+        merged = {
+          ...merged,
+          ...knobOverrides
+        };
+        if (component) {
+          var componentOverride = intentOverrides[component];
+          if (componentOverride && (typeof componentOverride === "undefined" ? "undefined" : _type_of(componentOverride)) === "object") {
+            merged = {
+              ...merged,
+              ...componentOverride
+            };
+          }
+        }
+      }
+    }
+    if (prefersReducedMotion) {
+      merged = {
+        ...merged,
+        animation: "none"
+      };
+    }
+    var sizeToken = (0, import_Surface.clampSurfaceSize)(sizeOverride !== null && sizeOverride !== void 0 ? sizeOverride : "unset", surfaceSize);
+    var resolved = (0, import_resolveKnobs.resolveKnobs)(merged, override, scheme, {
+      touch,
+      sizeToken: sizeToken === "unset" ? void 0 : String(sizeToken),
+      painted
+    });
+    if (intent && component === "Button" && solidButtonIntents.has(intent)) {
+      var labelColor = merged.fillStyle === "filled" ? "$color" : "$color11";
+      return {
+        ...resolved,
+        knobProps: {
+          ...resolved.knobProps,
+          body: {
+            ...resolved.knobProps.body,
+            color: labelColor
+          }
+        }
+      };
+    }
+    return resolved;
+  }, [presetCtx, intent, component, override, sizeOverride, prefersReducedMotion, surfaceSize, painted, scheme, touch]);
+}
+//# sourceMappingURL=useResolvedKnobs.native.js.map

package/dist/cjs/theme/useResolvedKnobs.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useResolvedKnobs_exports","__export","IntentContext","solidButtonIntents","solidPaletteThemes","useIntentContext","useResolvedKnobs","module","exports","import_react","require","import_tamagui","import_useTouchSurface","import_knobs","import_resolveKnobs","import_PresetContext","import_intents","import_Surface","_type_of","obj","Symbol","constructor","createContext","useContext","reducedMotionQuery","serverReducedMotion","serverReducedMotion2","readReducedMotion","_window_matchMedia","_window","window","matchMedia","call","matches","subscribeReducedMotion","notify","mq","addEventListener","removeEventListener","addListener","_mq_removeListener","removeListener","usePrefersReducedMotion","useSyncExternalStore","Set","options","_ref","_ref1","_ref2","_ref3","_ref4","touch","useTouchSurface","presetCtx","usePresetContext","contextIntent","prefersReducedMotion","themeName","useThemeName","scheme","startsWith","surfaceCtx","SurfaceContext","useStyledContext","surfaceSize","size","painted","intent","component","override","sizeOverride","useMemo","baseKnobs","preset","knobs","overrides","defaultKnobs","merged","_ref5","intentOverrides","intents","defaultIntents","knobOverrides","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Object","entries","iterator","_step","next","done","key","err","return"],"sources":["../../../src/theme/useResolvedKnobs.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/useSchemePreference.cjs

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useSchemePreference_exports = {};
+__export(useSchemePreference_exports, {
+  useSchemePreference: () => useSchemePreference
+});
+module.exports = __toCommonJS(useSchemePreference_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_schemeStore = require("./schemeStore.cjs");
+const serverScheme = () => "system";
+const serverDark = () => false;
+const prefersDark = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-color-scheme: dark)").matches === true;
+function subscribeOs(listener) {
+  const query = window.matchMedia?.("(prefers-color-scheme: dark)");
+  if (!query) return () => {};
+  query.addEventListener("change", listener);
+  return () => query.removeEventListener("change", listener);
+}
+function useSchemePreference() {
+  const setting = (0, import_react.useSyncExternalStore)(import_schemeStore.subscribeStoredScheme, import_schemeStore.getStoredScheme, serverScheme);
+  const dark = (0, import_react.useSyncExternalStore)(subscribeOs, prefersDark, serverDark);
+  const hydrated = (0, import_tamagui.useDidFinishSSR)();
+  return {
+    setting: hydrated ? setting : "system",
+    value: !hydrated ? "light" : setting === "system" ? dark ? "dark" : "light" : setting,
+    set: import_schemeStore.setStoredScheme
+  };
+}

package/dist/cjs/theme/useSchemePreference.native.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useSchemePreference_native_exports = {};
+__export(useSchemePreference_native_exports, {
+  useSchemePreference: () => useSchemePreference
+});
+module.exports = __toCommonJS(useSchemePreference_native_exports);
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+var import_platform = require("@multiplatform.one/platform");
+var import_schemeStore = require("./schemeStore.native.js");
+var serverScheme = function serverScheme2() {
+  return "system";
+};
+var nativeScheme;
+var nativeListeners = /* @__PURE__ */new Set();
+function getNativeScheme() {
+  if (nativeScheme === void 0) {
+    nativeScheme = import_react_native.Appearance.getColorScheme() === "dark" ? "dark" : "light";
+    import_react_native.Appearance.addChangeListener(function (param) {
+      var {
+        colorScheme
+      } = param;
+      if (colorScheme !== "light" && colorScheme !== "dark" || colorScheme === nativeScheme) {
+        return;
+      }
+      nativeScheme = colorScheme;
+      nativeListeners.forEach(function (listener) {
+        return listener();
+      });
+    });
+  }
+  return nativeScheme;
+}
+function subscribeNativeScheme(listener) {
+  getNativeScheme();
+  nativeListeners.add(listener);
+  return function () {
+    nativeListeners.delete(listener);
+  };
+}
+function useSchemePreference() {
+  var setting = (0, import_react.useSyncExternalStore)(import_schemeStore.subscribeStoredScheme, import_schemeStore.getStoredScheme, serverScheme);
+  var os = (0, import_react.useSyncExternalStore)(subscribeNativeScheme, getNativeScheme, getNativeScheme);
+  var hydrated = (0, import_tamagui.useDidFinishSSR)();
+  (0, import_react.useEffect)(function () {
+    if (import_platform.isWeb) return;
+    getNativeScheme();
+    import_react_native.Appearance.setColorScheme(setting === "system" ? "unspecified" : setting);
+  }, [setting]);
+  return {
+    setting: hydrated ? setting : "system",
+    value: !hydrated ? "light" : setting === "system" ? os : setting,
+    set: import_schemeStore.setStoredScheme
+  };
+}
+//# sourceMappingURL=useSchemePreference.native.js.map

package/dist/cjs/theme/useSchemePreference.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSchemePreference_native_exports","__export","useSchemePreference","module","exports","__toCommonJS","import_react","require","import_react_native","import_tamagui","import_platform","import_schemeStore","serverScheme","nativeScheme","nativeListeners","Set","getNativeScheme","Appearance","getColorScheme","addChangeListener","param","colorScheme","forEach","listener","subscribeNativeScheme","add","delete","setting","useSyncExternalStore","subscribeStoredScheme","getStoredScheme","os","hydrated","useDidFinishSSR","useEffect","isWeb","setColorScheme","value","set","setStoredScheme"],"sources":["../../../src/theme/useSchemePreference.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kCAAA;AAAAC,QAAA,CAAAD,kCAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,kCAAA;AAAA,IAAAM,YAAA,GAAgDC,OAAA;AAChD,IAAAC,mBAAA,GAA2BD,OAAA;AAC3B,IAAAE,cAAA,GAAgCF,OAAA;AAChC,IAAAG,eAAA,GAAsBH,OAAA;AACtB,IAAAI,kBAAA,GAAwEJ,OAAA;AACxE,IAAIK,YAAA,GAAe,SAASA,cAAA,EAAe;EACvC,OAAO;AACX;AAKA,IAAIC,YAAA;AACJ,IAAIC,eAAA,GAAkB,mBAAIC,GAAA,CAAI;AAC9B,SAASC,gBAAA,EAAkB;EACvB,IAAIH,YAAA,KAAiB,QAAW;IAC5BA,YAAA,GAAeL,mBAAA,CAAAS,UAAA,CAAWC,cAAA,CAAe,MAAM,SAAS,SAAS;IACjEV,mBAAA,CAAAS,UAAA,CAAWE,iBAAA,CAAkB,UAASC,KAAA,EAAO;MACzC,IAAI;QAAEC;MAAY,IAAID,KAAA;MACtB,IAAIC,WAAA,KAAgB,WAAWA,WAAA,KAAgB,UAAUA,WAAA,KAAgBR,YAAA,EAAc;QACnF;MACJ;MACAA,YAAA,GAAeQ,WAAA;MACfP,eAAA,CAAgBQ,OAAA,CAAQ,UAASC,QAAA,EAAU;QACvC,OAAOA,QAAA,CAAS;MACpB,CAAC;IACL,CAAC;EACL;EACA,OAAOV,YAAA;AACX;AACA,SAASW,sBAAsBD,QAAA,EAAU;EACrCP,eAAA,CAAgB;EAChBF,eAAA,CAAgBW,GAAA,CAAIF,QAAQ;EAC5B,OAAO,YAAW;IACdT,eAAA,CAAgBY,MAAA,CAAOH,QAAQ;EACnC;AACJ;AACO,SAASrB,oBAAA,EAAsB;EAClC,IAAIyB,OAAA,OAAUrB,YAAA,CAAAsB,oBAAA,EAAqBjB,kBAAA,CAAAkB,qBAAA,EAAuBlB,kBAAA,CAAAmB,eAAA,EAAiBlB,YAAY;EACvF,IAAImB,EAAA,OAAKzB,YAAA,CAAAsB,oBAAA,EAAqBJ,qBAAA,EAAuBR,eAAA,EAAiBA,eAAe;EACrF,IAAIgB,QAAA,OAAWvB,cAAA,CAAAwB,eAAA,EAAgB;EAC/B,IAAA3B,YAAA,CAAA4B,SAAA,EAAU,YAAW;IACjB,IAAIxB,eAAA,CAAAyB,KAAA,EAAO;IACXnB,eAAA,CAAgB;IAChBR,mBAAA,CAAAS,UAAA,CAAWmB,cAAA,CAAeT,OAAA,KAAY,WAAW,gBAAgBA,OAAO;EAC5E,GAAG,CACCA,OAAA,CACH;EACD,OAAO;IACHA,OAAA,EAASK,QAAA,GAAWL,OAAA,GAAU;IAC9BU,KAAA,EAAO,CAACL,QAAA,GAAW,UAAUL,OAAA,KAAY,WAAWI,EAAA,GAAKJ,OAAA;IACzDW,GAAA,EAAK3B,kBAAA,CAAA4B;EACT;AACJ","ignoreList":[]}

package/dist/cjs/theme/useTheme.cjs

@@ -0,0 +1,152 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useTheme_exports = {};
+__export(useTheme_exports, {
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(useTheme_exports);
+var import_react = require("react");
+var import_react_cookie = require("react-cookie");
+var import_platform = require("@multiplatform.one/platform");
+var import_cookies = require("./cookies.cjs");
+var import_knobs = require("./knobs.cjs");
+var import_presetStore = require("./presetStore.cjs");
+var import_shared = require("./shared.cjs");
+function useTheme() {
+  const isCookieDisabled = typeof process !== "undefined" && process.env?.COOKIE_POLICY?.toLowerCase() === "disabled";
+  const watchList = isCookieDisabled ? [] : (0, import_cookies.getCookieWatchList)();
+  const [cookie, setCookie, removeCookie] = (0, import_react_cookie.useCookies)(watchList);
+  const themeSavedToCookie = (0, import_react.useRef)(false);
+  const isClient = typeof window !== "undefined";
+  const presetName = (0, import_cookies.readPresetCookie)(cookie);
+  const overrides = (0, import_cookies.readOverridesCookie)(cookie);
+  const initializedFromCookieRef = (0, import_react.useRef)(null);
+  if (initializedFromCookieRef.current === null) {
+    initializedFromCookieRef.current = presetName != null && presetName.length > 0;
+  }
+  const initializedFromCookie = initializedFromCookieRef.current;
+  const resolvedPreset = presetName ? (0, import_shared.getPreset)(presetName) : void 0;
+  const presetBaseKnobs = resolvedPreset?.knobs ?? import_knobs.defaultKnobs;
+  const [localKnobs, setLocalKnobs] = (0, import_react.useState)(() => ({
+    ...presetBaseKnobs,
+    ...overrides
+  }));
+  const knobsRef = (0, import_react.useRef)(localKnobs);
+  knobsRef.current = localKnobs;
+  const [activePreset, setActivePreset] = (0, import_react.useState)(presetName || void 0);
+  const cookieOptions = isClient ? {
+    path: "/",
+    sameSite: "strict",
+    secure: import_platform.isWeb && window.location.protocol === "https:",
+    maxAge: 60 * 60 * 24 * 365
+  } : {
+    path: "/",
+    sameSite: "strict",
+    maxAge: 60 * 60 * 24 * 365
+  };
+  const writeCookies = (0, import_react.useCallback)((pName, knobOverrides) => {
+    if (isCookieDisabled || !isClient) return;
+    setCookie(import_cookies.cookiePreset, pName, cookieOptions);
+    const {
+      toSet,
+      toRemove
+    } = (0, import_cookies.writeOverridesCookie)(knobOverrides);
+    for (const {
+      key,
+      value
+    } of toSet) {
+      setCookie(key, value, cookieOptions);
+    }
+    for (const key of toRemove) {
+      try {
+        removeCookie(key, {
+          path: "/"
+        });
+      } catch {}
+    }
+  }, [setCookie, removeCookie, isCookieDisabled, isClient, cookieOptions]);
+  const setKnobs = (0, import_react.useCallback)(partial => {
+    if (!partial) return;
+    const current = knobsRef.current;
+    let hasChanges = false;
+    const updated = {
+      ...current
+    };
+    for (const key of Object.keys(partial).filter(import_cookies.isKnobKey)) {
+      const newValue = partial[key];
+      if (newValue === void 0) continue;
+      const oldValue = current[key];
+      const changed = typeof newValue === "object" && newValue !== null ? JSON.stringify(newValue) !== JSON.stringify(oldValue) : newValue !== oldValue;
+      if (changed) {
+        updated[key] = newValue;
+        hasChanges = true;
+      }
+    }
+    const shouldSave = hasChanges || !themeSavedToCookie.current;
+    if (shouldSave) {
+      if (hasChanges) {
+        knobsRef.current = updated;
+        setLocalKnobs(updated);
+      }
+      if (!isCookieDisabled && isClient) {
+        const base = (activePreset ? (0, import_shared.getPreset)(activePreset)?.knobs : void 0) ?? import_knobs.defaultKnobs;
+        const knobOverrides = (0, import_cookies.computeOverrides)(base, updated);
+        writeCookies(activePreset ?? "", knobOverrides);
+        themeSavedToCookie.current = true;
+        if (process.env.NODE_ENV === "development") {
+          const size = JSON.stringify(knobOverrides).length;
+          if (size > 3072) {
+            console.warn(`[multiplatform.one/theme] Knob overrides cookie is ${size} chars (>3072). Consider reducing overrides.`);
+          }
+        }
+      }
+    }
+  }, [activePreset, isCookieDisabled, isClient, writeCookies]);
+  const setPresetFn = (0, import_react.useCallback)((newPresetName, options) => {
+    if (options) (0, import_presetStore.recordPresetChoice)(newPresetName, options.userId);
+    const preset = (0, import_shared.getPreset)(newPresetName);
+    const knobs = preset?.knobs ?? import_knobs.defaultKnobs;
+    setActivePreset(newPresetName);
+    setLocalKnobs(knobs);
+    if (!isCookieDisabled && isClient) {
+      writeCookies(newPresetName, {});
+      themeSavedToCookie.current = true;
+    }
+  }, [isCookieDisabled, isClient, writeCookies]);
+  const savedOnClient = (0, import_react.useRef)(false);
+  (0, import_react.useLayoutEffect)(() => {
+    if (!isClient || isCookieDisabled || savedOnClient.current) return;
+    setTimeout(() => {
+      try {
+        const base = (activePreset ? (0, import_shared.getPreset)(activePreset)?.knobs : void 0) ?? import_knobs.defaultKnobs;
+        const knobOverrides = (0, import_cookies.computeOverrides)(base, localKnobs);
+        writeCookies(activePreset ?? "", knobOverrides);
+        savedOnClient.current = true;
+        themeSavedToCookie.current = true;
+      } catch (error) {
+        console.error("Failed to set initial cookie:", error);
+      }
+    }, 0);
+  }, [isClient, isCookieDisabled, writeCookies, localKnobs, activePreset]);
+  return [localKnobs, setKnobs, initializedFromCookie, setPresetFn, activePreset];
+}