@hanzogui/create-theme 2.0.0-rc.41-hanzoai.5

package/dist/esm/masks.native.js

@@ -0,0 +1,157 @@
+import { objectEntries, objectFromEntries } from "./helpers.native.js";
+import { isMinusZero } from "./isMinusZero.native.js";
+var createMask = function (createMask2) {
+  return typeof createMask2 === "function" ? {
+    name: createMask2.name || "unnamed",
+    mask: createMask2
+  } : createMask2;
+};
+var skipMask = {
+  name: "skip-mask",
+  mask: function (template, opts) {
+    var {
+      skip
+    } = opts;
+    var result = Object.fromEntries(Object.entries(template).filter(function (param) {
+      var [k] = param;
+      return !skip || !(k in skip);
+    }).map(function (param) {
+      var [k, v] = param;
+      return [k, applyOverrides(k, v, opts)];
+    }));
+    return result;
+  }
+};
+function applyOverrides(key, value, opts) {
+  var _opts_overrideSwap;
+  var override;
+  var strategy = opts.overrideStrategy;
+  var overrideSwap = (_opts_overrideSwap = opts.overrideSwap) === null || _opts_overrideSwap === void 0 ? void 0 : _opts_overrideSwap[key];
+  if (typeof overrideSwap !== "undefined") {
+    override = overrideSwap;
+    strategy = "swap";
+  } else {
+    var _opts_overrideShift;
+    var overrideShift = (_opts_overrideShift = opts.overrideShift) === null || _opts_overrideShift === void 0 ? void 0 : _opts_overrideShift[key];
+    if (typeof overrideShift !== "undefined") {
+      override = overrideShift;
+      strategy = "shift";
+    } else {
+      var _opts_override;
+      var overrideDefault = (_opts_override = opts.override) === null || _opts_override === void 0 ? void 0 : _opts_override[key];
+      if (typeof overrideDefault !== "undefined") {
+        override = overrideDefault;
+        strategy = opts.overrideStrategy;
+      }
+    }
+  }
+  if (typeof override === "undefined") return value;
+  if (typeof override === "string") return value;
+  if (strategy === "swap") {
+    return override;
+  }
+  return value;
+}
+var createIdentityMask = function () {
+  return {
+    name: "identity-mask",
+    mask: function (template, opts) {
+      return skipMask.mask(template, opts);
+    }
+  };
+};
+var createInverseMask = function () {
+  var mask = {
+    name: "inverse-mask",
+    mask: function (template, opts) {
+      var inversed = objectFromEntries(objectEntries(template).map(function (param) {
+        var [k, v] = param;
+        return [k, -v];
+      }));
+      return skipMask.mask(inversed, opts);
+    }
+  };
+  return mask;
+};
+var createShiftMask = function () {
+  var {
+      inverse
+    } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+    defaultOptions = arguments.length > 1 ? arguments[1] : void 0;
+  var mask = {
+    name: "shift-mask",
+    mask: function (template, opts) {
+      var {
+        override,
+        overrideStrategy = "shift",
+        max: maxIn,
+        palette,
+        min = 0,
+        strength = 1
+      } = {
+        ...defaultOptions,
+        ...opts
+      };
+      var values = Object.entries(template);
+      var max = maxIn !== null && maxIn !== void 0 ? maxIn : palette ? Object.values(palette).length - 1 : Number.POSITIVE_INFINITY;
+      var out = {};
+      var _iteratorNormalCompletion = true,
+        _didIteratorError = false,
+        _iteratorError = void 0;
+      try {
+        for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var [key, value] = _step.value;
+          if (typeof value === "string") continue;
+          if (typeof (override === null || override === void 0 ? void 0 : override[key]) === "number") {
+            var overrideVal = override[key];
+            out[key] = overrideStrategy === "shift" ? value + overrideVal : overrideVal;
+            continue;
+          }
+          if (typeof (override === null || override === void 0 ? void 0 : override[key]) === "string") {
+            out[key] = override[key];
+            continue;
+          }
+          var isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
+          var direction = isPositive ? 1 : -1;
+          var invert = inverse ? -1 : 1;
+          var next = value + strength * direction * invert;
+          var clamped = isPositive ? Math.max(min, Math.min(max, next)) : Math.min(-min, Math.max(-max, next));
+          out[key] = clamped;
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return != null) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+      var skipped = skipMask.mask(out, opts);
+      return skipped;
+    }
+  };
+  return mask;
+};
+var createWeakenMask = function (defaultOptions) {
+  return {
+    name: "soften-mask",
+    mask: createShiftMask({}, defaultOptions).mask
+  };
+};
+var createSoftenMask = createWeakenMask;
+var createStrengthenMask = function (defaultOptions) {
+  return {
+    name: "strengthen-mask",
+    mask: createShiftMask({
+      inverse: true
+    }, defaultOptions).mask
+  };
+};
+export { createIdentityMask, createInverseMask, createMask, createShiftMask, createSoftenMask, createStrengthenMask, createWeakenMask, skipMask };
+//# sourceMappingURL=masks.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["objectEntries","objectFromEntries","isMinusZero","createMask","createMask2","name","mask","skipMask","template","opts","skip","result","Object","fromEntries","entries","filter","param","k","map","v","applyOverrides","key","value","_opts_overrideSwap","override","strategy","overrideStrategy","overrideSwap","_opts_overrideShift","overrideShift","_opts_override","overrideDefault","createIdentityMask","createInverseMask","inversed","createShiftMask","inverse","arguments","length","defaultOptions","max","maxIn","palette","min","strength","values","Number","POSITIVE_INFINITY","out","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","overrideVal"],"sources":["../../src/masks.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/tests.mjs

