@tamagui/web 1.61.3 → 1.62.0

package/dist/cjs/views/Theme.js

@@ -1,20 +1,15 @@
-"use strict";
 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 __getProtoOf = Object.getPrototypeOf, __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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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(
@@ -22,10 +17,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // 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,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var Theme_exports = {};
 __export(Theme_exports, {
   Theme: () => Theme,
@@ -33,76 +27,42 @@ __export(Theme_exports, {
   wrapThemeElements: () => wrapThemeElements
 });
 module.exports = __toCommonJS(Theme_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_constants = require("@tamagui/constants");
-var import_react = __toESM(require("react"));
-var import_createVariable = require("../createVariable");
-var import_ThemeManagerContext = require("../helpers/ThemeManagerContext");
-var import_useTheme = require("../hooks/useTheme");
-var import_ThemeDebug = require("./ThemeDebug");
-const Theme = (0, import_react.forwardRef)(function Theme2(props, ref) {
-  if (props.disable) {
+var import_constants = require("@tamagui/constants"), import_react = __toESM(require("react")), import_createVariable = require("../createVariable"), import_ThemeManagerContext = require("../helpers/ThemeManagerContext"), import_useTheme = require("../hooks/useTheme"), import_ThemeDebug = require("./ThemeDebug"), import_jsx_runtime = require("react/jsx-runtime");
+const Theme = (0, import_react.forwardRef)(function(props, ref) {
+  if (props.disable)
     return props.children;
-  }
-  const isRoot = !!props["_isRoot"];
-  const disableDirectChildTheme = props["disable-child-theme"];
-  const themeState = (0, import_useTheme.useChangeThemeEffect)(props, isRoot);
-  const children = (0, import_react.useMemo)(() => {
+  const isRoot = !!props._isRoot, disableDirectChildTheme = props["disable-child-theme"], themeState = (0, import_useTheme.useChangeThemeEffect)(props, isRoot), children = (0, import_react.useMemo)(() => {
     let children2 = disableDirectChildTheme ? import_react.Children.map(
       props.children,
-      (child) => (0, import_react.cloneElement)(child, { ["data-disable-theme"]: true })
+      (child) => (0, import_react.cloneElement)(child, { "data-disable-theme": !0 })
     ) : props.children;
-    if (ref) {
+    if (ref)
       try {
-        import_react.default.Children.only(children2);
-        children2 = (0, import_react.cloneElement)(children2, { ref });
+        import_react.default.Children.only(children2), children2 = (0, import_react.cloneElement)(children2, { ref });
       } catch {
       }
-    }
-    if (process.env.NODE_ENV === "development") {
-      if (props.debug === "visualize") {
-        children2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children: children2 });
-      }
-    }
-    return children2;
+    return process.env.NODE_ENV === "development" && props.debug === "visualize" && (children2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children: children2 })), children2;
   }, [props.children, disableDirectChildTheme]);
   return useThemedChildren(themeState, children, props, isRoot);
 });
-Theme["avoidForwardRef"] = true;
-function useThemedChildren(themeState, children, props, isRoot = false) {
-  const { themeManager, isNewTheme } = themeState;
-  const { shallow, forceClassName } = props;
-  const hasEverThemed = (0, import_react.useRef)(false);
-  if (isNewTheme) {
-    hasEverThemed.current = true;
-  }
-  const shouldRenderChildrenWithTheme = isNewTheme || props.inverse || hasEverThemed.current || forceClassName || isRoot;
-  if (!shouldRenderChildrenWithTheme) {
+Theme.avoidForwardRef = !0;
+function useThemedChildren(themeState, children, props, isRoot = !1) {
+  const { themeManager, isNewTheme } = themeState, { shallow, forceClassName } = props, hasEverThemed = (0, import_react.useRef)(!1);
+  if (isNewTheme && (hasEverThemed.current = !0), !(isNewTheme || props.inverse || hasEverThemed.current || forceClassName || isRoot))
     return children;
-  }
   let next = children;
-  if (shallow && themeManager) {
-    next = import_react.Children.toArray(children).map((child) => {
-      return (0, import_react.isValidElement)(child) ? (0, import_react.cloneElement)(
-        child,
-        void 0,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, { name: themeManager.state.parentName, children: child.props.children })
-      ) : child;
-    });
-  }
+  shallow && themeManager && (next = import_react.Children.toArray(children).map((child) => (0, import_react.isValidElement)(child) ? (0, import_react.cloneElement)(
+    child,
+    void 0,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, { name: themeManager.state.parentName, children: child.props.children })
+  ) : child));
   const elementsWithContext = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeManagerContext.ThemeManagerContext.Provider, { value: themeManager, children: next });
-  if (forceClassName === false) {
-    return elementsWithContext;
-  }
-  if (import_constants.isWeb) {
-    return wrapThemeElements({
-      children: elementsWithContext,
-      themeState,
-      forceClassName,
-      isRoot
-    });
-  }
-  return elementsWithContext;
+  return forceClassName === !1 ? elementsWithContext : import_constants.isWeb ? wrapThemeElements({
+    children: elementsWithContext,
+    themeState,
+    forceClassName,
+    isRoot
+  }) : elementsWithContext;
 }
 function wrapThemeElements({
   children,
@@ -110,32 +70,24 @@ function wrapThemeElements({
   forceClassName,
   isRoot
 }) {
-  if (isRoot && forceClassName === false) {
+  if (isRoot && forceClassName === !1)
     return children;
-  }
   const inverse = themeState.state.inverse;
-  if (!themeState.isNewTheme && !inverse && !forceClassName) {
+  if (!themeState.isNewTheme && !inverse && !forceClassName)
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "_dsp_contents is_Theme", children });
-  }
-  const themeColor = themeState.state.theme && themeState.isNewTheme ? (0, import_createVariable.variableToString)(themeState.state.theme.color) : "";
-  const colorStyle = themeColor ? {
+  const themeColor = themeState.state.theme && themeState.isNewTheme ? (0, import_createVariable.variableToString)(themeState.state.theme.color) : "", colorStyle = themeColor ? {
     color: themeColor
   } : void 0;
   let className = themeState.state.className || "";
-  if (isRoot) {
-    className = className.replace("t_sub_theme", "");
-  }
+  isRoot && (className = className.replace("t_sub_theme", ""));
   let themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${className} _dsp_contents is_Theme`, style: colorStyle, children });
-  if (inverse != null || forceClassName) {
-    themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "span",
-      {
-        className: `${themeState.state.name.startsWith("light") ? "t_light" : themeState.state.name.startsWith("dark") ? "t_dark" : ""} _dsp_contents ${inverse ? "is_inversed" : ""}`,
-        children: themedChildren
-      }
-    );
-  }
-  return themedChildren;
+  return (inverse != null || forceClassName) && (themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: `${themeState.state.name.startsWith("light") ? "t_light" : themeState.state.name.startsWith("dark") ? "t_dark" : ""} _dsp_contents ${inverse ? "is_inversed" : ""}`,
+      children: themedChildren
+    }
+  )), themedChildren;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Theme.tsx"],
-  "mappings": "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",
-  "names": ["Theme", "children", "React"]
+  "mappings": "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",
+  "names": ["children", "React"]
 }

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

@@ -0,0 +1,99 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Theme_exports = {};
+__export(Theme_exports, {
+  Theme: () => Theme,
+  useThemedChildren: () => useThemedChildren,
+  wrapThemeElements: () => wrapThemeElements
+});
+module.exports = __toCommonJS(Theme_exports);
+var import_constants = require("@tamagui/constants"), import_react = __toESM(require("react")), import_createVariable = require("../createVariable"), import_ThemeManagerContext = require("../helpers/ThemeManagerContext"), import_useTheme = require("../hooks/useTheme"), import_ThemeDebug = require("./ThemeDebug"), import_jsx_runtime = require("react/jsx-runtime");
+const Theme = (0, import_react.forwardRef)(function(props, ref) {
+  if (props.disable)
+    return props.children;
+  const isRoot = !!props._isRoot, disableDirectChildTheme = props["disable-child-theme"], themeState = (0, import_useTheme.useChangeThemeEffect)(props, isRoot), children = (0, import_react.useMemo)(() => {
+    let children2 = disableDirectChildTheme ? import_react.Children.map(
+      props.children,
+      (child) => (0, import_react.cloneElement)(child, { "data-disable-theme": !0 })
+    ) : props.children;
+    if (ref)
+      try {
+        import_react.default.Children.only(children2), children2 = (0, import_react.cloneElement)(children2, { ref });
+      } catch {
+      }
+    return process.env.NODE_ENV === "development" && props.debug === "visualize" && (children2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children: children2 })), children2;
+  }, [props.children, disableDirectChildTheme]);
+  return useThemedChildren(themeState, children, props, isRoot);
+});
+Theme.avoidForwardRef = !0;
+function useThemedChildren(themeState, children, props, isRoot = !1) {
+  const { themeManager, isNewTheme } = themeState, { shallow, forceClassName } = props, hasEverThemed = (0, import_react.useRef)(!1);
+  if (isNewTheme && (hasEverThemed.current = !0), !(isNewTheme || props.inverse || hasEverThemed.current || forceClassName || isRoot))
+    return children;
+  let next = children;
+  shallow && themeManager && (next = import_react.Children.toArray(children).map((child) => (0, import_react.isValidElement)(child) ? (0, import_react.cloneElement)(
+    child,
+    void 0,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, { name: themeManager.state.parentName, children: child.props.children })
+  ) : child));
+  const elementsWithContext = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeManagerContext.ThemeManagerContext.Provider, { value: themeManager, children: next });
+  return forceClassName === !1 ? elementsWithContext : import_constants.isWeb ? wrapThemeElements({
+    children: elementsWithContext,
+    themeState,
+    forceClassName,
+    isRoot
+  }) : elementsWithContext;
+}
+function wrapThemeElements({
+  children,
+  themeState,
+  forceClassName,
+  isRoot
+}) {
+  if (isRoot && forceClassName === !1)
+    return children;
+  const inverse = themeState.state.inverse;
+  if (!themeState.isNewTheme && !inverse && !forceClassName)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "_dsp_contents is_Theme", children });
+  const themeColor = themeState.state.theme && themeState.isNewTheme ? (0, import_createVariable.variableToString)(themeState.state.theme.color) : "", colorStyle = themeColor ? {
+    color: themeColor
+  } : void 0;
+  let className = themeState.state.className || "";
+  isRoot && (className = className.replace("t_sub_theme", ""));
+  let themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${className} _dsp_contents is_Theme`, style: colorStyle, children });
+  return (inverse != null || forceClassName) && (themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: `${themeState.state.name.startsWith("light") ? "t_light" : themeState.state.name.startsWith("dark") ? "t_dark" : ""} _dsp_contents ${inverse ? "is_inversed" : ""}`,
+      children: themedChildren
+    }
+  )), themedChildren;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Theme,
+  useThemedChildren,
+  wrapThemeElements
+});
+//# sourceMappingURL=Theme.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Theme.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BACtB,eAOO,2BAEP,wBAAiC,8BACjC,6BAAoC,2CACpC,kBAA2D,8BAE3D,oBAA2B,yBA+BjB;AA7BH,MAAM,YAAQ,yBAAW,SAAe,OAAmB,KAAK;AAErE,MAAI,MAAM;AACR,WAAO,MAAM;AAGf,QAAM,SAAS,CAAC,CAAC,MAAM,SACjB,0BAA0B,MAAM,qBAAqB,GACrD,iBAAa,sCAAqB,OAAO,MAAM,GAE/C,eAAW,sBAAQ,MAAM;AAC7B,QAAIA,YAAW,0BACX,sBAAS;AAAA,MAAI,MAAM;AAAA,MAAU,CAAC,cAC5B,2BAAa,OAAO,EAAG,sBAAuB,GAAK,CAAC;AAAA,IACtD,IACA,MAAM;AAEV,QAAI;AACF,UAAI;AACF,qBAAAC,QAAM,SAAS,KAAKD,SAAQ,GAC5BA,gBAAW,2BAAaA,WAAU,EAAE,IAAI,CAAC;AAAA,MAC3C,QAAQ;AAAA,MAER;AAGF,WAAI,QAAQ,IAAI,aAAa,iBACvB,MAAM,UAAU,gBAClBA,YACE,4CAAC,gCAAW,YAAwB,YAAY,OAC7C,UAAAA,WACH,IAKCA;AAAA,EACT,GAAG,CAAC,MAAM,UAAU,uBAAuB,CAAC;AAE5C,SAAO,kBAAkB,YAAY,UAAU,OAAO,MAAM;AAC9D,CAAC;AAED,MAAM,kBAAqB;AAEpB,SAAS,kBACd,YACA,UACA,OACA,SAAS,IACT;AACA,QAAM,EAAE,cAAc,WAAW,IAAI,YAC/B,EAAE,SAAS,eAAe,IAAI,OAC9B,oBAAgB,qBAAO,EAAK;AAQlC,MAPI,eACF,cAAc,UAAU,KAMtB,EAFF,cAAc,MAAM,WAAW,cAAc,WAAW,kBAAkB;AAG1E,WAAO;AAGT,MAAI,OAAO;AAGX,EAAI,WAAW,iBACb,OAAO,sBAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,cAC9B,6BAAe,KAAK,QACvB;AAAA,IACE;AAAA,IACA;AAAA,IACA,4CAAC,SAAM,MAAM,aAAa,MAAM,YAC5B,gBAAc,MAAM,UACxB;AAAA,EACF,IACA,KACL;AAGH,QAAM,sBACJ,4CAAC,+CAAoB,UAApB,EAA6B,OAAO,cAClC,gBACH;AAGF,SAAI,mBAAmB,KACd,sBAGL,yBACK,kBAAkB;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,IAGI;AACT;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,MAAI,UAAU,mBAAmB;AAC/B,WAAO;AAGT,QAAM,UAAU,WAAW,MAAM;AAEjC,MAAI,CAAC,WAAW,cAAc,CAAC,WAAW,CAAC;AACzC,WAAO,4CAAC,UAAK,WAAU,0BAA0B,UAAS;AAI5D,QAAM,aACJ,WAAW,MAAM,SAAS,WAAW,iBACjC,wCAAiB,WAAW,MAAM,MAAM,KAAK,IAC7C,IACA,aAAa,aACf;AAAA,IACE,OAAO;AAAA,EACT,IACA;AAEJ,MAAI,YAAY,WAAW,MAAM,aAAa;AAE9C,EAAI,WACF,YAAY,UAAU,QAAQ,eAAe,EAAE;AAGjD,MAAI,iBACF,4CAAC,UAAK,WAAW,GAAG,SAAS,2BAA2B,OAAO,YAC5D,UACH;AAIF,UAAI,WAAW,QAAQ,oBACrB,iBACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GACT,WAAW,MAAM,KAAK,WAAW,OAAO,IACpC,YACA,WAAW,MAAM,KAAK,WAAW,MAAM,IACvC,WACA,EACN,kBAAkB,UAAU,gBAAgB,EAAE;AAAA,MAE7C;AAAA;AAAA,EACH,IAIG;AACT;",
+  "names": ["children", "React"]
+}

