@tamagui/web 1.14.1 → 1.14.2

package/dist/esm/views/Theme.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/Theme.tsx"],
   "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { Children, cloneElement, isValidElement, useEffect, useId, useMemo } from 'react'\n\nimport { variableToString } from '../createVariable.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport { useServerRef } from '../hooks/useServerHooks.js'\nimport { ChangedThemeResponse, useChangeThemeEffect } from '../hooks/useTheme.js'\nimport type { DebugProp, ThemeProps } from '../types.js'\nimport { ThemeDebug } from './ThemeDebug'\n\nexport function Theme(props: ThemeProps) {\n  // @ts-expect-error only for internal views\n  if (props.disable) {\n    return props.children\n  }\n\n  const isRoot = !!props['_isRoot']\n  const themeState = useChangeThemeEffect(props, isRoot)\n\n  let children = props['data-themeable']\n    ? Children.map(props.children, (child) =>\n        cloneElement(child, { ['data-themeable']: true })\n      )\n    : props.children\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug'] === 'visualize') {\n      children = (\n        <ThemeDebug themeState={themeState} themeProps={props}>\n          {children}\n        </ThemeDebug>\n      )\n    }\n  }\n\n  return useThemedChildren(themeState, children, props, isRoot)\n}\n\nexport function useThemedChildren(\n  themeState: ChangedThemeResponse,\n  children: any,\n  props: {\n    forceClassName?: boolean\n    shallow?: boolean\n    passPropsToChildren?: boolean\n    debug?: DebugProp\n  },\n  isRoot = false\n) {\n  const { themeManager, className, theme, isNewTheme } = themeState\n  const { shallow, forceClassName } = props\n  const hasEverThemed = useServerRef(false)\n  if (isNewTheme) {\n    hasEverThemed.current = true\n  }\n\n  const shouldRenderChildrenWithTheme =\n    isNewTheme || hasEverThemed.current || forceClassName || isRoot\n\n  return useMemo(() => {\n    if (!shouldRenderChildrenWithTheme) {\n      return children\n    }\n\n    // be sure to memoize shouldReset to avoid reparenting\n    let next = Children.toArray(children)\n\n    // each children of these children wont get the theme\n    if (shallow && themeManager) {\n      next = next.map((child) => {\n        return isValidElement(child)\n          ? cloneElement(\n              child,\n              undefined,\n              <Theme name={themeManager.state.parentName}>\n                {(child as any).props.children}\n              </Theme>\n            )\n          : child\n      })\n    }\n\n    const wrapped = (\n      <ThemeManagerContext.Provider value={themeManager}>\n        {next}\n      </ThemeManagerContext.Provider>\n    )\n\n    if (forceClassName === false) {\n      return wrapped\n    }\n\n    if (isWeb && !props.passPropsToChildren) {\n      // in order to provide currentColor, set color by default\n      const themeColor = theme && isNewTheme ? variableToString(theme.color) : ''\n      const colorStyle = {\n        color: themeColor,\n      }\n\n      return (\n        <span className={`${className || ''} _dsp_contents is_Theme`} style={colorStyle}>\n          {wrapped}\n        </span>\n      )\n    }\n\n    return wrapped\n  }, [\n    forceClassName,\n    props.passPropsToChildren,\n    shouldRenderChildrenWithTheme,\n    themeManager,\n    children,\n    theme,\n    isNewTheme,\n    className,\n  ])\n}\n"],
