@tamagui/web 1.103.1 → 1.103.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28,15 +28,14 @@ function TamaguiProvider({
28
28
  reset,
29
29
  themeClassNameOnRoot
30
30
  }) {
31
- (0, import_useMedia.setupMediaListeners)(), import_constants.isClient && ((0, import_useDidHydrateOnce.useDidHydrateOnceRoot)(), (0, import_constants.useIsomorphicLayoutEffect)(() => {
31
+ return (0, import_useMedia.setupMediaListeners)(), import_constants.isClient && ((0, import_useDidHydrateOnce.useDidHydrateOnceRoot)(), (0, import_constants.useIsomorphicLayoutEffect)(() => {
32
32
  if (config && !disableInjectCSS) {
33
33
  const style = document.createElement("style");
34
34
  return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), () => {
35
35
  document.head.removeChild(style);
36
36
  };
37
37
  }
38
- }, [config, disableInjectCSS]));
39
- const contents = (0, import_react.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: config?.animations, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
38
+ }, [config, disableInjectCSS])), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: config?.animations, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
40
39
  import_ThemeProvider.ThemeProvider,
41
40
  {
42
41
  themeClassNameOnRoot: themeClassNameOnRoot ?? config?.themeClassNameOnRoot,
@@ -46,8 +45,7 @@ function TamaguiProvider({
46
45
  className,
47
46
  children
48
47
  }
49
- ) }), []);
50
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, { children: contents });
48
+ ) }) });
51
49
  }
52
50
  function UnmountedClassName(props) {
53
51
  const [mounted, setMounted] = (0, import_react.useState)(!1);
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/TamaguiProvider.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA2D,+BAC3D,eAA6C,kBAC7C,0BAAiC,yCACjC,2BAAsC,uCACtC,kBAAoC,8BAEpC,uBAA8B,4BAkCtB;AAhCD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,2CAAoB,GAEhB,kCAEF,gDAAsB,OAEtB,4CAA0B,MAAM;AAC9B,QAAK,UACD,CAAC,kBAAkB;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,mBAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC,GAC1D,SAAS,KAAK,YAAY,KAAK,GACxB,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC;AAG/B,QAAM,eAAW,sBAAQ,MAErB,4CAAC,yCAAiB,UAAjB,EAA0B,iBAAiB,QAAQ,YAClD;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,wBAAwB,QAAQ;AAAA,MACtD,uBAAuB,yBAAyB,QAAQ;AAAA,MACxD,cAAc,iBAAiB,SAAS,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,IAAI;AAAA,MACxE;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,GACF,GAED,CAAC,CAAC;AAEL,SAAO,4CAAC,sBAAoB,oBAAS;AACvC;AAGA,SAAS,mBAAmB,OAAsC;AAChE,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAK;AAM5C,aAJA,wBAAU,MAAM;AACd,eAAW,EAAI;AAAA,EACjB,GAAG,CAAC,CAAC,GAEA,yBAIE,4CAAC,UAAK,WAAW,UAAU,KAAK,eAAgB,gBAAM,UAAS,IAH7D,MAAM;AAIjB;AAEA,gBAAgB,cAAiB;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA2D,+BAC3D,eAAoC,kBACpC,0BAAiC,yCACjC,2BAAsC,uCACtC,kBAAoC,8BAEpC,uBAA8B,4BAkCtB;AAhCD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,kDAAoB,GAEhB,kCAEF,gDAAsB,OAEtB,4CAA0B,MAAM;AAC9B,QAAK,UACD,CAAC,kBAAkB;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,mBAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC,GAC1D,SAAS,KAAK,YAAY,KAAK,GACxB,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC,IAI7B,4CAAC,sBACC,sDAAC,yCAAiB,UAAjB,EAA0B,iBAAiB,QAAQ,YAClD;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,wBAAwB,QAAQ;AAAA,MACtD,uBAAuB,yBAAyB,QAAQ;AAAA,MACxD,cAAc,iBAAiB,SAAS,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,IAAI;AAAA,MACxE;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,GACF,GACF;AAEJ;AAGA,SAAS,mBAAmB,OAAsC;AAChE,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAK;AAM5C,aAJA,wBAAU,MAAM;AACd,eAAW,EAAI;AAAA,EACjB,GAAG,CAAC,CAAC,GAEA,yBAIE,4CAAC,UAAK,WAAW,UAAU,KAAK,eAAgB,gBAAM,UAAS,IAH7D,MAAM;AAIjB;AAEA,gBAAgB,cAAiB;",
5
5
  "names": []
6
6
  }
