@tamagui/web 2.7.7 → 3.0.0-beta.1097.1

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

@@ -5,29 +5,26 @@ 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TamaguiRoot_native_exports = {};
-__export(TamaguiRoot_native_exports, {
-  TamaguiRoot: () => TamaguiRoot
-});
+__export(TamaguiRoot_native_exports, { TamaguiRoot: () => TamaguiRoot });
 module.exports = __toCommonJS(TamaguiRoot_native_exports);
 function TamaguiRoot(props) {
-  return props.children;
+	return props.children;
 }
+
 //# sourceMappingURL=TamaguiRoot.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["TamaguiRoot_native_exports","__export","TamaguiRoot","module","exports","__toCommonJS","props","children"],"sources":["../../../src/views/TamaguiRoot.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,0BAAA;AAAO,SAASE,YAAYI,KAAA,EAAO;EAC/B,OAAOA,KAAA,CAAMC,QAAA;AACjB","ignoreList":[]}
+{"version":3,"file":"TamaguiRoot.native.js","names":[],"sources":["cjs/views/TamaguiRoot.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar TamaguiRoot_native_exports = {};\n__export(TamaguiRoot_native_exports, {\n  TamaguiRoot: () => TamaguiRoot\n});\nmodule.exports = __toCommonJS(TamaguiRoot_native_exports);\nfunction TamaguiRoot(props) {\n  return props.children;\n}\n//# sourceMappingURL=TamaguiRoot.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,6BAA6B,CAAC;AAClC,SAAS,4BAA4B,EACnC,mBAAmB,YACrB,CAAC;AACD,OAAO,UAAU,aAAa,0BAA0B;AACxD,SAAS,YAAY,OAAO;CAC1B,OAAO,MAAM;AACf"}

package/dist/cjs/views/Text.cjs

@@ -3,60 +3,64 @@ 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Text_exports = {};
 __export(Text_exports, {
-  Text: () => Text
+	Text: () => Text,
+	textStaticConfig: () => textStaticConfig
 });
 module.exports = __toCommonJS(Text_exports);
 var import_helpers = require("@tamagui/helpers");
 var import_createComponent = require("../createComponent.cjs");
-const ellipsisStyle = {
-  maxWidth: "100%",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
+var import_styledDynamic = require("../helpers/styledDynamic.cjs");
+const textStaticConfig = {
+	acceptsClassName: true,
+	isText: true,
+	defaultProps: void 0,
+	inlineProps: /* @__PURE__ */ new Set(["maxFontSizeMultiplier"]),
+	variants: {
+		numberOfLines: (0, import_styledDynamic.styledDynamic)((numberOfLines) => {
+			if (numberOfLines === 1) return {
+				maxWidth: "100%",
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			};
+			return numberOfLines >= 1 ? {
+				maxWidth: "100%",
+				WebkitLineClamp: numberOfLines,
+				WebkitBoxOrient: "vertical",
+				display: "-webkit-box",
+				overflow: "hidden"
+			} : null;
+		}),
+		ellipsis: { true: {
+			maxWidth: "100%",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		} }
+	},
+	validStyles: {
+		...import_helpers.validStyles,
+		...import_helpers.stylePropsTextOnly
+	}
 };
 const Text = (0, import_createComponent.createComponent)({
-  componentName: "Text",
-  acceptsClassName: true,
-  isText: true,
-  defaultProps: void 0,
-  inlineWhenUnflattened: /* @__PURE__ */new Set(["fontFamily"]),
-  inlineProps: /* @__PURE__ */new Set(["maxFontSizeMultiplier"]),
-  variants: {
-    numberOfLines: {
-      1: ellipsisStyle,
-      ":number": numberOfLines => numberOfLines >= 1 ? {
-        maxWidth: "100%",
-        WebkitLineClamp: numberOfLines,
-        WebkitBoxOrient: "vertical",
-        display: "-webkit-box",
-        overflow: "hidden"
-      } : null
-    },
-    ellipsis: {
-      true: ellipsisStyle
-    }
-  },
-  validStyles: {
-    ...import_helpers.validStyles,
-    ...import_helpers.stylePropsTextOnly
-  }
-});
+	...textStaticConfig,
+	displayName: "Text"
+});

package/dist/cjs/views/Text.native.cjs