-  "mappings": "AA4BQ,cAAAA,MAAA,oBA5BR,OAAS,SAAAC,MAAa,qBACtB,OAAS,YAAAC,EAAU,gBAAAC,EAAc,kBAAAC,EAAkC,WAAAC,MAAe,QAElF,OAAS,oBAAAC,MAAwB,uBACjC,OAAS,uBAAAC,MAA2B,oCACpC,OAAS,gBAAAC,MAAoB,6BAC7B,OAA+B,wBAAAC,MAA4B,uBAE3D,OAAS,cAAAC,MAAkB,eAEpB,SAASC,EAAMC,EAAmB,CAEvC,GAAIA,EAAM,QACR,OAAOA,EAAM,SAGf,MAAMC,EAAS,CAAC,CAACD,EAAM,QACjBE,EAAaL,EAAqBG,EAAOC,CAAM,EAErD,IAAIE,EAAWH,EAAM,gBAAgB,EACjCV,EAAS,IAAIU,EAAM,SAAWI,GAC5Bb,EAAaa,EAAO,CAAE,CAAC,gBAAgB,EAAG,EAAK,CAAC,CAClD,EACAJ,EAAM,SAEV,OAAI,QAAQ,IAAI,WAAa,eACvBA,EAAM,QAAa,cACrBG,EACEf,EAACU,EAAA,CAAW,WAAYI,EAAY,WAAYF,EAC7C,SAAAG,EACH,GAKCE,EAAkBH,EAAYC,EAAUH,EAAOC,CAAM,CAC9D,CAEO,SAASI,EACdH,EACAC,EACAH,EAMAC,EAAS,GACT,CACA,KAAM,CAAE,aAAAK,EAAc,UAAAC,EAAW,MAAAC,EAAO,WAAAC,CAAW,EAAIP,EACjD,CAAE,QAAAQ,EAAS,eAAAC,CAAe,EAAIX,EAC9BY,EAAgBhB,EAAa,EAAK,EACpCa,IACFG,EAAc,QAAU,IAG1B,MAAMC,EACJJ,GAAcG,EAAc,SAAWD,GAAkBV,EAE3D,OAAOR,EAAQ,IAAM,CACnB,GAAI,CAACoB,EACH,OAAOV,EAIT,IAAIW,EAAOxB,EAAS,QAAQa,CAAQ,EAGhCO,GAAWJ,IACbQ,EAAOA,EAAK,IAAKV,GACRZ,EAAeY,CAAK,EACvBb,EACEa,EACA,OACAhB,EAACW,EAAA,CAAM,KAAMO,EAAa,MAAM,WAC5B,SAAAF,EAAc,MAAM,SACxB,CACF,EACAA,CACL,GAGH,MAAMW,EACJ3B,EAACO,EAAoB,SAApB,CAA6B,MAAOW,EAClC,SAAAQ,EACH,EAGF,GAAIH,IAAmB,GACrB,OAAOI,EAGT,GAAI1B,GAAS,CAACW,EAAM,oBAAqB,CAGvC,MAAMgB,EAAa,CACjB,MAFiBR,GAASC,EAAaf,EAAiBc,EAAM,KAAK,EAAI,EAGzE,EAEA,OACEpB,EAAC,QAAK,UAAW,GAAGmB,GAAa,4BAA6B,MAAOS,EAClE,SAAAD,EACH,CAEJ,CAEA,OAAOA,CACT,EAAG,CACDJ,EACAX,EAAM,oBACNa,EACAP,EACAH,EACAK,EACAC,EACAF,CACF,CAAC,CACH",
-  "names": ["jsx", "isWeb", "Children", "cloneElement", "isValidElement", "useMemo", "variableToString", "ThemeManagerContext", "useServerRef", "useChangeThemeEffect", "ThemeDebug", "Theme", "props", "isRoot", "themeState", "children", "child", "useThemedChildren", "themeManager", "className", "theme", "isNewTheme", "shallow", "forceClassName", "hasEverThemed", "shouldRenderChildrenWithTheme", "next", "wrapped", "colorStyle"]
+  "mappings": "AA4BQ;AA5BR,SAAS,aAAa;AACtB,SAAS,UAAU,cAAc,gBAAkC,eAAe;AAElF,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAA+B,4BAA4B;AAE3D,SAAS,kBAAkB;AAEpB,SAAS,MAAM,OAAmB;AAEvC,MAAI,MAAM,SAAS;AACjB,WAAO,MAAM;AAAA,EACf;AAEA,QAAM,SAAS,CAAC,CAAC,MAAM,SAAS;AAChC,QAAM,aAAa,qBAAqB,OAAO,MAAM;AAErD,MAAI,WAAW,MAAM,gBAAgB,IACjC,SAAS;AAAA,IAAI,MAAM;AAAA,IAAU,CAAC,UAC5B,aAAa,OAAO,EAAE,CAAC,gBAAgB,GAAG,KAAK,CAAC;AAAA,EAClD,IACA,MAAM;AAEV,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,MAAM,OAAO,MAAM,aAAa;AAClC,iBACE,oBAAC,cAAW,YAAwB,YAAY,OAC7C,UACH;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO,kBAAkB,YAAY,UAAU,OAAO,MAAM;AAC9D;AAEO,SAAS,kBACd,YACA,UACA,OAMA,SAAS,OACT;AACA,QAAM,EAAE,cAAc,WAAW,OAAO,WAAW,IAAI;AACvD,QAAM,EAAE,SAAS,eAAe,IAAI;AACpC,QAAM,gBAAgB,aAAa,KAAK;AACxC,MAAI,YAAY;AACd,kBAAc,UAAU;AAAA,EAC1B;AAEA,QAAM,gCACJ,cAAc,cAAc,WAAW,kBAAkB;AAE3D,SAAO,QAAQ,MAAM;AACnB,QAAI,CAAC,+BAA+B;AAClC,aAAO;AAAA,IACT;AAGA,QAAI,OAAO,SAAS,QAAQ,QAAQ;AAGpC,QAAI,WAAW,cAAc;AAC3B,aAAO,KAAK,IAAI,CAAC,UAAU;AACzB,eAAO,eAAe,KAAK,IACvB;AAAA,UACE;AAAA,UACA;AAAA,UACA,oBAAC,SAAM,MAAM,aAAa,MAAM,YAC5B,gBAAc,MAAM,UACxB;AAAA,QACF,IACA;AAAA,MACN,CAAC;AAAA,IACH;AAEA,UAAM,UACJ,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,cAClC,gBACH;AAGF,QAAI,mBAAmB,OAAO;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,SAAS,CAAC,MAAM,qBAAqB;AAEvC,YAAM,aAAa,SAAS,aAAa,iBAAiB,MAAM,KAAK,IAAI;AACzE,YAAM,aAAa;AAAA,QACjB,OAAO;AAAA,MACT;AAEA,aACE,oBAAC,UAAK,WAAW,GAAG,aAAa,6BAA6B,OAAO,YAClE,mBACH;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
 }

