@tamagui/web 1.13.3 → 1.14.0

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/TamaguiProvider.tsx"],
   "sourcesContent": ["import { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport * as React from 'react'\n\nimport { ButtonNestingContext } from '../contexts/ButtonNestingContext.js'\nimport { TextAncestorContext } from '../contexts/TextAncestorContext.js'\nimport { useMediaListeners } from '../hooks/useMedia.js'\nimport type { TamaguiProviderProps } from '../types.js'\nimport { ThemeProvider } from './ThemeProvider.js'\nimport { AnimationDriverContext } from '../contexts/AnimationDriverContext.js'\n\nexport function TamaguiProvider({\n  children,\n  disableInjectCSS,\n  config,\n  ...themePropsProvider\n}: TamaguiProviderProps) {\n  if (isRSC) {\n    return (\n      <span\n        style={{ display: 'contents' }}\n        className={`t_${Object.keys(config.themes)[0] || 'light'}`}\n      >\n        {children}\n      </span>\n    )\n  }\n\n  if (!(isWeb && isServer)) {\n    useMediaListeners(config)\n  }\n\n  if (isClient) {\n    // inject CSS if asked to (not SSR compliant)\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useLayoutEffect(() => {\n      // for easier support of hidden-until-js mount animations\n      // user must set t_unmounted on documentElement from SSR\n      if (document.documentElement.classList.contains('t_unmounted')) {\n        document.documentElement.classList.remove('t_unmounted')\n      }\n\n      if (disableInjectCSS) return\n      const style = document.createElement('style')\n      style.appendChild(document.createTextNode(config.getCSS()))\n      document.head.appendChild(style)\n      return () => {\n        document.head.removeChild(style)\n      }\n    }, [config, disableInjectCSS])\n  }\n\n  return (\n    <ButtonNestingContext.Provider value={false}>\n      <TextAncestorContext.Provider value={false}>\n        <AnimationDriverContext.Provider value={config.animations}>\n          <ThemeProvider\n            themeClassNameOnRoot={config.themeClassNameOnRoot}\n            disableRootThemeClass={config.disableRootThemeClass}\n            {...themePropsProvider}\n            defaultTheme={\n              themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0]\n            }\n          >\n            {children}\n          </ThemeProvider>\n        </AnimationDriverContext.Provider>\n      </TextAncestorContext.Provider>\n    </ButtonNestingContext.Provider>\n  )\n}\n"],
-  "mappings": "AAkBM;AAlBN,SAAS,UAAU,OAAO,UAAU,aAAa;AACjD,YAAY,WAAW;AAEvB,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAElC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AAEhC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,MAAI,OAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,SAAS,WAAW;AAAA,QAC7B,WAAW,KAAK,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,KAAK;AAAA,QAEhD;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,MAAI,EAAE,SAAS,WAAW;AACxB,sBAAkB,MAAM;AAAA,EAC1B;AAEA,MAAI,UAAU;AAGZ,UAAM,gBAAgB,MAAM;AAG1B,UAAI,SAAS,gBAAgB,UAAU,SAAS,aAAa,GAAG;AAC9D,iBAAS,gBAAgB,UAAU,OAAO,aAAa;AAAA,MACzD;AAEA,UAAI;AAAkB;AACtB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC;AAC1D,eAAS,KAAK,YAAY,KAAK;AAC/B,aAAO,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC;AAAA,EAC/B;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,OACpC,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,OACnC,8BAAC,uBAAuB,UAAvB,EAAgC,OAAO,OAAO,YAC7C;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,OAAO;AAAA,MAC7B,uBAAuB,OAAO;AAAA,MAC7B,GAAG;AAAA,MACJ,cACE,mBAAmB,gBAAgB,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC;AAAA,MAGhE;AAAA;AAAA,EACH,GACF,GACF,GACF;AAEJ;",
-  "names": []
+  "mappings": "AAkBM,cAAAA,MAAA,oBAlBN,OAAS,YAAAC,EAAU,SAAAC,EAAO,YAAAC,EAAU,SAAAC,MAAa,qBACjD,UAAYC,MAAW,QAEvB,OAAS,wBAAAC,MAA4B,sCACrC,OAAS,uBAAAC,MAA2B,qCACpC,OAAS,qBAAAC,MAAyB,uBAElC,OAAS,iBAAAC,MAAqB,qBAC9B,OAAS,0BAAAC,MAA8B,wCAEhC,SAASC,EAAgB,CAC9B,SAAAC,EACA,iBAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAAyB,CACvB,OAAIb,EAEAF,EAAC,QACC,MAAO,CAAE,QAAS,UAAW,EAC7B,UAAW,KAAK,OAAO,KAAKc,EAAO,MAAM,EAAE,CAAC,GAAK,UAEhD,SAAAF,EACH,GAIER,GAASD,GACbK,EAAkBM,CAAM,EAGtBb,GAGFI,EAAM,gBAAgB,IAAM,CAO1B,GAJI,SAAS,gBAAgB,UAAU,SAAS,aAAa,GAC3D,SAAS,gBAAgB,UAAU,OAAO,aAAa,EAGrDQ,EAAkB,OACtB,MAAMG,EAAQ,SAAS,cAAc,OAAO,EAC5C,OAAAA,EAAM,YAAY,SAAS,eAAeF,EAAO,OAAO,CAAC,CAAC,EAC1D,SAAS,KAAK,YAAYE,CAAK,EACxB,IAAM,CACX,SAAS,KAAK,YAAYA,CAAK,CACjC,CACF,EAAG,CAACF,EAAQD,CAAgB,CAAC,EAI7Bb,EAACM,EAAqB,SAArB,CAA8B,MAAO,GACpC,SAAAN,EAACO,EAAoB,SAApB,CAA6B,MAAO,GACnC,SAAAP,EAACU,EAAuB,SAAvB,CAAgC,MAAOI,EAAO,WAC7C,SAAAd,EAACS,EAAA,CACC,qBAAsBK,EAAO,qBAC7B,sBAAuBA,EAAO,sBAC7B,GAAGC,EACJ,aACEA,EAAmB,cAAgB,OAAO,KAAKD,EAAO,MAAM,EAAE,CAAC,EAGhE,SAAAF,EACH,EACF,EACF,EACF,EAEJ",
+  "names": ["jsx", "isClient", "isRSC", "isServer", "isWeb", "React", "ButtonNestingContext", "TextAncestorContext", "useMediaListeners", "ThemeProvider", "AnimationDriverContext", "TamaguiProvider", "children", "disableInjectCSS", "config", "themePropsProvider", "style"]
 }

package/dist/esm/views/TamaguiProvider.mjs