@@ -0,0 +1,27 @@
+import { applyMask } from "./applyMask.mjs";
+import { createTheme } from "./createTheme.mjs";
+import { createStrengthenMask, createWeakenMask } from "./masks.mjs";
+if (process.env.NODE_ENV === "development") {
+  const palette = ["0", "1", "2", "3", "-3", "-2", "-1", "-0"];
+  const template = {
+    bg: 1,
+    fg: -1
+  };
+  const stongerMask = createStrengthenMask();
+  const weakerMask = createWeakenMask();
+  const theme = createTheme(palette, template);
+  if (theme.bg !== "1") throw `\u274C`;
+  if (theme.fg !== "-1") throw `\u274C`;
+  const str = applyMask(theme, stongerMask);
+  if (str.bg !== "0") throw `\u274C`;
+  if (str.fg !== "-0") throw `\u274C`;
+  const weak = applyMask(theme, weakerMask);
+  if (weak.bg !== "2") throw `\u274C`;
+  if (weak.fg !== "-2") throw `\u274C`;
+  const weak2 = applyMask(theme, weakerMask, {
+    strength: 2
+  });
+  if (weak2.bg !== "3") throw `\u274C`;
+  if (weak2.fg !== "-3") throw `\u274C`;
+}
+//# sourceMappingURL=tests.mjs.map