package/dist/esm/views/ThemeDebug.js

@@ -1,2 +1,49 @@
-import{jsxs as m}from"react/jsx-runtime";function h({themeState:e,themeProps:n,children:r,onChangeCount:p}){var a,s,o,i;return process.env.NODE_ENV==="development"?m("div",{style:{whiteSpace:"pre",background:"green",display:"inline",border:"1px solid #ccc",margin:20},children:[m("code",{children:["<Theme />\xA0",JSON.stringify({name:e.name,className:e.className,inverse:n.inverse,forceClassName:n.forceClassName,parent:(a=e.themeManager)==null?void 0:a.state.parentName,id:(s=e.themeManager)==null?void 0:s.id,parentId:(i=(o=e.themeManager)==null?void 0:o.parentManager)==null?void 0:i.id,isNew:e.isNewTheme,onChangeCount:p},null,2)]}),r]}):r}export{h as ThemeDebug};
+import { jsxs } from "react/jsx-runtime";
+function ThemeDebug({
+  themeState,
+  themeProps,
+  children,
+  onChangeCount
+}) {
+  var _a, _b, _c, _d;
+  if (process.env.NODE_ENV === "development") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          whiteSpace: "pre",
+          background: "green",
+          display: "inline",
+          border: "1px solid #ccc",
+          margin: 20
+        },
+        children: [
+          /* @__PURE__ */ jsxs("code", { children: [
+            "<Theme />\xA0",
+            JSON.stringify(
+              {
+                name: themeState.name,
+                className: themeState.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,
+                isNew: themeState.isNewTheme,
+                onChangeCount
+              },
+              null,
+              2
+            )
+          ] }),
+          children
+        ]
+      }
+    );
+  }
+  return children;
+}
+export {
+  ThemeDebug
+};
 //# sourceMappingURL=ThemeDebug.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/ThemeDebug.tsx"],
   "sourcesContent": ["import { ChangedThemeResponse } from '../hooks/useTheme.js'\nimport { ThemeProps } from '../types.js'\n\nexport function ThemeDebug({\n  themeState,\n  themeProps,\n  children,\n  onChangeCount,\n}: {\n  themeState: ChangedThemeResponse\n  themeProps: ThemeProps\n  onChangeCount?: number\n  children: any\n}) {\n  if (process.env.NODE_ENV === 'development') {\n    return (\n      <div\n        style={{\n          whiteSpace: 'pre',\n          background: 'green',\n          display: 'inline',\n          border: '1px solid #ccc',\n          margin: 20,\n        }}\n      >\n        <code>\n          &lt;Theme /&gt;&nbsp;\n          {JSON.stringify(\n            {\n              name: themeState.name,\n              className: themeState.className,\n              inverse: themeProps.inverse,\n              forceClassName: themeProps.forceClassName,\n              parent: themeState.themeManager?.state.parentName,\n              id: themeState.themeManager?.id,\n              parentId: themeState.themeManager?.parentManager?.id,\n              isNew: themeState.isNewTheme,\n              onChangeCount,\n            },\n            null,\n            2\n          )}\n        </code>\n        {children}\n      </div>\n    )\n  }\n  return children\n}\n"],