package/dist/cjs/views/ThemeDebug.js

@@ -1,77 +1,44 @@
-"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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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: !0 }), mod);
 var ThemeDebug_exports = {};
 __export(ThemeDebug_exports, {
   ThemeDebug: () => ThemeDebug
 });
 module.exports = __toCommonJS(ThemeDebug_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_use_force_update = require("@tamagui/use-force-update");
-var import_react = require("react");
-var import_react_dom = require("react-dom");
+var import_use_force_update = require("@tamagui/use-force-update"), import_react = require("react"), import_react_dom = require("react-dom"), import_jsx_runtime = require("react/jsx-runtime");
 let node;
 function ThemeDebug({
   themeState,
   themeProps,
   children
 }) {
-  var _a, _b, _c, _d, _e, _f;
-  if (themeProps["disable-child-theme"]) {
+  if (themeProps["disable-child-theme"])
     return children;
-  }
   if (process.env.NODE_ENV === "development") {
-    const [onChangeCount, setOnChangeCount] = (0, import_react.useState)(0);
-    const rerender = (0, import_use_force_update.useForceUpdate)();
-    const id = (0, import_react.useId)();
-    if (process.env.NODE_ENV === "development" && typeof document !== "undefined") {
-      if (!node) {
-        node = document.createElement("div");
-        node.style.height = "200px";
-        node.style.overflowY = "scroll";
-        node.style.position = "fixed";
-        node.style.zIndex = 1e7;
-        node.style.bottom = "30px";
-        node.style.left = "30px";
-        node.style.right = "30px";
-        node.style.display = "flex";
-        node.style.border = "1px solid #888";
-        node.style.flexDirection = "row";
-        node.style.background = "var(--background)";
-        document.body.appendChild(node);
-      }
-    }
-    (0, import_react.useEffect)(() => {
-      var _a2, _b2;
-      (_b2 = (_a2 = themeState.themeManager) == null ? void 0 : _a2.parentManager) == null ? void 0 : _b2.onChangeTheme((name, manager) => {
-        var _a3, _b3, _c2;
-        setOnChangeCount((p) => ++p);
-        console.warn(
-          `theme changed for ${(_a3 = themeState.themeManager) == null ? void 0 : _a3.id} from parent ${(_c2 = (_b3 = themeState.themeManager) == null ? void 0 : _b3.parentManager) == null ? void 0 : _c2.id} to new name`,
+    const [onChangeCount, setOnChangeCount] = (0, import_react.useState)(0), rerender = (0, import_use_force_update.useForceUpdate)(), id = (0, import_react.useId)();
+    return process.env.NODE_ENV === "development" && typeof document < "u" && (node || (node = document.createElement("div"), node.style.height = "200px", node.style.overflowY = "scroll", node.style.position = "fixed", node.style.zIndex = 1e7, node.style.bottom = "30px", node.style.left = "30px", node.style.right = "30px", node.style.display = "flex", node.style.border = "1px solid #888", node.style.flexDirection = "row", node.style.background = "var(--background)", document.body.appendChild(node))), (0, import_react.useEffect)(() => {
+      themeState.themeManager?.parentManager?.onChangeTheme((name, manager) => {
+        setOnChangeCount((p) => ++p), console.warn(
+          `theme changed for ${themeState.themeManager?.id} from parent ${themeState.themeManager?.parentManager?.id} to new name`,
           name
         );
       });
-    }, [themeState.themeManager]);
-    (0, import_react.useEffect)(() => {
+    }, [themeState.themeManager]), (0, import_react.useEffect)(() => {
       const tm = setInterval(rerender, 1e3);
       return () => clearTimeout(tm);
-    }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       (0, import_react_dom.createPortal)(
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "code",
@@ -89,15 +56,15 @@ function ThemeDebug({
                   className: themeState.state.className,
                   inverse: themeProps.inverse,
                   forceClassName: themeProps.forceClassName,
-                  parent: (_a = themeState.themeManager) == null ? void 0 : _a.state.parentName,
-                  id: (_b = themeState.themeManager) == null ? void 0 : _b.id,
-                  parentId: (_d = (_c = themeState.themeManager) == null ? void 0 : _c.parentManager) == null ? void 0 : _d.id,
+                  parent: themeState.themeManager?.state.parentName,
+                  id: themeState.themeManager?.id,
+                  parentId: themeState.themeManager?.parentManager?.id,
                   isNew: themeState.isNewTheme,
                   onChangeCount,
-                  listening: [...((_e = themeState.themeManager) == null ? void 0 : _e["_listeningIds"]) || []].join(
+                  listening: [...themeState.themeManager?._listeningIds || []].join(
                     ","
                   ),
-                  _numChangeEventsSent: (_f = themeState.themeManager) == null ? void 0 : _f["_numChangeEventsSent"]
+                  _numChangeEventsSent: themeState.themeManager?._numChangeEventsSent
                 },
                 null,
                 2

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeDebug.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+DM;AA/DN,8BAA+B;AAC/B,mBAA2C;AAC3C,uBAA6B;AAK7B,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAjBH;AAmBE,MAAI,WAAW,qBAAqB,GAAG;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,CAAC;AACpD,UAAM,eAAW,wCAAe;AAChC,UAAM,SAAK,oBAAM;AAEjB,QAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,aAAa,aAAa;AAC7E,UAAI,CAAC,MAAM;AACT,eAAO,SAAS,cAAc,KAAK;AACnC,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,YAAY;AACvB,aAAK,MAAM,WAAW;AACtB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,OAAO;AAClB,aAAK,MAAM,QAAQ;AACnB,aAAK,MAAM,UAAU;AACrB,aAAK,MAAM,SAAS;AACpB,aAAK,MAAM,gBAAgB;AAC3B,aAAK,MAAM,aAAa;AACxB,iBAAS,KAAK,YAAY,IAAI;AAAA,MAChC;AAAA,IACF;AAEA,gCAAU,MAAM;AA9CpB,UAAAA,KAAAC;AA+CM,OAAAA,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC,cAAc,CAAC,MAAM,YAAY;AA/C/E,YAAAD,KAAAC,KAAAC;AAgDQ,yBAAiB,CAAC,MAAM,EAAE,CAAC;AAC3B,gBAAQ;AAAA,UACN,sBAAqBF,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,EAAE,iBAAgBE,OAAAD,MAAA,WAAW,iBAAX,gBAAAA,IAAyB,kBAAzB,gBAAAC,IAAwC,EAAE;AAAA,UAC1G;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,gCAAU,MAAM;AAEd,YAAM,KAAK,YAAY,UAAU,GAAI;AACrC,aAAO,MAAM,aAAa,EAAE;AAAA,IAC9B,GAAG,CAAC,CAAC;AAEL,WACE,4EACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,MAAM,WAAW,MAAM;AAAA,kBACvB,WAAW,WAAW,MAAM;AAAA,kBAC5B,SAAS,WAAW;AAAA,kBACpB,gBAAgB,WAAW;AAAA,kBAC3B,SAAQ,gBAAW,iBAAX,mBAAyB,MAAM;AAAA,kBACvC,KAAI,gBAAW,iBAAX,mBAAyB;AAAA,kBAC7B,WAAU,sBAAW,iBAAX,mBAAyB,kBAAzB,mBAAwC;AAAA,kBAClD,OAAO,WAAW;AAAA,kBAClB;AAAA,kBACA,WAAW,CAAC,KAAI,gBAAW,iBAAX,mBAA0B,qBAAoB,CAAC,CAAE,EAAE;AAAA,oBACjE;AAAA,kBACF;AAAA,kBACA,uBAAsB,gBAAW,iBAAX,mBAA0B;AAAA,gBAClD;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,MAEA,4CAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAAI,cAAG;AAAA,MAEjC;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;",
-  "names": ["_a", "_b", "_c"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAA+B,sCAC/B,eAA2C,kBAC3C,mBAA6B,sBA6DvB;AAxDN,IAAI;AAEG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAED,MAAI,WAAW,qBAAqB;AAClC,WAAO;AAGT,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,CAAC,GAC9C,eAAW,wCAAe,GAC1B,SAAK,oBAAM;AAEjB,WAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO,WAAa,QAC3D,SACH,OAAO,SAAS,cAAc,KAAK,GACnC,KAAK,MAAM,SAAS,SACpB,KAAK,MAAM,YAAY,UACvB,KAAK,MAAM,WAAW,SACtB,KAAK,MAAM,SAAS,KACpB,KAAK,MAAM,SAAS,QACpB,KAAK,MAAM,OAAO,QAClB,KAAK,MAAM,QAAQ,QACnB,KAAK,MAAM,UAAU,QACrB,KAAK,MAAM,SAAS,kBACpB,KAAK,MAAM,gBAAgB,OAC3B,KAAK,MAAM,aAAa,qBACxB,SAAS,KAAK,YAAY,IAAI,SAIlC,wBAAU,MAAM;AACd,iBAAW,cAAc,eAAe,cAAc,CAAC,MAAM,YAAY;AACvE,yBAAiB,CAAC,MAAM,EAAE,CAAC,GAC3B,QAAQ;AAAA,UACN,qBAAqB,WAAW,cAAc,EAAE,gBAAgB,WAAW,cAAc,eAAe,EAAE;AAAA,UAC1G;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,GAAG,CAAC,WAAW,YAAY,CAAC,OAE5B,wBAAU,MAAM;AAEd,YAAM,KAAK,YAAY,UAAU,GAAI;AACrC,aAAO,MAAM,aAAa,EAAE;AAAA,IAC9B,GAAG,CAAC,CAAC,GAGH,4EACG;AAAA;AAAA,QACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,YACd;AAAA,YACD;AAAA;AAAA,cACY;AAAA,cAAG;AAAA,cACb,KAAK;AAAA,gBACJ;AAAA,kBACE,MAAM,WAAW,MAAM;AAAA,kBACvB,WAAW,WAAW,MAAM;AAAA,kBAC5B,SAAS,WAAW;AAAA,kBACpB,gBAAgB,WAAW;AAAA,kBAC3B,QAAQ,WAAW,cAAc,MAAM;AAAA,kBACvC,IAAI,WAAW,cAAc;AAAA,kBAC7B,UAAU,WAAW,cAAc,eAAe;AAAA,kBAClD,OAAO,WAAW;AAAA,kBAClB;AAAA,kBACA,WAAW,CAAC,GAAI,WAAW,cAAe,iBAAoB,CAAC,CAAE,EAAE;AAAA,oBACjE;AAAA,kBACF;AAAA,kBACA,sBAAsB,WAAW,cAAe;AAAA,gBAClD;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,MAEA,4CAAC,SAAI,OAAO,EAAE,OAAO,MAAM,GAAI,cAAG;AAAA,MAEjC;AAAA,OACH;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "names": []
 }

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

@@ -5,17 +5,14 @@ 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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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: !0 }), mod);
 var ThemeDebug_native_exports = {};
 __export(ThemeDebug_native_exports, {
   ThemeDebug: () => ThemeDebug

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeDebug.native.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAGD,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AAGD,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/views/ThemeProvider.js

@@ -1,55 +1,40 @@
-"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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: !0 }), mod);
 var ThemeProvider_exports = {};
 __export(ThemeProvider_exports, {
   ThemeProvider: () => ThemeProvider
 });
 module.exports = __toCommonJS(ThemeProvider_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_constants = require("@tamagui/constants");
-var import_react = require("react");
-var import_constants2 = require("../constants/constants");
-var import_Theme = require("./Theme");
-const ThemeProvider = (props) => {
-  if (import_constants.isClient) {
-    (0, import_react.useLayoutEffect)(() => {
-      if (props.disableRootThemeClass)
-        return;
-      const cn = `${import_constants2.THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
-      const target = props.themeClassNameOnRoot ? document.documentElement : document.body;
-      target.classList.add(cn);
-      return () => {
-        target.classList.remove(cn);
-      };
-    }, [props.defaultTheme, props.disableRootThemeClass, props.themeClassNameOnRoot]);
+var import_constants = require("@tamagui/constants"), import_react = require("react"), import_constants2 = require("../constants/constants"), import_Theme = require("./Theme"), import_jsx_runtime = require("react/jsx-runtime");
+const ThemeProvider = (props) => (import_constants.isClient && (0, import_react.useLayoutEffect)(() => {
+  if (props.disableRootThemeClass)
+    return;
+  const cn = `${import_constants2.THEME_CLASSNAME_PREFIX}${props.defaultTheme}`, target = props.themeClassNameOnRoot ? document.documentElement : document.body;
+  return target.classList.add(cn), () => {
+    target.classList.remove(cn);
+  };
+}, [props.defaultTheme, props.disableRootThemeClass, props.themeClassNameOnRoot]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_Theme.Theme,
+  {
+    className: props.className,
+    name: props.defaultTheme,
+    forceClassName: !props.disableRootThemeClass,
+    _isRoot: !0,
+    children: props.children
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Theme.Theme,
-    {
-      className: props.className,
-      name: props.defaultTheme,
-      forceClassName: !props.disableRootThemeClass,
-      _isRoot: true,
-      children: props.children
-    }
-  );
-};
+));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ThemeProvider

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeProvider.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BI;AA9BJ,uBAAyB;AACzB,mBAAgC;AAEhC,IAAAA,oBAAuC;AACvC,mBAAsB;AAWf,MAAM,gBAAgB,CAAC,UAA8B;AAE1D,MAAI,2BAAU;AACZ,sCAAgB,MAAM;AACpB,UAAI,MAAM;AAAuB;AACjC,YAAM,KAAK,GAAG,wCAAsB,GAAG,MAAM,YAAY;AACzD,YAAM,SAAS,MAAM,uBAAuB,SAAS,kBAAkB,SAAS;AAChF,aAAO,UAAU,IAAI,EAAE;AACvB,aAAO,MAAM;AACX,eAAO,UAAU,OAAO,EAAE;AAAA,MAC5B;AAAA,IACF,GAAG,CAAC,MAAM,cAAc,MAAM,uBAAuB,MAAM,oBAAoB,CAAC;AAAA,EAClF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,MAAM;AAAA,MACjB,MAAM,MAAM;AAAA,MAEZ,gBAAgB,CAAC,MAAM;AAAA,MAEvB,SAAO;AAAA,MAEN,gBAAM;AAAA;AAAA,EACT;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB,+BACzB,eAAgC,kBAEhCA,oBAAuC,mCACvC,eAAsB,oBA0BlB;AAfG,MAAM,gBAAgB,CAAC,WAExB,iCACF,8BAAgB,MAAM;AACpB,MAAI,MAAM;AAAuB;AACjC,QAAM,KAAK,GAAG,wCAAsB,GAAG,MAAM,YAAY,IACnD,SAAS,MAAM,uBAAuB,SAAS,kBAAkB,SAAS;AAChF,gBAAO,UAAU,IAAI,EAAE,GAChB,MAAM;AACX,WAAO,UAAU,OAAO,EAAE;AAAA,EAC5B;AACF,GAAG,CAAC,MAAM,cAAc,MAAM,uBAAuB,MAAM,oBAAoB,CAAC,GAIhF;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,MAAM;AAAA,IACjB,MAAM,MAAM;AAAA,IAEZ,gBAAgB,CAAC,MAAM;AAAA,IAEvB,SAAO;AAAA,IAEN,gBAAM;AAAA;AACT;",
   "names": ["import_constants"]
 }

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

@@ -0,0 +1,43 @@
+"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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var ThemeProvider_exports = {};
+__export(ThemeProvider_exports, {
+  ThemeProvider: () => ThemeProvider
+});
+module.exports = __toCommonJS(ThemeProvider_exports);
+var import_constants = require("@tamagui/constants"), import_react = require("react"), import_constants2 = require("../constants/constants"), import_Theme = require("./Theme"), import_jsx_runtime = require("react/jsx-runtime");
+const ThemeProvider = (props) => (import_constants.isClient && (0, import_react.useLayoutEffect)(() => {
+  if (props.disableRootThemeClass)
+    return;
+  const cn = `${import_constants2.THEME_CLASSNAME_PREFIX}${props.defaultTheme}`, target = props.themeClassNameOnRoot ? document.documentElement : document.body;
+  return target.classList.add(cn), () => {
+    target.classList.remove(cn);
+  };
+}, [props.defaultTheme, props.disableRootThemeClass, props.themeClassNameOnRoot]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_Theme.Theme,
+  {
+    className: props.className,
+    name: props.defaultTheme,
+    forceClassName: !props.disableRootThemeClass,
+    _isRoot: !0,
+    children: props.children
+  }
+));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeProvider
+});
+//# sourceMappingURL=ThemeProvider.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/ThemeProvider.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB,+BACzB,eAAgC,kBAEhCA,oBAAuC,mCACvC,eAAsB,oBA0BlB;AAfG,MAAM,gBAAgB,CAAC,WAExB,iCACF,8BAAgB,MAAM;AACpB,MAAI,MAAM;AAAuB;AACjC,QAAM,KAAK,GAAG,wCAAsB,GAAG,MAAM,YAAY,IACnD,SAAS,MAAM,uBAAuB,SAAS,kBAAkB,SAAS;AAChF,gBAAO,UAAU,IAAI,EAAE,GAChB,MAAM;AACX,WAAO,UAAU,OAAO,EAAE;AAAA,EAC5B;AACF,GAAG,CAAC,MAAM,cAAc,MAAM,uBAAuB,MAAM,oBAAoB,CAAC,GAIhF;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,MAAM;AAAA,IACjB,MAAM,MAAM;AAAA,IAEZ,gBAAgB,CAAC,MAAM;AAAA,IAEvB,SAAO;AAAA,IAEN,gBAAM;AAAA;AACT;",
+  "names": ["import_constants"]
+}