package/dist/esm/tests.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["applyMask","createTheme","createStrengthenMask","createWeakenMask","process","env","NODE_ENV","palette","template","bg","fg","stongerMask","weakerMask","theme","str","weak","weak2","strength"],"sources":["../../src/tests.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAC1B,SAASC,WAAA,QAAmB;AAC5B,SAASC,oBAAA,EAAsBC,gBAAA,QAAwB;AAGvD,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;EAC1C,MAAMC,OAAA,GAAU,CAAC,KAAK,KAAK,KAAK,KAAK,MAAM,MAAM,MAAM,IAAI;EAC3D,MAAMC,QAAA,GAAW;IAAEC,EAAA,EAAI;IAAGC,EAAA,EAAI;EAAG;EAEjC,MAAMC,WAAA,GAAcT,oBAAA,CAAqB;EACzC,MAAMU,UAAA,GAAaT,gBAAA,CAAiB;EAEpC,MAAMU,KAAA,GAAQZ,WAAA,CAAYM,OAAA,EAASC,QAAQ;EAC3C,IAAIK,KAAA,CAAMJ,EAAA,KAAO,KAAK,MAAM;EAC5B,IAAII,KAAA,CAAMH,EAAA,KAAO,MAAM,MAAM;EAE7B,MAAMI,GAAA,GAAMd,SAAA,CAAUa,KAAA,EAAOF,WAAW;EACxC,IAAIG,GAAA,CAAIL,EAAA,KAAO,KAAK,MAAM;EAC1B,IAAIK,GAAA,CAAIJ,EAAA,KAAO,MAAM,MAAM;EAE3B,MAAMK,IAAA,GAAOf,SAAA,CAAUa,KAAA,EAAOD,UAAU;EACxC,IAAIG,IAAA,CAAKN,EAAA,KAAO,KAAK,MAAM;EAC3B,IAAIM,IAAA,CAAKL,EAAA,KAAO,MAAM,MAAM;EAE5B,MAAMM,KAAA,GAAQhB,SAAA,CAAUa,KAAA,EAAOD,UAAA,EAAY;IAAEK,QAAA,EAAU;EAAE,CAAC;EAC1D,IAAID,KAAA,CAAMP,EAAA,KAAO,KAAK,MAAM;EAC5B,IAAIO,KAAA,CAAMN,EAAA,KAAO,MAAM,MAAM;AAC/B","ignoreList":[]}

package/dist/esm/tests.native.js

@@ -0,0 +1,27 @@
+import { applyMask } from "./applyMask.native.js";
+import { createTheme } from "./createTheme.native.js";
+import { createStrengthenMask, createWeakenMask } from "./masks.native.js";
+if (process.env.NODE_ENV === "development") {
+  var palette = ["0", "1", "2", "3", "-3", "-2", "-1", "-0"];
+  var template = {
+    bg: 1,
+    fg: -1
+  };
+  var stongerMask = createStrengthenMask();
+  var weakerMask = createWeakenMask();
+  var theme = createTheme(palette, template);
+  if (theme.bg !== "1") throw `\u274C`;
+  if (theme.fg !== "-1") throw `\u274C`;
+  var str = applyMask(theme, stongerMask);
+  if (str.bg !== "0") throw `\u274C`;
+  if (str.fg !== "-0") throw `\u274C`;
+  var weak = applyMask(theme, weakerMask);
+  if (weak.bg !== "2") throw `\u274C`;
+  if (weak.fg !== "-2") throw `\u274C`;
+  var weak2 = applyMask(theme, weakerMask, {
+    strength: 2
+  });
+  if (weak2.bg !== "3") throw `\u274C`;
+  if (weak2.fg !== "-3") throw `\u274C`;
+}
+//# sourceMappingURL=tests.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["applyMask","createTheme","createStrengthenMask","createWeakenMask","process","env","NODE_ENV","palette","template","bg","fg","stongerMask","weakerMask","theme"],"sources":["../../src/tests.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAC1B,SAASC,WAAA,QAAmB;AAC5B,SAASC,oBAAA,EAAsBC,gBAAA,QAAwB;AAGvD,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;EAC1C,IAAAC,OAAM,IACN,KAEA,KACA,KAEA,KACA,IAAI,EACJ,IAAI,EAEJ,IAAM,EACN,IAAI,CACJ;EAEA,IAAAC,QAAM,GAAO;IACbC,EAAI;IACJC,EAAI;EAEJ;EACA,IAAIC,WAAM,GAAOT,oBAAW;EAC5B,IAAIU,UAAM,GAAOT,gBAAY;EAC/B,IAAAU,KAAA,GAAAZ,WAAA,CAAAM,OAAA,EAAAC,QAAA","ignoreList":[]}

package/dist/esm/themeInfo.mjs

@@ -0,0 +1,14 @@
+const THEME_INFO = /* @__PURE__ */new Map();
+const getThemeInfo = (theme, name) => {
+  return THEME_INFO.get(name || JSON.stringify(theme));
+};
+const setThemeInfo = (theme, info) => {
+  const next = {
+    ...info,
+    cache: /* @__PURE__ */new Map()
+  };
+  THEME_INFO.set(info.name || JSON.stringify(theme), next);
+  THEME_INFO.set(JSON.stringify(info.definition), next);
+};
+export { getThemeInfo, setThemeInfo };
+//# sourceMappingURL=themeInfo.mjs.map