-  "mappings": "AAyBQ,eAAAA,MAAA,oBAtBD,SAASC,EAAW,CACzB,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,cAAAC,CACF,EAKG,CAbH,IAAAC,EAAAC,EAAAC,EAAAC,EAcE,OAAI,QAAQ,IAAI,WAAa,cAEzBT,EAAC,OACC,MAAO,CACL,WAAY,MACZ,WAAY,QACZ,QAAS,SACT,OAAQ,iBACR,OAAQ,EACV,EAEA,UAAAA,EAAC,QAAK,0BAEH,KAAK,UACJ,CACE,KAAME,EAAW,KACjB,UAAWA,EAAW,UACtB,QAASC,EAAW,QACpB,eAAgBA,EAAW,eAC3B,QAAQG,EAAAJ,EAAW,eAAX,YAAAI,EAAyB,MAAM,WACvC,IAAIC,EAAAL,EAAW,eAAX,YAAAK,EAAyB,GAC7B,UAAUE,GAAAD,EAAAN,EAAW,eAAX,YAAAM,EAAyB,gBAAzB,YAAAC,EAAwC,GAClD,MAAOP,EAAW,WAClB,cAAAG,CACF,EACA,KACA,CACF,GACF,EACCD,GACH,EAGGA,CACT",
-  "names": ["jsxs", "ThemeDebug", "themeState", "themeProps", "children", "onChangeCount", "_a", "_b", "_c", "_d"]
+  "mappings": "AAyBQ;AAtBD,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AAbH;AAcE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,QAAQ;AAAA,QACV;AAAA,QAEA;AAAA,+BAAC,UAAK;AAAA;AAAA,YAEH,KAAK;AAAA,cACJ;AAAA,gBACE,MAAM,WAAW;AAAA,gBACjB,WAAW,WAAW;AAAA,gBACtB,SAAS,WAAW;AAAA,gBACpB,gBAAgB,WAAW;AAAA,gBAC3B,SAAQ,gBAAW,iBAAX,mBAAyB,MAAM;AAAA,gBACvC,KAAI,gBAAW,iBAAX,mBAAyB;AAAA,gBAC7B,WAAU,sBAAW,iBAAX,mBAAyB,kBAAzB,mBAAwC;AAAA,gBAClD,OAAO,WAAW;AAAA,gBAClB;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,aACF;AAAA,UACC;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "names": []
 }

package/dist/esm/views/ThemeDebug.mjs

@@ -1,2 +1,49 @@
-import{jsxs as m}from"react/jsx-runtime";function h({themeState:e,themeProps:n,children:r,onChangeCount:p}){var a,s,o,i;return process.env.NODE_ENV==="development"?m("div",{style:{whiteSpace:"pre",background:"green",display:"inline",border:"1px solid #ccc",margin:20},children:[m("code",{children:["<Theme />\xA0",JSON.stringify({name:e.name,className:e.className,inverse:n.inverse,forceClassName:n.forceClassName,parent:(a=e.themeManager)==null?void 0:a.state.parentName,id:(s=e.themeManager)==null?void 0:s.id,parentId:(i=(o=e.themeManager)==null?void 0:o.parentManager)==null?void 0:i.id,isNew:e.isNewTheme,onChangeCount:p},null,2)]}),r]}):r}export{h as ThemeDebug};
+import { jsxs } from "react/jsx-runtime";
+function ThemeDebug({
+  themeState,
+  themeProps,
+  children,
+  onChangeCount
+}) {
+  var _a, _b, _c, _d;
+  if (process.env.NODE_ENV === "development") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          whiteSpace: "pre",
+          background: "green",
+          display: "inline",
+          border: "1px solid #ccc",
+          margin: 20
+        },
+        children: [
+          /* @__PURE__ */ jsxs("code", { children: [
+            "<Theme />\xA0",
+            JSON.stringify(
+              {
+                name: themeState.name,
+                className: themeState.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,
+                isNew: themeState.isNewTheme,
+                onChangeCount
+              },
+              null,
+              2
+            )
+          ] }),
+          children
+        ]
+      }
+    );
+  }
+  return children;
+}
+export {
+  ThemeDebug
+};
 //# sourceMappingURL=ThemeDebug.mjs.map

