@tamagui/core 1.0.1-beta.219 → 1.0.1-beta.221

package/dist/esm/createTokens.js.map

@@ -1,7 +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) 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        [Key in keyof E]: E[Key] extends Variable ? E[Key] : Variable<E[Key]>\n      }\n      space: {\n        [Key in keyof F]: F[Key] extends Variable ? F[Key] : Variable<F[Key]>\n      }\n      size: {\n        [Key in keyof G]: G[Key] extends Variable ? G[Key] : Variable<G[Key]>\n      }\n      radius: {\n        [Key in keyof H]: H[Key] extends Variable ? H[Key] : Variable<H[Key]>\n      }\n      zIndex: {\n        [Key in keyof J]: J[Key] extends Variable ? J[Key] : Variable<J[Key]>\n      }\n    }\n  : never\n"],
-  "mappings": "AACA,SAAS,uBAAuB;AAIzB,SAAS,aAAqC,QAA0B;AAC7E,SAAO,gBAAgB,MAAa;AACtC;",
+  "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        [Key in keyof E]: E[Key] extends Variable ? E[Key] : Variable<E[Key]>\n      }\n      space: {\n        [Key in keyof F]: F[Key] extends Variable ? F[Key] : Variable<F[Key]>\n      }\n      size: {\n        [Key in keyof G]: G[Key] extends Variable ? G[Key] : Variable<G[Key]>\n      }\n      radius: {\n        [Key in keyof H]: H[Key] extends Variable ? H[Key] : Variable<H[Key]>\n      }\n      zIndex: {\n        [Key in keyof J]: J[Key] extends Variable ? J[Key] : Variable<J[Key]>\n      }\n    }\n  : never\n"],
+  "mappings": "AACA,SAAS,uBAAuB;AAIzB,SAAS,aAAqC,QAA0B;AAC7E,SAAO,gBAAgB,MAAM;AAC/B;",
   "names": []
 }

package/dist/esm/createTokens.test.js

@@ -0,0 +1,26 @@
+import { getDefaultTamaguiConfig } from "@tamagui/config-default-node";
+import { expect, test } from "vitest";
+import { createTokens } from "./createTokens";
+test("snapshot", () => {
+  expect(createTokens(getDefaultTamaguiConfig().tokens)).toMatchSnapshot();
+});
+test("color name no dot", () => {
+  expect(
+    createTokens({
+      color: {
+        "yellow.10": "yellow"
+      }
+    })
+  ).toMatchObject({
+    color: {
+      "yellow.10": {
+        isVar: true,
+        key: "yellow101a",
+        name: "color-1",
+        val: "yellow",
+        variable: ""
+      }
+    }
+  });
+});
+//# sourceMappingURL=createTokens.test.js.map

package/dist/esm/createTokens.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createTokens.test.ts"],
+  "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: '',\n      },\n    },\n  })\n})\n"],
+  "mappings": "AAAA,SAAS,+BAA+B;AACxC,SAAS,QAAQ,YAAY;AAE7B,SAAS,oBAAoB;AAE7B,KAAK,YAAY,MAAM;AACrB,SAAO,aAAa,wBAAwB,EAAE,MAAM,CAAC,EAAE,gBAAgB;AACzE,CAAC;AAED,KAAK,qBAAqB,MAAM;AAC9B;AAAA,IAEE,aAAa;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/esm/createVariable.js

@@ -1,11 +1,10 @@
 import { isWeb } from "@tamagui/constants";
 import { simpleHash } from "@tamagui/helpers";
 import { getConfig } from "./config";