package/dist/esm/themeInfo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["THEME_INFO","Map","getThemeInfo","theme","name","get","JSON","stringify","setThemeInfo","info","next","cache","set","definition"],"sources":["../../src/themeInfo.tsx"],"sourcesContent":[null],"mappings":"AAcA,MAAMA,UAAA,GAAa,mBAAIC,GAAA,CAAuB;AAEvC,MAAMC,YAAA,GAAeA,CAC1BC,KAAA,EACAC,IAAA,KAC0B;EAC1B,OAAOJ,UAAA,CAAWK,GAAA,CAAID,IAAA,IAAQE,IAAA,CAAKC,SAAA,CAAUJ,KAAK,CAAC;AACrD;AAEO,MAAMK,YAAA,GAAeA,CAC1BL,KAAA,EACAM,IAAA,KAGS;EACT,MAAMC,IAAA,GAAO;IACX,GAAGD,IAAA;IACHE,KAAA,EAAO,mBAAIV,GAAA,CAAI;EACjB;EACAD,UAAA,CAAWY,GAAA,CAAIH,IAAA,CAAKL,IAAA,IAAQE,IAAA,CAAKC,SAAA,CAAUJ,KAAK,GAAGO,IAAI;EACvDV,UAAA,CAAWY,GAAA,CAAIN,IAAA,CAAKC,SAAA,CAAUE,IAAA,CAAKI,UAAU,GAAGH,IAAI;AACtD","ignoreList":[]}

package/dist/esm/themeInfo.native.js

@@ -0,0 +1,14 @@
+var THEME_INFO = /* @__PURE__ */new Map();
+var getThemeInfo = function (theme, name) {
+  return THEME_INFO.get(name || JSON.stringify(theme));
+};
+var setThemeInfo = function (theme, info) {
+  var next = {
+    ...info,
+    cache: /* @__PURE__ */new Map()
+  };
+  THEME_INFO.set(info.name || JSON.stringify(theme), next);
+  THEME_INFO.set(JSON.stringify(info.definition), next);
+};
+export { getThemeInfo, setThemeInfo };
+//# sourceMappingURL=themeInfo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["THEME_INFO","Map","getThemeInfo","theme","name","get","JSON","stringify","setThemeInfo","info","next","cache","set","definition"],"sources":["../../src/themeInfo.tsx"],"sourcesContent":[null],"mappings":"AAcA,IAAAA,UAAM,kBAAa,IAAAC,GAAI;AAEhB,IAAAC,YAAM,YAAAA,CACXC,KACA,EAAAC,IAC0B;EAC1B,OAAOJ,UAAA,CAAWK,GAAA,CAAID,IAAA,IAAQE,IAAA,CAAKC,SAAA,CAAUJ,KAAK,CAAC;AACrD;AAEO,IAAAK,YAAM,YAAAA,CACXL,KACA,EAAAM,IAGS;EACT,IAAAC,IAAM;IACJ,GAAGD,IAAA;IACHE,KAAA,EAAO,mBAAIV,GAAA,CAAI;EACjB;EACAD,UAAA,CAAWY,GAAA,CAAIH,IAAA,CAAKL,IAAA,IAAQE,IAAA,CAAKC,SAAA,CAAUJ,KAAK,GAAGO,IAAI;EACvDV,UAAA,CAAWY,GAAA,CAAIN,IAAA,CAAKC,SAAA,CAAUE,IAAA,CAAKI,UAAU,GAAGH,IAAI;AACtD","ignoreList":[]}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@hanzogui/create-theme",
+  "version": "2.0.0-rc.41-hanzoai.5",
+  "files": [
+    "src",
+    "types",
+    "dist",
+    "theme-builder"
+  ],
+  "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": "hanzogui-build",
+    "watch": "hanzogui-build --watch",
+    "clean": "hanzogui-build clean",
+    "clean:build": "hanzogui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/web": "2.0.0-rc.41-hanzoai.5"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "2.0.0-rc.41-hanzoai.5"
+  }
+}