@@ -1,57 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
-import * as React from "react";
-import { ButtonNestingContext } from "../contexts/ButtonNestingContext.js";
-import { TextAncestorContext } from "../contexts/TextAncestorContext.js";
-import { useMediaListeners } from "../hooks/useMedia.js";
-import { ThemeProvider } from "./ThemeProvider.js";
-import { AnimationDriverContext } from "../contexts/AnimationDriverContext.js";
-function TamaguiProvider({
-  children,
-  disableInjectCSS,
-  config,
-  ...themePropsProvider
-}) {
-  if (isRSC) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        style: { display: "contents" },
-        className: `t_${Object.keys(config.themes)[0] || "light"}`,
-        children
-      }
-    );
-  }
-  if (!(isWeb && isServer)) {
-    useMediaListeners(config);
-  }
-  if (isClient) {
-    React.useLayoutEffect(() => {
-      if (document.documentElement.classList.contains("t_unmounted")) {
-        document.documentElement.classList.remove("t_unmounted");
-      }
-      if (disableInjectCSS)
-        return;
-      const style = document.createElement("style");
-      style.appendChild(document.createTextNode(config.getCSS()));
-      document.head.appendChild(style);
-      return () => {
-        document.head.removeChild(style);
-      };
-    }, [config, disableInjectCSS]);
-  }
-  return /* @__PURE__ */ jsx(ButtonNestingContext.Provider, { value: false, children: /* @__PURE__ */ jsx(TextAncestorContext.Provider, { value: false, children: /* @__PURE__ */ jsx(AnimationDriverContext.Provider, { value: config.animations, children: /* @__PURE__ */ jsx(
-    ThemeProvider,
-    {
-      themeClassNameOnRoot: config.themeClassNameOnRoot,
-      disableRootThemeClass: config.disableRootThemeClass,
-      ...themePropsProvider,
-      defaultTheme: themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0],
-      children
-    }
-  ) }) }) });
-}
-export {
-  TamaguiProvider
-};
+import{jsx as t}from"react/jsx-runtime";import{isClient as i,isRSC as n,isServer as a,isWeb as d}from"@tamagui/constants";import*as u from"react";import{ButtonNestingContext as l}from"../contexts/ButtonNestingContext.js";import{TextAncestorContext as p}from"../contexts/TextAncestorContext.js";import{useMediaListeners as v}from"../hooks/useMedia.js";import{ThemeProvider as C}from"./ThemeProvider.js";import{AnimationDriverContext as h}from"../contexts/AnimationDriverContext.js";function N({children:r,disableInjectCSS:m,config:e,...s}){return n?t("span",{style:{display:"contents"},className:`t_${Object.keys(e.themes)[0]||"light"}`,children:r}):(d&&a||v(e),i&&u.useLayoutEffect(()=>{if(document.documentElement.classList.contains("t_unmounted")&&document.documentElement.classList.remove("t_unmounted"),m)return;const o=document.createElement("style");return o.appendChild(document.createTextNode(e.getCSS())),document.head.appendChild(o),()=>{document.head.removeChild(o)}},[e,m]),t(l.Provider,{value:!1,children:t(p.Provider,{value:!1,children:t(h.Provider,{value:e.animations,children:t(C,{themeClassNameOnRoot:e.themeClassNameOnRoot,disableRootThemeClass:e.disableRootThemeClass,...s,defaultTheme:s.defaultTheme??Object.keys(e.themes)[0],children:r})})})}))}export{N as TamaguiProvider};
 //# sourceMappingURL=TamaguiProvider.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/TamaguiProvider.tsx"],
   "sourcesContent": ["import { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport * as React from 'react'\n\nimport { ButtonNestingContext } from '../contexts/ButtonNestingContext.js'\nimport { TextAncestorContext } from '../contexts/TextAncestorContext.js'\nimport { useMediaListeners } from '../hooks/useMedia.js'\nimport type { TamaguiProviderProps } from '../types.js'\nimport { ThemeProvider } from './ThemeProvider.js'\nimport { AnimationDriverContext } from '../contexts/AnimationDriverContext.js'\n\nexport function TamaguiProvider({\n  children,\n  disableInjectCSS,\n  config,\n  ...themePropsProvider\n}: TamaguiProviderProps) {\n  if (isRSC) {\n    return (\n      <span\n        style={{ display: 'contents' }}\n        className={`t_${Object.keys(config.themes)[0] || 'light'}`}\n      >\n        {children}\n      </span>\n    )\n  }\n\n  if (!(isWeb && isServer)) {\n    useMediaListeners(config)\n  }\n\n  if (isClient) {\n    // inject CSS if asked to (not SSR compliant)\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useLayoutEffect(() => {\n      // for easier support of hidden-until-js mount animations\n      // user must set t_unmounted on documentElement from SSR\n      if (document.documentElement.classList.contains('t_unmounted')) {\n        document.documentElement.classList.remove('t_unmounted')\n      }\n\n      if (disableInjectCSS) return\n      const style = document.createElement('style')\n      style.appendChild(document.createTextNode(config.getCSS()))\n      document.head.appendChild(style)\n      return () => {\n        document.head.removeChild(style)\n      }\n    }, [config, disableInjectCSS])\n  }\n\n  return (\n    <ButtonNestingContext.Provider value={false}>\n      <TextAncestorContext.Provider value={false}>\n        <AnimationDriverContext.Provider value={config.animations}>\n          <ThemeProvider\n            themeClassNameOnRoot={config.themeClassNameOnRoot}\n            disableRootThemeClass={config.disableRootThemeClass}\n            {...themePropsProvider}\n            defaultTheme={\n              themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0]\n            }\n          >\n            {children}\n          </ThemeProvider>\n        </AnimationDriverContext.Provider>\n      </TextAncestorContext.Provider>\n    </ButtonNestingContext.Provider>\n  )\n}\n"],
-  "mappings": "AAkBM;AAlBN,SAAS,UAAU,OAAO,UAAU,aAAa;AACjD,YAAY,WAAW;AAEvB,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAElC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AAEhC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,MAAI,OAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,SAAS,WAAW;AAAA,QAC7B,WAAW,KAAK,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,KAAK;AAAA,QAEhD;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,MAAI,EAAE,SAAS,WAAW;AACxB,sBAAkB,MAAM;AAAA,EAC1B;AAEA,MAAI,UAAU;AAGZ,UAAM,gBAAgB,MAAM;AAG1B,UAAI,SAAS,gBAAgB,UAAU,SAAS,aAAa,GAAG;AAC9D,iBAAS,gBAAgB,UAAU,OAAO,aAAa;AAAA,MACzD;AAEA,UAAI;AAAkB;AACtB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC;AAC1D,eAAS,KAAK,YAAY,KAAK;AAC/B,aAAO,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC;AAAA,EAC/B;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,OACpC,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,OACnC,8BAAC,uBAAuB,UAAvB,EAAgC,OAAO,OAAO,YAC7C;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,OAAO;AAAA,MAC7B,uBAAuB,OAAO;AAAA,MAC7B,GAAG;AAAA,MACJ,cACE,mBAAmB,gBAAgB,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC;AAAA,MAGhE;AAAA;AAAA,EACH,GACF,GACF,GACF;AAEJ;",
-  "names": []
+  "mappings": "AAkBM,cAAAA,MAAA,oBAlBN,OAAS,YAAAC,EAAU,SAAAC,EAAO,YAAAC,EAAU,SAAAC,MAAa,qBACjD,UAAYC,MAAW,QAEvB,OAAS,wBAAAC,MAA4B,sCACrC,OAAS,uBAAAC,MAA2B,qCACpC,OAAS,qBAAAC,MAAyB,uBAElC,OAAS,iBAAAC,MAAqB,qBAC9B,OAAS,0BAAAC,MAA8B,wCAEhC,SAASC,EAAgB,CAC9B,SAAAC,EACA,iBAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAAyB,CACvB,OAAIb,EAEAF,EAAC,QACC,MAAO,CAAE,QAAS,UAAW,EAC7B,UAAW,KAAK,OAAO,KAAKc,EAAO,MAAM,EAAE,CAAC,GAAK,UAEhD,SAAAF,EACH,GAIER,GAASD,GACbK,EAAkBM,CAAM,EAGtBb,GAGFI,EAAM,gBAAgB,IAAM,CAO1B,GAJI,SAAS,gBAAgB,UAAU,SAAS,aAAa,GAC3D,SAAS,gBAAgB,UAAU,OAAO,aAAa,EAGrDQ,EAAkB,OACtB,MAAMG,EAAQ,SAAS,cAAc,OAAO,EAC5C,OAAAA,EAAM,YAAY,SAAS,eAAeF,EAAO,OAAO,CAAC,CAAC,EAC1D,SAAS,KAAK,YAAYE,CAAK,EACxB,IAAM,CACX,SAAS,KAAK,YAAYA,CAAK,CACjC,CACF,EAAG,CAACF,EAAQD,CAAgB,CAAC,EAI7Bb,EAACM,EAAqB,SAArB,CAA8B,MAAO,GACpC,SAAAN,EAACO,EAAoB,SAApB,CAA6B,MAAO,GACnC,SAAAP,EAACU,EAAuB,SAAvB,CAAgC,MAAOI,EAAO,WAC7C,SAAAd,EAACS,EAAA,CACC,qBAAsBK,EAAO,qBAC7B,sBAAuBA,EAAO,sBAC7B,GAAGC,EACJ,aACEA,EAAmB,cAAgB,OAAO,KAAKD,EAAO,MAAM,EAAE,CAAC,EAGhE,SAAAF,EACH,EACF,EACF,EACF,EAEJ",
+  "names": ["jsx", "isClient", "isRSC", "isServer", "isWeb", "React", "ButtonNestingContext", "TextAncestorContext", "useMediaListeners", "ThemeProvider", "AnimationDriverContext", "TamaguiProvider", "children", "disableInjectCSS", "config", "themePropsProvider", "style"]
 }

