@hanzogui/theme 2.0.0

package/dist/esm/_mutateTheme.mjs

@@ -0,0 +1,112 @@
+import { isServer } from "@hanzogui/constants";
+import { startTransition } from "@hanzogui/start-transition";
+import { ensureThemeVariable, forceUpdateThemes, getConfig, getThemeCSSRules, mutatedAutoVariables, proxyThemeToParents, simpleHash, updateConfig } from "@hanzogui/web";
+function mutateThemes({
+  themes,
+  batch,
+  insertCSS = !0,
+  ...props
+}) {
+  const allThemesProxied = {},
+    allThemesRaw = {};
+  for (const {
+    name,
+    theme
+  } of themes) {
+    const res = _mutateTheme({
+      ...props,
+      name,
+      theme,
+      // we'll do one update at the end
+      avoidUpdate: !0,
+      // always add which also replaces but doesnt fail first time
+      mutationType: "add"
+    });
+    res && (allThemesProxied[name] = res.theme, allThemesRaw[name] = res.themeRaw);
+  }
+  const cssRules = insertCSS ? insertThemeCSS(allThemesRaw, batch) : [];
+  return startTransition(() => {
+    for (const themeName in allThemesProxied) {
+      const theme = allThemesProxied[themeName];
+      updateThemeConfig(themeName, theme);
+    }
+    updateThemeStates();
+  }), {
+    themes: allThemesProxied,
+    themesRaw: allThemesRaw,
+    cssRules
+  };
+}
+function _mutateTheme(props) {
+  if (isServer) {
+    process.env.NODE_ENV === "development" && console.warn("Theme mutation is not supported on server side");
+    return;
+  }
+  const config = getConfig(),
+    {
+      name: themeName,
+      theme: themeIn,
+      insertCSS,
+      mutationType
+    } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) throw new Error("No config");
+    const theme2 = config.themes[props.name];
+    if (mutationType !== "add" && !theme2) throw new Error(`${mutationType === "replace" ? "Replace" : "Update"} theme failed! Theme ${props.name} does not exist`);
+  }
+  const theme = {
+    ...(mutationType === "update" ? config.themes[themeName] ?? {} : {}),
+    ...themeIn
+  };
+  for (const key in theme) ensureThemeVariable(theme, key);
+  const themeProxied = proxyThemeToParents(themeName, theme),
+    response = {
+      themeRaw: theme,
+      theme: themeProxied,
+      cssRules: []
+    };
+  return props.avoidUpdate || (insertCSS && (response.cssRules = insertThemeCSS({
+    [themeName]: theme
+  })), updateThemeConfig(themeName, themeProxied), updateThemeStates()), response;
+}
+function updateThemeConfig(themeName, theme) {
+  const config = getConfig();
+  config.themes[themeName] = theme, updateConfig("themes", config.themes);
+}
+function updateThemeStates() {
+  forceUpdateThemes();
+}
+function insertThemeCSS(themes, batch = !1) {
+  const config = getConfig();
+  let cssRules = [];
+  for (const themeName in themes) {
+    const theme = themes[themeName],
+      rules = getThemeCSSRules({
+        config,
+        themeName,
+        names: [themeName],
+        hasDarkLight: !0,
+        theme,
+        // Use mutated variable creator which starts from high index to avoid conflicts
+        useMutatedVariables: !0
+      });
+    cssRules = [...cssRules, ...rules], batch || updateStyle(`t_theme_style_${themeName}`, rules);
+  }
+  if (mutatedAutoVariables.length > 0) {
+    const autoVarCSS = `:root{${mutatedAutoVariables.map(v => `--${v.name}:${v.val}`).join(";")}}`;
+    updateStyle("t_mutate_vars", [autoVarCSS]);
+  }
+  if (batch) {
+    const id = typeof batch == "string" ? batch : simpleHash(Object.keys(themes).join(""));
+    updateStyle(`t_theme_style_${id}`, cssRules);
+  }
+  return cssRules;
+}
+function updateStyle(id, rules) {
+  const existing = document.querySelector(`#${id}`),
+    style = document.createElement("style");
+  style.id = id, style.appendChild(document.createTextNode(rules.join(`
+`))), document.head.appendChild(style), existing && existing.parentElement?.removeChild(existing);
+}
+export { _mutateTheme, mutateThemes };
+//# sourceMappingURL=_mutateTheme.mjs.map