package/src/applyMask.tsx

@@ -0,0 +1,69 @@
+import { createTheme } from './createTheme'
+import type { CreateMask, GenericTheme, MaskOptions, ThemeMask } from './createThemeTypes'
+import type { ThemeInfo } from './themeInfo'
+import { getThemeInfo, setThemeInfo } from './themeInfo'
+
+export function applyMask<Theme extends GenericTheme | ThemeMask>(
+  theme: Theme,
+  mask: CreateMask,
+  options: MaskOptions = {},
+  parentName?: string,
+  nextName?: string
+): Theme {
+  const info = getThemeInfo(theme, parentName)
+  if (!info) {
+    throw new Error(
+      process.env.NODE_ENV !== 'production'
+        ? `No info found for theme, you must pass the theme created by createThemeFromPalette directly to extendTheme`
+        : `❌ Err2`
+    )
+  }
+
+  const next = applyMaskStateless(info, mask, options, parentName)
+
+  setThemeInfo(next.theme, {
+    definition: next.definition,
+    palette: info.palette,
+    name: nextName,
+  })
+
+  return next.theme as Theme
+}
+
+export function applyMaskStateless<Theme extends GenericTheme | ThemeMask>(
+  info: ThemeInfo,
+  mask: CreateMask,
+  options: MaskOptions = {},
+  parentName?: string
+): ThemeInfo & {
+  theme: Theme
+} {
+  const skip = {
+    ...options.skip,
+  }
+
+  // skip nonInheritedValues from parent theme
+  if (info.options?.nonInheritedValues) {
+    for (const key in info.options.nonInheritedValues) {
+      skip[key] = 1
+    }
+  }
+
+  // convert theme back to template first
+  const maskOptions = {
+    parentName,
+    palette: info.palette,
+    ...options,
+    skip,
+  }
+
+  const template = mask.mask(info.definition, maskOptions)
+  const theme = createTheme(info.palette, template) as Theme
+
+  return {
+    ...info,
+    cache: new Map(),
+    definition: template,
+    theme,
+  }
+}

package/src/combineMasks.tsx

@@ -0,0 +1,29 @@
+import { applyMaskStateless } from './applyMask'
+import type { CreateMask } from './createThemeTypes'
+import { getThemeInfo } from './themeInfo'
+
+export const combineMasks = (...masks: CreateMask[]): CreateMask => {
+  const mask: CreateMask = {
+    name: 'combine-mask',
+    mask: (template, opts) => {
+      let current = getThemeInfo(template, opts.parentName)
+      let theme: any
+      for (const mask of masks) {
+        if (!current) {
+          throw new Error(
+            `Nothing returned from mask: ${current}, for template: ${template} and mask: ${mask.toString()}, given opts ${JSON.stringify(
+              opts,
+              null,
+              2
+            )}`
+          )
+        }
+        const next = applyMaskStateless(current, mask, opts)
+        current = next
+        theme = next.theme
+      }
+      return theme
+    },
+  }
+  return mask
+}

package/src/createTheme.tsx

