@tamagui/core 1.12.2 → 1.13.1

package/dist/cjs/createTheme.js

@@ -0,0 +1,31 @@
+"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 createTheme_exports = {};
+__export(createTheme_exports, {
+  createTheme: () => createTheme
+});
+module.exports = __toCommonJS(createTheme_exports);
+const createTheme = (theme) => {
+  return theme;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createTheme
+});
+//# sourceMappingURL=createTheme.js.map

package/dist/cjs/createTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createTheme.ts"],
+  "sourcesContent": ["import type { Variable } from './createVariable'\n\ntype GenericTheme = { [key: string]: string | Variable }\n\n// export const themeToVariableToValueMap = new WeakMap<any, Record<string, string>>()\n\nexport const createTheme = <Theme extends GenericTheme>(\n  theme: Theme\n): {\n  [K in keyof Theme]: Theme[K] | string | Variable\n} => {\n  return theme\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,cAAc,CACzB,UAGG;AACH,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/createTokens.js

@@ -0,0 +1,39 @@
+"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 createTokens_exports = {};
+__export(createTokens_exports, {
+  createTokens: () => createTokens
+});
+module.exports = __toCommonJS(createTokens_exports);
+var import_createVariables = require("./createVariables");
+function createTokens(tokens2) {
+  return (0, import_createVariables.createVariables)(tokens2);
+}
+const tokens = createTokens({
+  size: { 0: 1 },
+  space: { 0: 1 },
+  radius: { 0: 1 },
+  zIndex: { 0: 1 },
+  color: { 0: "hi" }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createTokens
+});
+//# sourceMappingURL=createTokens.js.map

package/dist/cjs/createTokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createTokens.ts"],
+  "sourcesContent": ["import { Variable } from './createVariable'\nimport { createVariables } from './createVariables'\nimport { CreateTokens } from './types'\n\n// tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }\nexport function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {\n  return createVariables(tokens) as any\n}\n\n// verbose but gives us nice types...\ntype MakeTokens<T> = T extends {\n  color: infer E\n  space: infer F\n  size: infer G\n  radius: infer H\n  zIndex: infer J\n}\n  ? {\n      color: {\n        // removes $ prefix allowing for defining either as $1: or 1:,\n        // which is important because Chrome re-orders numerical-seeming keys :/\n        [Key in keyof E extends `$${infer X}` ? X : keyof E]: Variable<string>\n      }\n      space: {\n        [Key in keyof F extends `$${infer X}` ? X : keyof F]: Variable<number>\n      }\n      size: {\n        [Key in keyof G extends `$${infer X}` ? X : keyof G]: Variable<number>\n      }\n      radius: {\n        [Key in keyof H extends `$${infer X}` ? X : keyof H]: Variable<number>\n      }\n      zIndex: {\n        [Key in keyof J extends `$${infer X}` ? X : keyof J]: Variable<number>\n      }\n    }\n  : never\n\n// test\nconst tokens = createTokens({\n  size: { 0: 1 },\n  space: { 0: 1 },\n  radius: { 0: 1 },\n  zIndex: { 0: 1 },\n  color: { 0: 'hi' },\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAgC;AAIzB,SAAS,aAAqCA,SAA0B;AAC7E,aAAO,wCAAgBA,OAAM;AAC/B;AAgCA,MAAM,SAAS,aAAa;AAAA,EAC1B,MAAM,EAAE,GAAG,EAAE;AAAA,EACb,OAAO,EAAE,GAAG,EAAE;AAAA,EACd,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,OAAO,EAAE,GAAG,KAAK;AACnB,CAAC;",
+  "names": ["tokens"]
+}

package/dist/cjs/createTokens.web.test.js

@@ -0,0 +1,28 @@
+"use strict";
+var import_config_default_node = require("@tamagui/config-default-node");
+var import_vitest = require("vitest");
+var import_createTokens = require("./createTokens");
+(0, import_vitest.test)("snapshot", () => {
+  (0, import_vitest.expect)((0, import_createTokens.createTokens)((0, import_config_default_node.getDefaultTamaguiConfig)().tokens)).toMatchSnapshot();
+});
+(0, import_vitest.test)("color name no dot", () => {
+  (0, import_vitest.expect)(
+    // @ts-ignore partial
+    (0, import_createTokens.createTokens)({
+      color: {
+        "yellow.10": "yellow"
+      }
+    })
+  ).toMatchObject({
+    color: {
+      "yellow.10": {
+        isVar: true,
+        key: "yellow101a",
+        name: "color-1",
+        val: "yellow",
+        variable: "var(--color-1)"
+      }
+    }
+  });
+});
+//# sourceMappingURL=createTokens.web.test.js.map

package/dist/cjs/createTokens.web.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createTokens.web.test.tsx"],
+  "sourcesContent": ["import { getDefaultTamaguiConfig } from '@tamagui/config-default-node'\nimport { expect, test } from 'vitest'\n\nimport { createTokens } from './createTokens'\n\ntest('snapshot', () => {\n  expect(createTokens(getDefaultTamaguiConfig().tokens)).toMatchSnapshot()\n})\n\ntest('color name no dot', () => {\n  expect(\n    // @ts-ignore partial\n    createTokens({\n      color: {\n        'yellow.10': 'yellow',\n      },\n    })\n  ).toMatchObject({\n    color: {\n      'yellow.10': {\n        isVar: true,\n        key: 'yellow101a',\n        name: 'color-1',\n        val: 'yellow',\n        variable: 'var(--color-1)',\n      },\n    },\n  })\n})\n"],
+  "mappings": ";AAAA,iCAAwC;AACxC,oBAA6B;AAE7B,0BAA6B;AAAA,IAE7B,oBAAK,YAAY,MAAM;AACrB,gCAAO,sCAAa,oDAAwB,EAAE,MAAM,CAAC,EAAE,gBAAgB;AACzE,CAAC;AAAA,IAED,oBAAK,qBAAqB,MAAM;AAC9B;AAAA;AAAA,QAEE,kCAAa;AAAA,MACX,OAAO;AAAA,QACL,aAAa;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH,EAAE,cAAc;AAAA,IACd,OAAO;AAAA,MACL,aAAa;AAAA,QACX,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MAAM;AAAA,QACN,KAAK;AAAA,QACL,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF,CAAC;AACH,CAAC;",
+  "names": []
+}

