@tamagui/web 1.53.1 → 1.54.0

package/dist/cjs/index.js

@@ -45,10 +45,12 @@ __reExport(src_exports, require("./createVariable"), module.exports);
 __reExport(src_exports, require("./createVariables"), module.exports);
 __reExport(src_exports, require("./insertFont"), module.exports);
 __reExport(src_exports, require("./styled"), module.exports);
-__reExport(src_exports, require("./types"), module.exports);
 __reExport(src_exports, require("./setupReactNative"), module.exports);
+__reExport(src_exports, require("./types"), module.exports);
+__reExport(src_exports, require("./interfaces/GetRef"), module.exports);
 var import_config = require("./config");
 __reExport(src_exports, require("./constants/constants"), module.exports);
+__reExport(src_exports, require("./contexts/ComponentContext"), module.exports);
 __reExport(src_exports, require("./helpers/createStyledContext"), module.exports);
 __reExport(src_exports, require("./helpers/expandStyles"), module.exports);
 __reExport(src_exports, require("./helpers/propMapper"), module.exports);
@@ -68,9 +70,8 @@ __reExport(src_exports, require("./helpers/proxyThemeToParents"), module.exports
 __reExport(src_exports, require("./helpers/pseudoDescriptors"), module.exports);
 __reExport(src_exports, require("./helpers/themeable"), module.exports);
 __reExport(src_exports, require("./helpers/themes"), module.exports);
-__reExport(src_exports, require("./helpers/useShallowSetState"), module.exports);
+__reExport(src_exports, require("./helpers/createShallowSetState"), module.exports);
 __reExport(src_exports, require("./helpers/withStaticProperties"), module.exports);
-__reExport(src_exports, require("./contexts/ButtonNestingContext"), module.exports);
 var import_useMedia = require("./hooks/useMedia");
 __reExport(src_exports, require("./hooks/useTheme"), module.exports);
 __reExport(src_exports, require("./hooks/useThemeName"), module.exports);
@@ -82,7 +83,6 @@ __reExport(src_exports, require("./views/Slot"), module.exports);
 __reExport(src_exports, require("./views/Stack"), module.exports);
 __reExport(src_exports, require("./views/View"), module.exports);
 __reExport(src_exports, require("./views/Text"), module.exports);
-__reExport(src_exports, require("./contexts/TextAncestorContext"), module.exports);
 __reExport(src_exports, require("./views/Theme"), module.exports);
 __reExport(src_exports, require("./views/ThemeProvider"), module.exports);
 __reExport(src_exports, require("./views/FontLanguage"), module.exports);
@@ -121,9 +121,11 @@ __reExport(src_exports, require("./setupHooks"), module.exports);
   ...require("./createVariables"),
   ...require("./insertFont"),
   ...require("./styled"),
-  ...require("./types"),
   ...require("./setupReactNative"),
+  ...require("./types"),
+  ...require("./interfaces/GetRef"),
   ...require("./constants/constants"),
+  ...require("./contexts/ComponentContext"),
   ...require("./helpers/createStyledContext"),
   ...require("./helpers/expandStyles"),
   ...require("./helpers/propMapper"),
@@ -143,9 +145,8 @@ __reExport(src_exports, require("./setupHooks"), module.exports);
   ...require("./helpers/pseudoDescriptors"),
   ...require("./helpers/themeable"),
   ...require("./helpers/themes"),
-  ...require("./helpers/useShallowSetState"),
+  ...require("./helpers/createShallowSetState"),
   ...require("./helpers/withStaticProperties"),
-  ...require("./contexts/ButtonNestingContext"),
   ...require("./hooks/useTheme"),
   ...require("./hooks/useThemeName"),
   ...require("./hooks/useStyle"),
@@ -156,7 +157,6 @@ __reExport(src_exports, require("./setupHooks"), module.exports);
   ...require("./views/Stack"),
   ...require("./views/View"),
   ...require("./views/Text"),
-  ...require("./contexts/TextAncestorContext"),
   ...require("./views/Theme"),
   ...require("./views/ThemeProvider"),
   ...require("./views/FontLanguage"),

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,sBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,+BAFd;AAGA,wBAAc,0BAHd;AAIA,wBAAc,4BAJd;AAKA,wBAAc,yBALd;AAMA,wBAAc,2BANd;AAOA,wBAAc,6BAPd;AAQA,wBAAc,8BARd;AASA,wBAAc,yBATd;AAUA,wBAAc,qBAVd;AAWA,wBAAc,oBAXd;AAYA,wBAAc,+BAZd;AAcA,oBAOO;AAEP,wBAAc,kCAvBd;AAyBA,wBAAc,0CAzBd;AA0BA,wBAAc,mCA1Bd;AA2BA,wBAAc,iCA3Bd;AA4BA,wBAAc,yCA5Bd;AA6BA,wBAAc,4CA7Bd;AA8BA,wBAAc,qCA9Bd;AA+BA,wBAAc,sCA/Bd;AAgCA,wBAAc,uCAhCd;AAiCA,wBAAc,uCAjCd;AAkCA,wBAAc,yCAlCd;AAmCA,wBAAc,uCAnCd;AAoCA,wBAAc,iCApCd;AAqCA,wBAAc,iCArCd;AAsCA,wBAAc,qCAtCd;AAuCA,wBAAc,0CAvCd;AAwCA,wBAAc,0CAxCd;AAyCA,wBAAc,wCAzCd;AA0CA,wBAAc,gCA1Cd;AA2CA,wBAAc,6BA3Cd;AA4CA,wBAAc,yCA5Cd;AA6CA,wBAAc,2CA7Cd;AA+CA,wBAAc,4CA/Cd;AAiDA,sBAQO;AACP,wBAAc,6BA1Dd;AA2DA,wBAAc,iCA3Dd;AA4DA,wBAAc,6BA5Dd;AA6DA,wBAAc,uCA7Dd;AA8DA,wBAAc,qCA9Dd;AA+DA,wBAAc,6BA/Dd;AAiEA,wBAAc,yBAjEd;AAkEA,wBAAc,0BAlEd;AAmEA,wBAAc,yBAnEd;AAoEA,wBAAc,yBApEd;AAqEA,wBAAc,2CArEd;AAsEA,wBAAc,0BAtEd;AAuEA,wBAAc,kCAvEd;AAwEA,wBAAc,iCAxEd;AAyEA,wBAAc,oCAzEd;AA0EA,wBAAc,4CA1Ed;AA4EA,wBAAc,sCA5Ed;AA6EA,wBAAc,wCA7Ed;AA8EA,wBAAc,+BA9Ed;AA+EA,wBAAc,kCA/Ed;AAgFA,wBAAc,6BAhFd;AAiFA,wBAAc,+BAjFd;AAmFA,wBAAc,yBAnFd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,sBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,+BAFd;AAGA,wBAAc,0BAHd;AAIA,wBAAc,4BAJd;AAKA,wBAAc,yBALd;AAMA,wBAAc,2BANd;AAOA,wBAAc,6BAPd;AAQA,wBAAc,8BARd;AASA,wBAAc,yBATd;AAUA,wBAAc,qBAVd;AAWA,wBAAc,+BAXd;AAaA,wBAAc,oBAbd;AAcA,wBAAc,gCAdd;AAgBA,oBAOO;AAEP,wBAAc,kCAzBd;AA2BA,wBAAc,wCA3Bd;AA6BA,wBAAc,0CA7Bd;AA8BA,wBAAc,mCA9Bd;AA+BA,wBAAc,iCA/Bd;AAgCA,wBAAc,yCAhCd;AAiCA,wBAAc,4CAjCd;AAkCA,wBAAc,qCAlCd;AAmCA,wBAAc,sCAnCd;AAoCA,wBAAc,uCApCd;AAqCA,wBAAc,uCArCd;AAsCA,wBAAc,yCAtCd;AAuCA,wBAAc,uCAvCd;AAwCA,wBAAc,iCAxCd;AAyCA,wBAAc,iCAzCd;AA0CA,wBAAc,qCA1Cd;AA2CA,wBAAc,0CA3Cd;AA4CA,wBAAc,0CA5Cd;AA6CA,wBAAc,wCA7Cd;AA8CA,wBAAc,gCA9Cd;AA+CA,wBAAc,6BA/Cd;AAgDA,wBAAc,4CAhDd;AAiDA,wBAAc,2CAjDd;AAmDA,sBAQO;AACP,wBAAc,6BA5Dd;AA6DA,wBAAc,iCA7Dd;AA8DA,wBAAc,6BA9Dd;AA+DA,wBAAc,uCA/Dd;AAgEA,wBAAc,qCAhEd;AAiEA,wBAAc,6BAjEd;AAmEA,wBAAc,yBAnEd;AAoEA,wBAAc,0BApEd;AAqEA,wBAAc,yBArEd;AAsEA,wBAAc,yBAtEd;AAuEA,wBAAc,0BAvEd;AAwEA,wBAAc,kCAxEd;AAyEA,wBAAc,iCAzEd;AA0EA,wBAAc,oCA1Ed;AA2EA,wBAAc,4CA3Ed;AA6EA,wBAAc,sCA7Ed;AA8EA,wBAAc,wCA9Ed;AA+EA,wBAAc,+BA/Ed;AAgFA,wBAAc,kCAhFd;AAiFA,wBAAc,6BAjFd;AAkFA,wBAAc,+BAlFd;AAoFA,wBAAc,yBApFd;",
   "names": []
 }