package/dist/esm/_mutateTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["isServer","startTransition","ensureThemeVariable","forceUpdateThemes","getConfig","getThemeCSSRules","mutatedAutoVariables","proxyThemeToParents","simpleHash","updateConfig","mutateThemes","themes","batch","insertCSS","props","allThemesProxied","allThemesRaw","name","theme","res","_mutateTheme","avoidUpdate","mutationType","themeRaw","cssRules","insertThemeCSS","themeName","updateThemeConfig","updateThemeStates","themesRaw","process","env","NODE_ENV","console","warn","config","themeIn","Error","theme2","key","themeProxied","response","rules","names","hasDarkLight","useMutatedVariables","updateStyle","length","autoVarCSS","map","v","val","join","id","Object","keys","existing","document","querySelector","style","createElement","appendChild","createTextNode","head","parentElement","removeChild"],"sources":["../../src/_mutateTheme.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,SAASC,eAAA,QAAuB;AAEhC,SACEC,mBAAA,EACAC,iBAAA,EACAC,SAAA,EACAC,gBAAA,EACAC,oBAAA,EACAC,mBAAA,EACAC,UAAA,EACAC,YAAA,QACK;AAmBA,SAASC,aAAa;EAC3BC,MAAA;EACAC,KAAA;EACAC,SAAA,GAAY;EACZ,GAAGC;AACL,GAKG;EACD,MAAMC,gBAAA,GAAgD,CAAC;IACjDC,YAAA,GAA4C,CAAC;EACnD,WAAW;IAAEC,IAAA;IAAMC;EAAM,KAAKP,MAAA,EAAQ;IACpC,MAAMQ,GAAA,GAAMC,YAAA,CAAa;MACvB,GAAGN,KAAA;MACHG,IAAA;MACAC,KAAA;MAAA;MAEAG,WAAA,EAAa;MAAA;MAEbC,YAAA,EAAc;IAChB,CAAC;IACGH,GAAA,KACFJ,gBAAA,CAAiBE,IAAI,IAAIE,GAAA,CAAID,KAAA,EAC7BF,YAAA,CAAaC,IAAI,IAAIE,GAAA,CAAII,QAAA;EAE7B;EAEA,MAAMC,QAAA,GAAWX,SAAA,GAAYY,cAAA,CAAeT,YAAA,EAAcJ,KAAK,IAAI,EAAC;EAEpE,OAAAX,eAAA,CAAgB,MAAM;IACpB,WAAWyB,SAAA,IAAaX,gBAAA,EAAkB;MACxC,MAAMG,KAAA,GAAQH,gBAAA,CAAiBW,SAAS;MACxCC,iBAAA,CAAkBD,SAAA,EAAWR,KAAK;IACpC;IACAU,iBAAA,CAAkB;EACpB,CAAC,GAEM;IACLjB,MAAA,EAAQI,gBAAA;IACRc,SAAA,EAAWb,YAAA;IACXQ;EACF;AACF;AAEO,SAASJ,aAAaN,KAAA,EAAiD;EAC5E,IAAId,QAAA,EAAU;IACR8B,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAC3BC,OAAA,CAAQC,IAAA,CAAK,gDAAgD;IAE/D;EACF;EACA,MAAMC,MAAA,GAAS/B,SAAA,CAAU;IACnB;MAAEa,IAAA,EAAMS,SAAA;MAAWR,KAAA,EAAOkB,OAAA;MAASvB,SAAA;MAAWS;IAAa,IAAIR,KAAA;EAErE,IAAIgB,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;IAC1C,IAAI,CAACG,MAAA,EACH,MAAM,IAAIE,KAAA,CAAM,WAAW;IAE7B,MAAMC,MAAA,GAAQH,MAAA,CAAOxB,MAAA,CAAOG,KAAA,CAAMG,IAAI;IAEtC,IAAIK,YAAA,KAAiB,SAAS,CAACgB,MAAA,EAC7B,MAAM,IAAID,KAAA,CACR,GAAGf,YAAA,KAAiB,YAAY,YAAY,QAAQ,wBAClDR,KAAA,CAAMG,IACR,iBACF;EAEJ;EAEA,MAAMC,KAAA,GAAQ;IACZ,IAAII,YAAA,KAAiB,WAAYa,MAAA,CAAOxB,MAAA,CAAOe,SAAS,KAAK,CAAC,IAAK,CAAC;IACpE,GAAGU;EACL;EAEA,WAAWG,GAAA,IAAOrB,KAAA,EAChBhB,mBAAA,CAAoBgB,KAAA,EAAOqB,GAAG;EAGhC,MAAMC,YAAA,GAAejC,mBAAA,CAAoBmB,SAAA,EAAWR,KAAK;IAEnDuB,QAAA,GAAW;MACflB,QAAA,EAAUL,KAAA;MACVA,KAAA,EAAOsB,YAAA;MACPhB,QAAA,EAAU;IACZ;EAEA,OAAIV,KAAA,CAAMO,WAAA,KAINR,SAAA,KACF4B,QAAA,CAASjB,QAAA,GAAWC,cAAA,CAAe;IACjC,CAACC,SAAS,GAAGR;EACf,CAAC,IAGHS,iBAAA,CAAkBD,SAAA,EAAWc,YAAY,GACzCZ,iBAAA,CAAkB,IAEXa,QAAA;AACT;AAEA,SAASd,kBAAkBD,SAAA,EAAmBR,KAAA,EAAoB;EAChE,MAAMiB,MAAA,GAAS/B,SAAA,CAAU;EACzB+B,MAAA,CAAOxB,MAAA,CAAOe,SAAS,IAAIR,KAAA,EAC3BT,YAAA,CAAa,UAAU0B,MAAA,CAAOxB,MAAM;AACtC;AAEA,SAASiB,kBAAA,EAAoB;EAC3BzB,iBAAA,CAAkB;AACpB;AAEA,SAASsB,eAAed,MAAA,EAAsCC,KAAA,GAAe,IAAO;EAKlF,MAAMuB,MAAA,GAAS/B,SAAA,CAAU;EACzB,IAAIoB,QAAA,GAAqB,EAAC;EAE1B,WAAWE,SAAA,IAAaf,MAAA,EAAQ;IAC9B,MAAMO,KAAA,GAAQP,MAAA,CAAOe,SAAS;MAExBgB,KAAA,GAAQrC,gBAAA,CAAiB;QAC7B8B,MAAA;QACAT,SAAA;QACAiB,KAAA,EAAO,CAACjB,SAAS;QACjBkB,YAAA,EAAc;QACd1B,KAAA;QAAA;QAEA2B,mBAAA,EAAqB;MACvB,CAAC;IAEDrB,QAAA,GAAW,CAAC,GAAGA,QAAA,EAAU,GAAGkB,KAAK,GAE5B9B,KAAA,IACHkC,WAAA,CAAY,iBAAiBpB,SAAS,IAAIgB,KAAK;EAEnD;EAGA,IAAIpC,oBAAA,CAAqByC,MAAA,GAAS,GAAG;IACnC,MAAMC,UAAA,GAAa,SAAS1C,oBAAA,CAAqB2C,GAAA,CAAKC,CAAA,IAAM,KAAKA,CAAA,CAAEjC,IAAI,IAAIiC,CAAA,CAAEC,GAAG,EAAE,EAAEC,IAAA,CAAK,GAAG,CAAC;IAC7FN,WAAA,CAAY,iBAAiB,CAACE,UAAU,CAAC;EAC3C;EAEA,IAAIpC,KAAA,EAAO;IACT,MAAMyC,EAAA,GAAK,OAAOzC,KAAA,IAAS,WAAWA,KAAA,GAAQJ,UAAA,CAAW8C,MAAA,CAAOC,IAAA,CAAK5C,MAAM,EAAEyC,IAAA,CAAK,EAAE,CAAC;IACrFN,WAAA,CAAY,iBAAiBO,EAAE,IAAI7B,QAAQ;EAC7C;EAEA,OAAOA,QAAA;AACT;AAEA,SAASsB,YAAYO,EAAA,EAAYX,KAAA,EAAiB;EAChD,MAAMc,QAAA,GAAWC,QAAA,CAASC,aAAA,CAAc,IAAIL,EAAE,EAAE;IAC1CM,KAAA,GAAQF,QAAA,CAASG,aAAA,CAAc,OAAO;EAC5CD,KAAA,CAAMN,EAAA,GAAKA,EAAA,EACXM,KAAA,CAAME,WAAA,CAAYJ,QAAA,CAASK,cAAA,CAAepB,KAAA,CAAMU,IAAA,CAAK;AAAA,CAAI,CAAC,CAAC,GAC3DK,QAAA,CAASM,IAAA,CAAKF,WAAA,CAAYF,KAAK,GAC3BH,QAAA,IACFA,QAAA,CAASQ,aAAA,EAAeC,WAAA,CAAYT,QAAQ;AAEhD","ignoreList":[]}