@@ -0,0 +1,127 @@
+import type {
+  CreateThemeOptions,
+  CreateThemePalette,
+  GenericTheme,
+  ThemeMask,
+} from './createThemeTypes'
+import { isMinusZero } from './isMinusZero'
+import { setThemeInfo } from './themeInfo'
+
+const identityCache = new Map()
+
+export function createThemeWithPalettes<
+  Definition extends ThemeMask,
+  Extras extends GenericTheme = {},
+>(
+  palettes: Record<string, CreateThemePalette>,
+  defaultPalette: string,
+  definition: Definition,
+  options?: CreateThemeOptions,
+  name?: string,
+  skipCache = false
+): {
+  [key in keyof Definition | keyof Extras]: string
+} {
+  if (!palettes[defaultPalette]) {
+    throw new Error(`No palette: ${defaultPalette}`)
+  }
+  const newDef = { ...definition }
+  for (const key in definition) {
+    let val = definition[key]
+    if (typeof val === 'string' && val[0] === '$') {
+      const [altPaletteName$, altPaletteIndex] = val.split('.')
+      const altPaletteName = altPaletteName$.slice(1)
+      const parentName = defaultPalette.split('_')[0]
+      const altPalette =
+        palettes[altPaletteName] || palettes[`${parentName}_${altPaletteName}`]
+
+      if (altPalette) {
+        const next = getValue(altPalette, +altPaletteIndex)
+        if (typeof next !== 'undefined') {
+          newDef[key] = next as any
+        }
+      }
+    }
+  }
+
+  return createTheme(palettes[defaultPalette], newDef, options, name, skipCache)
+}
+
+export function createTheme<
+  Definition extends ThemeMask,
+  Extras extends GenericTheme = {},
+>(
+  palette: CreateThemePalette,
+  definition: Definition,
+  options?: CreateThemeOptions,
+  name?: string,
+  skipCache = false
+): {
+  [key in keyof Definition | keyof Extras]: string
+} {
+  const cacheKey = skipCache ? '' : JSON.stringify([name, palette, definition, options])
+  if (!skipCache) {
+    if (identityCache.has(cacheKey)) {
+      return identityCache.get(cacheKey)
+    }
+  }
+
+  const theme = {
+    ...(Object.fromEntries(
+      Object.entries(definition).map(([key, offset]) => {
+        return [key, getValue(palette, offset)]
+      })
+    ) as any),
+    ...options?.nonInheritedValues,
+  }
+
+  setThemeInfo(theme, { palette, definition, options, name })
+
+  if (cacheKey) {
+    identityCache.set(cacheKey, theme)
+  }
+
+  return theme
+}
+
+const getValue = (palette: CreateThemePalette, value: string | number) => {
+  if (!palette) {
+    throw new Error(`No palette!`)
+  }
+  if (typeof value === 'string') {
+    return value
+  }
+  const max = palette.length - 1
+  const isPositive = value === 0 ? !isMinusZero(value) : value >= 0
+  const next = isPositive ? value : max + value
+  const index = Math.min(Math.max(0, next), max)
+  return palette[index]
+}
+
+type SubThemeKeys<ParentKeys, ChildKeys> = `${ParentKeys extends string
+  ? ParentKeys
+  : never}_${ChildKeys extends string ? ChildKeys : never}`
+
+type ChildGetter<Name extends string | number | symbol, Theme extends GenericTheme> = (
+  name: Name,
+  theme: Theme
+) => { [key: string]: Theme }
+
+export function addChildren<
+  Themes extends { [key: string]: GenericTheme },
+  GetChildren extends ChildGetter<keyof Themes, Themes[keyof Themes]>,
+>(
+  themes: Themes,
+  getChildren: GetChildren
+): Themes & {
+  [key in SubThemeKeys<keyof Themes, keyof ReturnType<GetChildren>>]: Themes[keyof Themes]
+} {
+  const out = { ...themes }
+  for (const key in themes) {
+    const subThemes = getChildren(key, themes[key])
+    for (const sKey in subThemes) {
+      out[`${key}_${sKey}`] = subThemes[sKey] as any
+    }
+  }
+  return out as any
+}

package/src/createThemeTypes.tsx