package/dist/esm/views/ThemeDebug.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/ThemeDebug.tsx"],
   "sourcesContent": ["import { ChangedThemeResponse } from '../hooks/useTheme.js'\nimport { ThemeProps } from '../types.js'\n\nexport function ThemeDebug({\n  themeState,\n  themeProps,\n  children,\n  onChangeCount,\n}: {\n  themeState: ChangedThemeResponse\n  themeProps: ThemeProps\n  onChangeCount?: number\n  children: any\n}) {\n  if (process.env.NODE_ENV === 'development') {\n    return (\n      <div\n        style={{\n          whiteSpace: 'pre',\n          background: 'green',\n          display: 'inline',\n          border: '1px solid #ccc',\n          margin: 20,\n        }}\n      >\n        <code>\n          &lt;Theme /&gt;&nbsp;\n          {JSON.stringify(\n            {\n              name: themeState.name,\n              className: themeState.className,\n              inverse: themeProps.inverse,\n              forceClassName: themeProps.forceClassName,\n              parent: themeState.themeManager?.state.parentName,\n              id: themeState.themeManager?.id,\n              parentId: themeState.themeManager?.parentManager?.id,\n              isNew: themeState.isNewTheme,\n              onChangeCount,\n            },\n            null,\n            2\n          )}\n        </code>\n        {children}\n      </div>\n    )\n  }\n  return children\n}\n"],
-  "mappings": "AAyBQ,eAAAA,MAAA,oBAtBD,SAASC,EAAW,CACzB,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,cAAAC,CACF,EAKG,CAbH,IAAAC,EAAAC,EAAAC,EAAAC,EAcE,OAAI,QAAQ,IAAI,WAAa,cAEzBT,EAAC,OACC,MAAO,CACL,WAAY,MACZ,WAAY,QACZ,QAAS,SACT,OAAQ,iBACR,OAAQ,EACV,EAEA,UAAAA,EAAC,QAAK,0BAEH,KAAK,UACJ,CACE,KAAME,EAAW,KACjB,UAAWA,EAAW,UACtB,QAASC,EAAW,QACpB,eAAgBA,EAAW,eAC3B,QAAQG,EAAAJ,EAAW,eAAX,YAAAI,EAAyB,MAAM,WACvC,IAAIC,EAAAL,EAAW,eAAX,YAAAK,EAAyB,GAC7B,UAAUE,GAAAD,EAAAN,EAAW,eAAX,YAAAM,EAAyB,gBAAzB,YAAAC,EAAwC,GAClD,MAAOP,EAAW,WAClB,cAAAG,CACF,EACA,KACA,CACF,GACF,EACCD,GACH,EAGGA,CACT",
-  "names": ["jsxs", "ThemeDebug", "themeState", "themeProps", "children", "onChangeCount", "_a", "_b", "_c", "_d"]
+  "mappings": "AAyBQ;AAtBD,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AAbH;AAcE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,QAAQ;AAAA,QACV;AAAA,QAEA;AAAA,+BAAC,UAAK;AAAA;AAAA,YAEH,KAAK;AAAA,cACJ;AAAA,gBACE,MAAM,WAAW;AAAA,gBACjB,WAAW,WAAW;AAAA,gBACtB,SAAS,WAAW;AAAA,gBACpB,gBAAgB,WAAW;AAAA,gBAC3B,SAAQ,gBAAW,iBAAX,mBAAyB,MAAM;AAAA,gBACvC,KAAI,gBAAW,iBAAX,mBAAyB;AAAA,gBAC7B,WAAU,sBAAW,iBAAX,mBAAyB,kBAAzB,mBAAwC;AAAA,gBAClD,OAAO,WAAW;AAAA,gBAClB;AAAA,cACF;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,aACF;AAAA,UACC;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACA,SAAO;AACT;",
+  "names": []
 }

package/dist/esm/views/ThemeProvider.js