package/dist/esm/_mutateTheme.native.js

@@ -0,0 +1,131 @@
+import { isServer } from "@hanzogui/constants";
+import { startTransition } from "@hanzogui/start-transition";
+import { ensureThemeVariable, forceUpdateThemes, getConfig, getThemeCSSRules, mutatedAutoVariables, proxyThemeToParents, simpleHash, updateConfig } from "@hanzogui/web";
+function mutateThemes(param) {
+  var {
+      themes,
+      batch,
+      insertCSS = !0,
+      ...props
+    } = param,
+    allThemesProxied = {},
+    allThemesRaw = {},
+    _iteratorNormalCompletion = !0,
+    _didIteratorError = !1,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = themes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+      var {
+          name,
+          theme
+        } = _step.value,
+        res = _mutateTheme({
+          ...props,
+          name,
+          theme,
+          // we'll do one update at the end
+          avoidUpdate: !0,
+          // always add which also replaces but doesnt fail first time
+          mutationType: "add"
+        });
+      res && (allThemesProxied[name] = res.theme, allThemesRaw[name] = res.themeRaw);
+    }
+  } catch (err) {
+    _didIteratorError = !0, _iteratorError = err;
+  } finally {
+    try {
+      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+    } finally {
+      if (_didIteratorError) throw _iteratorError;
+    }
+  }
+  var cssRules = insertCSS ? insertThemeCSS(allThemesRaw, batch) : [];
+  return startTransition(function () {
+    for (var themeName in allThemesProxied) {
+      var theme2 = allThemesProxied[themeName];
+      updateThemeConfig(themeName, theme2);
+    }
+    updateThemeStates();
+  }), {
+    themes: allThemesProxied,
+    themesRaw: allThemesRaw,
+    cssRules
+  };
+}
+function _mutateTheme(props) {
+  if (isServer) {
+    process.env.NODE_ENV === "development" && console.warn("Theme mutation is not supported on server side");
+    return;
+  }
+  var config = getConfig(),
+    {
+      name: themeName,
+      theme: themeIn,
+      insertCSS,
+      mutationType
+    } = props;
+  if (process.env.NODE_ENV === "development") {
+    if (!config) throw new Error("No config");
+    var theme = config.themes[props.name];
+    if (mutationType !== "add" && !theme) throw new Error(`${mutationType === "replace" ? "Replace" : "Update"} theme failed! Theme ${props.name} does not exist`);
+  }
+  var _config_themes_themeName,
+    theme1 = {
+      ...(mutationType === "update" ? (_config_themes_themeName = config.themes[themeName]) !== null && _config_themes_themeName !== void 0 ? _config_themes_themeName : {} : {}),
+      ...themeIn
+    };
+  for (var key in theme1) ensureThemeVariable(theme1, key);
+  var themeProxied = proxyThemeToParents(themeName, theme1),
+    response = {
+      themeRaw: theme1,
+      theme: themeProxied,
+      cssRules: []
+    };
+  return props.avoidUpdate || (insertCSS && (response.cssRules = insertThemeCSS({
+    [themeName]: theme1
+  })), updateThemeConfig(themeName, themeProxied), updateThemeStates()), response;
+}
+function updateThemeConfig(themeName, theme) {
+  var config = getConfig();
+  config.themes[themeName] = theme, updateConfig("themes", config.themes);
+}
+function updateThemeStates() {
+  forceUpdateThemes();
+}
+function insertThemeCSS(themes) {
+  var batch = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  return [];
+  var config, cssRules;
+  for (var themeName in themes) {
+    var theme = themes[themeName],
+      rules = getThemeCSSRules({
+        config,
+        themeName,
+        names: [themeName],
+        hasDarkLight: !0,
+        theme,
+        // Use mutated variable creator which starts from high index to avoid conflicts
+        useMutatedVariables: !0
+      });
+    cssRules = [...cssRules, ...rules], batch || updateStyle(`t_theme_style_${themeName}`, rules);
+  }
+  if (mutatedAutoVariables.length > 0) {
+    var autoVarCSS;
+    updateStyle("t_mutate_vars", [autoVarCSS]);
+  }
+  if (batch) {
+    var id;
+    updateStyle(`t_theme_style_${id}`, cssRules);
+  }
+}
+function updateStyle(id, rules) {
+  var existing = document.querySelector(`#${id}`),
+    style = document.createElement("style");
+  if (style.id = id, style.appendChild(document.createTextNode(rules.join(`
+`))), document.head.appendChild(style), existing) {
+    var _existing_parentElement;
+    (_existing_parentElement = existing.parentElement) === null || _existing_parentElement === void 0 || _existing_parentElement.removeChild(existing);
+  }
+}
+export { _mutateTheme, mutateThemes };
+//# sourceMappingURL=_mutateTheme.native.js.map