-const IS_VAR = "__isVar__";
+const IS_VAR = "isVar";
 const createVariable = (props) => {
-  if (isVariable(props)) {
+  if (isVariable(props))
     return props;
-  }
   return {
     [IS_VAR]: true,
     ...props,
@@ -13,14 +12,10 @@ const createVariable = (props) => {
   };
 };
 function variableToString(vrble, getValue = false) {
-  if (!vrble)
-    return "";
   if (isVariable(vrble)) {
-    if (getValue)
-      return `${vrble.val}`;
-    return `${isWeb ? vrble.variable : vrble.val}`;
+    return getValue ? `${vrble.val}` : `${isWeb ? vrble.variable : vrble.val}`;
   }
-  return `${vrble}`;
+  return `${vrble || ""}`;
 }
 function isVariable(v) {
   return !!(v && v[IS_VAR]);

package/dist/esm/createVariable.js.map

@@ -1,7 +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\ntype VariableIn<A = any> = {\n  val: A\n  name: string\n  key: string\n  isFloating?: boolean\n}\n\nexport type Variable<A = any> = VariableIn<A> & {\n  [IS_VAR]?: true\n  variable?: string\n}\n\nexport const createVariable = <A extends string | number = any>(props: VariableIn<A>) => {\n  if (isVariable(props)) {\n    return props\n  }\n  return {\n    [IS_VAR]: true,\n    // @ts-ignore\n    ...props,\n    variable: isWeb ? createCSSVariable(props.name) : '',\n  }\n}\n\n// on the client maybe we can change the prototype of variable object toString to keep backwards compat\nexport function variableToString(vrble?: any, getValue = false) {\n  if (!vrble) return ''\n  if (isVariable(vrble)) {\n    if (getValue) return `${vrble.val}`\n    return `${isWeb ? vrble.variable : vrble.val}`\n  }\n  return `${vrble}`\n}\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return !!(v && v[IS_VAR])\n}\n\nexport function getVariable(nameOrVariable: Variable | string) {\n  if (isVariable(nameOrVariable)) {\n    return variableToString(nameOrVariable)\n  }\n  const tokens = getConfig().tokensParsed\n  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)\n}\n\nexport function getVariableValue(v: Variable | any) {\n  if (isVariable(v)) return v.val\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,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAO1B,MAAM,SAAS;AAcR,MAAM,iBAAiB,CAAkC,UAAyB;AACvF,MAAI,WAAW,KAAK,GAAG;AACrB,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,CAAC,SAAS;AAAA,IAEV,GAAG;AAAA,IACH,UAAU,QAAQ,kBAAkB,MAAM,IAAI,IAAI;AAAA,EACpD;AACF;AAGO,SAAS,iBAAiB,OAAa,WAAW,OAAO;AAC9D,MAAI,CAAC;AAAO,WAAO;AACnB,MAAI,WAAW,KAAK,GAAG;AACrB,QAAI;AAAU,aAAO,GAAG,MAAM;AAC9B,WAAO,GAAG,QAAQ,MAAM,WAAW,MAAM;AAAA,EAC3C;AACA,SAAO,GAAG;AACZ;AAEO,SAAS,WAAW,GAAkC;AAC3D,SAAO,CAAC,EAAE,KAAK,EAAE;AACnB;AAEO,SAAS,YAAY,gBAAmC;AAC7D,MAAI,WAAW,cAAc,GAAG;AAC9B,WAAO,iBAAiB,cAAc;AAAA,EACxC;AACA,QAAM,SAAS,UAAU,EAAE;AAC3B,SAAO,iBAAiB,OAAO,mBAAmB,cAAc;AAClE;AAEO,SAAS,iBAAiB,GAAmB;AAClD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,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,OAAO,WAAW,UAAU,EAAE;AACpC,SAAO,aAAa,SAAS,UAAU;AACzC;",
+  "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\ntype VariableIn<A = any> = {\n  val: A\n  name: string\n  key: string\n  isFloating?: boolean\n}\n\nexport type Variable<A = any> = VariableIn<A> & {\n  [IS_VAR]?: true\n  variable?: string\n}\n\nexport const createVariable = <A extends string | number = any>(props: VariableIn<A>) => {\n  if (isVariable(props)) return props\n  return {\n    [IS_VAR]: true,\n    ...props,\n    variable: isWeb ? createCSSVariable(props.name) : '',\n  }\n}\n\nexport function variableToString(vrble?: any, getValue = false) {\n  if (isVariable(vrble)) {\n    return getValue ? `${vrble.val}` : `${isWeb ? vrble.variable : vrble.val}`\n  }\n  return `${vrble || ''}`\n}\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return !!(v && v[IS_VAR])\n}\n\nexport function getVariable(nameOrVariable: Variable | string) {\n  if (isVariable(nameOrVariable)) {\n    return variableToString(nameOrVariable)\n  }\n  const tokens = getConfig().tokensParsed\n  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)\n}\n\nexport function getVariableValue(v: Variable | any) {\n  if (isVariable(v)) return v.val\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,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAO1B,MAAM,SAAS;AAcR,MAAM,iBAAiB,CAAkC,UAAyB;AACvF,MAAI,WAAW,KAAK;AAAG,WAAO;AAC9B,SAAO;AAAA,IACL,CAAC,SAAS;AAAA,IACV,GAAG;AAAA,IACH,UAAU,QAAQ,kBAAkB,MAAM,IAAI,IAAI;AAAA,EACpD;AACF;AAEO,SAAS,iBAAiB,OAAa,WAAW,OAAO;AAC9D,MAAI,WAAW,KAAK,GAAG;AACrB,WAAO,WAAW,GAAG,MAAM,QAAQ,GAAG,QAAQ,MAAM,WAAW,MAAM;AAAA,EACvE;AACA,SAAO,GAAG,SAAS;AACrB;AAEO,SAAS,WAAW,GAAkC;AAC3D,SAAO,CAAC,EAAE,KAAK,EAAE;AACnB;AAEO,SAAS,YAAY,gBAAmC;AAC7D,MAAI,WAAW,cAAc,GAAG;AAC9B,WAAO,iBAAiB,cAAc;AAAA,EACxC;AACA,QAAM,SAAS,UAAU,EAAE;AAC3B,SAAO,iBAAiB,OAAO,mBAAmB,cAAc;AAClE;AAEO,SAAS,iBAAiB,GAAmB;AAClD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,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,OAAO,WAAW,UAAU,EAAE;AACpC,SAAO,aAAa,SAAS,UAAU;AACzC;",
   "names": []
 }

package/dist/esm/createVariable.test.js

@@ -0,0 +1,6 @@
+import { expect, test } from "vitest";
+import { createCSSVariable } from "./createVariable";
+test("dots", () => {
+  expect(createCSSVariable("yellow.10")).toBe("var(--yellow101a)");
+});
+//# sourceMappingURL=createVariable.test.js.map

package/dist/esm/createVariable.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createVariable.test.ts"],
+  "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,SAAS,QAAQ,YAAY;AAE7B,SAAS,yBAAyB;AAElC,KAAK,QAAQ,MAAM;AACjB,SAAO,kBAAkB,WAAW,CAAC,EAAE,KAAK,mBAAmB;AACjE,CAAC;",
+  "names": []
+}

package/dist/esm/createVariables.js

@@ -1,24 +1,23 @@
+import { simpleHash } from "@tamagui/helpers";
 import { createVariable, isVariable } from "./createVariable";
 const createVariables = (tokens, parentPath = "", isFont = false) => {
   const res = {};
   let i = 0;
   for (const key in tokens) {
     i++;
-    const variableName = isFont ? key.slice(0, 2) : i;
     const val = tokens[key];
     if (isVariable(val)) {
       res[key] = val;
       continue;
     }
-    let name = parentPath ? `${parentPath}-${variableName}` : key;
-    if (isFont && name.includes("_")) {
-      name = name.replace(/_[a-z0-9]+/i, "");
-    }
+    const niceKey = 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}`);
+      res[key] = createVariables(tokens[key], name);
       continue;
     }
-    res[key] = isVariable(val) ? val : createVariable({ val, name, key });
+    res[key] = isVariable(val) ? val : createVariable({ val, name, key: niceKey });
   }
   return res;
 };

package/dist/esm/createVariables.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createVariables.ts"],
-  "sourcesContent": ["import { 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 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 (const key in tokens) {\n    i++\n    const variableName = isFont ? key.slice(0, 2) : i\n    const val = tokens[key]\n    if (isVariable(val)) {\n      res[key] = val\n      continue\n    }\n    let name = parentPath ? `${parentPath}-${variableName}` : key\n    if (isFont && name.includes('_')) {\n      name = name.replace(/_[a-z0-9]+/i, '')\n    }\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 })\n  }\n  return res\n}\n"],
-  "mappings": "AAAA,SAAmB,gBAAgB,kBAAkB;AAc9C,MAAM,kBAAkB,CAC7B,QACA,aAAa,IACb,SAAS,UACiB;AAC1B,QAAM,MAAW,CAAC;AAClB,MAAI,IAAI;AACR,aAAW,OAAO,QAAQ;AACxB;AACA,UAAM,eAAe,SAAS,IAAI,MAAM,GAAG,CAAC,IAAI;AAChD,UAAM,MAAM,OAAO;AACnB,QAAI,WAAW,GAAG,GAAG;AACnB,UAAI,OAAO;AACX;AAAA,IACF;AACA,QAAI,OAAO,aAAa,GAAG,cAAc,iBAAiB;AAC1D,QAAI,UAAU,KAAK,SAAS,GAAG,GAAG;AAChC,aAAO,KAAK,QAAQ,eAAe,EAAE;AAAA,IACvC;AACA,QAAI,OAAO,OAAO,QAAQ,UAAU;AAElC,UAAI,OAAO,gBAAgB,OAAO,MAAa,GAAG,MAAM;AACxD;AAAA,IACF;AACA,QAAI,OAAO,WAAW,GAAG,IAAI,MAAM,eAAe,EAAE,KAAK,MAAM,IAAI,CAAC;AAAA,EACtE;AACA,SAAO;AACT;",
+  "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 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 (const key in tokens) {\n    i++\n    const val = tokens[key]\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  return res\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAmB,gBAAgB,kBAAkB;AAc9C,MAAM,kBAAkB,CAC7B,QACA,aAAa,IACb,SAAS,UACiB;AAC1B,QAAM,MAAW,CAAC;AAClB,MAAI,IAAI;AACR,aAAW,OAAO,QAAQ;AACxB;AACA,UAAM,MAAM,OAAO;AACnB,QAAI,WAAW,GAAG,GAAG;AACnB,UAAI,OAAO;AACX;AAAA,IACF;AACA,UAAM,UAAU,WAAW,GAAG;AAC9B,QAAI,OAAO,SAAS,QAAQ,MAAM,GAAG,CAAC,IAAI;AAC1C,WAAO,aAAa,GAAG,cAAc,SAAS;AAC9C,QAAI,OAAO,OAAO,QAAQ,UAAU;AAElC,UAAI,OAAO,gBAAgB,OAAO,MAAa,IAAI;AACnD;AAAA,IACF;AACA,QAAI,OAAO,WAAW,GAAG,IAAI,MAAM,eAAe,EAAE,KAAK,MAAM,KAAK,QAAQ,CAAC;AAAA,EAC/E;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/helpers/ThemeManager.js

@@ -1,180 +1,176 @@
-import { createContext } from "react";
 import { getThemes } from "../config";
 import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from "../constants/constants";
 import { getThemeUnwrapped } from "../hooks/getThemeUnwrapped";
+const emptyState = { name: "" };
+function hasNoThemeUpdatingProps(props) {
+  return !props.name && !props.componentName && !props.inverse && !props.reset;
+}
 class ThemeManager {
-  constructor(name = "", className = "", theme = null, parentManager = null, reset = false) {
-    this.name = name;
-    this.className = className;
-    this.theme = theme;
-    this.parentManager = parentManager;
-    this.reset = reset;
-    this.keys = /* @__PURE__ */ new Map();
-    this.listeners = /* @__PURE__ */ new Map();
+  constructor(props = {}, parentManager) {
+    this.props = props;
     this.themeListeners = /* @__PURE__ */ new Set();
-    let parent = parentManager;
-    let tries = 0;
-    while (true) {
-      tries++;
-      if (tries > 10) {
-        throw new Error(`Nested 10 of the same theme in a row, likely error`);
+    this.parentManager = null;
+    this.state = emptyState;
+    this.#allKeys = null;
+    if (parentManager === "root") {
+      this.updateState(props, false);
+      return;
+    }
+    if (!parentManager) {
+      throw new Error(`Must set up root first`);
+    }
+    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;
       }
-      if (!parent)
-        break;
-      if (parent.name === name) {
-        parent = parent.parentManager;
-      } else {
-        this.parentManager = parent;
-        break;
+      const nextState = this.getStateIfChanged(props);
+      if (nextState) {
+        this.state = nextState;
+        return true;
       }
+    })();
+    if (shouldFlush) {
+      this.#allKeys = null;
+      notify && this.notify();
+      return this.state;
     }
   }
-  get didChangeTheme() {
-    return this.parentManager && this.name !== this.parentManager.fullName;
+  getStateIfChanged(props = this.props, state = this.state, parentManager = this.parentManager) {
+    const _ = getState(props, parentManager) || (process.env.TAMAGUI_TARGET === "native" ? parentManager == null ? void 0 : parentManager.state : void 0);
+    if (!_ || !_.theme || _.theme === state.theme) {
+      return null;
+    }
+    return _;
   }
-  get parentName() {
-    var _a;
-    return ((_a = this.parentManager) == null ? void 0 : _a.name) || null;
+  getState(props = this.props) {
+    return getState(props, this.parentManager);
   }
-  get fullName() {
-    return this.getNextTheme().name || this.name || "";
+  #allKeys;
+  get allKeys() {
+    var _a;
+    this.#allKeys ??= /* @__PURE__ */ new Set([
+      ...((_a = this.parentManager) == null ? void 0 : _a.allKeys) || [],
+      ...Object.keys(this.state.theme || {})
+    ]);
+    return this.#allKeys;
   }
-  getValue(key) {
-    let theme = this.theme;
+  getValue(key, state) {
+    let theme = (state || this.state).theme;
     let manager = this;
-    while (true) {
-      if (!theme)
-        return;
+    while (theme && manager) {
       if (key in theme) {
         return theme[key];
       }
-      manager = this.parentManager;
-      if (!manager || manager.theme === theme) {
-        return;
-      }
-      theme = manager.theme;
+      manager = manager.parentManager;
+      theme = manager == null ? void 0 : manager.state.theme;
     }
   }
-  isTracking(uuid) {
-    var _a;
-    return Boolean((_a = this.keys.get(uuid)) == null ? void 0 : _a.size);
+  notify() {
+    this.themeListeners.forEach((cb) => cb(this.state.name, this));
   }
-  update({ name, theme, className } = {}, force = false, notify = true) {
-    if (!force) {
-      const nameChanged = name !== this.name;
-      if (!nameChanged) {
-        return false;
-      }
+  onChangeTheme(cb) {
+    this.themeListeners.add(cb);
+    return () => {
+      this.themeListeners.delete(cb);
+    };
+  }
+}
+function getNextThemeClassName(name, isInverting = false) {
+  const next = `${THEME_CLASSNAME_PREFIX}${name}`;
+  if (isInverting) {
+    return next;
+  }
+  return next.replace("light_", "").replace("dark_", "");
+}
+function getState(props, parentManager) {
+  var _a, _b, _c;
+  const themes = 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`);
+  }
+  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(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(THEME_NAME_SEPARATOR) : parentName;
+  const max = base.length;
+  const min = componentName ? max : 0;
+  if (process.env.NODE_ENV === "development" && props.debug === "verbose")
+    console.log("getState", props, { parentName, parentBaseTheme, base, min, max, isParentAComponentTheme, parentManager });
+  for (let i = max; i >= min; i--) {
+    let prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR);
+    if (props.inverse) {
+      prefix = inverseThemeName(prefix);
     }
-    this.className = className || "";
-    this.name = name || "";
-    this.theme = theme;
-    if (notify) {
-      this.notify();
+    const potentials = [];
+    if (prefix && prefix !== parentBaseTheme) {
+      potentials.push(prefix);
     }
-    return true;
-  }
-  getNextTheme(props = {}, debug) {
-    var _a;
-    const { themes = getThemes(), name, componentName } = props;
-    if (props.reset && name) {
-      return {
-        name,
-        theme: themes[name],
-        className: this.getCN(name)
-      };
+    if (nextName) {
+      potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName);
     }
-    const parentIsReset = (_a = this.parentManager) == null ? void 0 : _a.reset;
-    if (!name) {
-      if (componentName) {
-        const names = [
-          `${this.name}_${componentName}`,
-          `${withoutComponentName(this.name)}_${componentName}`
-        ];
-        for (const name2 of names) {
-          if (name2 in themes) {
-            const className = this.getCN(name2);
-            return { name: name2, theme: themes[name2], className };
-          }
-        }
+    if (i === 1) {
+      const lastSegment2 = potentials.findIndex((x) => !x.includes("_"));
+      if (lastSegment2 > 0) {
+        potentials.splice(lastSegment2, 0, nextName);
       }
-      return {
-        name: this.name,
-        theme: this.theme,
-        className: this.className
-      };
-    }
-    let nextName = name || this.name || "";
-    let parentName = parentIsReset ? this.parentName || this.fullName : this.fullName;
-    while (true) {
-      if (nextName in themes)
-        break;
-      nextName = `${parentName}_${name}`;
-      if (nextName in themes)
-        break;
-      if (!parentName.includes(THEME_NAME_SEPARATOR))
-        break;
-      parentName = parentName.slice(0, parentName.lastIndexOf(THEME_NAME_SEPARATOR));
     }
     if (componentName) {
-      const names = [
-        `${nextName}_${componentName}`,
-        `${withoutComponentName(nextName)}_${componentName}`
-      ];
-      for (const name2 of names) {
-        if (name2 in themes) {
-          nextName = name2;
-        }
+      if (nextName) {
+        potentials.push(`${prefix.replace(/_.*$/, "")}_${nextName}_${componentName}`);
       }
-    }
-    let theme = themes[nextName];
-    if (!theme) {
-      theme = themes[`light_${nextName}`];
-    }
-    if (process.env.NODE_ENV === "development") {
-      if (debug) {
-        console.log("getNextTheme", this.getCN(nextName), { props, nextName, parentName });
+      potentials.push(`${prefix}_${componentName}`);
+      if (nextName) {
+        potentials.unshift(`${prefix}_${nextName}_${componentName}`);
       }
     }
-    return {
-      name: nextName,
-      theme: getThemeUnwrapped(theme),
-      className: this.getCN(nextName)
-    };
-  }
-  getCN(name) {
-    return `${THEME_CLASSNAME_PREFIX}${name} t_Theme`.replace("light_", "").replace("dark_", "");
-  }
-  track(uuid, keys) {
-    if (!this.name)
-      return;
-    this.keys.set(uuid, keys);
-  }
-  notify() {
-    var _a;
-    if (!this.name) {
-      this.keys.clear();
-    }
-    for (const [uuid, keys] of this.keys.entries()) {
-      if (keys.size) {
-        (_a = this.listeners.get(uuid)) == null ? void 0 : _a();
+    if (process.env.NODE_ENV === "development" && props.debug === "verbose")
+      console.log("getState potentials", potentials);
+    const found = potentials.find((t) => t in themes);
+    if (found) {
+      if (found === parentName) {
+        return null;
       }
+      const theme = themes[found];
+      return {
+        name: found,
+        theme: getThemeUnwrapped(theme),
+        className: getNextThemeClassName(found, props.inverse),
+        parentName
+      };
     }
-    this.themeListeners.forEach((cb) => cb(this.name, this));
-  }
-  onChangeTheme(cb) {
-    this.themeListeners.add(cb);
-    return () => {
-      this.themeListeners.delete(cb);
-    };
   }
+  return null;
 }
-const ThemeManagerContext = createContext(null);
-const emptyManager = new ThemeManager();
-const withoutComponentName = (name) => name.replace(/(\_[A-Z][a-zA-Z]+)+$/g, "");
+const inverseThemeName = (themeName) => {
+  return themeName.startsWith("light") ? themeName.replace(/^light/, "dark") : themeName.replace(/^dark/, "light");
+};
 export {
   ThemeManager,
-  ThemeManagerContext,
-  emptyManager
+  hasNoThemeUpdatingProps
 };
 //# sourceMappingURL=ThemeManager.js.map

package/dist/esm/helpers/ThemeManager.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/ThemeManager.tsx"],
-  "sourcesContent": ["import { createContext } from 'react'\n\nimport { getThemes } from '../config'\nimport { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants'\nimport { getThemeUnwrapped } from '../hooks/getThemeUnwrapped'\nimport { ThemeParsed, Themes } from '../types'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport type SetActiveThemeProps = {\n  className?: string\n  parentManager?: ThemeManager | null\n  name?: string | null\n  theme?: any\n}\n\nexport type GetNextThemeProps = {\n  themes?: Themes\n  name?: string | null\n  componentName?: string | null\n  reset?: boolean\n}\n\nexport class ThemeManager {\n  keys = new Map<any, Set<string>>()\n  listeners = new Map<any, Function>()\n  themeListeners = new Set<ThemeListener>()\n\n  constructor(\n    public name: string = '',\n    public className: string = '',\n    public theme: ThemeParsed | null = null,\n    public parentManager: ThemeManager | null = null,\n    public reset: boolean = false\n  ) {\n    // find the nearest different parentManager\n    let parent = parentManager\n    let tries = 0\n    while (true) {\n      tries++\n      if (tries > 10) {\n        throw new Error(`Nested 10 of the same theme in a row, likely error`)\n      }\n      if (!parent) break\n      if (parent.name === name) {\n        // go up if same\n        parent = parent.parentManager\n      } else {\n        this.parentManager = parent\n        break\n      }\n    }\n  }\n\n  get didChangeTheme() {\n    return this.parentManager && this.name !== this.parentManager.fullName\n  }\n\n  get parentName() {\n    return this.parentManager?.name || null\n  }\n\n  get fullName(): string {\n    return this.getNextTheme().name || this.name || ''\n    // const parentName = this.parentManager?.fullName || ''\n    // const name = this.name || ''\n    // const parts = [...new Set([...`${parentName}_${name}`.split('_')])].filter(Boolean)\n    // return parts.join('_')\n  }\n\n  // gets value going up to parents\n  getValue(key: string) {\n    let theme = this.theme\n    let manager = this as ThemeManager | null\n    while (true) {\n      if (!theme) return\n      if (key in theme) {\n        return theme[key]\n      }\n      manager = this.parentManager\n      if (!manager || manager.theme === theme) {\n        return\n      }\n      theme = manager.theme\n    }\n  }\n\n  isTracking(uuid: Object) {\n    return Boolean(this.keys.get(uuid)?.size)\n  }\n\n  update({ name, theme, className }: SetActiveThemeProps = {}, force = false, notify = true) {\n    if (!force) {\n      // className compare on web, avoids light/dark re-renders\n      const nameChanged = name !== this.name\n      if (!nameChanged) {\n        return false\n      }\n    }\n    this.className = className || ''\n    this.name = name || ''\n    this.theme = theme\n    if (notify) {\n      this.notify()\n    }\n    return true\n  }\n\n  getNextTheme(\n    props: GetNextThemeProps = {},\n    debug?: any\n  ): {\n    name: string\n    theme: ThemeParsed | null\n    className: string | undefined\n  } {\n    const { themes = getThemes(), name, componentName } = props\n\n    if (props.reset && name) {\n      return {\n        name: name,\n        theme: themes[name] as ThemeParsed,\n        className: this.getCN(name),\n      }\n    }\n\n    const parentIsReset = this.parentManager?.reset\n\n    if (!name) {\n      if (componentName) {\n        // allow for _Card_Button or just _Button\n        const names = [\n          `${this.name}_${componentName}`,\n          `${withoutComponentName(this.name)}_${componentName}`,\n        ]\n        for (const name of names) {\n          if (name in themes) {\n            const className = this.getCN(name)\n            return { name, theme: themes[name], className }\n          }\n        }\n      }\n      return {\n        name: this.name,\n        theme: this.theme,\n        className: this.className,\n      }\n    }\n\n    let nextName = name || this.name || ''\n    let parentName = parentIsReset ? this.parentName || this.fullName : this.fullName\n\n    while (true) {\n      if (nextName in themes) break\n      nextName = `${parentName}_${name}`\n      if (nextName in themes) break\n      // this is fine - some themes can not have parents\n      if (!parentName.includes(THEME_NAME_SEPARATOR)) break\n      // go up one\n      parentName = parentName.slice(0, parentName.lastIndexOf(THEME_NAME_SEPARATOR))\n    }\n\n    if (componentName) {\n      // allow for _Card_Button or just _Button\n      const names = [\n        `${nextName}_${componentName}`,\n        `${withoutComponentName(nextName)}_${componentName}`,\n      ]\n      for (const name of names) {\n        if (name in themes) {\n          nextName = name\n        }\n      }\n    }\n\n    let theme = themes[nextName]\n    if (!theme) {\n      theme = themes[`light_${nextName}`]\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debug) {\n        // eslint-disable-next-line no-console\n        console.log('getNextTheme', this.getCN(nextName), { props, nextName, parentName })\n      }\n    }\n\n    return {\n      name: nextName,\n      theme: getThemeUnwrapped(theme),\n      className: this.getCN(nextName),\n    }\n  }\n\n  getCN(name: string) {\n    return `${THEME_CLASSNAME_PREFIX}${name} t_Theme`.replace('light_', '').replace('dark_', '')\n  }\n\n  track(uuid: any, keys: Set<string>) {\n    if (!this.name) return\n    this.keys.set(uuid, keys)\n  }\n\n  notify() {\n    if (!this.name) {\n      this.keys.clear()\n    }\n    for (const [uuid, keys] of this.keys.entries()) {\n      if (keys.size) {\n        this.listeners.get(uuid)?.()\n      }\n    }\n    this.themeListeners.forEach((cb) => cb(this.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n}\n\nexport const ThemeManagerContext = createContext<ThemeManager | null>(null)\nexport const emptyManager = new ThemeManager()\n\nconst withoutComponentName = (name: string) => name.replace(/(\\_[A-Z][a-zA-Z]+)+$/g, '')\n"],
-  "mappings": "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",
-  "names": ["name"]
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nimport { getThemes } from '../config'\nimport { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants'\nimport { getThemeUnwrapped } from '../hooks/getThemeUnwrapped'\nimport { ThemeParsed, ThemeProps } from '../types'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport type SetActiveThemeProps = {\n  className?: string\n  parentManager?: ThemeManager | null\n  name?: string | null\n  theme?: any\n  reset?: boolean\n}\n\nexport type ThemeManagerState = {\n  name: string\n  theme?: ThemeParsed | null\n  className?: string\n  parentName?: string\n}\n\nconst emptyState: ThemeManagerState = { name: '' }\n\nexport function hasNoThemeUpdatingProps(props: ThemeProps) {\n  return !props.name && !props.componentName && !props.inverse && !props.reset\n}\n\nexport class ThemeManager {\n  themeListeners = new Set<ThemeListener>()\n  parentManager: ThemeManager | null = null\n  state: ThemeManagerState = emptyState\n\n  constructor(\n    public props: ThemeProps = {},\n    parentManager?: ThemeManager | 'root' | null | undefined\n  ) {\n    if (parentManager === 'root') {\n      this.updateState(props, false)\n      return\n    }\n    if (!parentManager) {\n      throw new Error(`Must set up root first`)\n    }\n    // no change no props\n    if (hasNoThemeUpdatingProps(props)) {\n      return parentManager\n    }\n    if (parentManager) {\n      this.parentManager = parentManager\n    }\n    const updatedState = this.getStateIfChanged(props)\n    if (updatedState) {\n      this.state = updatedState\n      return\n    }\n    return parentManager || this\n  }\n\n  updateState(props: ThemeProps & { forceTheme?: ThemeParsed } = this.props || {}, notify = true) {\n    const shouldFlush = (() => {\n      if (props.forceTheme) {\n        this.state.theme = props.forceTheme\n        this.state.name = props.name || ''\n        return true\n      }\n      const nextState = this.getStateIfChanged(props)\n      if (nextState) {\n        this.state = nextState\n        return true\n      }\n    })()\n    if (shouldFlush) {\n      // reset any derived state\n      this.#allKeys = null\n      notify && this.notify()\n      return this.state\n    }\n  }\n\n  getStateIfChanged(props = this.props, state = this.state, parentManager = this.parentManager) {\n    const _ =\n      getState(props, parentManager) ||\n      (process.env.TAMAGUI_TARGET === 'native' ? parentManager?.state : undefined)\n    if (!_ || !_.theme || _.theme === state.theme) {\n      return null\n    }\n    return _\n  }\n\n  getState(props = this.props) {\n    return getState(props, this.parentManager)\n  }\n\n  #allKeys: Set<string> | null = null\n  get allKeys() {\n    this.#allKeys ??= new Set([\n      ...(this.parentManager?.allKeys || []),\n      ...Object.keys(this.state.theme || {}),\n    ])\n    return this.#allKeys\n  }\n\n  // gets value going up to parents\n  getValue(key: string, state?: ThemeManagerState) {\n    let theme = (state || this.state).theme\n    let manager = this as ThemeManager | null\n    while (theme && manager) {\n      if (key in theme) {\n        return theme[key]\n      }\n      manager = manager.parentManager\n      theme = manager?.state.theme\n    }\n  }\n\n  notify() {\n    this.themeListeners.forEach((cb) => cb(this.state.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n}\n\nfunction getNextThemeClassName(name: string, isInverting = false) {\n  const next = `${THEME_CLASSNAME_PREFIX}${name}`\n  if (isInverting) {\n    return next\n  }\n  return next.replace('light_', '').replace('dark_', '')\n}\n\nfunction getState(\n  props: ThemeProps,\n  parentManager?: ThemeManager | null\n): ThemeManagerState | null {\n  const themes = getThemes()\n\n  if (props.name && props.reset) {\n    throw new Error(`Cannot reset + set new name`)\n  }\n  if (props.reset && !parentManager?.parentManager) {\n    throw new Error(`Cannot reset no grandparent exists`)\n  }\n\n  const nextName = props.reset ? parentManager?.parentManager?.state?.name || '' : props.name || ''\n  const { componentName } = props\n  const parentName = parentManager?.state?.name || ''\n\n  // components look for most specific, fallback upwards\n  const base = parentName.split(THEME_NAME_SEPARATOR)\n  const lastSegment = base[base.length - 1]\n  const isParentAComponentTheme = parentName && lastSegment[0].toUpperCase() === lastSegment[0]\n  if (isParentAComponentTheme) {\n    base.pop() // always remove componentName they can't nest\n  }\n  const parentBaseTheme = isParentAComponentTheme\n    ? base.slice(0, base.length).join(THEME_NAME_SEPARATOR)\n    : parentName\n  const max = base.length\n  const min = componentName\n    ? max // component themes don't search upwards\n    : 0\n\n  // prettier-ignore\n  // eslint-disable-next-line no-console\n  if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('getState', props, { parentName, parentBaseTheme, base, min, max, isParentAComponentTheme, parentManager })\n\n  for (let i = max; i >= min; i--) {\n    let prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR)\n    if (props.inverse) {\n      prefix = inverseThemeName(prefix)\n    }\n    const potentials: string[] = []\n    if (prefix && prefix !== parentBaseTheme) {\n      potentials.push(prefix)\n    }\n    if (nextName) {\n      potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName)\n    }\n    if (i === 1) {\n      const lastSegment = potentials.findIndex((x) => !x.includes('_'))\n      if (lastSegment > 0) {\n        potentials.splice(lastSegment, 0, nextName) // last try prefer our new name to parent\n      }\n    }\n    if (componentName) {\n      // components only look for component themes\n      if (nextName) {\n        potentials.push(`${prefix.replace(/_.*$/, '')}_${nextName}_${componentName}`)\n      }\n      potentials.push(`${prefix}_${componentName}`)\n      if (nextName) {\n        potentials.unshift(`${prefix}_${nextName}_${componentName}`)\n      }\n    }\n\n    // prettier-ignore\n    // eslint-disable-next-line no-console\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('getState potentials', potentials)\n\n    const found = potentials.find((t) => t in themes)\n    if (found) {\n      // optimization return null if not changed\n      if (found === parentName) {\n        return null\n      }\n      const theme = themes[found]\n      return {\n        // need to put concurrent safe things here\n        name: found,\n        theme: getThemeUnwrapped(theme),\n        className: getNextThemeClassName(found, props.inverse),\n        parentName,\n      }\n    }\n  }\n\n  return null\n}\n\nconst inverseThemeName = (themeName: string) => {\n  return themeName.startsWith('light')\n    ? themeName.replace(/^light/, 'dark')\n    : themeName.replace(/^dark/, 'light')\n}\n"],
+  "mappings": "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",
+  "names": ["lastSegment"]
 }