package/dist/cjs/createVariable.js

@@ -0,0 +1,111 @@
+"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 createVariable_exports = {};
+__export(createVariable_exports, {
+  createCSSVariable: () => createCSSVariable,
+  createVariable: () => createVariable,
+  didGetVariableValue: () => didGetVariableValue,
+  getVariable: () => getVariable,
+  getVariableName: () => getVariableName,
+  getVariableValue: () => getVariableValue,
+  getVariableVariable: () => getVariableVariable,
+  isVariable: () => isVariable,
+  setDidGetVariableValue: () => setDidGetVariableValue,
+  variableToString: () => variableToString
+});
+module.exports = __toCommonJS(createVariable_exports);
+var import_constants = require("@tamagui/constants");
+var import_helpers = require("@tamagui/helpers");
+var import_config = require("./config");
+const IS_VAR = "isVar";
+const createVariable = (props) => {
+  if (isVariable(props))
+    return props;
+  const { key, name, val } = props;
+  return {
+    [IS_VAR]: true,
+    key,
+    name: (0, import_helpers.simpleHash)(name, 40),
+    val,
+    variable: import_constants.isWeb ? createCSSVariable(name) : ""
+  };
+};
+function variableToString(vrble, getValue = false) {
+  if (isVariable(vrble)) {
+    if (!getValue && import_constants.isWeb && vrble.variable) {
+      return vrble.variable;
+    }
+    return `${vrble.val}`;
+  }
+  return `${vrble || ""}`;
+}
+function isVariable(v) {
+  return v && typeof v === "object" && IS_VAR in v;
+}
+function getVariable(nameOrVariable) {
+  setDidGetVariableValue(true);
+  if (isVariable(nameOrVariable)) {
+    return variableToString(nameOrVariable);
+  }
+  const tokens = (0, import_config.getConfig)().tokensParsed;
+  return variableToString(tokens[nameOrVariable] ?? nameOrVariable);
+}
+let accessed = false;
+const setDidGetVariableValue = (val) => accessed = val;
+const didGetVariableValue = () => accessed;
+function getVariableValue(v) {
+  if (isVariable(v)) {
+    setDidGetVariableValue(true);
+    return v.val;
+  }
+  return v;
+}
+function getVariableName(v) {
+  if (isVariable(v))
+    return v.name;
+  return v;
+}
+function getVariableVariable(v) {
+  if (isVariable(v))
+    return v.variable;
+  return v;
+}
+const createCSSVariable = (nameProp, includeVar = true) => {
+  if (process.env.NODE_ENV === "development") {
+    if (!nameProp || typeof nameProp !== "string") {
+      throw new Error(`createCSSVariable expected string: ${nameProp}`);
+    }
+  }
+  const name = (0, import_helpers.simpleHash)(nameProp, 60);
+  return includeVar ? `var(--${name})` : name;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createCSSVariable,
+  createVariable,
+  didGetVariableValue,
+  getVariable,
+  getVariableName,
+  getVariableValue,
+  getVariableVariable,
+  isVariable,
+  setDidGetVariableValue,
+  variableToString
+});
+//# sourceMappingURL=createVariable.js.map