package/dist/esm/views/Text.js

@@ -1,72 +1,2 @@
-import { isWeb } from "@tamagui/constants";
-import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
-import { createComponent } from "../createComponent.js";
-const ellipseStyle = {
-  maxWidth: "100%",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-};
-const Text = createComponent(
-  {
-    componentName: "Text",
-    acceptsClassName: true,
-    isText: true,
-    defaultProps: {
-      // @ts-ignore
-      display: "flex",
-      fontFamily: "System",
-      ...isWeb ? {
-        display: "inline",
-        boxSizing: "border-box",
-        wordWrap: "break-word",
-        margin: 0
-      } : {
-        suppressHighlighting: true
-      }
-    },
-    inlineWhenUnflattened: /* @__PURE__ */ new Set(["fontFamily"]),
-    variants: {
-      ...isWeb && {
-        numberOfLines: {
-          1: ellipseStyle,
-          ":number": (numberOfLines) => numberOfLines >= 1 ? {
-            WebkitLineClamp: numberOfLines,
-            WebkitBoxOrient: "vertical",
-            display: "-webkit-box",
-            overflow: "hidden"
-          } : null
-        }
-      },
-      // ??
-      ellipsizeMode: {
-        "...": () => null
-      },
-      selectable: {
-        true: {
-          userSelect: "text",
-          cursor: "text"
-        },
-        false: {
-          userSelect: "none",
-          cursor: "default"
-        }
-      },
-      ellipse: {
-        true: isWeb ? ellipseStyle : {
-          numberOfLines: 1,
-          lineBreakMode: "clip"
-        }
-      }
-    },
-    deoptProps: new Set(isWeb ? [] : ["ellipse"]),
-    validStyles: {
-      ...validStyles,
-      ...stylePropsTextOnly
-    }
-  }
-);
-export {
-  Text
-};
+import{isWeb as e}from"@tamagui/constants";import{stylePropsTextOnly as l,validStyles as o}from"@tamagui/helpers";import{createComponent as i}from"../createComponent.js";const r={maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},x=i({componentName:"Text",acceptsClassName:!0,isText:!0,defaultProps:{display:"flex",fontFamily:"System",...e?{display:"inline",boxSizing:"border-box",wordWrap:"break-word",margin:0}:{suppressHighlighting:!0}},inlineWhenUnflattened:new Set(["fontFamily"]),variants:{...e&&{numberOfLines:{1:r,":number":t=>t>=1?{WebkitLineClamp:t,WebkitBoxOrient:"vertical",display:"-webkit-box",overflow:"hidden"}:null}},ellipsizeMode:{"...":()=>null},selectable:{true:{userSelect:"text",cursor:"text"},false:{userSelect:"none",cursor:"default"}},ellipse:{true:e?r:{numberOfLines:1,lineBreakMode:"clip"}}},deoptProps:new Set(e?[]:["ellipse"]),validStyles:{...o,...l}});export{x as Text};
 //# sourceMappingURL=Text.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/Text.tsx"],
   "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { stylePropsTextOnly, validStyles } from '@tamagui/helpers'\n\nimport { createComponent } from '../createComponent.js'\nimport { TextProps, TextPropsBase } from '../types.js'\n\nconst ellipseStyle = {\n  maxWidth: '100%',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}\n\nexport const Text = createComponent<TextProps, React.Component<TextProps>, TextPropsBase>(\n  {\n    componentName: 'Text',\n    acceptsClassName: true,\n    isText: true,\n\n    defaultProps: {\n      // @ts-ignore\n      display: 'flex',\n      fontFamily: 'System',\n      ...(isWeb\n        ? {\n            display: 'inline',\n            boxSizing: 'border-box',\n            wordWrap: 'break-word',\n            margin: 0,\n          }\n        : {\n            suppressHighlighting: true,\n          }),\n    },\n\n    inlineWhenUnflattened: new Set(['fontFamily']),\n\n    variants: {\n      ...(isWeb && {\n        numberOfLines: {\n          1: ellipseStyle,\n\n          ':number': (numberOfLines) =>\n            numberOfLines >= 1\n              ? {\n                  WebkitLineClamp: numberOfLines,\n                  WebkitBoxOrient: 'vertical',\n                  display: '-webkit-box',\n                  overflow: 'hidden',\n                }\n              : null,\n        },\n      }),\n\n      // ??\n      ellipsizeMode: {\n        '...': () => null,\n      },\n\n      selectable: {\n        true: {\n          userSelect: 'text',\n          cursor: 'text',\n        },\n        false: {\n          userSelect: 'none',\n          cursor: 'default',\n        },\n      },\n\n      ellipse: {\n        true: isWeb\n          ? ellipseStyle\n          : {\n              numberOfLines: 1,\n              lineBreakMode: 'clip',\n            },\n      },\n    },\n\n    deoptProps: new Set(isWeb ? [] : ['ellipse']),\n\n    validStyles: {\n      ...validStyles,\n      ...stylePropsTextOnly,\n    },\n  }\n)\n"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,oBAAoB,mBAAmB;AAEhD,SAAS,uBAAuB;AAGhC,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd;AAEO,MAAM,OAAO;AAAA,EAClB;AAAA,IACE,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,QAAQ;AAAA,IAER,cAAc;AAAA;AAAA,MAEZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,GAAI,QACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,QACV,QAAQ;AAAA,MACV,IACA;AAAA,QACE,sBAAsB;AAAA,MACxB;AAAA,IACN;AAAA,IAEA,uBAAuB,oBAAI,IAAI,CAAC,YAAY,CAAC;AAAA,IAE7C,UAAU;AAAA,MACR,GAAI,SAAS;AAAA,QACX,eAAe;AAAA,UACb,GAAG;AAAA,UAEH,WAAW,CAAC,kBACV,iBAAiB,IACb;AAAA,YACE,iBAAiB;AAAA,YACjB,iBAAiB;AAAA,YACjB,SAAS;AAAA,YACT,UAAU;AAAA,UACZ,IACA;AAAA,QACR;AAAA,MACF;AAAA;AAAA,MAGA,eAAe;AAAA,QACb,OAAO,MAAM;AAAA,MACf;AAAA,MAEA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACA,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEA,SAAS;AAAA,QACP,MAAM,QACF,eACA;AAAA,UACE,eAAe;AAAA,UACf,eAAe;AAAA,QACjB;AAAA,MACN;AAAA,IACF;AAAA,IAEA,YAAY,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;AAAA,IAE5C,aAAa;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