@@ -62,7 +62,7 @@ function _unsupported_iterable_to_array(o, minLen) {
62
62
  }
63
63
  function TamaguiProvider(param) {
64
64
  var children = param.children, disableInjectCSS = param.disableInjectCSS, config = param.config, className = param.className, defaultTheme = param.defaultTheme, disableRootThemeClass = param.disableRootThemeClass, reset = param.reset, themeClassNameOnRoot = param.themeClassNameOnRoot;
65
- (0, import_useMedia.setupMediaListeners)(), import_constants.isClient && ((0, import_useDidHydrateOnce.useDidHydrateOnceRoot)(), (0, import_constants.useIsomorphicLayoutEffect)(function() {
65
+ return (0, import_useMedia.setupMediaListeners)(), import_constants.isClient && ((0, import_useDidHydrateOnce.useDidHydrateOnceRoot)(), (0, import_constants.useIsomorphicLayoutEffect)(function() {
66
66
  if (config && !disableInjectCSS) {
67
67
  var style = document.createElement("style");
68
68
  return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -72,9 +72,8 @@ function TamaguiProvider(param) {
72
72
  }, [
73
73
  config,
74
74
  disableInjectCSS
75
- ]));
76
- var contents = (0, import_react.useMemo)(function() {
77
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
75
+ ])), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, {
76
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
78
77
  animationDriver: config == null ? void 0 : config.animations,
79
78
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeProvider.ThemeProvider, {
80
79
  themeClassNameOnRoot: themeClassNameOnRoot ?? (config == null ? void 0 : config.themeClassNameOnRoot),
@@ -84,10 +83,7 @@ function TamaguiProvider(param) {
84
83
  className,
85
84
  children
86
85
  })
87
- });
88
- }, []);
89
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, {
90
- children: contents
86
+ })
91
87
  });
92
88
  }