package/dist/esm/_mutateTheme.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isServer","startTransition","ensureThemeVariable","forceUpdateThemes","getConfig","getThemeCSSRules","mutatedAutoVariables","proxyThemeToParents","simpleHash","updateConfig","mutateThemes","param","themes","batch","insertCSS","props","allThemesProxied","allThemesRaw","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","name","theme","value","res","_mutateTheme","avoidUpdate","mutationType","themeRaw","err","return","cssRules","insertThemeCSS","themeName","theme2","updateThemeConfig","updateThemeStates","themesRaw","process","env","NODE_ENV","console","warn","config","themeIn","Error","_config_themes_themeName","theme1","key","themeProxied","response","arguments","length","rules","names","hasDarkLight","useMutatedVariables","updateStyle","autoVarCSS","id","existing","document","querySelector","style","createElement","appendChild","createTextNode","join"],"sources":["../../src/_mutateTheme.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/addTheme.mjs

@@ -0,0 +1,10 @@
+import { _mutateTheme } from "./_mutateTheme.mjs";
+function addTheme(props) {
+  return _mutateTheme({
+    ...props,
+    insertCSS: !0,
+    mutationType: "add"
+  });
+}
+export { addTheme };
+//# sourceMappingURL=addTheme.mjs.map

package/dist/esm/addTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mutateTheme","addTheme","props","insertCSS","mutationType"],"sources":["../../src/addTheme.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,YAAA,QAAoB;AAEtB,SAASC,SAASC,KAAA,EAItB;EACD,OAAOF,YAAA,CAAa;IAAE,GAAGE,KAAA;IAAOC,SAAA,EAAW;IAAMC,YAAA,EAAc;EAAM,CAAC;AACxE","ignoreList":[]}