package/dist/cjs/createVariable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createVariable.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { simpleHash } from '@tamagui/helpers'\n\nimport { getConfig } from './config'\n\n/**\n * Should rename this to Token\n * Moving to objects for React Server Components support\n */\n\nconst IS_VAR = 'isVar'\n\nexport interface Variable<A = any> {\n  [IS_VAR]?: true\n  variable?: string\n  val: A\n  name: string\n  key: string\n}\n\nexport type MakeVariable<A = any> = A extends string | number ? Variable<A> : A\n\ntype VariableIn<A = any> = Pick<Variable<A>, 'key' | 'name' | 'val'>\nexport const createVariable = <A extends string | number = any>(\n  props: VariableIn<A>\n): Variable<A> => {\n  if (isVariable(props)) return props\n  const { key, name, val } = props\n  return {\n    [IS_VAR]: true,\n    key: key!,\n    name: simpleHash(name, 40),\n    val: val as any,\n    variable: isWeb ? createCSSVariable(name) : '',\n  }\n}\n\n// could do weakmap cache\nexport function variableToString(vrble?: any, getValue = false) {\n  if (isVariable(vrble)) {\n    if (!getValue && isWeb && vrble.variable) {\n      return vrble.variable\n    }\n    return `${vrble.val}`\n  }\n  return `${vrble || ''}`\n}\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v && typeof v === 'object' && IS_VAR in v\n}\n\nexport function getVariable(nameOrVariable: Variable | string) {\n  setDidGetVariableValue(true)\n  if (isVariable(nameOrVariable)) {\n    return variableToString(nameOrVariable)\n  }\n  const tokens = getConfig().tokensParsed\n  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)\n}\n\nlet accessed = false\nexport const setDidGetVariableValue = (val: boolean) => (accessed = val)\nexport const didGetVariableValue = () => accessed\n\nexport function getVariableValue(v: Variable | any) {\n  if (isVariable(v)) {\n    setDidGetVariableValue(true)\n    return v.val\n  }\n  return v\n}\n\nexport function getVariableName(v: Variable | any) {\n  if (isVariable(v)) return v.name\n  return v\n}\n\nexport function getVariableVariable(v: Variable | any) {\n  if (isVariable(v)) return v.variable\n  return v\n}\n\n// bugfix { space: { 0.5: 10 } } was generating var(--space-0.5) (invalid CSS):\nexport const createCSSVariable = (nameProp: string, includeVar = true) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (!nameProp || typeof nameProp !== 'string') {\n      throw new Error(`createCSSVariable expected string: ${nameProp}`)\n    }\n  }\n  const name = simpleHash(nameProp, 60)\n  return includeVar ? `var(--${name})` : name\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AACtB,qBAA2B;AAE3B,oBAA0B;AAO1B,MAAM,SAAS;AAaR,MAAM,iBAAiB,CAC5B,UACgB;AAChB,MAAI,WAAW,KAAK;AAAG,WAAO;AAC9B,QAAM,EAAE,KAAK,MAAM,IAAI,IAAI;AAC3B,SAAO;AAAA,IACL,CAAC,MAAM,GAAG;AAAA,IACV;AAAA,IACA,UAAM,2BAAW,MAAM,EAAE;AAAA,IACzB;AAAA,IACA,UAAU,yBAAQ,kBAAkB,IAAI,IAAI;AAAA,EAC9C;AACF;AAGO,SAAS,iBAAiB,OAAa,WAAW,OAAO;AAC9D,MAAI,WAAW,KAAK,GAAG;AACrB,QAAI,CAAC,YAAY,0BAAS,MAAM,UAAU;AACxC,aAAO,MAAM;AAAA,IACf;AACA,WAAO,GAAG,MAAM;AAAA,EAClB;AACA,SAAO,GAAG,SAAS;AACrB;AAEO,SAAS,WAAW,GAAkC;AAC3D,SAAO,KAAK,OAAO,MAAM,YAAY,UAAU;AACjD;AAEO,SAAS,YAAY,gBAAmC;AAC7D,yBAAuB,IAAI;AAC3B,MAAI,WAAW,cAAc,GAAG;AAC9B,WAAO,iBAAiB,cAAc;AAAA,EACxC;AACA,QAAM,aAAS,yBAAU,EAAE;AAC3B,SAAO,iBAAiB,OAAO,cAAc,KAAK,cAAc;AAClE;AAEA,IAAI,WAAW;AACR,MAAM,yBAAyB,CAAC,QAAkB,WAAW;AAC7D,MAAM,sBAAsB,MAAM;AAElC,SAAS,iBAAiB,GAAmB;AAClD,MAAI,WAAW,CAAC,GAAG;AACjB,2BAAuB,IAAI;AAC3B,WAAO,EAAE;AAAA,EACX;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,GAAmB;AACjD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAEO,SAAS,oBAAoB,GAAmB;AACrD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAGO,MAAM,oBAAoB,CAAC,UAAkB,aAAa,SAAS;AACxE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,YAAY,OAAO,aAAa,UAAU;AAC7C,YAAM,IAAI,MAAM,sCAAsC,UAAU;AAAA,IAClE;AAAA,EACF;AACA,QAAM,WAAO,2BAAW,UAAU,EAAE;AACpC,SAAO,aAAa,SAAS,UAAU;AACzC;",
+  "names": []
+}