@@ -1,2 +1,45 @@
-import{jsx as m}from"react/jsx-runtime";import{isClient as a}from"@tamagui/constants";import{createContext as r,useLayoutEffect as l,useMemo as s}from"react";import{THEME_CLASSNAME_PREFIX as n}from"../constants/constants.js";import{Theme as d}from"./Theme.js";const i=r(null),f=e=>(a&&l(()=>{if(e.disableRootThemeClass)return;const t=`${n}${e.defaultTheme}`,o=e.themeClassNameOnRoot?document.documentElement:document.body;return o.classList.add(t),()=>{o.classList.remove(t)}},[e.defaultTheme,e.disableRootThemeClass,e.themeClassNameOnRoot]),m(i.Provider,{value:s(()=>({defaultTheme:e.defaultTheme}),[]),children:m(d,{className:e.className,name:e.defaultTheme,forceClassName:e.disableRootThemeClass?!1:void 0,_isRoot:!0,children:e.children})}));export{f as ThemeProvider,i as ThemeProviderRootContext};
+import { jsx } from "react/jsx-runtime";
+import { isClient } from "@tamagui/constants";
+import { createContext, useLayoutEffect, useMemo } from "react";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants.js";
+import { Theme } from "./Theme.js";
+const ThemeProviderRootContext = createContext(null);
+const ThemeProvider = (props) => {
+  if (isClient) {
+    useLayoutEffect(() => {
+      if (props.disableRootThemeClass)
+        return;
+      const cn = `${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]);
+  }
+  return /* @__PURE__ */ jsx(
+    ThemeProviderRootContext.Provider,
+    {
+      value: useMemo(() => {
+        return {
+          defaultTheme: props.defaultTheme
+        };
+      }, []),
+      children: /* @__PURE__ */ jsx(
+        Theme,
+        {
+          className: props.className,
+          name: props.defaultTheme,
+          forceClassName: props.disableRootThemeClass ? false : void 0,
+          _isRoot: true,
+          children: props.children
+        }
+      )
+    }
+  );
+};
+export {
+  ThemeProvider,
+  ThemeProviderRootContext
+};
 //# sourceMappingURL=ThemeProvider.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/ThemeProvider.tsx"],
   "sourcesContent": ["import { isClient } from '@tamagui/constants'\nimport { createContext, useLayoutEffect, useMemo } from 'react'\n\nimport { THEME_CLASSNAME_PREFIX } from '../constants/constants.js'\nimport { Theme } from './Theme.js'\n\nexport type ThemeProviderProps = {\n  className?: string\n  defaultTheme: string\n  disableRootThemeClass?: boolean\n  themeClassNameOnRoot?: boolean\n  children?: any\n  reset?: boolean\n}\n\nexport const ThemeProviderRootContext = createContext<Pick<\n  ThemeProviderProps,\n  'defaultTheme'\n> | null>(null)\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n  // ensure theme is attached to root body node as well to work with modals by default\n  if (isClient) {\n    useLayoutEffect(() => {\n      if (props.disableRootThemeClass) return\n      const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`\n      const target = props.themeClassNameOnRoot ? document.documentElement : document.body\n      target.classList.add(cn)\n      return () => {\n        target.classList.remove(cn)\n      }\n    }, [props.defaultTheme, props.disableRootThemeClass, props.themeClassNameOnRoot])\n  }\n\n  return (\n    <ThemeProviderRootContext.Provider\n      value={useMemo(() => {\n        return {\n          defaultTheme: props.defaultTheme,\n        }\n        // NOTE DON'T CHANGE THIS ITS ONLY USED BY useThemeName for SSR safety for now...\n      }, [])}\n    >\n      <Theme\n        className={props.className}\n        name={props.defaultTheme}\n        forceClassName={props.disableRootThemeClass ? false : undefined}\n        // @ts-expect-error\n        _isRoot\n      >\n        {props.children}\n      </Theme>\n    </ThemeProviderRootContext.Provider>\n  )\n}\n"],
-  "mappings": "AA2CM,cAAAA,MAAA,oBA3CN,OAAS,YAAAC,MAAgB,qBACzB,OAAS,iBAAAC,EAAe,mBAAAC,EAAiB,WAAAC,MAAe,QAExD,OAAS,0BAAAC,MAA8B,4BACvC,OAAS,SAAAC,MAAa,aAWf,MAAMC,EAA2BL,EAG9B,IAAI,EAEDM,EAAiBC,IAExBR,GACFE,EAAgB,IAAM,CACpB,GAAIM,EAAM,sBAAuB,OACjC,MAAMC,EAAK,GAAGL,IAAyBI,EAAM,eACvCE,EAASF,EAAM,qBAAuB,SAAS,gBAAkB,SAAS,KAChF,OAAAE,EAAO,UAAU,IAAID,CAAE,EAChB,IAAM,CACXC,EAAO,UAAU,OAAOD,CAAE,CAC5B,CACF,EAAG,CAACD,EAAM,aAAcA,EAAM,sBAAuBA,EAAM,oBAAoB,CAAC,EAIhFT,EAACO,EAAyB,SAAzB,CACC,MAAOH,EAAQ,KACN,CACL,aAAcK,EAAM,YACtB,GAEC,CAAC,CAAC,EAEL,SAAAT,EAACM,EAAA,CACC,UAAWG,EAAM,UACjB,KAAMA,EAAM,aACZ,eAAgBA,EAAM,sBAAwB,GAAQ,OAEtD,QAAO,GAEN,SAAAA,EAAM,SACT,EACF",
-  "names": ["jsx", "isClient", "createContext", "useLayoutEffect", "useMemo", "THEME_CLASSNAME_PREFIX", "Theme", "ThemeProviderRootContext", "ThemeProvider", "props", "cn", "target"]
+  "mappings": "AA2CM;AA3CN,SAAS,gBAAgB;AACzB,SAAS,eAAe,iBAAiB,eAAe;AAExD,SAAS,8BAA8B;AACvC,SAAS,aAAa;AAWf,MAAM,2BAA2B,cAG9B,IAAI;AAEP,MAAM,gBAAgB,CAAC,UAA8B;AAE1D,MAAI,UAAU;AACZ,oBAAgB,MAAM;AACpB,UAAI,MAAM;AAAuB;AACjC,YAAM,KAAK,GAAG,yBAAyB,MAAM;AAC7C,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,yBAAyB;AAAA,IAAzB;AAAA,MACC,OAAO,QAAQ,MAAM;AACnB,eAAO;AAAA,UACL,cAAc,MAAM;AAAA,QACtB;AAAA,MAEF,GAAG,CAAC,CAAC;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,MAAM;AAAA,UACjB,MAAM,MAAM;AAAA,UACZ,gBAAgB,MAAM,wBAAwB,QAAQ;AAAA,UAEtD,SAAO;AAAA,UAEN,gBAAM;AAAA;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
 }

package/dist/esm/views/ThemeProvider.mjs

@@ -1,2 +1,45 @@
-import{jsx as m}from"react/jsx-runtime";import{isClient as a}from"@tamagui/constants";import{createContext as r,useLayoutEffect as l,useMemo as s}from"react";import{THEME_CLASSNAME_PREFIX as n}from"../constants/constants.js";import{Theme as d}from"./Theme.js";const i=r(null),f=e=>(a&&l(()=>{if(e.disableRootThemeClass)return;const t=`${n}${e.defaultTheme}`,o=e.themeClassNameOnRoot?document.documentElement:document.body;return o.classList.add(t),()=>{o.classList.remove(t)}},[e.defaultTheme,e.disableRootThemeClass,e.themeClassNameOnRoot]),m(i.Provider,{value:s(()=>({defaultTheme:e.defaultTheme}),[]),children:m(d,{className:e.className,name:e.defaultTheme,forceClassName:e.disableRootThemeClass?!1:void 0,_isRoot:!0,children:e.children})}));export{f as ThemeProvider,i as ThemeProviderRootContext};
+import { jsx } from "react/jsx-runtime";
+import { isClient } from "@tamagui/constants";
+import { createContext, useLayoutEffect, useMemo } from "react";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants.js";
+import { Theme } from "./Theme.js";
+const ThemeProviderRootContext = createContext(null);
+const ThemeProvider = (props) => {
+  if (isClient) {
+    useLayoutEffect(() => {
+      if (props.disableRootThemeClass)
+        return;
+      const cn = `${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]);
+  }
+  return /* @__PURE__ */ jsx(
+    ThemeProviderRootContext.Provider,
+    {
+      value: useMemo(() => {
+        return {
+          defaultTheme: props.defaultTheme
+        };
+      }, []),
+      children: /* @__PURE__ */ jsx(
+        Theme,
+        {
+          className: props.className,
+          name: props.defaultTheme,
+          forceClassName: props.disableRootThemeClass ? false : void 0,
+          _isRoot: true,
+          children: props.children
+        }
+      )
+    }
+  );
+};
+export {
+  ThemeProvider,
+  ThemeProviderRootContext
+};
 //# sourceMappingURL=ThemeProvider.mjs.map

package/dist/esm/views/ThemeProvider.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/ThemeProvider.tsx"],
   "sourcesContent": ["import { isClient } from '@tamagui/constants'\nimport { createContext, useLayoutEffect, useMemo } from 'react'\n\nimport { THEME_CLASSNAME_PREFIX } from '../constants/constants.js'\nimport { Theme } from './Theme.js'\n\nexport type ThemeProviderProps = {\n  className?: string\n  defaultTheme: string\n  disableRootThemeClass?: boolean\n  themeClassNameOnRoot?: boolean\n  children?: any\n  reset?: boolean\n}\n\nexport const ThemeProviderRootContext = createContext<Pick<\n  ThemeProviderProps,\n  'defaultTheme'\n> | null>(null)\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n  // ensure theme is attached to root body node as well to work with modals by default\n  if (isClient) {\n    useLayoutEffect(() => {\n      if (props.disableRootThemeClass) return\n      const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`\n      const target = props.themeClassNameOnRoot ? document.documentElement : document.body\n      target.classList.add(cn)\n      return () => {\n        target.classList.remove(cn)\n      }\n    }, [props.defaultTheme, props.disableRootThemeClass, props.themeClassNameOnRoot])\n  }\n\n  return (\n    <ThemeProviderRootContext.Provider\n      value={useMemo(() => {\n        return {\n          defaultTheme: props.defaultTheme,\n        }\n        // NOTE DON'T CHANGE THIS ITS ONLY USED BY useThemeName for SSR safety for now...\n      }, [])}\n    >\n      <Theme\n        className={props.className}\n        name={props.defaultTheme}\n        forceClassName={props.disableRootThemeClass ? false : undefined}\n        // @ts-expect-error\n        _isRoot\n      >\n        {props.children}\n      </Theme>\n    </ThemeProviderRootContext.Provider>\n  )\n}\n"],
-  "mappings": "AA2CM,cAAAA,MAAA,oBA3CN,OAAS,YAAAC,MAAgB,qBACzB,OAAS,iBAAAC,EAAe,mBAAAC,EAAiB,WAAAC,MAAe,QAExD,OAAS,0BAAAC,MAA8B,4BACvC,OAAS,SAAAC,MAAa,aAWf,MAAMC,EAA2BL,EAG9B,IAAI,EAEDM,EAAiBC,IAExBR,GACFE,EAAgB,IAAM,CACpB,GAAIM,EAAM,sBAAuB,OACjC,MAAMC,EAAK,GAAGL,IAAyBI,EAAM,eACvCE,EAASF,EAAM,qBAAuB,SAAS,gBAAkB,SAAS,KAChF,OAAAE,EAAO,UAAU,IAAID,CAAE,EAChB,IAAM,CACXC,EAAO,UAAU,OAAOD,CAAE,CAC5B,CACF,EAAG,CAACD,EAAM,aAAcA,EAAM,sBAAuBA,EAAM,oBAAoB,CAAC,EAIhFT,EAACO,EAAyB,SAAzB,CACC,MAAOH,EAAQ,KACN,CACL,aAAcK,EAAM,YACtB,GAEC,CAAC,CAAC,EAEL,SAAAT,EAACM,EAAA,CACC,UAAWG,EAAM,UACjB,KAAMA,EAAM,aACZ,eAAgBA,EAAM,sBAAwB,GAAQ,OAEtD,QAAO,GAEN,SAAAA,EAAM,SACT,EACF",
-  "names": ["jsx", "isClient", "createContext", "useLayoutEffect", "useMemo", "THEME_CLASSNAME_PREFIX", "Theme", "ThemeProviderRootContext", "ThemeProvider", "props", "cn", "target"]
+  "mappings": "AA2CM;AA3CN,SAAS,gBAAgB;AACzB,SAAS,eAAe,iBAAiB,eAAe;AAExD,SAAS,8BAA8B;AACvC,SAAS,aAAa;AAWf,MAAM,2BAA2B,cAG9B,IAAI;AAEP,MAAM,gBAAgB,CAAC,UAA8B;AAE1D,MAAI,UAAU;AACZ,oBAAgB,MAAM;AACpB,UAAI,MAAM;AAAuB;AACjC,YAAM,KAAK,GAAG,yBAAyB,MAAM;AAC7C,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,yBAAyB;AAAA,IAAzB;AAAA,MACC,OAAO,QAAQ,MAAM;AACnB,eAAO;AAAA,UACL,cAAc,MAAM;AAAA,QACtB;AAAA,MAEF,GAAG,CAAC,CAAC;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,MAAM;AAAA,UACjB,MAAM,MAAM;AAAA,UACZ,gBAAgB,MAAM,wBAAwB,QAAQ;AAAA,UAEtD,SAAO;AAAA,UAEN,gBAAM;AAAA;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "1.14.1",
+  "version": "1.14.2",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -27,19 +27,19 @@
     "reset.css"
   ],
   "dependencies": {
-    "@tamagui/compose-refs": "1.14.1",
-    "@tamagui/constants": "1.14.1",
-    "@tamagui/helpers": "1.14.1",
-    "@tamagui/normalize-css-color": "1.14.1",
-    "@tamagui/use-did-finish-ssr": "1.14.1",
-    "@tamagui/use-event": "1.14.1",
-    "@tamagui/use-force-update": "1.14.1"
+    "@tamagui/compose-refs": "1.14.2",
+    "@tamagui/constants": "1.14.2",
+    "@tamagui/helpers": "1.14.2",
+    "@tamagui/normalize-css-color": "1.14.2",
+    "@tamagui/use-did-finish-ssr": "1.14.2",
+    "@tamagui/use-event": "1.14.2",
+    "@tamagui/use-force-update": "1.14.2"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.14.1",
+    "@tamagui/build": "1.14.2",
     "@testing-library/react": "^13.4.0",
     "csstype": "^3.0.10",
     "react": "^18.2.0",