package/dist/esm/addTheme.native.js

@@ -0,0 +1,10 @@
+import { _mutateTheme } from "./_mutateTheme.native.js";
+function addTheme(props) {
+  return _mutateTheme({
+    ...props,
+    insertCSS: !0,
+    mutationType: "add"
+  });
+}
+export { addTheme };
+//# sourceMappingURL=addTheme.native.js.map

package/dist/esm/addTheme.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mutateTheme","addTheme","props"],"sources":["../../src/addTheme.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,YAAA,QAAoB;AAEtB,SAASC,SAASC,KAAA,EAItB;EACD,OAAOF,YAAA,CAAa;IACtB,GAAAE,KAAA","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+export * from "./addTheme.mjs";
+export * from "./updateTheme.mjs";
+export * from "./replaceTheme.mjs";
+import { mutateThemes } from "./_mutateTheme.mjs";
+export { mutateThemes };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mutateThemes"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,YAAA,QAAoB","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,6 @@
+export * from "./addTheme.mjs";
+export * from "./updateTheme.mjs";
+export * from "./replaceTheme.mjs";
+import { mutateThemes } from "./_mutateTheme.mjs";
+export { mutateThemes };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["mutateThemes"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,YAAA,QAAoB","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,6 @@
+export * from "./addTheme.native.js";
+export * from "./updateTheme.native.js";
+export * from "./replaceTheme.native.js";
+import { mutateThemes } from "./_mutateTheme.native.js";
+export { mutateThemes };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mutateThemes"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,YAAA,QAAoB","ignoreList":[]}