package/dist/cjs/interfaces/CSSColorNames.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 CSSColorNames_exports = {};
+module.exports = __toCommonJS(CSSColorNames_exports);
+//# sourceMappingURL=CSSColorNames.js.map

package/dist/cjs/interfaces/CSSColorNames.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/interfaces/CSSColorNames.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/interfaces/GetRef.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 GetRef_exports = {};
+module.exports = __toCommonJS(GetRef_exports);
+//# sourceMappingURL=GetRef.js.map

package/dist/cjs/interfaces/GetRef.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/interfaces/GetRef.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/interfaces/Role.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 Role_exports = {};
+module.exports = __toCommonJS(Role_exports);
+//# sourceMappingURL=Role.js.map

package/dist/cjs/interfaces/Role.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/interfaces/Role.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/styled.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAAgC;AAEhC,2BAA8B;AAC9B,8BAAqC;AAuC9B,SAAS,OAId,aAEA,SAOA,yBACA;AAEA,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAI,CAAC,aAAa;AAChB,YAAM,IAAI,MAAM,gCAAgC;AAAA,IAClD;AAAA,EACF;AAEA,QAAM,qBAAqB,YAAY,cAAc;AAErD,QAAM,yBACJ,CAAC,CAAC,sBACF,EAAE,mBAAmB,iBAAiB,mBAAmB;AAE3D,QAAM,kBAAiB,yDAAoB,UAAS,EAAC,yDAAoB;AAEzE,MAAI,YACF,kBAAkB,yBACd,eACA,yDAAoB,cAAa;AAEvC,QAAM,wBAAoB,8CAAqB,SAAS;AACxD,QAAM,gBAAgB;AAAA,IACpB,sBACE,mEAAyB,mBACzB,yDAAoB,sBACpB,8CAAqB,yDAAoB,SAAS;AAAA,EACtD;AAEA,QAAM,qBAAqB,MAAM;AAC/B,QAAI,SAAS;AACX,UAAI;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA,kBAAkB;AAAA,QAClB;AAAA,QACA,GAAG;AAAA,MACL,IAAI;AAEJ,UAAI,iBAAiB;AACnB,uBAAe;AAAA,UACb,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAEA,UAAI,oBAAoB;AACtB,cAAM,QAAQ,mBAAmB,SAAS,CAAC,mBAAmB;AAC9D,YAAI,CAAC,OAAO;AACV,yBAAe;AAAA,YACb,GAAG,mBAAmB;AAAA,YACtB,GAAG;AAAA,UACL;AAAA,QACF;AAEA,YAAI,mBAAmB,UAAU;AAC/B,yBAAW,oCAAc,mBAAmB,UAAU,QAAQ;AAAA,QAChE;AAAA,MACF;AAEA,UAAI,yDAAoB,OAAO;AAE7B,YAAI,MAAM;AAER,uBAAa,gBAAgB;AAAA,QAC/B;AAAA,MACF;AAEA,YAAM,SAAS;AAAA,SACb,mEAAyB,YAAU,yDAAoB;AAAA,MACzD;AAEA,YAAM,mBACJ,yBACC,0BACC,kBACC,yDAAoB,WAAS,yDAAoB;AAEtD,YAAM,OAA8B;AAAA,QAClC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAI,CAAC,0BAA0B;AAAA,UAC7B;AAAA,QACF;AAAA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,SAAQ,yDAAoB;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,QACH,aAAa,QAAQ,yDAAoB,KAAK;AAAA,QAC9C;AAAA,MACF;AAGA,UAAI,aAAa,YAAY,CAAC,oBAAoB,SAAS;AACzD,aAAK,eAAe;AAAA,MACtB;AAEA,aAAO;AAAA,IACT;AAAA,EACF,GAAG;AAEH,QAAM,gBAAY,wCAAgB,qBAAqB,CAAC,CAAC;AAqDzD,aAAW,OAAO,aAAa;AAC7B,QAAI,OAAO;AAAW;AAEtB,cAAU,GAAG,IAAI,YAAY,GAAG;AAAA,EAClC;AAEA,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAAgC;AAEhC,2BAA8B;AAE9B,8BAAqC;AAsC9B,SAAS,OAId,aAEA,SAOA,yBACA;AAEA,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAI,CAAC,aAAa;AAChB,YAAM,IAAI,MAAM,gCAAgC;AAAA,IAClD;AAAA,EACF;AAEA,QAAM,qBAAqB,YAAY,cAAc;AAErD,QAAM,yBACJ,CAAC,CAAC,sBACF,EAAE,mBAAmB,iBAAiB,mBAAmB;AAE3D,QAAM,kBAAiB,yDAAoB,UAAS,EAAC,yDAAoB;AAEzE,MAAI,YACF,kBAAkB,yBACd,eACA,yDAAoB,cAAa;AAEvC,QAAM,wBAAoB,8CAAqB,SAAS;AACxD,QAAM,gBAAgB;AAAA,IACpB,sBACE,mEAAyB,mBACzB,yDAAoB,sBACpB,8CAAqB,yDAAoB,SAAS;AAAA,EACtD;AAEA,QAAM,qBAAqB,MAAM;AAC/B,QAAI,SAAS;AACX,UAAI;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA,kBAAkB;AAAA,QAClB;AAAA,QACA,GAAG;AAAA,MACL,IAAI;AAEJ,UAAI,iBAAiB;AACnB,uBAAe;AAAA,UACb,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAEA,UAAI,oBAAoB;AACtB,cAAM,QAAQ,mBAAmB,SAAS,CAAC,mBAAmB;AAC9D,YAAI,CAAC,OAAO;AACV,yBAAe;AAAA,YACb,GAAG,mBAAmB;AAAA,YACtB,GAAG;AAAA,UACL;AAAA,QACF;AAEA,YAAI,mBAAmB,UAAU;AAC/B,yBAAW,oCAAc,mBAAmB,UAAU,QAAQ;AAAA,QAChE;AAAA,MACF;AAEA,UAAI,yDAAoB,OAAO;AAE7B,YAAI,MAAM;AAER,uBAAa,gBAAgB;AAAA,QAC/B;AAAA,MACF;AAEA,YAAM,SAAS;AAAA,SACb,mEAAyB,YAAU,yDAAoB;AAAA,MACzD;AAEA,YAAM,mBACJ,yBACC,0BACC,kBACC,yDAAoB,WAAS,yDAAoB;AAEtD,YAAM,OAA8B;AAAA,QAClC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAI,CAAC,0BAA0B;AAAA,UAC7B;AAAA,QACF;AAAA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,SAAQ,yDAAoB;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,QACH,aAAa,QAAQ,yDAAoB,KAAK;AAAA,QAC9C;AAAA,MACF;AAGA,UAAI,aAAa,YAAY,CAAC,oBAAoB,SAAS;AACzD,aAAK,eAAe;AAAA,MACtB;AAEA,aAAO;AAAA,IACT;AAAA,EACF,GAAG;AAEH,QAAM,gBAAY,wCAAgB,qBAAqB,CAAC,CAAC;AAqDzD,aAAW,OAAO,aAAa;AAC7B,QAAI,OAAO;AAAW;AAEtB,cAAU,GAAG,IAAI,YAAY,GAAG;AAAA,EAClC;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/types/CSSColorNames.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 CSSColorNames_exports = {};
+module.exports = __toCommonJS(CSSColorNames_exports);
+//# sourceMappingURL=CSSColorNames.js.map