package/dist/cjs/createVariable.web.test.js

@@ -0,0 +1,7 @@
+"use strict";
+var import_vitest = require("vitest");
+var import_createVariable = require("./createVariable");
+(0, import_vitest.test)("dots", () => {
+  (0, import_vitest.expect)((0, import_createVariable.createCSSVariable)("yellow.10")).toBe("var(--yellow101a)");
+});
+//# sourceMappingURL=createVariable.web.test.js.map

package/dist/cjs/createVariable.web.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createVariable.web.test.tsx"],
+  "sourcesContent": ["import { expect, test } from 'vitest'\n\nimport { createCSSVariable } from './createVariable'\n\ntest('dots', () => {\n  expect(createCSSVariable('yellow.10')).toBe('var(--yellow101a)')\n})\n"],
+  "mappings": ";AAAA,oBAA6B;AAE7B,4BAAkC;AAAA,IAElC,oBAAK,QAAQ,MAAM;AACjB,gCAAO,yCAAkB,WAAW,CAAC,EAAE,KAAK,mBAAmB;AACjE,CAAC;",
+  "names": []
+}

package/dist/cjs/createVariables.js

@@ -0,0 +1,60 @@
+"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 createVariables_exports = {};
+__export(createVariables_exports, {
+  createVariables: () => createVariables,
+  tokensKeysOrdered: () => tokensKeysOrdered
+});
+module.exports = __toCommonJS(createVariables_exports);
+var import_helpers = require("@tamagui/helpers");
+var import_createVariable = require("./createVariable");
+const tokensKeysOrdered = /* @__PURE__ */ new WeakMap();
+const createVariables = (tokens, parentPath = "", isFont = false) => {
+  const res = {};
+  let i = 0;
+  for (let key in tokens) {
+    i++;
+    const val = tokens[key];
+    if (key[0] === "$") {
+      key = key.slice(1);
+    }
+    if ((0, import_createVariable.isVariable)(val)) {
+      res[key] = val;
+      continue;
+    }
+    const niceKey = (0, import_helpers.simpleHash)(key);
+    let name = isFont ? niceKey.slice(0, 2) : i;
+    name = parentPath ? `${parentPath}-${name}` : niceKey;
+    if (val && typeof val === "object") {
+      res[key] = createVariables(tokens[key], name);
+      continue;
+    }
+    res[key] = (0, import_createVariable.isVariable)(val) ? val : (0, import_createVariable.createVariable)({ val, name, key: niceKey });
+  }
+  if (parentPath === "size" || parentPath === "space") {
+    tokensKeysOrdered.set(res, Object.keys(tokens));
+  }
+  return res;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createVariables,
+  tokensKeysOrdered
+});
+//# sourceMappingURL=createVariables.js.map