package/dist/esm/replaceTheme.mjs

@@ -0,0 +1,14 @@
+import { _mutateTheme } from "./_mutateTheme.mjs";
+function replaceTheme({
+  name,
+  theme
+}) {
+  return _mutateTheme({
+    name,
+    theme,
+    insertCSS: !0,
+    mutationType: "replace"
+  });
+}
+export { replaceTheme };
+//# sourceMappingURL=replaceTheme.mjs.map

package/dist/esm/replaceTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mutateTheme","replaceTheme","name","theme","insertCSS","mutationType"],"sources":["../../src/replaceTheme.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,YAAA,QAAoB;AAEtB,SAASC,aAAa;EAC3BC,IAAA;EACAC;AACF,GAGG;EAED,OADaH,YAAA,CAAa;IAAEE,IAAA;IAAMC,KAAA;IAAOC,SAAA,EAAW;IAAMC,YAAA,EAAc;EAAU,CAAC;AAErF","ignoreList":[]}

package/dist/esm/replaceTheme.native.js

@@ -0,0 +1,16 @@
+import { _mutateTheme } from "./_mutateTheme.native.js";
+function replaceTheme(param) {
+  var {
+      name,
+      theme
+    } = param,
+    next = _mutateTheme({
+      name,
+      theme,
+      insertCSS: !0,
+      mutationType: "replace"
+    });
+  return next;
+}
+export { replaceTheme };
+//# sourceMappingURL=replaceTheme.native.js.map

package/dist/esm/replaceTheme.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mutateTheme","replaceTheme","param","name","theme","next","insertCSS","mutationType"],"sources":["../../src/replaceTheme.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,YAAA,QAAoB;AAEtB,SAASC,aAAaC,KAAA;EAC3B;MAAAC,IAAA;MAAAC;IAAA,IAAAF,KAAA;IAAAG,IAAA,GAAAL,YAAA;MACAG,IAAA;MAICC,KAAA;MAEDE,SADa;MAEfC,YAAA","ignoreList":[]}

package/dist/esm/updateTheme.mjs

@@ -0,0 +1,14 @@
+import { _mutateTheme } from "./_mutateTheme.mjs";
+function updateTheme({
+  name,
+  theme
+}) {
+  return _mutateTheme({
+    name,
+    theme,
+    insertCSS: !0,
+    mutationType: "update"
+  });
+}
+export { updateTheme };
+//# sourceMappingURL=updateTheme.mjs.map