-  "names": []
+  "mappings": "AAAA,OAAS,SAAAA,MAAa,qBACtB,OAAS,sBAAAC,EAAoB,eAAAC,MAAmB,mBAEhD,OAAS,mBAAAC,MAAuB,wBAGhC,MAAMC,EAAe,CACnB,SAAU,OACV,SAAU,SACV,aAAc,WACd,WAAY,QACd,EAEaC,EAAOF,EAClB,CACE,cAAe,OACf,iBAAkB,GAClB,OAAQ,GAER,aAAc,CAEZ,QAAS,OACT,WAAY,SACZ,GAAIH,EACA,CACE,QAAS,SACT,UAAW,aACX,SAAU,aACV,OAAQ,CACV,EACA,CACE,qBAAsB,EACxB,CACN,EAEA,sBAAuB,IAAI,IAAI,CAAC,YAAY,CAAC,EAE7C,SAAU,CACR,GAAIA,GAAS,CACX,cAAe,CACb,EAAGI,EAEH,UAAYE,GACVA,GAAiB,EACb,CACE,gBAAiBA,EACjB,gBAAiB,WACjB,QAAS,cACT,SAAU,QACZ,EACA,IACR,CACF,EAGA,cAAe,CACb,MAAO,IAAM,IACf,EAEA,WAAY,CACV,KAAM,CACJ,WAAY,OACZ,OAAQ,MACV,EACA,MAAO,CACL,WAAY,OACZ,OAAQ,SACV,CACF,EAEA,QAAS,CACP,KAAMN,EACFI,EACA,CACE,cAAe,EACf,cAAe,MACjB,CACN,CACF,EAEA,WAAY,IAAI,IAAIJ,EAAQ,CAAC,EAAI,CAAC,SAAS,CAAC,EAE5C,YAAa,CACX,GAAGE,EACH,GAAGD,CACL,CACF,CACF",
+  "names": ["isWeb", "stylePropsTextOnly", "validStyles", "createComponent", "ellipseStyle", "Text", "numberOfLines"]
 }

package/dist/esm/views/Text.mjs

@@ -1,72 +1,2 @@
-import { isWeb } from "@tamagui/constants";
-import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
-import { createComponent } from "../createComponent.js";
-const ellipseStyle = {
-  maxWidth: "100%",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-};
-const Text = createComponent(
-  {
-    componentName: "Text",
-    acceptsClassName: true,
-    isText: true,
-    defaultProps: {
-      // @ts-ignore
-      display: "flex",
-      fontFamily: "System",
-      ...isWeb ? {
-        display: "inline",
-        boxSizing: "border-box",
-        wordWrap: "break-word",
-        margin: 0
-      } : {
-        suppressHighlighting: true
-      }
-    },
-    inlineWhenUnflattened: /* @__PURE__ */ new Set(["fontFamily"]),
-    variants: {
-      ...isWeb && {
-        numberOfLines: {
-          1: ellipseStyle,
-          ":number": (numberOfLines) => numberOfLines >= 1 ? {
-            WebkitLineClamp: numberOfLines,
-            WebkitBoxOrient: "vertical",
-            display: "-webkit-box",
-            overflow: "hidden"
-          } : null
-        }
-      },
-      // ??
-      ellipsizeMode: {
-        "...": () => null
-      },
-      selectable: {
-        true: {
-          userSelect: "text",
-          cursor: "text"
-        },
-        false: {
-          userSelect: "none",
-          cursor: "default"
-        }
-      },
-      ellipse: {
-        true: isWeb ? ellipseStyle : {
-          numberOfLines: 1,
-          lineBreakMode: "clip"
-        }
-      }
-    },
-    deoptProps: new Set(isWeb ? [] : ["ellipse"]),
-    validStyles: {
-      ...validStyles,
-      ...stylePropsTextOnly
-    }
-  }
-);
-export {
-  Text
-};
+import{isWeb as e}from"@tamagui/constants";import{stylePropsTextOnly as l,validStyles as o}from"@tamagui/helpers";import{createComponent as i}from"../createComponent.js";const r={maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},x=i({componentName:"Text",acceptsClassName:!0,isText:!0,defaultProps:{display:"flex",fontFamily:"System",...e?{display:"inline",boxSizing:"border-box",wordWrap:"break-word",margin:0}:{suppressHighlighting:!0}},inlineWhenUnflattened:new Set(["fontFamily"]),variants:{...e&&{numberOfLines:{1:r,":number":t=>t>=1?{WebkitLineClamp:t,WebkitBoxOrient:"vertical",display:"-webkit-box",overflow:"hidden"}:null}},ellipsizeMode:{"...":()=>null},selectable:{true:{userSelect:"text",cursor:"text"},false:{userSelect:"none",cursor:"default"}},ellipse:{true:e?r:{numberOfLines:1,lineBreakMode:"clip"}}},deoptProps:new Set(e?[]:["ellipse"]),validStyles:{...o,...l}});export{x as Text};
 //# sourceMappingURL=Text.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/views/Text.tsx"],
   "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { stylePropsTextOnly, validStyles } from '@tamagui/helpers'\n\nimport { createComponent } from '../createComponent.js'\nimport { TextProps, TextPropsBase } from '../types.js'\n\nconst ellipseStyle = {\n  maxWidth: '100%',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}\n\nexport const Text = createComponent<TextProps, React.Component<TextProps>, TextPropsBase>(\n  {\n    componentName: 'Text',\n    acceptsClassName: true,\n    isText: true,\n\n    defaultProps: {\n      // @ts-ignore\n      display: 'flex',\n      fontFamily: 'System',\n      ...(isWeb\n        ? {\n            display: 'inline',\n            boxSizing: 'border-box',\n            wordWrap: 'break-word',\n            margin: 0,\n          }\n        : {\n            suppressHighlighting: true,\n          }),\n    },\n\n    inlineWhenUnflattened: new Set(['fontFamily']),\n\n    variants: {\n      ...(isWeb && {\n        numberOfLines: {\n          1: ellipseStyle,\n\n          ':number': (numberOfLines) =>\n            numberOfLines >= 1\n              ? {\n                  WebkitLineClamp: numberOfLines,\n                  WebkitBoxOrient: 'vertical',\n                  display: '-webkit-box',\n                  overflow: 'hidden',\n                }\n              : null,\n        },\n      }),\n\n      // ??\n      ellipsizeMode: {\n        '...': () => null,\n      },\n\n      selectable: {\n        true: {\n          userSelect: 'text',\n          cursor: 'text',\n        },\n        false: {\n          userSelect: 'none',\n          cursor: 'default',\n        },\n      },\n\n      ellipse: {\n        true: isWeb\n          ? ellipseStyle\n          : {\n              numberOfLines: 1,\n              lineBreakMode: 'clip',\n            },\n      },\n    },\n\n    deoptProps: new Set(isWeb ? [] : ['ellipse']),\n\n    validStyles: {\n      ...validStyles,\n      ...stylePropsTextOnly,\n    },\n  }\n)\n"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,oBAAoB,mBAAmB;AAEhD,SAAS,uBAAuB;AAGhC,MAAM,eAAe;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd;AAEO,MAAM,OAAO;AAAA,EAClB;AAAA,IACE,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,QAAQ;AAAA,IAER,cAAc;AAAA;AAAA,MAEZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,GAAI,QACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,QACV,QAAQ;AAAA,MACV,IACA;AAAA,QACE,sBAAsB;AAAA,MACxB;AAAA,IACN;AAAA,IAEA,uBAAuB,oBAAI,IAAI,CAAC,YAAY,CAAC;AAAA,IAE7C,UAAU;AAAA,MACR,GAAI,SAAS;AAAA,QACX,eAAe;AAAA,UACb,GAAG;AAAA,UAEH,WAAW,CAAC,kBACV,iBAAiB,IACb;AAAA,YACE,iBAAiB;AAAA,YACjB,iBAAiB;AAAA,YACjB,SAAS;AAAA,YACT,UAAU;AAAA,UACZ,IACA;AAAA,QACR;AAAA,MACF;AAAA;AAAA,MAGA,eAAe;AAAA,QACb,OAAO,MAAM;AAAA,MACf;AAAA,MAEA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,QACA,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEA,SAAS;AAAA,QACP,MAAM,QACF,eACA;AAAA,UACE,eAAe;AAAA,UACf,eAAe;AAAA,QACjB;AAAA,MACN;AAAA,IACF;AAAA,IAEA,YAAY,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;AAAA,IAE5C,aAAa;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