package/dist/cjs/createVariables.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createVariables.ts"],
+  "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { Variable, createVariable, isVariable } from './createVariable'\n\ntype DeepTokenObject<Val extends string | number = any> = {\n  [key: string]: Val | DeepTokenObject<Val>\n}\n\nexport type DeepVariableObject<A extends DeepTokenObject> = {\n  [Key in keyof A]: A[Key] extends string | number\n    ? Variable<A[Key]>\n    : A[Key] extends DeepTokenObject\n    ? DeepVariableObject<A[Key]>\n    : never\n}\n\nexport const tokensKeysOrdered = new WeakMap()\n\nexport const createVariables = <A extends DeepTokenObject>(\n  tokens: A,\n  parentPath = '',\n  isFont = false\n): DeepVariableObject<A> => {\n  const res: any = {}\n  let i = 0\n  for (let key in tokens) {\n    i++\n    const val = tokens[key]\n    // always remove $ prefix\n    if (key[0] === '$') {\n      // @ts-ignore\n      key = key.slice(1)\n    }\n    if (isVariable(val)) {\n      res[key] = val\n      continue\n    }\n    const niceKey = simpleHash(key)\n    let name = isFont ? niceKey.slice(0, 2) : i\n    name = parentPath ? `${parentPath}-${name}` : niceKey\n    if (val && typeof val === 'object') {\n      // recurse\n      res[key] = createVariables(tokens[key] as any, name)\n      continue\n    }\n    res[key] = isVariable(val) ? val : createVariable({ val, name, key: niceKey })\n  }\n\n  // ordering for relative sizing for now just size/space\n  if (parentPath === 'size' || parentPath === 'space') {\n    tokensKeysOrdered.set(res, Object.keys(tokens))\n  }\n\n  return res\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA2B;AAE3B,4BAAqD;AAc9C,MAAM,oBAAoB,oBAAI,QAAQ;AAEtC,MAAM,kBAAkB,CAC7B,QACA,aAAa,IACb,SAAS,UACiB;AAC1B,QAAM,MAAW,CAAC;AAClB,MAAI,IAAI;AACR,WAAS,OAAO,QAAQ;AACtB;AACA,UAAM,MAAM,OAAO,GAAG;AAEtB,QAAI,IAAI,CAAC,MAAM,KAAK;AAElB,YAAM,IAAI,MAAM,CAAC;AAAA,IACnB;AACA,YAAI,kCAAW,GAAG,GAAG;AACnB,UAAI,GAAG,IAAI;AACX;AAAA,IACF;AACA,UAAM,cAAU,2BAAW,GAAG;AAC9B,QAAI,OAAO,SAAS,QAAQ,MAAM,GAAG,CAAC,IAAI;AAC1C,WAAO,aAAa,GAAG,cAAc,SAAS;AAC9C,QAAI,OAAO,OAAO,QAAQ,UAAU;AAElC,UAAI,GAAG,IAAI,gBAAgB,OAAO,GAAG,GAAU,IAAI;AACnD;AAAA,IACF;AACA,QAAI,GAAG,QAAI,kCAAW,GAAG,IAAI,UAAM,sCAAe,EAAE,KAAK,MAAM,KAAK,QAAQ,CAAC;AAAA,EAC/E;AAGA,MAAI,eAAe,UAAU,eAAe,SAAS;AACnD,sBAAkB,IAAI,KAAK,OAAO,KAAK,MAAM,CAAC;AAAA,EAChD;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/helpers/RNComponents.js

@@ -0,0 +1,40 @@
+"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 RNComponents_exports = {};
+__export(RNComponents_exports, {
+  RNComponents: () => RNComponents
+});
+module.exports = __toCommonJS(RNComponents_exports);
+var import_react_native = require("react-native");
+const RNComponents = /* @__PURE__ */ new Set([
+  import_react_native.Image,
+  import_react_native.TextInput,
+  import_react_native.Text,
+  import_react_native.View,
+  // see fake-react-native + styled() check
+  "Image",
+  "TextInput",
+  "Text",
+  "View"
+]);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RNComponents
+});
+//# sourceMappingURL=RNComponents.js.map

