@tamagui/web 1.14.1 → 1.14.2

package/dist/cjs/createTheme.js

@@ -1,2 +1,31 @@
-"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var s=(e,r)=>{for(var i in r)a(e,i,{get:r[i],enumerable:!0})},c=(e,r,i,m)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of h(r))!T.call(e,t)&&t!==i&&a(e,t,{get:()=>r[t],enumerable:!(m=n(r,t))||m.enumerable});return e};var o=e=>c(a({},"__esModule",{value:!0}),e);var l={};s(l,{createTheme:()=>b});module.exports=o(l);const b=e=>e;0&&(module.exports={createTheme});
+"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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createTheme.ts"],
   "sourcesContent": ["import type { Variable } from './createVariable.js'\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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAMO,MAAME,EACXE,GAIOA",
-  "names": ["createTheme_exports", "__export", "createTheme", "__toCommonJS", "theme"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,cAAc,CACzB,UAGG;AACH,SAAO;AACT;",
+  "names": []
 }

package/dist/cjs/createTokens.js

@@ -1,2 +1,39 @@
-"use strict";var o=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var d=(e,n)=>{for(var i in n)o(e,i,{get:n[i],enumerable:!0})},b=(e,n,i,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of k(n))!y.call(e,r)&&r!==i&&o(e,r,{get:()=>n[r],enumerable:!(a=t(n,r))||a.enumerable});return e};var x=e=>b(o({},"__esModule",{value:!0}),e);var c={};d(c,{createTokens:()=>f});module.exports=x(c);var s=require("./createVariables.js");function f(e){return(0,s.createVariables)(e)}const u=f({size:{0:1},space:{0:1},radius:{0:1},zIndex:{0:1},color:{0:"hi"}});0&&(module.exports={createTokens});
+"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.js");
+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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createTokens.ts"],
   "sourcesContent": ["import { Variable } from './createVariable.js'\nimport { createVariables } from './createVariables.js'\nimport { CreateTokens } from './types.js'\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\n// TODO move to tests\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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAgC,gCAIzB,SAASF,EAAqCG,EAA0B,CAC7E,SAAO,mBAAgBA,CAAM,CAC/B,CAiCA,MAAMA,EAASH,EAAa,CAC1B,KAAM,CAAE,EAAG,CAAE,EACb,MAAO,CAAE,EAAG,CAAE,EACd,OAAQ,CAAE,EAAG,CAAE,EACf,OAAQ,CAAE,EAAG,CAAE,EACf,MAAO,CAAE,EAAG,IAAK,CACnB,CAAC",
-  "names": ["createTokens_exports", "__export", "createTokens", "__toCommonJS", "import_createVariables", "tokens"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,6BAAgC;AAIzB,SAAS,aAAqCA,SAA0B;AAC7E,aAAO,wCAAgBA,OAAM;AAC/B;AAiCA,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/createVariable.js

@@ -1,2 +1,111 @@
-"use strict";var o=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var A=(e,r)=>{for(var a in r)o(e,a,{get:r[a],enumerable:!0})},m=(e,r,a,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of p(r))!x.call(e,n)&&n!==a&&o(e,n,{get:()=>r[n],enumerable:!(i=g(r,n))||i.enumerable});return e};var d=e=>m(o({},"__esModule",{value:!0}),e);var E={};A(E,{createCSSVariable:()=>y,createVariable:()=>k,didGetVariableValue:()=>v,getVariable:()=>S,getVariableName:()=>$,getVariableValue:()=>I,getVariableVariable:()=>C,isVariable:()=>t,setDidGetVariableValue:()=>b,variableToString:()=>u});module.exports=d(E);var l=require("@tamagui/constants"),s=require("@tamagui/helpers"),f=require("./config.js");const V="isVar",k=e=>{if(t(e))return e;const{key:r,name:a,val:i}=e;return{[V]:!0,key:r,name:(0,s.simpleHash)(a,40),val:i,variable:l.isWeb?y(a):""}};function u(e,r=!1){return t(e)?!r&&l.isWeb&&e.variable?e.variable:`${e.val}`:`${e||""}`}function t(e){return e&&typeof e=="object"&&V in e}function S(e){if(b(!0),t(e))return u(e);const r=(0,f.getConfig)().tokensParsed;return u(r[e]??e)}let c=!1;const b=e=>c=e,v=()=>c;function I(e){return t(e)?(b(!0),e.val):e}function $(e){return t(e)?e.name:e}function C(e){return t(e)?e.variable:e}const y=(e,r=!0)=>{if(process.env.NODE_ENV==="development"&&(!e||typeof e!="string"))throw new Error(`createCSSVariable expected string: ${e}`);const a=(0,s.simpleHash)(e,60);return r?`var(--${a})`:a};0&&(module.exports={createCSSVariable,createVariable,didGetVariableValue,getVariable,getVariableName,getVariableValue,getVariableVariable,isVariable,setDidGetVariableValue,variableToString});
+"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.js");
+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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createVariable.ts"],
   "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { simpleHash } from '@tamagui/helpers'\n\nimport { getConfig } from './config.js'\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 | Variable = 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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,mBAAAC,EAAA,wBAAAC,EAAA,gBAAAC,EAAA,oBAAAC,EAAA,qBAAAC,EAAA,wBAAAC,EAAA,eAAAC,EAAA,2BAAAC,EAAA,qBAAAC,IAAA,eAAAC,EAAAZ,GAAA,IAAAa,EAAsB,8BACtBC,EAA2B,4BAE3BC,EAA0B,uBAO1B,MAAMC,EAAS,QAaFb,EACXc,GACgB,CAChB,GAAIR,EAAWQ,CAAK,EAAG,OAAOA,EAC9B,KAAM,CAAE,IAAAC,EAAK,KAAAC,EAAM,IAAAC,CAAI,EAAIH,EAC3B,MAAO,CACL,CAACD,CAAM,EAAG,GACV,IAAKE,EACL,QAAM,cAAWC,EAAM,EAAE,EACzB,IAAKC,EACL,SAAU,QAAQlB,EAAkBiB,CAAI,EAAI,EAC9C,CACF,EAGO,SAASR,EAAiBU,EAAaC,EAAW,GAAO,CAC9D,OAAIb,EAAWY,CAAK,EACd,CAACC,GAAY,SAASD,EAAM,SACvBA,EAAM,SAER,GAAGA,EAAM,MAEX,GAAGA,GAAS,IACrB,CAEO,SAASZ,EAAWc,EAAkC,CAC3D,OAAOA,GAAK,OAAOA,GAAM,UAAYP,KAAUO,CACjD,CAEO,SAASlB,EAAYmB,EAAmC,CAE7D,GADAd,EAAuB,EAAI,EACvBD,EAAWe,CAAc,EAC3B,OAAOb,EAAiBa,CAAc,EAExC,MAAMC,KAAS,aAAU,EAAE,aAC3B,OAAOd,EAAiBc,EAAOD,CAAc,GAAKA,CAAc,CAClE,CAEA,IAAIE,EAAW,GACR,MAAMhB,EAA0BU,GAAkBM,EAAWN,EACvDhB,EAAsB,IAAMsB,EAElC,SAASnB,EAAiBgB,EAAmB,CAClD,OAAId,EAAWc,CAAC,GACdb,EAAuB,EAAI,EACpBa,EAAE,KAEJA,CACT,CAEO,SAASjB,EAAgBiB,EAAmB,CACjD,OAAId,EAAWc,CAAC,EAAUA,EAAE,KACrBA,CACT,CAEO,SAASf,EAAoBe,EAAmB,CACrD,OAAId,EAAWc,CAAC,EAAUA,EAAE,SACrBA,CACT,CAGO,MAAMrB,EAAoB,CAACyB,EAAkBC,EAAa,KAAS,CACxE,GAAI,QAAQ,IAAI,WAAa,gBACvB,CAACD,GAAY,OAAOA,GAAa,UACnC,MAAM,IAAI,MAAM,sCAAsCA,GAAU,EAGpE,MAAMR,KAAO,cAAWQ,EAAU,EAAE,EACpC,OAAOC,EAAa,SAAST,KAAUA,CACzC",