-  "names": []
+  "mappings": "AAAA,OAAS,SAAAA,MAAa,qBACtB,OAAS,sBAAAC,EAAoB,eAAAC,MAAmB,mBAEhD,OAAS,mBAAAC,MAAuB,wBAGhC,MAAMC,EAAe,CACnB,SAAU,OACV,SAAU,SACV,aAAc,WACd,WAAY,QACd,EAEaC,EAAOF,EAClB,CACE,cAAe,OACf,iBAAkB,GAClB,OAAQ,GAER,aAAc,CAEZ,QAAS,OACT,WAAY,SACZ,GAAIH,EACA,CACE,QAAS,SACT,UAAW,aACX,SAAU,aACV,OAAQ,CACV,EACA,CACE,qBAAsB,EACxB,CACN,EAEA,sBAAuB,IAAI,IAAI,CAAC,YAAY,CAAC,EAE7C,SAAU,CACR,GAAIA,GAAS,CACX,cAAe,CACb,EAAGI,EAEH,UAAYE,GACVA,GAAiB,EACb,CACE,gBAAiBA,EACjB,gBAAiB,WACjB,QAAS,cACT,SAAU,QACZ,EACA,IACR,CACF,EAGA,cAAe,CACb,MAAO,IAAM,IACf,EAEA,WAAY,CACV,KAAM,CACJ,WAAY,OACZ,OAAQ,MACV,EACA,MAAO,CACL,WAAY,OACZ,OAAQ,SACV,CACF,EAEA,QAAS,CACP,KAAMN,EACFI,EACA,CACE,cAAe,EACf,cAAe,MACjB,CACN,CACF,EAEA,WAAY,IAAI,IAAIJ,EAAQ,CAAC,EAAI,CAAC,SAAS,CAAC,EAE5C,YAAa,CACX,GAAGE,EACH,GAAGD,CACL,CACF,CACF",
+  "names": ["isWeb", "stylePropsTextOnly", "validStyles", "createComponent", "ellipseStyle", "Text", "numberOfLines"]
 }

package/dist/esm/views/Theme.js

@@ -1,56 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { isWeb } from "@tamagui/constants";
-import { Children, cloneElement, isValidElement } from "react";
-import { variableToString } from "../createVariable.js";
-import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
-import { useServerRef } from "../hooks/useServerHooks.js";
-import { useChangeThemeEffect } from "../hooks/useTheme.js";
-function Theme(props) {
-  if (props.disable)
-    return props.children;
-  const isRoot = !!props["_isRoot"];
-  const themeState = useChangeThemeEffect(props, isRoot);
-  const children = props["data-themeable"] ? Children.map(
-    props.children,
-    (child) => cloneElement(child, { ["data-themeable"]: true })
-  ) : props.children;
-  return useThemedChildren(themeState, children, props, isRoot);
-}
-function useThemedChildren(themeState, children, options, isRoot = false) {
-  const { themeManager, isNewTheme, className, theme } = themeState;
-  const { shallow, forceClassName } = options;
-  const hasEverThemed = useServerRef(false);
-  if (isNewTheme) {
-    hasEverThemed.current = true;
-  }
-  if (isNewTheme || hasEverThemed.current || forceClassName || isRoot) {
-    let next = Children.toArray(children);
-    if (shallow && themeManager) {
-      next = next.map((child) => {
-        return isValidElement(child) ? cloneElement(
-          child,
-          void 0,
-          /* @__PURE__ */ jsx(Theme, { name: themeManager.state.parentName, children: child.props.children })
-        ) : child;
-      });
-    }
-    const wrapped = /* @__PURE__ */ jsx(ThemeManagerContext.Provider, { value: themeManager, children: next });
-    if (forceClassName === false) {
-      return wrapped;
-    }
-    if (isWeb && !options.passPropsToChildren) {
-      const themeColor = theme && isNewTheme ? variableToString(theme.color) : "";
-      const colorStyle = {
-        color: themeColor
-      };
-      return /* @__PURE__ */ jsx("span", { className: `${className || ""} _dsp_contents`, style: colorStyle, children: wrapped });
-    }
-    return wrapped;
-  }
-  return children;
-}
-export {
-  Theme,
-  useThemedChildren
-};
+import{jsx as d,jsxs as C}from"react/jsx-runtime";import{isWeb as b}from"@tamagui/constants";import{Children as T,cloneElement as g,isValidElement as v,useMemo as y}from"react";import{variableToString as M}from"../createVariable.js";import{ThemeManagerContext as E}from"../helpers/ThemeManagerContext.js";import{useServerRef as w}from"../hooks/useServerHooks.js";import{useChangeThemeEffect as P}from"../hooks/useTheme.js";function R(e){var r,m,o,n,l;if(e.disable)return e.children;const a=!!e._isRoot,t=P(e,a);let s=e["data-themeable"]?T.map(e.children,h=>g(h,{["data-themeable"]:!0})):e.children;return process.env.NODE_ENV==="development"&&e.debug==="visualize"&&(s=C("div",{style:{display:"inline",border:"1px solid #ccc"},children:[d("code",{children:C("pre",{children:["<Theme />\xA0",JSON.stringify({name:(r=t.themeManager)==null?void 0:r.state.name,parent:(m=t.themeManager)==null?void 0:m.state.parentName,id:(o=t.themeManager)==null?void 0:o.id,parentId:(l=(n=t.themeManager)==null?void 0:n.parentManager)==null?void 0:l.id,isNew:t.isNewTheme})]})}),s]})),x(t,s,e,a)}function x(e,a,t,s=!1){const{themeManager:r,className:m,theme:o,isNewTheme:n}=e,{shallow:l,forceClassName:h}=t,u=w(!1);n&&(u.current=!0);const p=n||u.current||h||s;return y(()=>{if(!p)return a;let c=T.toArray(a);l&&r&&(c=c.map(i=>v(i)?g(i,void 0,d(R,{name:r.state.parentName,children:i.props.children})):i));const f=d(E.Provider,{value:r,children:c});if(h===!1)return f;if(b&&!t.passPropsToChildren){const N={color:o&&n?M(o.color):""};return d("span",{className:`${m||""} _dsp_contents is_Theme`,style:N,children:f})}return f},[p,r,a,o,n,m])}export{R as Theme,x as useThemedChildren};
 //# sourceMappingURL=Theme.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Theme.tsx"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { Children, cloneElement, isValidElement } 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 { ThemeProps } from '../types.js'\n\nexport function Theme(props: ThemeProps) {\n  // @ts-expect-error only for internal views\n  if (props.disable) return props.children\n  const isRoot = !!props['_isRoot']\n  const themeState = useChangeThemeEffect(props, isRoot)\n  const children = props['data-themeable']\n    ? Children.map(props.children, (child) =>\n        cloneElement(child, { ['data-themeable']: true })\n      )\n    : props.children\n\n  return useThemedChildren(themeState, children, props, isRoot)\n}\n\nexport function useThemedChildren(\n  themeState: ChangedThemeResponse,\n  children: any,\n  options: {\n    forceClassName?: boolean\n    shallow?: boolean\n    passPropsToChildren?: boolean\n  },\n  isRoot = false\n) {\n  const { themeManager, isNewTheme, className, theme } = themeState\n  const { shallow, forceClassName } = options\n  const hasEverThemed = useServerRef(false)\n  if (isNewTheme) {\n    hasEverThemed.current = true\n  }\n\n  if (isNewTheme || hasEverThemed.current || forceClassName || isRoot) {\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    // tried this but themes css doesn't fully like it\n    // if (shouldAttachClassName && options.passPropsToChildren) {\n    //   next = next.map((child: any) => {\n    //     const childStyle = child.props?.style\n    //     console.log('pass it down', className, child.props.className || '')\n    //     const newProps = {\n    //       className: (child.props.className || '') + ' ' + className,\n    //       style: Array.isArray(childStyle)\n    //         ? [colorStyle, ...childStyle]\n    //         : {\n    //             ...colorStyle,\n    //             ...childStyle,\n    //           },\n    //     }\n    //     return isValidElement(child) ? cloneElement(child as any, newProps) : 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 && !options.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`} style={colorStyle}>\n          {wrapped}\n        </span>\n      )\n    }\n\n    return wrapped\n  }\n\n  return children\n}\n"],