@@ -0,0 +1,49 @@
+"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 Text_exports = {};
+__export(Text_exports, {
+	Text: () => Text,
+	textStaticConfig: () => textStaticConfig
+});
+module.exports = __toCommonJS(Text_exports);
+var import_helpers = require("@tamagui/helpers");
+var import_createComponent = require("../createComponent.native.js");
+require("../helpers/styledDynamic.native.js");
+var textStaticConfig = {
+	acceptsClassName: true,
+	isText: true,
+	defaultProps: { suppressHighlighting: true },
+	inlineProps: /* @__PURE__ */ new Set(["maxFontSizeMultiplier"]),
+	variants: { ellipsis: { true: {
+		numberOfLines: 1,
+		lineBreakMode: "clip"
+	} } },
+	validStyles: {
+		...import_helpers.validStyles,
+		...import_helpers.stylePropsTextOnly
+	}
+};
+var Text = (0, import_createComponent.createComponent)({
+	...textStaticConfig,
+	displayName: "Text"
+});

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

@@ -5,49 +5,47 @@ 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Text_exports = {};
 __export(Text_exports, {
-  Text: () => Text
+	Text: () => Text,
+	textStaticConfig: () => textStaticConfig
 });
 module.exports = __toCommonJS(Text_exports);
 var import_helpers = require("@tamagui/helpers");