93
89
  function UnmountedClassName(props) {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/Users/n8/tamagui/code/core/web/src/views/TamaguiProvider.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,mBAA2D,+BAC3D,eAA6C,kBAC7C,0BAAiC,yCACjC,2BAAsC,uCACtC,kBAAoC,8BAEpC,uBAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvB,SAASA,gBAAgB,OAST;MARrBC,WAD8B,MAC9BA,UACAC,mBAF8B,MAE9BA,kBACAC,SAH8B,MAG9BA,QACAC,YAJ8B,MAI9BA,WACAC,eAL8B,MAK9BA,cACAC,wBAN8B,MAM9BA,uBACAC,QAP8B,MAO9BA,OACAC,uBAR8B,MAQ9BA;AAEAC,2CAAAA,GAEIC,kCAEFC,gDAAAA,OAEAC,4CAA0B,WAAA;AACxB,QAAKT,UACD,CAACD,kBAAkB;AACrB,UAAMW,QAAQC,SAASC,cAAc,OAAA;AACrCF,mBAAMG,YAAYF,SAASG,eAAed,OAAOe,OAAM,CAAA,CAAA,GACvDJ,SAASK,KAAKH,YAAYH,KAAAA,GACnB,WAAA;AACLC,iBAASK,KAAKC,YAAYP,KAAAA;MAC5B;IACF;EACF,GAAG;IAACV;IAAQD;GAAiB;AAG/B,MAAMmB,eAAWC,sBAAQ,WAAA;AACvB,WACE,uCAAAC,KAACC,yCAAiBC,UAAQ;MAACC,iBAAiBvB,UAAAA,OAAAA,SAAAA,OAAQwB;gBAClD,uCAAAJ,KAACK,oCAAAA;QACCpB,sBAAsBA,yBAAwBL,UAAAA,OAAAA,SAAAA,OAAQK;QACtDF,uBAAuBA,0BAAyBH,UAAAA,OAAAA,SAAAA,OAAQG;QACxDD,cAAcA,iBAAiBF,SAAS0B,OAAOC,KAAK3B,OAAO4B,MAAM,EAAE,CAAA,IAAK;QACxExB;QACAH;;;;EAMR,GAAG,CAAA,CAAE;AAEL,SAAO,uCAAAmB,KAACS,oBAAAA;cAAoBX;;AAC9B;AAGA,SAASW,mBAAmBC,OAAoC;AAC9D,MAA8BC,YAAAA,qBAAAA,uBAAS,EAAA,GAAA,CAAA,GAAhCC,UAAuBD,UAAAA,CAAAA,GAAdE,aAAcF,UAAAA,CAAAA;AAM9B,aAJAG,wBAAU,WAAA;AACRD,eAAW,EAAA;EACb,GAAG,CAAA,CAAE,GAEAE,yBAIE,uCAAAf,KAACgB,QAAAA;IAAKnC,WAAW+B,UAAU,KAAK;cAAgBF,MAAMhC;OAHpDgC,MAAMhC;AAIjB;AAEAD,gBAAgB,cAAiB;",
5
- "names": ["TamaguiProvider", "children", "disableInjectCSS", "config", "className", "defaultTheme", "disableRootThemeClass", "reset", "themeClassNameOnRoot", "setupMediaListeners", "isClient", "useDidHydrateOnceRoot", "useIsomorphicLayoutEffect", "style", "document", "createElement", "appendChild", "createTextNode", "getCSS", "head", "removeChild", "contents", "useMemo", "_jsx", "ComponentContext", "Provider", "animationDriver", "animations", "ThemeProvider", "Object", "keys", "themes", "UnmountedClassName", "props", "useState", "mounted", "setMounted", "useEffect", "isWeb", "span"]
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,mBAA2D,+BAC3D,eAAoC,kBACpC,0BAAiC,yCACjC,2BAAsC,uCACtC,kBAAoC,8BAEpC,uBAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvB,SAASA,gBAAgB,OAST;MARrBC,WAD8B,MAC9BA,UACAC,mBAF8B,MAE9BA,kBACAC,SAH8B,MAG9BA,QACAC,YAJ8B,MAI9BA,WACAC,eAL8B,MAK9BA,cACAC,wBAN8B,MAM9BA,uBACAC,QAP8B,MAO9BA,OACAC,uBAR8B,MAQ9BA;AAEAC,kDAAAA,GAEIC,kCAEFC,gDAAAA,OAEAC,4CAA0B,WAAA;AACxB,QAAKT,UACD,CAACD,kBAAkB;AACrB,UAAMW,QAAQC,SAASC,cAAc,OAAA;AACrCF,mBAAMG,YAAYF,SAASG,eAAed,OAAOe,OAAM,CAAA,CAAA,GACvDJ,SAASK,KAAKH,YAAYH,KAAAA,GACnB,WAAA;AACLC,iBAASK,KAAKC,YAAYP,KAAAA;MAC5B;IACF;EACF,GAAG;IAACV;IAAQD;GAAiB,IAI7B,uCAAAmB,KAACC,oBAAAA;cACC,uCAAAD,KAACE,yCAAiBC,UAAQ;MAACC,iBAAiBtB,UAAAA,OAAAA,SAAAA,OAAQuB;gBAClD,uCAAAL,KAACM,oCAAAA;QACCnB,sBAAsBA,yBAAwBL,UAAAA,OAAAA,SAAAA,OAAQK;QACtDF,uBAAuBA,0BAAyBH,UAAAA,OAAAA,SAAAA,OAAQG;QACxDD,cAAcA,iBAAiBF,SAASyB,OAAOC,KAAK1B,OAAO2B,MAAM,EAAE,CAAA,IAAK;QACxEvB;QACAH;;;;;AAOV;AAGA,SAASkB,mBAAmBS,OAAoC;AAC9D,MAA8BC,YAAAA,qBAAAA,uBAAS,EAAA,GAAA,CAAA,GAAhCC,UAAuBD,UAAAA,CAAAA,GAAdE,aAAcF,UAAAA,CAAAA;AAM9B,aAJAG,wBAAU,WAAA;AACRD,eAAW,EAAA;EACb,GAAG,CAAA,CAAE,GAEAE,yBAIE,uCAAAf,KAACgB,QAAAA;IAAKjC,WAAW6B,UAAU,KAAK;cAAgBF,MAAM9B;OAHpD8B,MAAM9B;AAIjB;AAEAD,gBAAgB,cAAiB;",
5
+ "names": ["TamaguiProvider", "children", "disableInjectCSS", "config", "className", "defaultTheme", "disableRootThemeClass", "reset", "themeClassNameOnRoot", "setupMediaListeners", "isClient", "useDidHydrateOnceRoot", "useIsomorphicLayoutEffect", "style", "document", "createElement", "appendChild", "createTextNode", "getCSS", "head", "removeChild", "_jsx", "UnmountedClassName", "ComponentContext", "Provider", "animationDriver", "animations", "ThemeProvider", "Object", "keys", "themes", "props", "useState", "mounted", "setMounted", "useEffect", "isWeb", "span"]
6
6
  }