-  "mappings": "AAmDc;AAnDd,SAAS,aAAa;AACtB,SAAS,UAAU,cAAc,sBAAsB;AAEvD,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAA+B,4BAA4B;AAGpD,SAAS,MAAM,OAAmB;AAEvC,MAAI,MAAM;AAAS,WAAO,MAAM;AAChC,QAAM,SAAS,CAAC,CAAC,MAAM,SAAS;AAChC,QAAM,aAAa,qBAAqB,OAAO,MAAM;AACrD,QAAM,WAAW,MAAM,gBAAgB,IACnC,SAAS;AAAA,IAAI,MAAM;AAAA,IAAU,CAAC,UAC5B,aAAa,OAAO,EAAE,CAAC,gBAAgB,GAAG,KAAK,CAAC;AAAA,EAClD,IACA,MAAM;AAEV,SAAO,kBAAkB,YAAY,UAAU,OAAO,MAAM;AAC9D;AAEO,SAAS,kBACd,YACA,UACA,SAKA,SAAS,OACT;AACA,QAAM,EAAE,cAAc,YAAY,WAAW,MAAM,IAAI;AACvD,QAAM,EAAE,SAAS,eAAe,IAAI;AACpC,QAAM,gBAAgB,aAAa,KAAK;AACxC,MAAI,YAAY;AACd,kBAAc,UAAU;AAAA,EAC1B;AAEA,MAAI,cAAc,cAAc,WAAW,kBAAkB,QAAQ;AAEnE,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;AAoBA,UAAM,UACJ,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,cAClC,gBACH;AAGF,QAAI,mBAAmB,OAAO;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,SAAS,CAAC,QAAQ,qBAAqB;AAEzC,YAAM,aAAa,SAAS,aAAa,iBAAiB,MAAM,KAAK,IAAI;AACzE,YAAM,aAAa;AAAA,QACjB,OAAO;AAAA,MACT;AAEA,aACE,oBAAC,UAAK,WAAW,GAAG,aAAa,oBAAoB,OAAO,YACzD,mBACH;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
-  "names": []
+  "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 { ThemeProps } from '../types.js'\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        <div style={{ display: 'inline', border: '1px solid #ccc' }}>\n          <code>\n            <pre>\n              &lt;Theme /&gt;&nbsp;\n              {JSON.stringify({\n                name: themeState.themeManager?.state.name,\n                parent: themeState.themeManager?.state.parentName,\n                id: themeState.themeManager?.id,\n                parentId: themeState.themeManager?.parentManager?.id,\n                isNew: themeState.isNewTheme,\n              })}\n            </pre>\n          </code>\n          {children}\n        </div>\n      )\n    }\n  }\n\n  return useThemedChildren(themeState, children, props, isRoot)\n}\n\nexport function useThemedChildren(\n  themeState: ChangedThemeResponse,\n  children: any,\n  options: {\n    forceClassName?: boolean\n    shallow?: boolean\n    passPropsToChildren?: boolean\n  },\n  isRoot = false\n) {\n  const { themeManager, className, theme, isNewTheme } = themeState\n  const { shallow, forceClassName } = options\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    // console.warn(`re-render Theme`)\n\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 && !options.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    shouldRenderChildrenWithTheme,\n    themeManager,\n    children,\n    theme,\n    isNewTheme,\n    className,\n  ])\n}\n"],
+  "mappings": "AA4BU,cAAAA,EACE,QAAAC,MADF,oBA5BV,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,uBAGpD,SAASC,EAAMC,EAAmB,CATzC,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAWE,GAAIL,EAAM,QACR,OAAOA,EAAM,SAGf,MAAMM,EAAS,CAAC,CAACN,EAAM,QACjBO,EAAaT,EAAqBE,EAAOM,CAAM,EAErD,IAAIE,EAAWR,EAAM,gBAAgB,EACjCT,EAAS,IAAIS,EAAM,SAAWS,GAC5BjB,EAAaiB,EAAO,CAAE,CAAC,gBAAgB,EAAG,EAAK,CAAC,CAClD,EACAT,EAAM,SAEV,OAAI,QAAQ,IAAI,WAAa,eACvBA,EAAM,QAAa,cACrBQ,EACEnB,EAAC,OAAI,MAAO,CAAE,QAAS,SAAU,OAAQ,gBAAiB,EACxD,UAAAD,EAAC,QACC,SAAAC,EAAC,OAAI,0BAEF,KAAK,UAAU,CACd,MAAMY,EAAAM,EAAW,eAAX,YAAAN,EAAyB,MAAM,KACrC,QAAQC,EAAAK,EAAW,eAAX,YAAAL,EAAyB,MAAM,WACvC,IAAIC,EAAAI,EAAW,eAAX,YAAAJ,EAAyB,GAC7B,UAAUE,GAAAD,EAAAG,EAAW,eAAX,YAAAH,EAAyB,gBAAzB,YAAAC,EAAwC,GAClD,MAAOE,EAAW,UACpB,CAAC,GACH,EACF,EACCC,GACH,GAKCE,EAAkBH,EAAYC,EAAUR,EAAOM,CAAM,CAC9D,CAEO,SAASI,EACdH,EACAC,EACAG,EAKAL,EAAS,GACT,CACA,KAAM,CAAE,aAAAM,EAAc,UAAAC,EAAW,MAAAC,EAAO,WAAAC,CAAW,EAAIR,EACjD,CAAE,QAAAS,EAAS,eAAAC,CAAe,EAAIN,EAC9BO,EAAgBrB,EAAa,EAAK,EACpCkB,IACFG,EAAc,QAAU,IAG1B,MAAMC,EACJJ,GAAcG,EAAc,SAAWD,GAAkBX,EAE3D,OAAOZ,EAAQ,IAAM,CAGnB,GAAI,CAACyB,EACH,OAAOX,EAIT,IAAIY,EAAO7B,EAAS,QAAQiB,CAAQ,EAGhCQ,GAAWJ,IACbQ,EAAOA,EAAK,IAAKX,GACRhB,EAAegB,CAAK,EACvBjB,EACEiB,EACA,OACArB,EAACW,EAAA,CAAM,KAAMa,EAAa,MAAM,WAC5B,SAAAH,EAAc,MAAM,SACxB,CACF,EACAA,CACL,GAGH,MAAMY,EACJjC,EAACQ,EAAoB,SAApB,CAA6B,MAAOgB,EAClC,SAAAQ,EACH,EAGF,GAAIH,IAAmB,GACrB,OAAOI,EAGT,GAAI/B,GAAS,CAACqB,EAAQ,oBAAqB,CAGzC,MAAMW,EAAa,CACjB,MAFiBR,GAASC,EAAapB,EAAiBmB,EAAM,KAAK,EAAI,EAGzE,EAEA,OACE1B,EAAC,QAAK,UAAW,GAAGyB,GAAa,4BAA6B,MAAOS,EAClE,SAAAD,EACH,CAEJ,CAEA,OAAOA,CACT,EAAG,CACDF,EACAP,EACAJ,EACAM,EACAC,EACAF,CACF,CAAC,CACH",
+  "names": ["jsx", "jsxs", "isWeb", "Children", "cloneElement", "isValidElement", "useMemo", "variableToString", "ThemeManagerContext", "useServerRef", "useChangeThemeEffect", "Theme", "props", "_a", "_b", "_c", "_d", "_e", "isRoot", "themeState", "children", "child", "useThemedChildren", "options", "themeManager", "className", "theme", "isNewTheme", "shallow", "forceClassName", "hasEverThemed", "shouldRenderChildrenWithTheme", "next", "wrapped", "colorStyle"]
 }