-  "names": ["createVariable_exports", "__export", "createCSSVariable", "createVariable", "didGetVariableValue", "getVariable", "getVariableName", "getVariableValue", "getVariableVariable", "isVariable", "setDidGetVariableValue", "variableToString", "__toCommonJS", "import_constants", "import_helpers", "import_config", "IS_VAR", "props", "key", "name", "val", "vrble", "getValue", "v", "nameOrVariable", "tokens", "accessed", "nameProp", "includeVar"]
+  "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/createVariables.js

@@ -1,2 +1,60 @@
-"use strict";var l=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var k=(t,e)=>{for(var s in e)l(t,s,{get:e[s],enumerable:!0})},A=(t,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of j(e))!O.call(t,a)&&a!==s&&l(t,a,{get:()=>e[a],enumerable:!(i=f(e,a))||i.enumerable});return t};var m=t=>A(l({},"__esModule",{value:!0}),t);var x={};k(x,{createVariables:()=>V,tokensKeysOrdered:()=>p});module.exports=m(x);var y=require("@tamagui/helpers"),c=require("./createVariable.js");const p=new WeakMap,V=(t,e="",s=!1)=>{const i={};let a=0;for(let n in t){a++;const r=t[n];if(n[0]==="$"&&(n=n.slice(1)),(0,c.isVariable)(r)){i[n]=r;continue}const b=(0,y.simpleHash)(n);let o=s?b.slice(0,2):a;if(o=e?`${e}-${o}`:b,r&&typeof r=="object"){i[n]=V(t[n],o);continue}i[n]=(0,c.isVariable)(r)?r:(0,c.createVariable)({val:r,name:o,key:b})}return(e==="size"||e==="space")&&p.set(i,Object.keys(t)),i};0&&(module.exports={createVariables,tokensKeysOrdered});
+"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.js");
+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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createVariables.ts"],
   "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { Variable, createVariable, isVariable } from './createVariable.js'\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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,sBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA2B,4BAE3BC,EAAqD,+BAc9C,MAAMH,EAAoB,IAAI,QAExBD,EAAkB,CAC7BK,EACAC,EAAa,GACbC,EAAS,KACiB,CAC1B,MAAMC,EAAW,CAAC,EAClB,IAAIC,EAAI,EACR,QAASC,KAAOL,EAAQ,CACtBI,IACA,MAAME,EAAMN,EAAOK,CAAG,EAMtB,GAJIA,EAAI,CAAC,IAAM,MAEbA,EAAMA,EAAI,MAAM,CAAC,MAEf,cAAWC,CAAG,EAAG,CACnBH,EAAIE,CAAG,EAAIC,EACX,QACF,CACA,MAAMC,KAAU,cAAWF,CAAG,EAC9B,IAAIG,EAAON,EAASK,EAAQ,MAAM,EAAG,CAAC,EAAIH,EAE1C,GADAI,EAAOP,EAAa,GAAGA,KAAcO,IAASD,EAC1CD,GAAO,OAAOA,GAAQ,SAAU,CAElCH,EAAIE,CAAG,EAAIV,EAAgBK,EAAOK,CAAG,EAAUG,CAAI,EACnD,QACF,CACAL,EAAIE,CAAG,KAAI,cAAWC,CAAG,EAAIA,KAAM,kBAAe,CAAE,IAAAA,EAAK,KAAAE,EAAM,IAAKD,CAAQ,CAAC,CAC/E,CAGA,OAAIN,IAAe,QAAUA,IAAe,UAC1CL,EAAkB,IAAIO,EAAK,OAAO,KAAKH,CAAM,CAAC,EAGzCG,CACT",