package/dist/esm/updateTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mutateTheme","updateTheme","name","theme","insertCSS","mutationType"],"sources":["../../src/updateTheme.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,YAAA,QAAoB;AAEtB,SAASC,YAAY;EAC1BC,IAAA;EACAC;AACF,GAGG;EACD,OAAOH,YAAA,CAAa;IAAEE,IAAA;IAAMC,KAAA;IAAOC,SAAA,EAAW;IAAMC,YAAA,EAAc;EAAS,CAAC;AAC9E","ignoreList":[]}

package/dist/esm/updateTheme.native.js

@@ -0,0 +1,15 @@
+import { _mutateTheme } from "./_mutateTheme.native.js";
+function updateTheme(param) {
+  var {
+    name,
+    theme
+  } = param;
+  return _mutateTheme({
+    name,
+    theme,
+    insertCSS: !0,
+    mutationType: "update"
+  });
+}
+export { updateTheme };
+//# sourceMappingURL=updateTheme.native.js.map

package/dist/esm/updateTheme.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mutateTheme","updateTheme","param","name","theme","insertCSS"],"sources":["../../src/updateTheme.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,YAAA,QAAoB;AAEtB,SAASC,YAAYC,KAAA;EAC1B;IAAAC,IAAA;IAAAC;EAAA,IAAAF,KAAA;EACA,OAAAF,YAAA;IAICG,IAAA;IACDC,KAAO;IACTC,SAAA","ignoreList":[]}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@hanzogui/theme",
+  "version": "2.0.0",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/constants": "workspace:*",
+    "@hanzogui/start-transition": "workspace:*",
+    "@hanzogui/web": "workspace:*"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "workspace:*",
+    "react": ">=19"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  }
+}

package/src/_mutateTheme.ts