@@ -24,7 +24,7 @@ const ellipseStyle = {
24
24
  textOverflow: "ellipsis",
25
25
  whiteSpace: "nowrap"
26
26
  }, defaultWebStyle = {
27
- display: "inline-block",
27
+ display: "inline",
28
28
  // display: inline breaks css transform styles
29
29
  boxSizing: "border-box",
30
30
  wordWrap: "break-word",
@@ -1,5 +1,5 @@
1
1
  import { isClient, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
2
- import { useState, useMemo, useEffect } from "react";
2
+ import { useEffect, useState } from "react";
3
3
  import { ComponentContext } from "../contexts/ComponentContext";
4
4
  import { useDidHydrateOnceRoot } from "../hooks/useDidHydrateOnce";
5
5
  import { setupMediaListeners } from "../hooks/useMedia";
@@ -15,15 +15,14 @@ function TamaguiProvider({
15
15
  reset,
16
16
  themeClassNameOnRoot
17
17
  }) {
18
- setupMediaListeners(), isClient && (useDidHydrateOnceRoot(), useIsomorphicLayoutEffect(() => {
18
+ return setupMediaListeners(), isClient && (useDidHydrateOnceRoot(), useIsomorphicLayoutEffect(() => {
19
19
  if (config && !disableInjectCSS) {
20
20
  const style = document.createElement("style");
21
21
  return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), () => {
22
22
  document.head.removeChild(style);
23
23
  };
24
24
  }
25
- }, [config, disableInjectCSS]));
26
- const contents = useMemo(() => /* @__PURE__ */ jsx(ComponentContext.Provider, { animationDriver: config?.animations, children: /* @__PURE__ */ jsx(
25
+ }, [config, disableInjectCSS])), /* @__PURE__ */ jsx(UnmountedClassName, { children: /* @__PURE__ */ jsx(ComponentContext.Provider, { animationDriver: config?.animations, children: /* @__PURE__ */ jsx(
27
26
  ThemeProvider,
28
27
  {
29
28
  themeClassNameOnRoot: themeClassNameOnRoot ?? config?.themeClassNameOnRoot,
@@ -33,8 +32,7 @@ function TamaguiProvider({
33
32
  className,
34
33
  children
35
34
  }
36
- ) }), []);
37
- return /* @__PURE__ */ jsx(UnmountedClassName, { children: contents });
35
+ ) }) });
38
36
  }
39
37
  function UnmountedClassName(props) {
40
38
  const [mounted, setMounted] = useState(!1);
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/TamaguiProvider.tsx"],
4
- "mappings": "AAAA,SAAS,UAAU,OAAO,iCAAiC;AAC3D,SAAS,UAAU,SAAS,iBAAiB;AAC7C,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AAEpC,SAAS,qBAAqB;AAkCtB;AAhCD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,sBAAoB,GAEhB,aAEF,sBAAsB,GAEtB,0BAA0B,MAAM;AAC9B,QAAK,UACD,CAAC,kBAAkB;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,mBAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC,GAC1D,SAAS,KAAK,YAAY,KAAK,GACxB,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC;AAG/B,QAAM,WAAW,QAAQ,MAErB,oBAAC,iBAAiB,UAAjB,EAA0B,iBAAiB,QAAQ,YAClD;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,wBAAwB,QAAQ;AAAA,MACtD,uBAAuB,yBAAyB,QAAQ;AAAA,MACxD,cAAc,iBAAiB,SAAS,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,IAAI;AAAA,MACxE;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,GACF,GAED,CAAC,CAAC;AAEL,SAAO,oBAAC,sBAAoB,oBAAS;AACvC;AAGA,SAAS,mBAAmB,OAAsC;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,EAAK;AAM5C,SAJA,UAAU,MAAM;AACd,eAAW,EAAI;AAAA,EACjB,GAAG,CAAC,CAAC,GAEA,QAIE,oBAAC,UAAK,WAAW,UAAU,KAAK,eAAgB,gBAAM,UAAS,IAH7D,MAAM;AAIjB;AAEA,gBAAgB,cAAiB;",
4
+ "mappings": "AAAA,SAAS,UAAU,OAAO,iCAAiC;AAC3D,SAAS,WAAW,gBAAgB;AACpC,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AAEpC,SAAS,qBAAqB;AAkCtB;AAhCD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,6BAAoB,GAEhB,aAEF,sBAAsB,GAEtB,0BAA0B,MAAM;AAC9B,QAAK,UACD,CAAC,kBAAkB;AACrB,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,mBAAM,YAAY,SAAS,eAAe,OAAO,OAAO,CAAC,CAAC,GAC1D,SAAS,KAAK,YAAY,KAAK,GACxB,MAAM;AACX,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,gBAAgB,CAAC,IAI7B,oBAAC,sBACC,8BAAC,iBAAiB,UAAjB,EAA0B,iBAAiB,QAAQ,YAClD;AAAA,IAAC;AAAA;AAAA,MACC,sBAAsB,wBAAwB,QAAQ;AAAA,MACtD,uBAAuB,yBAAyB,QAAQ;AAAA,MACxD,cAAc,iBAAiB,SAAS,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,IAAI;AAAA,MACxE;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH,GACF,GACF;AAEJ;AAGA,SAAS,mBAAmB,OAAsC;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,EAAK;AAM5C,SAJA,UAAU,MAAM;AACd,eAAW,EAAI;AAAA,EACjB,GAAG,CAAC,CAAC,GAEA,QAIE,oBAAC,UAAK,WAAW,UAAU,KAAK,eAAgB,gBAAM,UAAS,IAH7D,MAAM;AAIjB;AAEA,gBAAgB,cAAiB;",
5
5
  "names": []
6
6
  }
@@ -1,5 +1,5 @@
1
1
  import { isClient, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
2
- import { useState, useMemo, useEffect } from "react";
2
+ import { useEffect, useState } from "react";
3
3
  import { ComponentContext } from "../contexts/ComponentContext.mjs";
4
4
  import { useDidHydrateOnceRoot } from "../hooks/useDidHydrateOnce.mjs";
5
5
  import { setupMediaListeners } from "../hooks/useMedia.mjs";
@@ -15,27 +15,25 @@ function TamaguiProvider({
15
15
  reset,
16
16
  themeClassNameOnRoot
17
17
  }) {
18
- setupMediaListeners(), isClient && (useDidHydrateOnceRoot(), useIsomorphicLayoutEffect(() => {
18
+ return setupMediaListeners(), isClient && (useDidHydrateOnceRoot(), useIsomorphicLayoutEffect(() => {
19
19
  if (config && !disableInjectCSS) {
20
20
  const style = document.createElement("style");
21
21
  return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), () => {
22
22
  document.head.removeChild(style);
23
23
  };
24
24
  }
25
- }, [config, disableInjectCSS]));
26
- const contents = useMemo(() => /* @__PURE__ */jsx(ComponentContext.Provider, {
27
- animationDriver: config?.animations,
28
- children: /* @__PURE__ */jsx(ThemeProvider, {
29
- themeClassNameOnRoot: themeClassNameOnRoot ?? config?.themeClassNameOnRoot,
30
- disableRootThemeClass: disableRootThemeClass ?? config?.disableRootThemeClass,
31
- defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
32
- reset,
33
- className,
34
- children
25
+ }, [config, disableInjectCSS])), /* @__PURE__ */jsx(UnmountedClassName, {
26
+ children: /* @__PURE__ */jsx(ComponentContext.Provider, {
27
+ animationDriver: config?.animations,
28
+ children: /* @__PURE__ */jsx(ThemeProvider, {
29
+ themeClassNameOnRoot: themeClassNameOnRoot ?? config?.themeClassNameOnRoot,
30
+ disableRootThemeClass: disableRootThemeClass ?? config?.disableRootThemeClass,
31
+ defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
32
+ reset,
33
+ className,
34
+ children
35
+ })
35
36
  })
36
- }), []);
37
- return /* @__PURE__ */jsx(UnmountedClassName, {
38
- children: contents
39
37
  });
40
38
  }
41
39
  function UnmountedClassName(props) {
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { isClient, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
3
- import { useState, useMemo, useEffect } from "react";
3
+ import { useEffect, useState } from "react";
4
4
  import { ComponentContext } from "../contexts/ComponentContext";
5
5
  import { useDidHydrateOnceRoot } from "../hooks/useDidHydrateOnce";
6
6
  import { setupMediaListeners } from "../hooks/useMedia";
@@ -48,7 +48,7 @@ function _unsupported_iterable_to_array(o, minLen) {
48
48
  }
49
49
  function TamaguiProvider(param) {
50
50
  var children = param.children, disableInjectCSS = param.disableInjectCSS, config = param.config, className = param.className, defaultTheme = param.defaultTheme, disableRootThemeClass = param.disableRootThemeClass, reset = param.reset, themeClassNameOnRoot = param.themeClassNameOnRoot;
51
- setupMediaListeners(), isClient && (useDidHydrateOnceRoot(), useIsomorphicLayoutEffect(function() {
51
+ return setupMediaListeners(), isClient && (useDidHydrateOnceRoot(), useIsomorphicLayoutEffect(function() {
52
52
  if (config && !disableInjectCSS) {
53
53
  var style = document.createElement("style");
54
54
  return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -58,9 +58,8 @@ function TamaguiProvider(param) {
58
58
  }, [
59
59
  config,
60
60
  disableInjectCSS
61
- ]));
62
- var contents = useMemo(function() {
63
- return /* @__PURE__ */ _jsx(ComponentContext.Provider, {
61
+ ])), /* @__PURE__ */ _jsx(UnmountedClassName, {
62
+ children: /* @__PURE__ */ _jsx(ComponentContext.Provider, {
64
63
  animationDriver: config == null ? void 0 : config.animations,
65
64
  children: /* @__PURE__ */ _jsx(ThemeProvider, {
66
65
  themeClassNameOnRoot: themeClassNameOnRoot ?? (config == null ? void 0 : config.themeClassNameOnRoot),
@@ -70,10 +69,7 @@ function TamaguiProvider(param) {
70
69
  className,
71
70
  children
72
71
  })
73
- });
74
- }, []);
75
- return /* @__PURE__ */ _jsx(UnmountedClassName, {
76
- children: contents
72
+ })
77
73
  });
78
74
  }
79
75
  function UnmountedClassName(props) {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/Users/n8/tamagui/code/core/web/src/views/TamaguiProvider.tsx"],
4
- "mappings": ";AAAA,SAASA,UAAUC,OAAOC,iCAAiC;AAC3D,SAASC,UAAUC,SAASC,iBAAiB;AAC7C,SAASC,wBAAwB;AACjC,SAASC,6BAA6B;AACtC,SAASC,2BAA2B;AAEpC,SAASC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvB,SAASC,gBAAgB,OAST;MARrBC,WAD8B,MAC9BA,UACAC,mBAF8B,MAE9BA,kBACAC,SAH8B,MAG9BA,QACAC,YAJ8B,MAI9BA,WACAC,eAL8B,MAK9BA,cACAC,wBAN8B,MAM9BA,uBACAC,QAP8B,MAO9BA,OACAC,uBAR8B,MAQ9BA;AAEAV,sBAAAA,GAEIR,aAEFO,sBAAAA,GAEAL,0BAA0B,WAAA;AACxB,QAAKW,UACD,CAACD,kBAAkB;AACrB,UAAMO,QAAQC,SAASC,cAAc,OAAA;AACrCF,mBAAMG,YAAYF,SAASG,eAAeV,OAAOW,OAAM,CAAA,CAAA,GACvDJ,SAASK,KAAKH,YAAYH,KAAAA,GACnB,WAAA;AACLC,iBAASK,KAAKC,YAAYP,KAAAA;MAC5B;IACF;EACF,GAAG;IAACN;IAAQD;GAAiB;AAG/B,MAAMe,WAAWvB,QAAQ,WAAA;AACvB,WACE,qBAACE,iBAAiBsB,UAAQ;MAACC,iBAAiBhB,UAAAA,OAAAA,SAAAA,OAAQiB;gBAClD,qBAACrB,eAAAA;QACCS,sBAAsBA,yBAAwBL,UAAAA,OAAAA,SAAAA,OAAQK;QACtDF,uBAAuBA,0BAAyBH,UAAAA,OAAAA,SAAAA,OAAQG;QACxDD,cAAcA,iBAAiBF,SAASkB,OAAOC,KAAKnB,OAAOoB,MAAM,EAAE,CAAA,IAAK;QACxEhB;QACAH;;;;EAMR,GAAG,CAAA,CAAE;AAEL,SAAO,qBAACoB,oBAAAA;cAAoBP;;AAC9B;AAGA,SAASO,mBAAmBC,OAAoC;AAC9D,MAA8BhC,YAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAhCiC,UAAuBjC,UAAAA,CAAAA,GAAdkC,aAAclC,UAAAA,CAAAA;AAM9B,SAJAE,UAAU,WAAA;AACRgC,eAAW,EAAA;EACb,GAAG,CAAA,CAAE,GAEApC,QAIE,qBAACqC,QAAAA;IAAKxB,WAAWsB,UAAU,KAAK;cAAgBD,MAAMxB;OAHpDwB,MAAMxB;AAIjB;AAEAD,gBAAgB,cAAiB;",
5
- "names": ["isClient", "isWeb", "useIsomorphicLayoutEffect", "useState", "useMemo", "useEffect", "ComponentContext", "useDidHydrateOnceRoot", "setupMediaListeners", "ThemeProvider", "TamaguiProvider", "children", "disableInjectCSS", "config", "className", "defaultTheme", "disableRootThemeClass", "reset", "themeClassNameOnRoot", "style", "document", "createElement", "appendChild", "createTextNode", "getCSS", "head", "removeChild", "contents", "Provider", "animationDriver", "animations", "Object", "keys", "themes", "UnmountedClassName", "props", "mounted", "setMounted", "span"]
4
+ "mappings": ";AAAA,SAASA,UAAUC,OAAOC,iCAAiC;AAC3D,SAASC,WAAWC,gBAAgB;AACpC,SAASC,wBAAwB;AACjC,SAASC,6BAA6B;AACtC,SAASC,2BAA2B;AAEpC,SAASC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvB,SAASC,gBAAgB,OAST;MARrBC,WAD8B,MAC9BA,UACAC,mBAF8B,MAE9BA,kBACAC,SAH8B,MAG9BA,QACAC,YAJ8B,MAI9BA,WACAC,eAL8B,MAK9BA,cACAC,wBAN8B,MAM9BA,uBACAC,QAP8B,MAO9BA,OACAC,uBAR8B,MAQ9BA;AAEAV,6BAAAA,GAEIP,aAEFM,sBAAAA,GAEAJ,0BAA0B,WAAA;AACxB,QAAKU,UACD,CAACD,kBAAkB;AACrB,UAAMO,QAAQC,SAASC,cAAc,OAAA;AACrCF,mBAAMG,YAAYF,SAASG,eAAeV,OAAOW,OAAM,CAAA,CAAA,GACvDJ,SAASK,KAAKH,YAAYH,KAAAA,GACnB,WAAA;AACLC,iBAASK,KAAKC,YAAYP,KAAAA;MAC5B;IACF;EACF,GAAG;IAACN;IAAQD;GAAiB,IAI7B,qBAACe,oBAAAA;cACC,qBAACrB,iBAAiBsB,UAAQ;MAACC,iBAAiBhB,UAAAA,OAAAA,SAAAA,OAAQiB;gBAClD,qBAACrB,eAAAA;QACCS,sBAAsBA,yBAAwBL,UAAAA,OAAAA,SAAAA,OAAQK;QACtDF,uBAAuBA,0BAAyBH,UAAAA,OAAAA,SAAAA,OAAQG;QACxDD,cAAcA,iBAAiBF,SAASkB,OAAOC,KAAKnB,OAAOoB,MAAM,EAAE,CAAA,IAAK;QACxEhB;QACAH;;;;;AAOV;AAGA,SAASa,mBAAmBO,OAAoC;AAC9D,MAA8B7B,YAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAhC8B,UAAuB9B,UAAAA,CAAAA,GAAd+B,aAAc/B,UAAAA,CAAAA;AAM9B,SAJAD,UAAU,WAAA;AACRgC,eAAW,EAAA;EACb,GAAG,CAAA,CAAE,GAEAlC,QAIE,qBAACmC,QAAAA;IAAKvB,WAAWqB,UAAU,KAAK;cAAgBD,MAAMvB;OAHpDuB,MAAMvB;AAIjB;AAEAD,gBAAgB,cAAiB;",
5
+ "names": ["isClient", "isWeb", "useIsomorphicLayoutEffect", "useEffect", "useState", "ComponentContext", "useDidHydrateOnceRoot", "setupMediaListeners", "ThemeProvider", "TamaguiProvider", "children", "disableInjectCSS", "config", "className", "defaultTheme", "disableRootThemeClass", "reset", "themeClassNameOnRoot", "style", "document", "createElement", "appendChild", "createTextNode", "getCSS", "head", "removeChild", "UnmountedClassName", "Provider", "animationDriver", "animations", "Object", "keys", "themes", "props", "mounted", "setMounted", "span"]
6
6
  }
@@ -6,7 +6,7 @@ const ellipseStyle = {
6
6
  textOverflow: "ellipsis",
7
7
  whiteSpace: "nowrap"
8
8
  }, defaultWebStyle = {
9
- display: "inline-block",
9
+ display: "inline",
10
10
  // display: inline breaks css transform styles
11
11
  boxSizing: "border-box",
12
12
  wordWrap: "break-word",
@@ -7,7 +7,7 @@ const ellipseStyle = {
7
7
  whiteSpace: "nowrap"
8
8
  },
9
9
  defaultWebStyle = {
10
- display: "inline-block",
10
+ display: "inline",
11
11
  // display: inline breaks css transform styles
12
12
  boxSizing: "border-box",
13
13
  wordWrap: "break-word",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/web",
3
- "version": "1.103.1",
3
+ "version": "1.103.3",
4
4
  "source": "src/index.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -27,18 +27,18 @@
27
27
  "reset.css"
28
28
  ],
29
29
  "dependencies": {
30
- "@tamagui/compose-refs": "1.103.1",
31
- "@tamagui/constants": "1.103.1",
32
- "@tamagui/helpers": "1.103.1",
33
- "@tamagui/normalize-css-color": "1.103.1",
34
- "@tamagui/timer": "1.103.1",
35
- "@tamagui/types": "1.103.1",
36
- "@tamagui/use-did-finish-ssr": "1.103.1",
37
- "@tamagui/use-event": "1.103.1",
38
- "@tamagui/use-force-update": "1.103.1"
30
+ "@tamagui/compose-refs": "1.103.3",
31
+ "@tamagui/constants": "1.103.3",
32
+ "@tamagui/helpers": "1.103.3",
33
+ "@tamagui/normalize-css-color": "1.103.3",
34
+ "@tamagui/timer": "1.103.3",
35
+ "@tamagui/types": "1.103.3",
36
+ "@tamagui/use-did-finish-ssr": "1.103.3",
37
+ "@tamagui/use-event": "1.103.3",
38
+ "@tamagui/use-force-update": "1.103.3"
39
39
  },
40
40
  "devDependencies": {
41
- "@tamagui/build": "1.103.1",
41
+ "@tamagui/build": "1.103.3",
42
42
  "@testing-library/react": "^14.0.0",
43
43
  "csstype": "^3.0.10",
44
44
  "typescript": "^5.5.2",
@@ -1,5 +1,5 @@
1
1
  import { isClient, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
2
- import { useState, useMemo, useEffect } from 'react'
2
+ import { useEffect, useState } from 'react'
3
3
  import { ComponentContext } from '../contexts/ComponentContext'
4
4
  import { useDidHydrateOnceRoot } from '../hooks/useDidHydrateOnce'
5
5
  import { setupMediaListeners } from '../hooks/useMedia'
@@ -35,8 +35,8 @@ export function TamaguiProvider({
35
35
  }, [config, disableInjectCSS])
36
36
  }
37
37
 
38
- const contents = useMemo(() => {
39
- return (
38
+ return (
39
+ <UnmountedClassName>
40
40
  <ComponentContext.Provider animationDriver={config?.animations}>
41
41
  <ThemeProvider
42
42
  themeClassNameOnRoot={themeClassNameOnRoot ?? config?.themeClassNameOnRoot}
@@ -48,10 +48,8 @@ export function TamaguiProvider({
48
48
  {children}
49
49
  </ThemeProvider>
50
50
  </ComponentContext.Provider>
51
- )
52
- }, [])
53
-
54
- return <UnmountedClassName>{contents}</UnmountedClassName>
51
+ </UnmountedClassName>
52
+ )
55
53
  }
56
54
 
57
55
  // for CSS animations
@@ -18,7 +18,7 @@ const ellipseStyle = {
18
18
  export type Text = TamaguiTextElement
19
19
 
20
20
  const defaultWebStyle = {
21
- display: 'inline-block', // display: inline breaks css transform styles
21
+ display: 'inline', // display: inline breaks css transform styles
22
22
  boxSizing: 'border-box',
23
23
  wordWrap: 'break-word',
24
24
  whiteSpace: 'pre-wrap',
@@ -1 +1 @@
1
- {"version":3,"file":"TamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/views/TamaguiProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGpD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,qBAAqB,EACrB,KAAK,EACL,oBAAoB,GACrB,EAAE,oBAAoB,2CAqCtB;yBA9Ce,eAAe"}
1
+ {"version":3,"file":"TamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/views/TamaguiProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGpD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,YAAY,EACZ,qBAAqB,EACrB,KAAK,EACL,oBAAoB,GACrB,EAAE,oBAAoB,2CAmCtB;yBA5Ce,eAAe"}