-  "names": ["createVariables_exports", "__export", "createVariables", "tokensKeysOrdered", "__toCommonJS", "import_helpers", "import_createVariable", "tokens", "parentPath", "isFont", "res", "i", "key", "val", "niceKey", "name"]
+  "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/ThemeManager.js

@@ -1,2 +1,244 @@
-"use strict";var S=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var x=(s,e)=>{for(var t in e)S(s,t,{get:e[t],enumerable:!0})},L=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of A(e))!k.call(s,n)&&n!==t&&S(s,n,{get:()=>e[n],enumerable:!(i=b(e,n))||i.enumerable});return s};var O=s=>L(S({},"__esModule",{value:!0}),s);var U={};x(U,{ThemeManager:()=>K,hasNoThemeUpdatingProps:()=>$});module.exports=O(U);var g=require("../config.js"),m=require("../constants/constants.js"),P=require("../hooks/getThemeUnwrapped.js");const C={name:""};function $(s){return!(s.name||s.componentName||s.inverse||s.reset)}let I=0;class K{constructor(e={},t){this.props=e;this.id=I++;this.themeListeners=new Set;this.parentManager=null;this.state=C;this._allKeys=null;if(t==="root"){this.updateState(e,!1);return}if(!t)throw process.env.NODE_ENV!=="production"?new Error("No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions."):"\u274C";if($(e))return t;t&&(this.parentManager=t);const i=this.getStateIfChanged(e);if(i){this.state=i;return}return t||this}updateState(e=this.props||{},t=!0){if((()=>{if(e.forceTheme)return this.state.theme=e.forceTheme,this.state.name=e.name||"",!0;const n=this.getStateIfChanged(e);if(n)return this.props=e,this.state=n,!0})())return this._allKeys=null,t&&this.notify(),this.state}getStateIfChanged(e=this.props,t=this.state,i=this.parentManager){const n=this.getState(e,i);if(t&&t!==C&&!n)return i==null?void 0:i.state;if(this.getStateShouldChange(n,t))return n}getStateShouldChange(e,t=this.state){return!(!(e!=null&&e.theme)||e.theme===(t==null?void 0:t.theme))}getState(e=this.props,t=this.parentManager){return D(e,t)||process.env.TAMAGUI_TARGET==="native"&&(t==null?void 0:t.state)||null}get allKeys(){var e;return this._allKeys||(this._allKeys=new Set([...((e=this.parentManager)==null?void 0:e.allKeys)||[],...Object.keys(this.state.theme||{})])),this._allKeys}getValue(e,t){if(!e)return;let i=(t||this.state).theme,n=this;for(;i&&n;){if(e in i)return i[e];n=n.parentManager,i=n==null?void 0:n.state.theme}const h=(0,g.getTokens)();if(e in h.color)return h.color[e]}notify(){this.themeListeners.forEach(e=>e(this.state.name,this))}onChangeTheme(e){return this.themeListeners.add(e),()=>{this.themeListeners.delete(e)}}}function V(s,e){const t=`t_sub_theme ${m.THEME_CLASSNAME_PREFIX}${s}`;return e.inverse||e.forceClassName?t+(t.includes("dark_")?" t_dark":t.includes("light_")?" t_light":""):t.replace("light_","").replace("dark_","")}function D(s,e){var v,p,y;const t=(0,g.getThemes)();if(s.name&&s.reset)throw new Error("Cannot reset + set new name");if(s.reset&&!(e!=null&&e.parentManager))return process.env.NODE_ENV==="development"&&console.warn("Cannot reset no grandparent exists"),null;let i=null;const n=s.reset?((p=(v=e==null?void 0:e.parentManager)==null?void 0:v.state)==null?void 0:p.name)||"":s.name||"",{componentName:h}=s,u=((y=e==null?void 0:e.state)==null?void 0:y.name)||"",o=u.split(m.THEME_NAME_SEPARATOR),_=o[o.length-1],d=u&&_[0].toUpperCase()===_[0];d&&o.pop();const N=d?o.slice(0,o.length).join(m.THEME_NAME_SEPARATOR):u,T=o.length,E=h&&!n?T:0;process.env.NODE_ENV==="development"&&typeof s.debug=="string"&&(console.groupCollapsed("ThemeManager.getState()"),console.log({parentName:u,parentBaseTheme:N,base:o,min:E,max:T,isParentComponentTheme:d}));for(let f=T;f>=E;f--){let l=o.slice(0,f).join(m.THEME_NAME_SEPARATOR);s.inverse&&(l=R(l));const r=[];if(l&&l!==N&&r.push(l),n&&r.unshift(l?`${l}_${n}`:n),f===1){const a=r.findIndex(w=>!w.includes("_"));a>0&&r.splice(a,0,n)}if(h){if(n){const a=l.slice(0,l.indexOf(m.THEME_NAME_SEPARATOR));r.push(`${a}_${n}_${h}`)}r.push(`${l}_${h}`),n&&r.unshift(`${l}_${n}_${h}`)}const c=r.find(a=>a in t);if(process.env.NODE_ENV==="development"&&typeof s.debug=="string"&&console.log(" - ",{found:c,potentials:r}),c){i={name:c,theme:(0,P.getThemeUnwrapped)(t[c]),className:V(c,s),parentName:u};break}}return process.env.NODE_ENV==="development"&&typeof s.debug=="string"&&(console.log({result:i}),console.trace(),console.groupEnd()),i}const R=s=>s.startsWith("light")?s.replace(/^light/,"dark"):s.replace(/^dark/,"light");0&&(module.exports={ThemeManager,hasNoThemeUpdatingProps});
+"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.js");
+var import_constants = require("../constants/constants.js");
+var import_getThemeUnwrapped = require("../hooks/getThemeUnwrapped.js");
+const emptyState = { name: "" };
+function hasNoThemeUpdatingProps(props) {
+  return !(props.name || props.componentName || props.inverse || props.reset);
+}
+let uid = 0;
+class ThemeManager {
+  constructor(props = {}, parentManager) {
+    this.props = props;
+    this.id = uid++;
+    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") {
+        throw new Error(
+          `No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions.`
+        );
+      }
+      throw `\u274C`;
+    }
+    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.props = props;
+        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, props) {
+  const next = `t_sub_theme ${import_constants.THEME_CLASSNAME_PREFIX}${name}`;
+  if (props.inverse || props.forceClassName) {
+    return next + // ensure you invert to base dark as well as specific dark
+    // ... logic should likely be elsewhere
+    (next.includes("dark_") ? ` t_dark` : next.includes("light_") ? ` t_light` : "");
+  }
+  return next.replace("light_", "").replace("dark_", "");
+}
+function getState(props, parentManager) {
+  var _a, _b, _c;
+  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)) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn("Cannot reset no grandparent exists");
+    }
+    return null;
+  }
+  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 isParentComponentTheme = parentName && lastSegment[0].toUpperCase() === lastSegment[0];
+  if (isParentComponentTheme) {
+    base.pop();
+  }
+  const parentBaseTheme = isParentComponentTheme ? 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" && typeof props.debug === "string") {
+    console.groupCollapsed("ThemeManager.getState()");
+    console.log({
+      parentName,
+      parentBaseTheme,
+      base,
+      min,
+      max,
+      isParentComponentTheme
+    });
+  }
+  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) {
+        const beforeSeparator = prefix.slice(0, prefix.indexOf(import_constants.THEME_NAME_SEPARATOR));
+        potentials.push(`${beforeSeparator}_${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" && typeof props.debug === "string") {
+      console.log(" - ", { found, potentials });
+    }
+    if (found) {
+      result = {
+        name: found,
+        theme: (0, import_getThemeUnwrapped.getThemeUnwrapped)(themes[found]),
+        className: getNextThemeClassName(found, props),
+        parentName
+      };
+      break;
+    }
+  }
+  if (process.env.NODE_ENV === "development" && typeof props.debug === "string") {
+    console.log({
+      result
+    });
+    console.trace();
+    console.groupEnd();
+  }
+  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