package/dist/cjs/types/CSSColorNames.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/CSSColorNames.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/types/GetRef.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 GetRef_exports = {};
+module.exports = __toCommonJS(GetRef_exports);
+//# sourceMappingURL=GetRef.js.map

package/dist/cjs/types/GetRef.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/GetRef.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/types/Role.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 Role_exports = {};
+module.exports = __toCommonJS(Role_exports);
+//# sourceMappingURL=Role.js.map

package/dist/cjs/types/Role.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/Role.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/views/AnimationDriverProvider.js

@@ -22,9 +22,9 @@ __export(AnimationDriverProvider_exports, {
 });
 module.exports = __toCommonJS(AnimationDriverProvider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_AnimationDriverContext = require("../contexts/AnimationDriverContext");
+var import_ComponentContext = require("../contexts/ComponentContext");
 const AnimationDriverProvider = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AnimationDriverContext.AnimationDriverContext.Provider, { value: props.driver, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: props.driver, children: props.children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/views/AnimationDriverProvider.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/AnimationDriverProvider.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWI;AAXJ,oCAAuC;AAShC,MAAM,0BAA0B,CAAC,UAAwC;AAC9E,SACE,4CAAC,qDAAuB,UAAvB,EAAgC,OAAO,MAAM,QAC3C,gBAAM,UACT;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWI;AAXJ,8BAAiC;AAS1B,MAAM,0BAA0B,CAAC,UAAwC;AAC9E,SACE,4CAAC,yCAAiB,UAAjB,EAA0B,iBAAiB,MAAM,QAC/C,gBAAM,UACT;AAEJ;",
   "names": []
 }

package/dist/cjs/views/FontLanguage.native.js

@@ -23,10 +23,10 @@ __export(FontLanguage_native_exports, {
 module.exports = __toCommonJS(FontLanguage_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_FontLanguageContext = require("../contexts/FontLanguageContext");
+var import_ComponentContext = require("../contexts/ComponentContext");
 const FontLanguage = ({ children, ...props }) => {
-  const value = (0, import_react.useMemo)(() => props, [JSON.stringify(props)]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FontLanguageContext.FontLanguageContext.Provider, { value, children });
+  const language = (0, import_react.useMemo)(() => props, [JSON.stringify(props)]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { language, children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/views/FontLanguage.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/FontLanguage.native.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASI;AATJ,mBAAwB;AAExB,iCAAoC;AAG7B,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,MAAM,MAAyB;AAEzE,QAAM,YAAQ,sBAAQ,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC;AAC1D,SACE,4CAAC,+CAAoB,UAApB,EAA6B,OAAe,UAAS;AAE1D;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASI;AATJ,mBAAwB;AAExB,8BAAiC;AAG1B,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,MAAM,MAAyB;AAEzE,QAAM,eAAW,sBAAQ,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC;AAC7D,SACE,4CAAC,yCAAiB,UAAjB,EAA0B,UAAqB,UAAS;AAE7D;",
   "names": []
 }

package/dist/cjs/views/TamaguiProvider.js

@@ -34,9 +34,7 @@ module.exports = __toCommonJS(TamaguiProvider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_constants = require("@tamagui/constants");
 var React = __toESM(require("react"));
-var import_AnimationDriverContext = require("../contexts/AnimationDriverContext");
-var import_ButtonNestingContext = require("../contexts/ButtonNestingContext");
-var import_TextAncestorContext = require("../contexts/TextAncestorContext");
+var import_ComponentContext = require("../contexts/ComponentContext");
 var import_useMedia = require("../hooks/useMedia");
 var import_ThemeProvider = require("./ThemeProvider");
 function TamaguiProvider({
@@ -63,7 +61,7 @@ function TamaguiProvider({
       };
     }, [config, disableInjectCSS]);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ButtonNestingContext.ButtonNestingContext.Provider, { value: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TextAncestorContext.TextAncestorContext.Provider, { value: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AnimationDriverContext.AnimationDriverContext.Provider, { value: config.animations, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: config.animations, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_ThemeProvider.ThemeProvider,
     {
       themeClassNameOnRoot: config.themeClassNameOnRoot,
@@ -72,7 +70,7 @@ function TamaguiProvider({
       defaultTheme: themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0],
       children
     }
-  ) }) }) });
+  ) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/views/TamaguiProvider.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TamaguiProvider.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CU;AA5CV,uBAA0C;AAC1C,YAAuB;AAEvB,oCAAuC;AACvC,kCAAqC;AACrC,iCAAoC;AACpC,sBAAkC;AAElC,2BAA8B;AAEvB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,MAAI,EAAE,0BAAS,4BAAW;AACxB,2CAAkB,MAAM;AAAA,EAC1B;AAEA,MAAI,2BAAU;AAGZ,UAAM,gBAAgB,MAAM;AAG1B,UAAI,SAAS,gBAAgB,UAAU,SAAS,aAAa,GAAG;AAC9D,iBAAS,gBAAgB,UAAU,OAAO,aAAa;AAAA,MACzD;AAEA,UAAI;AAAkB;AACtB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC;AAC1D,eAAS,KAAK,YAAY,KAAK;AAC/B,aAAO,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC;AAAA,EAC/B;AAEA,SACE,4CAAC,iDAAqB,UAArB,EAA8B,OAAO,OACpC,sDAAC,+CAAoB,UAApB,EAA6B,OAAO,OACnC,sDAAC,qDAAuB,UAAvB,EAAgC,OAAO,OAAO,YAC7C;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,OAAO;AAAA,MAC7B,uBAAuB,OAAO;AAAA,MAC7B,GAAG;AAAA,MACJ,cACE,mBAAmB,gBAAgB,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC;AAAA,MAGhE;AAAA;AAAA,EACH,GACF,GACF,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCM;AAxCN,uBAA0C;AAC1C,YAAuB;AAEvB,8BAAiC;AACjC,sBAAkC;AAElC,2BAA8B;AAEvB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,MAAI,EAAE,0BAAS,4BAAW;AACxB,2CAAkB,MAAM;AAAA,EAC1B;AAEA,MAAI,2BAAU;AAGZ,UAAM,gBAAgB,MAAM;AAG1B,UAAI,SAAS,gBAAgB,UAAU,SAAS,aAAa,GAAG;AAC9D,iBAAS,gBAAgB,UAAU,OAAO,aAAa;AAAA,MACzD;AAEA,UAAI;AAAkB;AACtB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC;AAC1D,eAAS,KAAK,YAAY,KAAK;AAC/B,aAAO,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC;AAAA,EAC/B;AAEA,SACE,4CAAC,yCAAiB,UAAjB,EAA0B,iBAAiB,OAAO,YACjD;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,OAAO;AAAA,MAC7B,uBAAuB,OAAO;AAAA,MAC7B,GAAG;AAAA,MACJ,cAAc,mBAAmB,gBAAgB,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC;AAAA,MAE5E;AAAA;AAAA,EACH,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/CSSColorNames.js

@@ -0,0 +1 @@
+//# sourceMappingURL=CSSColorNames.js.map

package/dist/esm/CSSColorNames.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/GetRef.js

@@ -0,0 +1 @@
+//# sourceMappingURL=GetRef.js.map

package/dist/esm/GetRef.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/Role.js

@@ -0,0 +1 @@
+//# sourceMappingURL=Role.js.map

package/dist/esm/Role.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/contexts/ComponentContext.js

@@ -0,0 +1,23 @@
+import { createStyledContext } from "../helpers/createStyledContext";
+const listeners = /* @__PURE__ */ new Set();
+const ComponentContext = createStyledContext({
+  inText: false,
+  language: null,
+  animationDriver: null,
+  groups: {
+    emit: (name, state) => {
+      listeners.forEach((l) => l(name, state));
+    },
+    subscribe(cb) {
+      listeners.add(cb);
+      return () => {
+        listeners.delete(cb);
+      };
+    },
+    state: {}
+  }
+});
+export {
+  ComponentContext
+};
+//# sourceMappingURL=ComponentContext.js.map

package/dist/esm/contexts/ComponentContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/contexts/ComponentContext.tsx"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAGpC,MAAM,YAAY,oBAAI,IAAwB;AAEvC,MAAM,mBAAmB,oBAAuC;AAAA,EACrE,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,QAAQ;AAAA,IACN,MAAM,CAAC,MAAM,UAAU;AACrB,gBAAU,QAAQ,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC;AAAA,IACzC;AAAA,IACA,UAAU,IAAI;AACZ,gBAAU,IAAI,EAAE;AAChB,aAAO,MAAM;AACX,kBAAU,OAAO,EAAE;AAAA,MACrB;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV;AACF,CAAC;",
+  "names": []
+}

package/dist/esm/createComponent.js

@@ -13,20 +13,19 @@ import React, {
   useContext,
   useEffect,
   useId,
+  useMemo,
   useRef,
   useState
 } from "react";
 import { getConfig, onConfiguredOnce } from "./config";
 import { stackDefaultStyles } from "./constants/constants";
-import { FontLanguageContext } from "./contexts/FontLanguageContext";
-import { TextAncestorContext } from "./contexts/TextAncestorContext";
+import { ComponentContext } from "./contexts/ComponentContext";
 import { didGetVariableValue, setDidGetVariableValue } from "./createVariable";
+import { createShallowSetState } from "./helpers/createShallowSetState";
 import { useSplitStyles } from "./helpers/getSplitStyles";
 import { mergeProps } from "./helpers/mergeProps";
 import { proxyThemeVariables } from "./helpers/proxyThemeVariables";
 import { themeable } from "./helpers/themeable";
-import { useShallowSetState } from "./helpers/useShallowSetState";
-import { useAnimationDriver } from "./hooks/useAnimationDriver";
 import { setMediaShouldUpdate, useMedia } from "./hooks/useMedia";
 import { useThemeWithState } from "./hooks/useTheme";
 import { hooks } from "./setupHooks";
@@ -119,6 +118,7 @@ function createComponent(staticConfig) {
         propsIn["data-test-renders"]["current"] += 1;
       }
     }
+    const componentContext = useContext(ComponentContext);
     let styledContextProps;
     let overriddenContextProps;
     let contextValue;
@@ -167,7 +167,7 @@ function createComponent(staticConfig) {
     if (process.env.NODE_ENV === "development" && time)
       time`stateref`;
     const hostRef = useRef(null);
-    const animationsConfig = useAnimationDriver();
+    const animationsConfig = componentContext.animationDriver;
     const useAnimations = animationsConfig == null ? void 0 : animationsConfig.useAnimations;
     const hasAnimationProp = Boolean(
       props.animation || props.style && hasAnimatedStyleValue(props.style)
@@ -190,7 +190,21 @@ function createComponent(staticConfig) {
     const states = useState(initialState);
     const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0];
     const setState = states[1];
-    const setStateShallow = useShallowSetState(setState);
+    let setStateShallow = createShallowSetState(setState);
+    const groupName = props.group;
+    if (groupName) {
+      const groupContextState = componentContext.groups.state;
+      const og = setStateShallow;
+      setStateShallow = (state2) => {
+        og(state2);
+        componentContext.groups.emit(groupName, state2);
+        const next = {
+          ...groupContextState[groupName],
+          ...state2
+        };
+        groupContextState[groupName] = next;
+      };
+    }
     if (process.env.NODE_ENV === "development" && time)
       time`use-state`;
     let isAnimated = willBeAnimated;
@@ -205,8 +219,7 @@ function createComponent(staticConfig) {
       stateRef.current.hasAnimated = true;
     }
     const componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName;
-    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false);
-    const languageContext = useContext(FontLanguageContext);
+    const hasTextAncestor = !!(isWeb && isText ? componentContext.inText : false);
     const isDisabled = props.disabled ?? ((_c = props.accessibilityState) == null ? void 0 : _c.disabled);
     if (process.env.NODE_ENV === "development" && time)
       time`use-context`;
@@ -252,8 +265,6 @@ function createComponent(staticConfig) {
     const themeStateProps = {
       name: props.theme,
       componentName,
-      reset: props.reset,
-      inverse: props.themeInverse,
       // @ts-ignore this is internal use only
       disable: disableTheme,
       shallow: stateRef.current.themeShallow,
@@ -321,7 +332,6 @@ function createComponent(staticConfig) {
     const styleProps = {
       mediaState,
       noClassNames,
-      hasTextAncestor,
       resolveVariablesAs,
       isExiting,
       isAnimated,
@@ -335,7 +345,7 @@ function createComponent(staticConfig) {
       state,
       styleProps,
       null,
-      languageContext || void 0,
+      componentContext,
       elementType,
       debugProp
     );
@@ -391,7 +401,6 @@ function createComponent(staticConfig) {
         styleProps,
         theme: themeState.state.theme,
         pseudos: pseudos || null,
-        onDidAnimate: props.onDidAnimate,
         hostRef,
         staticConfig
       });
@@ -429,7 +438,8 @@ function createComponent(staticConfig) {
     } = viewPropsIn;
     if (process.env.NODE_ENV === "development" && time)
       time`destructure`;
-    const disabled = ((_d = props.accessibilityState) == null ? void 0 : _d.disabled) || props.accessibilityDisabled;
+    const disabled = ((_d = props.accessibilityState) == null ? void 0 : _d.disabled) || // @ts-expect-error (comes from core)
+    props.accessibilityDisabled;
     let viewProps = nonTamaguiProps;
     if (isHOC && _themeProp) {
       viewProps.theme = _themeProp;
@@ -460,6 +470,7 @@ function createComponent(staticConfig) {
       });
     }, []);
     const shouldSetMounted = needsMount && state.unmounted;
+    const { pseudoGroups } = splitStyles;
     useEffect(() => {
       if (shouldSetMounted) {
         const unmounted = state.unmounted === true && hasEnterStyle ? "should-enter" : false;
@@ -468,10 +479,32 @@ function createComponent(staticConfig) {
         });
         return;
       }
+      let disposeGroupsListener;
+      if (pseudoGroups) {
+        const current = {};
+        disposeGroupsListener = componentContext.groups.subscribe((name, next) => {
+          if (pseudoGroups.has(name)) {
+            Object.assign(current, next);
+            const group = {
+              ...state.group,
+              [name]: current
+            };
+            setStateShallow({
+              // force it to be referentially different so it always updates
+              group
+            });
+          }
+        });
+      }
       return () => {
+        disposeGroupsListener == null ? void 0 : disposeGroupsListener();
         mouseUps.delete(unPress);
       };
-    }, [shouldSetMounted, state.unmounted]);
+    }, [
+      shouldSetMounted,
+      state.unmounted,
+      pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0
+    ]);
     const avoidAnimationStyle = keepStyleSSR && state.unmounted === true;
     let fontFamily = isText ? splitStyles.fontFamily || ((_g = staticConfig.defaultProps) == null ? void 0 : _g.fontFamily) : null;
     if (fontFamily && fontFamily[0] === "$") {
@@ -484,7 +517,8 @@ function createComponent(staticConfig) {
       const classList = [
         componentName ? componentClassName : "",
         fontFamilyClassName,
-        classNames ? Object.values(classNames).join(" ") : ""
+        classNames ? Object.values(classNames).join(" ") : "",
+        props.group ? `t_group_${props.group}` : ""
       ];
       className = classList.join(" ");
       if (isAnimatedReactNativeWeb && !avoidAnimationStyle) {
@@ -515,10 +549,10 @@ function createComponent(staticConfig) {
     }
     const runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle);
     const attachPress = Boolean(
-      runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick
+      groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick
     );
     const runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle);
-    const isHoverable = isWeb && !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave);
+    const isHoverable = isWeb && !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave);
     const handlesPressEvents = !(isWeb || asChild);
     const shouldAttach = Boolean(
       attachPress || isHoverable || noClassNames && "pressStyle" in props || isWeb && noClassNames && "hoverStyle" in props
@@ -558,8 +592,7 @@ function createComponent(staticConfig) {
       onPressIn: attachPress ? (e) => {
         setStateShallow({
           press: true,
-          pressIn: true,
-          hover: false
+          pressIn: true
         });
         onPressIn == null ? void 0 : onPressIn(e);
         onMouseDown == null ? void 0 : onMouseDown(e);
@@ -620,6 +653,21 @@ function createComponent(staticConfig) {
       });
     }
     content = createElement(elementType, viewProps, content);
+    const subGroupContext = useMemo(() => {
+      if (!groupName)
+        return null;
+      return {
+        ...componentContext.groups,
+        // change reference so as we mutate it doesn't affect siblings etc
+        state: {
+          ...componentContext.groups.state,
+          [groupName]: initialState
+        }
+      };
+    }, [groupName]);
+    if (groupName && subGroupContext) {
+      content = /* @__PURE__ */ jsx(ComponentContext.Provider, { groups: subGroupContext, children: content });
+    }
     content = disableThemeProp ? content : useThemedChildren(themeState, content, themeStateProps);
     if (process.env.NODE_ENV === "development" && props["debug"] === "visualize") {
       content = /* @__PURE__ */ jsx(ThemeDebug, { themeState, themeProps: props, children: content });