package/dist/cjs/helpers/RNComponents.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/RNComponents.tsx"],
+  "sourcesContent": ["import { Image, Text, TextInput, View } from 'react-native'\n\n// limited support\nexport const RNComponents = new Set<any>([\n  Image,\n  TextInput,\n  Text,\n  View,\n  // see fake-react-native + styled() check\n  'Image',\n  'TextInput',\n  'Text',\n  'View',\n])\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6C;AAGtC,MAAM,eAAe,oBAAI,IAAS;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
+  "names": []
+}

package/dist/cjs/helpers/ThemeManager.js

@@ -0,0 +1,234 @@
+"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 ThemeManager_exports = {};
+__export(ThemeManager_exports, {
+  ThemeManager: () => ThemeManager,
+  hasNoThemeUpdatingProps: () => hasNoThemeUpdatingProps
+});
+module.exports = __toCommonJS(ThemeManager_exports);
+var import_config = require("../config");
+var import_constants = require("../constants/constants");
+var import_getThemeUnwrapped = require("../hooks/getThemeUnwrapped");
+const emptyState = { name: "" };
+function hasNoThemeUpdatingProps(props) {
+  return !(props.name || props.componentName || props.inverse || props.reset);
+}
+class ThemeManager {
+  constructor(props = {}, parentManager) {
+    this.props = props;
+    this.themeListeners = /* @__PURE__ */ new Set();
+    this.parentManager = null;
+    this.state = emptyState;
+    this._allKeys = null;
+    if (parentManager === "root") {
+      this.updateState(props, false);
+      return;
+    }
+    if (!parentManager) {
+      if (process.env.NODE_ENV !== "production") {
+        console.trace();
+        throw new Error(`No parent manager given`);
+      }
+      throw `\u274C`;
+    }
+    this.themeListeners = parentManager.themeListeners;
+    if (hasNoThemeUpdatingProps(props)) {
+      return parentManager;
+    }
+    if (parentManager) {
+      this.parentManager = parentManager;
+    }
+    const updatedState = this.getStateIfChanged(props);
+    if (updatedState) {
+      this.state = updatedState;
+      return;
+    }
+    return parentManager || this;
+  }
+  updateState(props = this.props || {}, notify = true) {
+    const shouldFlush = (() => {
+      if (props.forceTheme) {
+        this.state.theme = props.forceTheme;
+        this.state.name = props.name || "";
+        return true;
+      }
+      const nextState = this.getStateIfChanged(props);
+      if (nextState) {
+        this.state = nextState;
+        return true;
+      }
+    })();
+    if (shouldFlush) {
+      this._allKeys = null;
+      notify && this.notify();
+      return this.state;
+    }
+  }
+  getStateIfChanged(props = this.props, state = this.state, parentManager = this.parentManager) {
+    const _ = this.getState(props, parentManager);
+    if (state && state !== emptyState && !_) {
+      return parentManager == null ? void 0 : parentManager.state;
+    }
+    if (this.getStateShouldChange(_, state)) {
+      return _;
+    }
+  }
+  getStateShouldChange(nextState, state = this.state) {
+    if (!(nextState == null ? void 0 : nextState.theme) || nextState.theme === (state == null ? void 0 : state.theme)) {
+      return false;
+    }
+    return true;
+  }
+  getState(props = this.props, parentManager = this.parentManager) {
+    return getState(props, parentManager) || (process.env.TAMAGUI_TARGET === "native" ? (parentManager == null ? void 0 : parentManager.state) || null : null);
+  }
+  get allKeys() {
+    var _a;
+    this._allKeys || (this._allKeys = /* @__PURE__ */ new Set([
+      ...((_a = this.parentManager) == null ? void 0 : _a.allKeys) || [],
+      ...Object.keys(this.state.theme || {})
+    ]));
+    return this._allKeys;
+  }
+  // gets value going up to parents
+  getValue(key, state) {
+    if (!key)
+      return;
+    let theme = (state || this.state).theme;
+    let manager = this;
+    while (theme && manager) {
+      if (key in theme) {
+        return theme[key];
+      }
+      manager = manager.parentManager;
+      theme = manager == null ? void 0 : manager.state.theme;
+    }
+    const tokens = (0, import_config.getTokens)();
+    if (key in tokens.color) {
+      return tokens.color[key];
+    }
+  }
+  notify() {
+    this.themeListeners.forEach((cb) => cb(this.state.name, this));
+  }
+  onChangeTheme(cb) {
+    this.themeListeners.add(cb);
+    return () => {
+      this.themeListeners.delete(cb);
+    };
+  }
+}
+function getNextThemeClassName(name, isInverting = false) {
+  const next = `${import_constants.THEME_CLASSNAME_PREFIX}${name}`;
+  if (isInverting) {
+    return next;
+  }
+  return next.replace("light_", "").replace("dark_", "");
+}
+const cache = /* @__PURE__ */ new WeakMap();
+function getState(props, parentManager) {
+  var _a, _b, _c;
+  const cached = cache.get(props);
+  if (cached && cached[0] === parentManager) {
+    return cached[1];
+  }
+  const themes = (0, import_config.getThemes)();
+  if (props.name && props.reset) {
+    throw new Error("Cannot reset + set new name");
+  }
+  if (props.reset && !(parentManager == null ? void 0 : parentManager.parentManager)) {
+    throw new Error("Cannot reset no grandparent exists");
+  }
+  let result = null;
+  const nextName = props.reset ? ((_b = (_a = parentManager == null ? void 0 : parentManager.parentManager) == null ? void 0 : _a.state) == null ? void 0 : _b.name) || "" : props.name || "";
+  const { componentName } = props;
+  const parentName = ((_c = parentManager == null ? void 0 : parentManager.state) == null ? void 0 : _c.name) || "";
+  const base = parentName.split(import_constants.THEME_NAME_SEPARATOR);
+  const lastSegment = base[base.length - 1];
+  const isParentAComponentTheme = parentName && lastSegment[0].toUpperCase() === lastSegment[0];
+  if (isParentAComponentTheme) {
+    base.pop();
+  }
+  const parentBaseTheme = isParentAComponentTheme ? base.slice(0, base.length).join(import_constants.THEME_NAME_SEPARATOR) : parentName;
+  const max = base.length;
+  const min = componentName && !nextName ? max : 0;
+  if (process.env.NODE_ENV === "development" && props.debug === "verbose")
+    [console.groupCollapsed("ThemeManager.getState()", props, { parentName, parentBaseTheme, base, min, max, isParentAComponentTheme }), console.trace(), console.groupEnd()];
+  for (let i = max; i >= min; i--) {
+    let prefix = base.slice(0, i).join(import_constants.THEME_NAME_SEPARATOR);
+    if (props.inverse) {
+      prefix = inverseThemeName(prefix);
+    }
+    const potentials = [];
+    if (prefix && prefix !== parentBaseTheme) {
+      potentials.push(prefix);
+    }
+    if (nextName) {
+      potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName);
+    }
+    if (i === 1) {
+      const lastSegment2 = potentials.findIndex((x) => !x.includes("_"));
+      if (lastSegment2 > 0) {
+        potentials.splice(lastSegment2, 0, nextName);
+      }
+    }
+    if (componentName) {
+      if (nextName) {
+        potentials.push(
+          `${prefix.slice(
+            0,
+            prefix.indexOf(import_constants.THEME_NAME_SEPARATOR)
+          )}_${nextName}_${componentName}`
+        );
+      }
+      potentials.push(`${prefix}_${componentName}`);
+      if (nextName) {
+        potentials.unshift(`${prefix}_${nextName}_${componentName}`);
+      }
+    }
+    const found = potentials.find((t) => t in themes);
+    if (process.env.NODE_ENV === "development" && props.debug === "verbose")
+      console.log("getState found", found, "from", potentials, "parentName", parentName);
+    if (found) {
+      if (found === parentName) {
+        break;
+      }
+      result = {
+        name: found,
+        theme: (0, import_getThemeUnwrapped.getThemeUnwrapped)(themes[found]),
+        className: getNextThemeClassName(found, props.inverse),
+        parentName
+      };
+      break;
+    }
+  }
+  if (parentManager) {
+    cache.set(props, [parentManager, result]);
+  }
+  return result;
+}
+const inverseThemeName = (themeName) => {
+  return themeName.startsWith("light") ? themeName.replace(/^light/, "dark") : themeName.replace(/^dark/, "light");
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeManager,
+  hasNoThemeUpdatingProps
+});
+//# sourceMappingURL=ThemeManager.js.map