package/dist/esm/views/Theme.mjs

@@ -1,56 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { isWeb } from "@tamagui/constants";
-import { Children, cloneElement, isValidElement } from "react";
-import { variableToString } from "../createVariable.js";
-import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
-import { useServerRef } from "../hooks/useServerHooks.js";
-import { useChangeThemeEffect } from "../hooks/useTheme.js";
-function Theme(props) {
-  if (props.disable)
-    return props.children;
-  const isRoot = !!props["_isRoot"];
-  const themeState = useChangeThemeEffect(props, isRoot);
-  const children = props["data-themeable"] ? Children.map(
-    props.children,
-    (child) => cloneElement(child, { ["data-themeable"]: true })
-  ) : props.children;
-  return useThemedChildren(themeState, children, props, isRoot);
-}
-function useThemedChildren(themeState, children, options, isRoot = false) {
-  const { themeManager, isNewTheme, className, theme } = themeState;
-  const { shallow, forceClassName } = options;
-  const hasEverThemed = useServerRef(false);
-  if (isNewTheme) {
-    hasEverThemed.current = true;
-  }
-  if (isNewTheme || hasEverThemed.current || forceClassName || isRoot) {
-    let next = Children.toArray(children);
-    if (shallow && themeManager) {
-      next = next.map((child) => {
-        return isValidElement(child) ? cloneElement(
-          child,
-          void 0,
-          /* @__PURE__ */ jsx(Theme, { name: themeManager.state.parentName, children: child.props.children })
-        ) : child;
-      });
-    }
-    const wrapped = /* @__PURE__ */ jsx(ThemeManagerContext.Provider, { value: themeManager, children: next });
-    if (forceClassName === false) {
-      return wrapped;
-    }
-    if (isWeb && !options.passPropsToChildren) {
-      const themeColor = theme && isNewTheme ? variableToString(theme.color) : "";
-      const colorStyle = {
-        color: themeColor
-      };
-      return /* @__PURE__ */ jsx("span", { className: `${className || ""} _dsp_contents`, style: colorStyle, children: wrapped });
-    }
-    return wrapped;
-  }
-  return children;
-}
-export {
-  Theme,
-  useThemedChildren
-};
+import{jsx as d,jsxs as C}from"react/jsx-runtime";import{isWeb as b}from"@tamagui/constants";import{Children as T,cloneElement as g,isValidElement as v,useMemo as y}from"react";import{variableToString as M}from"../createVariable.js";import{ThemeManagerContext as E}from"../helpers/ThemeManagerContext.js";import{useServerRef as w}from"../hooks/useServerHooks.js";import{useChangeThemeEffect as P}from"../hooks/useTheme.js";function R(e){var r,m,o,n,l;if(e.disable)return e.children;const a=!!e._isRoot,t=P(e,a);let s=e["data-themeable"]?T.map(e.children,h=>g(h,{["data-themeable"]:!0})):e.children;return process.env.NODE_ENV==="development"&&e.debug==="visualize"&&(s=C("div",{style:{display:"inline",border:"1px solid #ccc"},children:[d("code",{children:C("pre",{children:["<Theme />\xA0",JSON.stringify({name:(r=t.themeManager)==null?void 0:r.state.name,parent:(m=t.themeManager)==null?void 0:m.state.parentName,id:(o=t.themeManager)==null?void 0:o.id,parentId:(l=(n=t.themeManager)==null?void 0:n.parentManager)==null?void 0:l.id,isNew:t.isNewTheme})]})}),s]})),x(t,s,e,a)}function x(e,a,t,s=!1){const{themeManager:r,className:m,theme:o,isNewTheme:n}=e,{shallow:l,forceClassName:h}=t,u=w(!1);n&&(u.current=!0);const p=n||u.current||h||s;return y(()=>{if(!p)return a;let c=T.toArray(a);l&&r&&(c=c.map(i=>v(i)?g(i,void 0,d(R,{name:r.state.parentName,children:i.props.children})):i));const f=d(E.Provider,{value:r,children:c});if(h===!1)return f;if(b&&!t.passPropsToChildren){const N={color:o&&n?M(o.color):""};return d("span",{className:`${m||""} _dsp_contents is_Theme`,style:N,children:f})}return f},[p,r,a,o,n,m])}export{R as Theme,x as useThemedChildren};
 //# sourceMappingURL=Theme.mjs.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Theme.tsx"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { Children, cloneElement, isValidElement } 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 { ThemeProps } from '../types.js'\n\nexport function Theme(props: ThemeProps) {\n  // @ts-expect-error only for internal views\n  if (props.disable) return props.children\n  const isRoot = !!props['_isRoot']\n  const themeState = useChangeThemeEffect(props, isRoot)\n  const children = props['data-themeable']\n    ? Children.map(props.children, (child) =>\n        cloneElement(child, { ['data-themeable']: true })\n      )\n    : props.children\n\n  return useThemedChildren(themeState, children, props, isRoot)\n}\n\nexport function useThemedChildren(\n  themeState: ChangedThemeResponse,\n  children: any,\n  options: {\n    forceClassName?: boolean\n    shallow?: boolean\n    passPropsToChildren?: boolean\n  },\n  isRoot = false\n) {\n  const { themeManager, isNewTheme, className, theme } = themeState\n  const { shallow, forceClassName } = options\n  const hasEverThemed = useServerRef(false)\n  if (isNewTheme) {\n    hasEverThemed.current = true\n  }\n\n  if (isNewTheme || hasEverThemed.current || forceClassName || isRoot) {\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    // tried this but themes css doesn't fully like it\n    // if (shouldAttachClassName && options.passPropsToChildren) {\n    //   next = next.map((child: any) => {\n    //     const childStyle = child.props?.style\n    //     console.log('pass it down', className, child.props.className || '')\n    //     const newProps = {\n    //       className: (child.props.className || '') + ' ' + className,\n    //       style: Array.isArray(childStyle)\n    //         ? [colorStyle, ...childStyle]\n    //         : {\n    //             ...colorStyle,\n    //             ...childStyle,\n    //           },\n    //     }\n    //     return isValidElement(child) ? cloneElement(child as any, newProps) : 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 && !options.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`} style={colorStyle}>\n          {wrapped}\n        </span>\n      )\n    }\n\n    return wrapped\n  }\n\n  return children\n}\n"],