@@ -0,0 +1,85 @@
+import type { Variable } from '@hanzogui/web'
+
+export type CreateThemePalette = (string | Variable)[]
+
+export type ThemeMask = Record<string, string | number>
+
+export type MaskOptions = {
+  palette?: CreateThemePalette
+  override?: Partial<ThemeMask>
+  overrideStrategy?: 'shift' | 'swap'
+  overrideSwap?: Partial<ThemeMask>
+  overrideShift?: Partial<ThemeMask>
+  skip?: Partial<ThemeMask>
+  strength?: number
+  max?: number
+  min?: number
+  parentName?: string
+}
+
+export type GenericTheme = { [key: string]: string | Variable }
+
+export type MaskFunction = <A extends ThemeMask>(template: A, options: MaskOptions) => A
+
+export type CreateMask = {
+  name: string
+  mask: MaskFunction
+}
+
+export type CreateThemeOptions = {
+  nonInheritedValues?: GenericTheme
+}
+
+export type Palette = string[]
+
+export type Template = {
+  [key: string]: number | string
+}
+
+export type ThemeUsingMask<Masks = string> = MaskOptions & {
+  mask: Masks
+  avoidNestingWithin?: string[]
+  childOptions?: MaskOptions & {
+    mask?: Masks
+  }
+}
+
+export type ThemeUsingTemplate = CreateThemeOptions & {
+  palette?: string
+  template: string
+}
+
+type ThemePreDefined = {
+  theme: { [key: string]: string }
+}
+
+export type Theme<Masks = string> =
+  | ThemePreDefined
+  | ThemeUsingTemplate
+  | ThemeUsingMask<Masks>
+
+export type ThemeWithParent<Masks = string> = Theme<Masks> & {
+  parent: string
+}
+
+export type PaletteDefinitions = {
+  [key: string]: Palette
+}
+
+export type ThemeDefinition<Masks extends string = string> =
+  | Theme<Masks>
+  | ThemeWithParent<Masks>[]
+
+type UnionableString = string & {}
+
+export type ThemeDefinitions<Masks extends string = string> = {
+  [key: string]: ThemeDefinition<Masks | UnionableString>
+}
+
+export type TemplateDefinitions = {
+  [key: string]: Template
+}
+
+export type MaskDefinitions = {
+  [key: string]: CreateMask | CreateMask['mask']
+}

package/src/helpers.tsx

@@ -0,0 +1,44 @@
+type ObjectType = Record<PropertyKey, unknown>
+
+type PickByValue<OBJ_T, VALUE_T> = // From https://stackoverflow.com/a/55153000
+  Pick<OBJ_T, { [K in keyof OBJ_T]: OBJ_T[K] extends VALUE_T ? K : never }[keyof OBJ_T]>
+
+type ObjectEntries<OBJ_T> = // From https://stackoverflow.com/a/60142095
+  { [K in keyof OBJ_T]: [keyof PickByValue<OBJ_T, OBJ_T[K]>, OBJ_T[K]] }[keyof OBJ_T][]
+
+export const objectKeys = <O extends object>(obj: O) => Object.keys(obj) as Array<keyof O>
+
+export function objectEntries<OBJ_T extends ObjectType>(
+  obj: OBJ_T
+): ObjectEntries<OBJ_T> {
+  return Object.entries(obj) as ObjectEntries<OBJ_T>
+}
+
+type EntriesType =
+  | [PropertyKey, unknown][]
+  | ReadonlyArray<readonly [PropertyKey, unknown]>
+
+// Existing Utils
+type DeepWritable<OBJ_T> = { -readonly [P in keyof OBJ_T]: DeepWritable<OBJ_T[P]> }
+type UnionToIntersection<UNION_T> = // From https://stackoverflow.com/a/50375286
+  (UNION_T extends any ? (k: UNION_T) => void : never) extends (k: infer I) => void
+    ? I
+    : never
+
+// New Utils
+type UnionObjectFromArrayOfPairs<ARR_T extends EntriesType> =
+  DeepWritable<ARR_T> extends (infer R)[]
+    ? R extends [infer key, infer val]
+      ? { [prop in key & PropertyKey]: val }
+      : never
+    : never
+type MergeIntersectingObjects<ObjT> = { [key in keyof ObjT]: ObjT[key] }
+type EntriesToObject<ARR_T extends EntriesType> = MergeIntersectingObjects<
+  UnionToIntersection<UnionObjectFromArrayOfPairs<ARR_T>>
+>
+
+export function objectFromEntries<ARR_T extends EntriesType>(
+  arr: ARR_T
+): EntriesToObject<ARR_T> {
+  return Object.fromEntries(arr) as EntriesToObject<ARR_T>
+}

package/src/index.tsx

@@ -0,0 +1,6 @@
+export * from './createTheme'
+export * from './masks'
+export * from './combineMasks'
+export * from './applyMask'
+export * from './createThemeTypes'
+export * from './helpers'