@@ -0,0 +1,197 @@
+import { isServer } from '@hanzogui/constants'
+import { startTransition } from '@hanzogui/start-transition'
+import type { ThemeDefinition, ThemeParsed } from '@hanzogui/web'
+import {
+  ensureThemeVariable,
+  forceUpdateThemes,
+  getConfig,
+  getThemeCSSRules,
+  mutatedAutoVariables,
+  proxyThemeToParents,
+  simpleHash,
+  updateConfig,
+} from '@hanzogui/web'
+
+type MutateThemeOptions = {
+  mutationType: 'replace' | 'update' | 'add'
+  insertCSS?: boolean
+  avoidUpdate?: boolean
+}
+
+type PartialTheme = Partial<Record<keyof ThemeDefinition, any>>
+
+export type MutateOneThemeProps = {
+  name: string
+  theme: PartialTheme
+}
+
+// need to name the batch in case the theme amount changes so it removes properly
+type Batch = boolean | string
+
+// more advanced helper used only internally in studio for now
+export function mutateThemes({
+  themes,
+  batch,
+  insertCSS = true,
+  ...props
+}: Omit<MutateThemeOptions, 'mutationType'> & {
+  themes: MutateOneThemeProps[] // if using batch, know that if you later on do addTheme/etc it will break things
+  // batch is only useful if you know youre only ever going to change these themes using batch
+  // aka only in studio as a preview mode
+  batch?: Batch
+}) {
+  const allThemesProxied: Record<string, ThemeParsed> = {}
+  const allThemesRaw: Record<string, ThemeParsed> = {}
+  for (const { name, theme } of themes) {
+    const res = _mutateTheme({
+      ...props,
+      name,
+      theme,
+      // we'll do one update at the end
+      avoidUpdate: true,
+      // always add which also replaces but doesnt fail first time
+      mutationType: 'add',
+    })
+    if (res) {
+      allThemesProxied[name] = res.theme
+      allThemesRaw[name] = res.themeRaw
+    }
+  }
+
+  const cssRules = insertCSS ? insertThemeCSS(allThemesRaw, batch) : []
+
+  startTransition(() => {
+    for (const themeName in allThemesProxied) {
+      const theme = allThemesProxied[themeName]
+      updateThemeConfig(themeName, theme)
+    }
+    updateThemeStates()
+  })
+
+  return {
+    themes: allThemesProxied,
+    themesRaw: allThemesRaw,
+    cssRules,
+  }
+}
+
+export function _mutateTheme(props: MutateThemeOptions & MutateOneThemeProps) {
+  if (isServer) {
+    if (process.env.NODE_ENV === 'development') {
+      console.warn('Theme mutation is not supported on server side')
+    }
+    return
+  }
+  const config = getConfig()
+  const { name: themeName, theme: themeIn, insertCSS, mutationType } = props
+
+  if (process.env.NODE_ENV === 'development') {
+    if (!config) {
+      throw new Error('No config')
+    }
+    const theme = config.themes[props.name]
+
+    if (mutationType !== 'add' && !theme) {
+      throw new Error(
+        `${mutationType === 'replace' ? 'Replace' : 'Update'} theme failed! Theme ${
+          props.name
+        } does not exist`
+      )
+    }
+  }
+
+  const theme = {
+    ...(mutationType === 'update' ? (config.themes[themeName] ?? {}) : {}),
+    ...themeIn,
+  } as ThemeParsed
+
+  for (const key in theme) {
+    ensureThemeVariable(theme, key)
+  }
+
+  const themeProxied = proxyThemeToParents(themeName, theme)
+
+  const response = {
+    themeRaw: theme,
+    theme: themeProxied,
+    cssRules: [] as string[],
+  }
+
+  if (props.avoidUpdate) {
+    return response
+  }
+
+  if (insertCSS) {
+    response.cssRules = insertThemeCSS({
+      [themeName]: theme,
+    })
+  }
+
+  updateThemeConfig(themeName, themeProxied)
+  updateThemeStates()
+
+  return response
+}
+
+function updateThemeConfig(themeName: string, theme: ThemeParsed) {
+  const config = getConfig()
+  config.themes[themeName] = theme
+  updateConfig('themes', config.themes)
+}
+
+function updateThemeStates() {
+  forceUpdateThemes()
+}
+
+function insertThemeCSS(themes: Record<string, PartialTheme>, batch: Batch = false) {
+  if (process.env.HANZO_GUI_TARGET !== 'web') {
+    return []
+  }
+
+  const config = getConfig()
+  let cssRules: string[] = []
+
+  for (const themeName in themes) {
+    const theme = themes[themeName]
+
+    const rules = getThemeCSSRules({
+      config,
+      themeName,
+      names: [themeName],
+      hasDarkLight: true,
+      theme,
+      // Use mutated variable creator which starts from high index to avoid conflicts
+      useMutatedVariables: true,
+    })
+
+    cssRules = [...cssRules, ...rules]
+
+    if (!batch) {
+      updateStyle(`t_theme_style_${themeName}`, rules)
+    }
+  }
+
+  // Output ALL mutated auto variables (since updateStyle replaces the element)
+  if (mutatedAutoVariables.length > 0) {
+    const autoVarCSS = `:root{${mutatedAutoVariables.map((v) => `--${v.name}:${v.val}`).join(';')}}`
+    updateStyle(`t_mutate_vars`, [autoVarCSS])
+  }
+
+  if (batch) {
+    const id = typeof batch == 'string' ? batch : simpleHash(Object.keys(themes).join(''))
+    updateStyle(`t_theme_style_${id}`, cssRules)
+  }
+
+  return cssRules
+}
+
+function updateStyle(id: string, rules: string[]) {
+  const existing = document.querySelector(`#${id}`)
+  const style = document.createElement('style')
+  style.id = id
+  style.appendChild(document.createTextNode(rules.join('\n')))
+  document.head.appendChild(style)
+  if (existing) {
+    existing.parentElement?.removeChild(existing)
+  }
+}

package/src/addTheme.ts

@@ -0,0 +1,11 @@
+import type { ThemeDefinition, ThemeParsed } from '@hanzogui/web'
+
+import { _mutateTheme } from './_mutateTheme'
+
+export function addTheme(props: {
+  name: string
+  theme: Partial<Record<keyof ThemeDefinition, any>>
+  insertCSS?: boolean
+}) {
+  return _mutateTheme({ ...props, insertCSS: true, mutationType: 'add' })
+}