-var Text = (0, require("../createComponent.native.js").createComponent)({
-  componentName: "Text",
-  acceptsClassName: true,
-  isText: true,
-  defaultProps: {
-    suppressHighlighting: true
-  },
-  inlineWhenUnflattened: /* @__PURE__ */new Set(["fontFamily"]),
-  inlineProps: /* @__PURE__ */new Set(["maxFontSizeMultiplier"]),
-  variants: {
-    ellipsis: {
-      true: {
-        numberOfLines: 1,
-        lineBreakMode: "clip"
-      }
-    }
-  },
-  validStyles: {
-    ...import_helpers.validStyles,
-    ...import_helpers.stylePropsTextOnly
-  }
+var import_createComponent = require("../createComponent.native.js");
+require("../helpers/styledDynamic.native.js");
+var textStaticConfig = {
+	acceptsClassName: true,
+	isText: true,
+	defaultProps: { suppressHighlighting: true },
+	inlineProps: /* @__PURE__ */ new Set(["maxFontSizeMultiplier"]),
+	variants: { ellipsis: { true: {
+		numberOfLines: 1,
+		lineBreakMode: "clip"
+	} } },
+	validStyles: {
+		...import_helpers.validStyles,
+		...import_helpers.stylePropsTextOnly
+	}
+};
+var Text = (0, import_createComponent.createComponent)({
+	...textStaticConfig,
+	displayName: "Text"
 });
+
 //# sourceMappingURL=Text.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["to","__toCommonJS","mod","__copyProps","__defProp","value","Text_exports","__export","Text","module","exports","import_helpers","require","createComponent","componentName","acceptsClassName","isText","defaultProps","suppressHighlighting","inlineWhenUnflattened","Set","inlineProps","variants","ellipsis","true","numberOfLines","lineBreakMode","validStyles","stylePropsTextOnly"],"sources":["../../../src/views/Text.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;EAAA;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAgD;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAEhDC,MAAA,CAAAC,OAAA,GAAAT,YAAgC,CAAAK,YAAA;AAUhC,IAAAK,cAAM,GAAAC,OACJ,mBAAY;AACR,IACEJ,IAAA,IAAU,GAAAI,OAAA,iCAAAC,eAAA;EAAAC,aACA;EAAAC,gBACI;EAAAC,MACd;EACFC,YACA;IAAAC,oBAAA;EAAA;EAAAC,qBACiB,qBAAAC,GAAA;EAAAC,WACf,iBAAe,IAAAD,GAAA;EACjBE,QAAA;IAAAC,QAAA;MAAAC,IAAA;QAECC,aAAM,EAAO;QAMlBC,aAAA,EAAe;MAAA;IACf;EAAA;EAAkBC,WACV;IAER,GAAAhB,cACE,CAAAgB,WAAY;IAER,GACEhB,cAAA,CAAAiB;EAAsB;AACxB,EAEN","ignoreList":[]}
+{"version":3,"file":"Text.native.js","names":[],"sources":["cjs/views/Text.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Text_exports = {};\n__export(Text_exports, {\n\tText: () => Text,\n\ttextStaticConfig: () => textStaticConfig\n});\nmodule.exports = __toCommonJS(Text_exports);\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_createComponent = require(\"../createComponent\");\nrequire(\"../helpers/styledDynamic\");\nvar textStaticConfig = {\n\tacceptsClassName: true,\n\tisText: true,\n\tdefaultProps: { suppressHighlighting: true },\n\tinlineProps: /* @__PURE__ */ new Set([\"maxFontSizeMultiplier\"]),\n\tvariants: { ellipsis: { true: {\n\t\tnumberOfLines: 1,\n\t\tlineBreakMode: \"clip\"\n\t} } },\n\tvalidStyles: {\n\t\t...import_helpers.validStyles,\n\t\t...import_helpers.stylePropsTextOnly\n\t}\n};\nvar Text = (0, import_createComponent.createComponent)({\n\t...textStaticConfig,\n\tdisplayName: \"Text\"\n});\n//# sourceMappingURL=Text.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC/B,KAAK,IAAI,QAAQ,KAAK,UAAU,QAAQ,MAAM;EAC7C,KAAK,IAAI;EACT,YAAY;CACb,CAAC;AACF;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC7C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EACnE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,UAAU,IAAI,KAAK;GAC9G,WAAW,KAAK;GAChB,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAC3D,CAAC;CACF;CACA,OAAO;AACR;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,eAAe,CAAC;AACpB,SAAS,cAAc;CACtB,YAAY;CACZ,wBAAwB;AACzB,CAAC;AACD,OAAO,UAAU,aAAa,YAAY;AAC1C,IAAI,iBAAiB,QAAQ,kBAAkB;AAC/C,IAAI,yBAAyB,QAAQ,8BAAoB;AACzD,QAAQ,oCAA0B;AAClC,IAAI,mBAAmB;CACtB,kBAAkB;CAClB,QAAQ;CACR,cAAc,EAAE,sBAAsB,KAAK;CAC3C,6BAA6B,IAAI,IAAI,CAAC,uBAAuB,CAAC;CAC9D,UAAU,EAAE,UAAU,EAAE,MAAM;EAC7B,eAAe;EACf,eAAe;CAChB,EAAE,EAAE;CACJ,aAAa;EACZ,GAAG,eAAe;EAClB,GAAG,eAAe;CACnB;AACD;AACA,IAAI,QAAQ,GAAG,uBAAuB,gBAAe,CAAE;CACtD,GAAG;CACH,aAAa;AACd,CAAC"}

package/dist/cjs/views/Theme.cjs

@@ -1,198 +1,139 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	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;
+	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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Theme_exports = {};
 __export(Theme_exports, {
-  Theme: () => Theme,
-  getThemedChildren: () => getThemedChildren
+	Theme: () => Theme,
+	getThemedChildren: () => getThemedChildren
 });
 module.exports = __toCommonJS(Theme_exports);
+var import_compose_refs = require("@tamagui/compose-refs");
 var import_constants = require("@tamagui/constants");
-var import_react = __toESM(require("react"), 1);
+var import_helpers = require("@tamagui/helpers");
+var import_react = require("react");
 var import_createVariable = require("../createVariable.cjs");
+var import_formatDiagnostic = require("../helpers/formatDiagnostic.cjs");
+require("../helpers/nativeStyleEngine.cjs");
+var import_warnOnce = require("../helpers/warnOnce.cjs");
 var import_useTheme = require("../hooks/useTheme.cjs");
 var import_useThemeState = require("../hooks/useThemeState.cjs");
 var import_ThemeDebug = require("./ThemeDebug.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const Theme = (0, import_react.forwardRef)(function Theme2(props, ref) {
-  "use no memo";
-
-  if (props.disable) {
-    return props.children;
-  }
-  const {
-    passThrough
-  } = props;
-  const isRoot = !!props["_isRoot"];
-  const [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot, true);
-  const disableDirectChildTheme = props["disable-child-theme"];
-  let finalChildren = disableDirectChildTheme ? import_react.Children.map(props.children, child => passThrough || !(0, import_react.isValidElement)(child) ? child : (0, import_react.cloneElement)(child, {
-    ["data-disable-theme"]: true
-  })) : props.children;
-  if (ref) {
-    try {
-      import_react.default.Children.only(finalChildren);
-      finalChildren = (0, import_react.cloneElement)(finalChildren, {
-        ref
-      });
-    } catch {}
-  }
-  const stateRef = (0, import_react.useRef)({
-    hasEverThemed: false
-  });
-  return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
+const Theme = (0, import_compose_refs.createRefComponent)(function Theme2(props, ref) {
+	"use no memo";
+	if (props.disable) return props.children;
+	if (process.env.NODE_ENV === "development") {
+		for (const key in props) if (!import_helpers.reservedThemeProps[key] && key !== "srcloc" && !key.startsWith("data-")) (0, import_warnOnce.warnOnce)(`theme-update:${key}`, `<Theme ${key}=...> no longer accepts inline values. Wrap the subtree in <ThemeUpdate ${key}=...> instead.`);
+	}
+	const { passThrough } = props;
+	const isRoot = !!props["_isRoot"];
+	const [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot, true);
+	(0, import_constants.useIsomorphicLayoutEffect)(() => {}, [
+		themeState.id,
+		themeState.name,
+		themeState.theme
+	]);
+	let finalChildren = props["disable-child-theme"] ? import_react.Children.map(props.children, (child) => passThrough || !(0, import_react.isValidElement)(child) ? child : (0, import_react.cloneElement)(child, { ["data-disable-theme"]: true })) : props.children;
+	if (ref && (0, import_react.isValidElement)(finalChildren)) finalChildren = (0, import_react.cloneElement)(finalChildren, { ref });
+	const stateRef = (0, import_react.useRef)({ hasEverThemed: false });
+	return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
 });
 Theme["avoidForwardRef"] = true;
 function getThemedChildren(themeState, children, props, isRoot = false, stateRef, passThrough = false) {
-  const {
-    shallow,
-    forceClassName
-  } = props;
-  const state = stateRef.current;
-  let hasEverThemed = state.hasEverThemed;
-  let shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
-  if (process.env.NODE_ENV === "development" && props.debug === "visualize") {
-    children = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
-      themeState,
-      themeProps: props,
-      children
-    });
-  }
-  if (!shouldRenderChildrenWithTheme) {
-    return children;
-  }
-  children = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_useThemeState.ThemeStateContext.Provider, {
-    value: themeState.id,
-    children
-  });
-  const {
-    isInverse,
-    name
-  } = themeState;
-  const requiresExtraWrapper = isInverse || forceClassName;
-  if (!state.hasEverThemed) {
-    state.hasEverThemed = true;
-  }
-  if (requiresExtraWrapper ||
-  // if the theme is exactly dark or light, its likely to change between dark/light
-  // and that would require wrapping which would re-parent, so to avoid re-parenting do this
-  themeState.name === "dark" || themeState.name === "light") {
-    state.hasEverThemed = "wrapped";
-  }
-  if (shallow) {
-    if (!themeState.parentId) {} else {
-      const parentState = (0, import_useThemeState.getThemeState)(themeState.isNew ? themeState.id : themeState.parentId);
-      if (!parentState) throw new Error(`\u203C\uFE0F010`);
-      children = import_react.Children.toArray(children).map(child => {
-        return (0, import_react.isValidElement)(child) ? passThrough ? child : (0, import_react.cloneElement)(child, void 0, /* @__PURE__ */(0, import_jsx_runtime.jsx)(Theme, {
-          name: parentState.name,
-          children: child.props.children
-        })) : child;
-      });
-    }
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (!passThrough && props.debug) {
-      console.warn(` getThemedChildren`, {
-        requiresExtraWrapper,
-        forceClassName,
-        themeState,
-        state,
-        themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
-      });
-    }
-  }
-  if (forceClassName === false) {
-    return children;
-  }
-  if (import_constants.isWeb) {
-    const baseStyle = props.contain ? inertContainedStyle : inertStyle;
-    const {
-      className = "",
-      color
-    } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
-    children = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
-      className: `${className} is_Theme`,
-      style: passThrough ? baseStyle : {
-        color,
-        ...baseStyle
-      },
-      children
-    });
-    if (state.hasEverThemed === "wrapped") {
-      const className2 = requiresExtraWrapper ? `${name.startsWith("light") ? "t_light" : name.startsWith("dark") ? "t_dark" : ""} _dsp_contents` : `_dsp_contents`;
-      children = /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
-        className: className2,
-        children
-      });
-    }
-    return children;
-  }
-  return children;
+	const { shallow, forceClassName } = props;
+	const state = stateRef.current;
+	let shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
+	if (process.env.NODE_ENV === "development" && props.debug === "visualize") children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, {
+		themeState,
+		themeProps: props,
+		children
+	});
+	if (!shouldRenderChildrenWithTheme) return children;
+	children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useThemeState.ThemeStateContext.Provider, {
+		value: themeState.id,
+		children
+	});
+	const { isInverse } = themeState;
+	const requiresExtraWrapper = isInverse || forceClassName;
+	if (!state.hasEverThemed) state.hasEverThemed = true;
+	if (requiresExtraWrapper || themeState.name === "dark" || themeState.name === "light") state.hasEverThemed = "wrapped";
+	if (shallow) if (!themeState.parentId) {} else {
+		const parentState = (0, import_useThemeState.getThemeState)(themeState.isNew ? themeState.id : themeState.parentId);
+		if (!parentState) throw new Error(process.env.NODE_ENV !== "production" ? (0, import_formatDiagnostic.formatDiagnostic)("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
+			name: themeState.name,
+			parentId: themeState.parentId
+		}) : "❌ Error 014");
+		children = import_react.Children.toArray(children).map((child) => {
+			return (0, import_react.isValidElement)(child) ? passThrough ? child : (0, import_react.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, {
+				name: parentState.name,
+				children: child.props.children
+			})) : child;
+		});
+	}
+	if (process.env.NODE_ENV === "development") {
+		if (!passThrough && props.debug) console.warn(` getThemedChildren`, {
+			requiresExtraWrapper,
+			forceClassName,
+			themeState,
+			state,
+			themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
+		});
+	}
+	if (forceClassName === false) return children;
+	if (import_constants.isWeb) {
+		const baseStyle = props.contain ? inertContainedStyle : inertStyle;
+		const { className = "", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
+		const inlineClassName = passThrough ? void 0 : props._themeUpdate?.className;
+		children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: `${className} is_Theme${inlineClassName ? ` ${inlineClassName}` : ""}`,
+			style: passThrough ? baseStyle : {
+				color,
+				...baseStyle
+			},
+			children
+		});
+		if (state.hasEverThemed === "wrapped") {
+			const scheme = requiresExtraWrapper && themeState.schemeAuthored && themeState.scheme;
+			const className2 = scheme ? `t_${scheme} _dsp_contents` : "_dsp_contents";
+			children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: className2,
+				children
+			});
+		}
+		return children;
+	}
+	return children;
 }