-  "mappings": "AAmDc;AAnDd,SAAS,aAAa;AACtB,SAAS,UAAU,cAAc,sBAAsB;AAEvD,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,SAA+B,4BAA4B;AAGpD,SAAS,MAAM,OAAmB;AAEvC,MAAI,MAAM;AAAS,WAAO,MAAM;AAChC,QAAM,SAAS,CAAC,CAAC,MAAM,SAAS;AAChC,QAAM,aAAa,qBAAqB,OAAO,MAAM;AACrD,QAAM,WAAW,MAAM,gBAAgB,IACnC,SAAS;AAAA,IAAI,MAAM;AAAA,IAAU,CAAC,UAC5B,aAAa,OAAO,EAAE,CAAC,gBAAgB,GAAG,KAAK,CAAC;AAAA,EAClD,IACA,MAAM;AAEV,SAAO,kBAAkB,YAAY,UAAU,OAAO,MAAM;AAC9D;AAEO,SAAS,kBACd,YACA,UACA,SAKA,SAAS,OACT;AACA,QAAM,EAAE,cAAc,YAAY,WAAW,MAAM,IAAI;AACvD,QAAM,EAAE,SAAS,eAAe,IAAI;AACpC,QAAM,gBAAgB,aAAa,KAAK;AACxC,MAAI,YAAY;AACd,kBAAc,UAAU;AAAA,EAC1B;AAEA,MAAI,cAAc,cAAc,WAAW,kBAAkB,QAAQ;AAEnE,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;AAoBA,UAAM,UACJ,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,cAClC,gBACH;AAGF,QAAI,mBAAmB,OAAO;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,SAAS,CAAC,QAAQ,qBAAqB;AAEzC,YAAM,aAAa,SAAS,aAAa,iBAAiB,MAAM,KAAK,IAAI;AACzE,YAAM,aAAa;AAAA,QACjB,OAAO;AAAA,MACT;AAEA,aACE,oBAAC,UAAK,WAAW,GAAG,aAAa,oBAAoB,OAAO,YACzD,mBACH;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
-  "names": []
+  "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 { ThemeProps } from '../types.js'\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        <div style={{ display: 'inline', border: '1px solid #ccc' }}>\n          <code>\n            <pre>\n              &lt;Theme /&gt;&nbsp;\n              {JSON.stringify({\n                name: themeState.themeManager?.state.name,\n                parent: themeState.themeManager?.state.parentName,\n                id: themeState.themeManager?.id,\n                parentId: themeState.themeManager?.parentManager?.id,\n                isNew: themeState.isNewTheme,\n              })}\n            </pre>\n          </code>\n          {children}\n        </div>\n      )\n    }\n  }\n\n  return useThemedChildren(themeState, children, props, isRoot)\n}\n\nexport function useThemedChildren(\n  themeState: ChangedThemeResponse,\n  children: any,\n  options: {\n    forceClassName?: boolean\n    shallow?: boolean\n    passPropsToChildren?: boolean\n  },\n  isRoot = false\n) {\n  const { themeManager, className, theme, isNewTheme } = themeState\n  const { shallow, forceClassName } = options\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    // console.warn(`re-render Theme`)\n\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 && !options.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    shouldRenderChildrenWithTheme,\n    themeManager,\n    children,\n    theme,\n    isNewTheme,\n    className,\n  ])\n}\n"],
+  "mappings": "AA4BU,cAAAA,EACE,QAAAC,MADF,oBA5BV,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,uBAGpD,SAASC,EAAMC,EAAmB,CATzC,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAWE,GAAIL,EAAM,QACR,OAAOA,EAAM,SAGf,MAAMM,EAAS,CAAC,CAACN,EAAM,QACjBO,EAAaT,EAAqBE,EAAOM,CAAM,EAErD,IAAIE,EAAWR,EAAM,gBAAgB,EACjCT,EAAS,IAAIS,EAAM,SAAWS,GAC5BjB,EAAaiB,EAAO,CAAE,CAAC,gBAAgB,EAAG,EAAK,CAAC,CAClD,EACAT,EAAM,SAEV,OAAI,QAAQ,IAAI,WAAa,eACvBA,EAAM,QAAa,cACrBQ,EACEnB,EAAC,OAAI,MAAO,CAAE,QAAS,SAAU,OAAQ,gBAAiB,EACxD,UAAAD,EAAC,QACC,SAAAC,EAAC,OAAI,0BAEF,KAAK,UAAU,CACd,MAAMY,EAAAM,EAAW,eAAX,YAAAN,EAAyB,MAAM,KACrC,QAAQC,EAAAK,EAAW,eAAX,YAAAL,EAAyB,MAAM,WACvC,IAAIC,EAAAI,EAAW,eAAX,YAAAJ,EAAyB,GAC7B,UAAUE,GAAAD,EAAAG,EAAW,eAAX,YAAAH,EAAyB,gBAAzB,YAAAC,EAAwC,GAClD,MAAOE,EAAW,UACpB,CAAC,GACH,EACF,EACCC,GACH,GAKCE,EAAkBH,EAAYC,EAAUR,EAAOM,CAAM,CAC9D,CAEO,SAASI,EACdH,EACAC,EACAG,EAKAL,EAAS,GACT,CACA,KAAM,CAAE,aAAAM,EAAc,UAAAC,EAAW,MAAAC,EAAO,WAAAC,CAAW,EAAIR,EACjD,CAAE,QAAAS,EAAS,eAAAC,CAAe,EAAIN,EAC9BO,EAAgBrB,EAAa,EAAK,EACpCkB,IACFG,EAAc,QAAU,IAG1B,MAAMC,EACJJ,GAAcG,EAAc,SAAWD,GAAkBX,EAE3D,OAAOZ,EAAQ,IAAM,CAGnB,GAAI,CAACyB,EACH,OAAOX,EAIT,IAAIY,EAAO7B,EAAS,QAAQiB,CAAQ,EAGhCQ,GAAWJ,IACbQ,EAAOA,EAAK,IAAKX,GACRhB,EAAegB,CAAK,EACvBjB,EACEiB,EACA,OACArB,EAACW,EAAA,CAAM,KAAMa,EAAa,MAAM,WAC5B,SAAAH,EAAc,MAAM,SACxB,CACF,EACAA,CACL,GAGH,MAAMY,EACJjC,EAACQ,EAAoB,SAApB,CAA6B,MAAOgB,EAClC,SAAAQ,EACH,EAGF,GAAIH,IAAmB,GACrB,OAAOI,EAGT,GAAI/B,GAAS,CAACqB,EAAQ,oBAAqB,CAGzC,MAAMW,EAAa,CACjB,MAFiBR,GAASC,EAAapB,EAAiBmB,EAAM,KAAK,EAAI,EAGzE,EAEA,OACE1B,EAAC,QAAK,UAAW,GAAGyB,GAAa,4BAA6B,MAAOS,EAClE,SAAAD,EACH,CAEJ,CAEA,OAAOA,CACT,EAAG,CACDF,EACAP,EACAJ,EACAM,EACAC,EACAF,CACF,CAAC,CACH",
+  "names": ["jsx", "jsxs", "isWeb", "Children", "cloneElement", "isValidElement", "useMemo", "variableToString", "ThemeManagerContext", "useServerRef", "useChangeThemeEffect", "Theme", "props", "_a", "_b", "_c", "_d", "_e", "isRoot", "themeState", "children", "child", "useThemedChildren", "options", "themeManager", "className", "theme", "isNewTheme", "shallow", "forceClassName", "hasEverThemed", "shouldRenderChildrenWithTheme", "next", "wrapped", "colorStyle"]
 }

package/dist/esm/views/ThemeProvider.js

@@ -1,45 +1,2 @@
-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
-};
+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};
 //# 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;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": []
+  "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"]
 }