-const inertStyle = {
-  display: "contents"
-};
+const inertStyle = { display: "contents" };
 const inertContainedStyle = {
-  display: "contents",
-  contain: "strict"
+	display: "contents",
+	contain: "strict"
 };
 const empty = {
-  className: "",
-  color: void 0
+	className: "",
+	color: void 0
 };
-function getThemeClassNameAndColor(themeState, props, isRoot = false) {
-  if (!themeState.isNew && !props.forceClassName) {
-    return empty;
-  }
-  const themeColor = themeState?.theme && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : "";
-  const style = themeColor ? {
-    color: themeColor
-  } : void 0;
-  const themeClassName = themeState.name.replace(schemePrefix, "");
-  const themeNameParts = themeClassName.split("_");
-  let themeClasses = `t_${themeClassName}`;
-  if (themeNameParts.length > 1) {
-    const hierarchyClasses = [];
-    for (let i = 1; i <= themeNameParts.length; i++) {
-      hierarchyClasses.push(`t_${themeNameParts.slice(0, i).join("_")}`);
-    }
-    themeClasses = hierarchyClasses.join(" ");
-  }
-  const className = `${isRoot ? "" : "t_sub_theme"} ${themeClasses}`;
-  return {
-    color: themeColor,
-    className
-  };
+function getThemeClassNameAndColor(themeState, props, isRoot) {
+	if (!themeState.isNew && !props.forceClassName) return empty;
+	return {
+		color: themeState?.theme && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : "",
+		className: (0, import_helpers.getThemeClassNames)(themeState.name, isRoot, themeState.schemeAuthored)
+	};
 }
-const schemePrefix = /^(dark|light)_/;