@tamagui/react-native-web-lite 1.129.9 → 1.129.10

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.
Files changed (13) hide show
  1. package/dist/cjs/createElement/index.cjs +4 -4
  2. package/dist/cjs/createElement/index.js +4 -4
  3. package/dist/cjs/createElement/index.js.map +1 -1
  4. package/dist/cjs/createElement/index.native.js +4 -4
  5. package/dist/cjs/createElement/index.native.js.map +1 -1
  6. package/dist/esm/createElement/index.js +4 -4
  7. package/dist/esm/createElement/index.js.map +1 -1
  8. package/dist/esm/createElement/index.mjs +4 -4
  9. package/dist/esm/createElement/index.mjs.map +1 -1
  10. package/dist/esm/createElement/index.native.js +4 -4
  11. package/dist/esm/createElement/index.native.js.map +1 -1
  12. package/package.json +6 -6
  13. package/src/createElement/index.tsx +6 -2
package/dist/cjs/createElement/index.cjs CHANGED
@@ -45,7 +45,7 @@ const useCreateElement = (component, props, options) => {
45
45
  styles
46
46
  } = createElementAndStyles(component, props, options),
47
47
  isHydrated = (0, import_web.useDidFinishSSR)(),
48
- styleTags = (0, import_react.useMemo)(() => isHydrated || !styles ? null : (0, import_web.getStyleTags)(styles, element), [
48
+ styleTags = (0, import_react.useMemo)(() => isHydrated || !styles ? null : (0, import_web.getStyleTags)(styles), [
49
49
  // never changes
50
50
  ]);
51
51
  return (0, import_react.useInsertionEffect)(() => {
@@ -62,9 +62,9 @@ const useCreateElement = (component, props, options) => {
62
62
  element,
63
63
  styles
64
64
  } = createElementAndStyles(component, props, options);
65
- return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
66
- children: [element, styles]
67
- });
65
+ return styles ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
66
+ children: [element, (0, import_web.getStyleTags)(styles)]
67
+ }) : element;
68
68
  },
69
69
  createElementAndStyles = (component, props, options) => {
70
70
  let accessibilityComponent;
package/dist/cjs/createElement/index.js CHANGED
@@ -29,7 +29,7 @@ module.exports = __toCommonJS(createElement_exports);
29
29
  var import_react_native_web_internals = require("@tamagui/react-native-web-internals"), import_web = require("@tamagui/web"), import_react = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
30
30
  const useCreateElement = (component, props, options) => {
31
31
  const { element, styles } = createElementAndStyles(component, props, options), isHydrated = (0, import_web.useDidFinishSSR)(), styleTags = (0, import_react.useMemo)(
32
- () => isHydrated || !styles ? null : (0, import_web.getStyleTags)(styles, element),
32
+ () => isHydrated || !styles ? null : (0, import_web.getStyleTags)(styles),
33
33
  [
34
34
  // never changes
35
35
  ]
@@ -46,10 +46,10 @@ const useCreateElement = (component, props, options) => {
46
46
  ] });
47
47
  }, createElement = (component, props, options) => {
48
48
  const { element, styles } = createElementAndStyles(component, props, options);
49
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
49
+ return styles ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
50
50
  element,
51
- styles
52
- ] });
51
+ (0, import_web.getStyleTags)(styles)
52
+ ] }) : element;
53
53
  }, createElementAndStyles = (component, props, options) => {
54
54
  let accessibilityComponent;
55
55
  component && component.constructor === String && (accessibilityComponent = import_react_native_web_internals.AccessibilityUtil.propsToAccessibilityComponent(props));
package/dist/cjs/createElement/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/createElement/index.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,wCAKO,gDACP,aAKO,yBACP,eAAmD,2BA0B/C;AAvBG,MAAM,mBAAmB,CAAC,WAAW,OAAO,YAAa;AAC9D,QAAM,EAAE,SAAS,OAAO,IAAI,uBAAuB,WAAW,OAAO,OAAO,GAEtE,iBAAa,4BAAgB,GAC7B,gBAAY;AAAA,IAChB,MACS,cAAc,CAAC,SAAS,WAAO,yBAAa,QAAQ,OAAO;AAAA,IAEpE;AAAA;AAAA,IAEA;AAAA,EACF;AAEA,8CAAmB,MAAM;AACvB,QAAI,CAAC,OAAQ;AACb,UAAM,WAAwC,CAAC;AAC/C,eAAW,SAAS;AAClB,eAAS,MAAM,CAAC,CAAC,IAAI;AAEvB,qCAAiB,QAAQ;AAAA,EAC3B,GAAG,CAAC,MAAM,CAAC,GAGT,4EACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ,GAEM,gBAAgB,CAAC,WAAW,OAAO,YAAa;AACpD,QAAM,EAAE,SAAS,OAAO,IAAI,uBAAuB,WAAW,OAAO,OAAO;AAC5E,SACE,4EACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ,GAEM,yBAAyB,CAAC,WAAW,OAAO,YAAa;AAE7D,MAAI;AACJ,EAAI,aAAa,UAAU,gBAAgB,WACzC,yBAAyB,oDAAkB,8BAA8B,KAAK;AAEhF,QAAM,YAAY,0BAA0B,WACtC,eAAW,kDAAe,WAAW,OAAO,OAAO,GAEnD,SAAS,kDAAgB,IAAI,QAAQ;AAE3C,MAAI,UAAU,aAAAA,QAAM,cAAc,WAAW,QAAQ;AAWrD,SAAO;AAAA,IACL,SATgC,SAAS,MACzC,4CAAC,oDAAe,WAAW,SAAS,KAAK,QAAQ,SAAS,MACvD,mBACH,IAEA;AAAA,IAKA;AAAA,EACF;AACF;AAEA,IAAO,wBAAQ;",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,wCAKO,gDACP,aAKO,yBACP,eAAmD,2BA0B/C;AAvBG,MAAM,mBAAmB,CAAC,WAAW,OAAO,YAAa;AAC9D,QAAM,EAAE,SAAS,OAAO,IAAI,uBAAuB,WAAW,OAAO,OAAO,GAEtE,iBAAa,4BAAgB,GAC7B,gBAAY;AAAA,IAChB,MACS,cAAc,CAAC,SAAS,WAAO,yBAAa,MAAM;AAAA,IAE3D;AAAA;AAAA,IAEA;AAAA,EACF;AAEA,8CAAmB,MAAM;AACvB,QAAI,CAAC,OAAQ;AACb,UAAM,WAAwC,CAAC;AAC/C,eAAW,SAAS;AAClB,eAAS,MAAM,CAAC,CAAC,IAAI;AAEvB,qCAAiB,QAAQ;AAAA,EAC3B,GAAG,CAAC,MAAM,CAAC,GAGT,4EACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ,GAEM,gBAAgB,CAAC,WAAW,OAAO,YAAa;AACpD,QAAM,EAAE,SAAS,OAAO,IAAI,uBAAuB,WAAW,OAAO,OAAO;AAC5E,SAAK,SAKH,4EACG;AAAA;AAAA,QACA,yBAAa,MAAM;AAAA,KACtB,IAPO;AASX,GAEM,yBAAyB,CAAC,WAAW,OAAO,YAAa;AAE7D,MAAI;AACJ,EAAI,aAAa,UAAU,gBAAgB,WACzC,yBAAyB,oDAAkB,8BAA8B,KAAK;AAEhF,QAAM,YAAY,0BAA0B,WACtC,eAAW,kDAAe,WAAW,OAAO,OAAO,GAEnD,SAAS,kDAAgB,IAAI,QAAQ;AAE3C,MAAI,UAAU,aAAAA,QAAM,cAAc,WAAW,QAAQ;AAWrD,SAAO;AAAA,IACL,SATgC,SAAS,MACzC,4CAAC,oDAAe,WAAW,SAAS,KAAK,QAAQ,SAAS,MACvD,mBACH,IAEA;AAAA,IAKA;AAAA,EACF;AACF;AAEA,IAAO,wBAAQ;",
5
5
  "names": ["React"]
6
6
  }
package/dist/cjs/createElement/index.native.js CHANGED
@@ -29,7 +29,7 @@ __export(createElement_exports, {
29
29
  module.exports = __toCommonJS(createElement_exports);
30
30
  var import_jsx_runtime = require("react/jsx-runtime"), import_react_native_web_internals = require("@tamagui/react-native-web-internals"), import_web = require("@tamagui/web"), import_react = __toESM(require("react")), useCreateElement = function(component, props, options) {
31
31
  var { element, styles } = createElementAndStyles(component, props, options), isHydrated = (0, import_web.useDidFinishSSR)(), styleTags = (0, import_react.useMemo)(function() {
32
- return isHydrated || !styles ? null : (0, import_web.getStyleTags)(styles, element);
32
+ return isHydrated || !styles ? null : (0, import_web.getStyleTags)(styles);
33
33
  }, []);
34
34
  return (0, import_react.useInsertionEffect)(function() {
35
35
  if (styles) {
@@ -61,12 +61,12 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_react_native_web_i
61
61
  });
62
62
  }, createElement = function(component, props, options) {
63
63
  var { element, styles } = createElementAndStyles(component, props, options);
64
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
64
+ return styles ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
65
65
  children: [
66
66
  element,
67
- styles
67
+ (0, import_web.getStyleTags)(styles)
68
68
  ]
69
- });
69
+ }) : element;
70
70
  }, createElementAndStyles = function(component, props, options) {
71
71
  var accessibilityComponent;
72
72
  component && component.constructor === String && (accessibilityComponent = import_react_native_web_internals.AccessibilityUtil.propsToAccessibilityComponent(props));
package/dist/cjs/createElement/index.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/createElement/index.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAOC,yBAAA,8BAED,oCAKO,gDACP,aAKO,yBACP,eAAmD,2BAGtCA,mBAAmB,SAACC,WAAWC,OAAOC,SAAAA;AACjD,MAAM,EAAEC,SAASC,OAAM,IAAKC,uBAAuBL,WAAWC,OAAOC,OAAAA,GAE/DI,iBAAaC,4BAAAA,GACbC,gBAAYC,sBAChB,WAAA;AACE,WAAOH,cAAc,CAACF,SAAS,WAAOM,yBAAaN,QAAQD,OAAAA;EAC7D,GACA,CAAA,CAEC;AAGHQ,8CAAmB,WAAA;AACjB,QAAKP,QACL;UAAMQ,WAAwC,CAAC,GAC1C,4BAAA,IAAA,oBAAA,IAAA,iBAAA;;AAAL,iBAAK,YAAeR,OAAAA,OAAAA,QAAAA,EAAAA,GAAf,OAAA,EAAA,6BAAA,QAAA,UAAA,KAAA,GAAA,OAAA,4BAAA,IAAuB;AAAvB,cAAMS,QAAN,MAAA;AACHD,mBAASC,MAAM,CAAA,CAAE,IAAIA;QACvB;;AAFK,4BAAA,IAAA,iBAAA;;;WAAA,6BAAA,UAAA,UAAA,QAAA,UAAA,OAAA;;cAAA;kBAAA;;;AAGLC,uCAAiBF,QAAAA;;EACnB,GAAG;IAACR;GAAO,GAGT,uCAAAW,MAAA,mBAAAC,UAAA;;MACGb;MACAK;;;AAGP,GAEMS,gBAAgB,SAACjB,WAAWC,OAAOC,SAAAA;AACvC,MAAM,EAAEC,SAASC,OAAM,IAAKC,uBAAuBL,WAAWC,OAAOC,OAAAA;AACrE,SACE,uCAAAa,MAAA,mBAAAC,UAAA;;MACGb;MACAC;;;AAGP,GAEMC,yBAAyB,SAACL,WAAWC,OAAOC,SAAAA;AAEhD,MAAIgB;AACJ,EAAIlB,aAAaA,UAAUmB,gBAAgBC,WACzCF,yBAAyBG,oDAAkBC,8BAA8BrB,KAAAA;AAE3E,MAAMsB,YAAYL,0BAA0BlB,WACtCwB,eAAWC,kDAAeF,WAAWtB,OAAOC,OAAAA,GAE5CE,SAASsB,kDAAgBC,IAAIH,QAAAA,GAE/BrB,UAAUyB,6BAAAA,QAAMX,cAAcM,WAAWC,QAAAA,GAGvCK,4BAA4BL,SAASM,MACzC,uCAAAC,KAACC,kDAAAA;IAAeC,WAAWT,SAASM;IAAKI,QAAQV,SAASW;cACvDhC;OAGHA;AAGF,SAAO;IACLA,SAAS0B;IACTzB;EACF;AACF,GAEA,wBAAea;",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAOC,yBAAA,8BAED,oCAKO,gDACP,aAKO,yBACP,eAAmD,2BAGtCA,mBAAmB,SAACC,WAAWC,OAAOC,SAAAA;AACjD,MAAM,EAAEC,SAASC,OAAM,IAAKC,uBAAuBL,WAAWC,OAAOC,OAAAA,GAE/DI,iBAAaC,4BAAAA,GACbC,gBAAYC,sBAChB,WAAA;AACE,WAAOH,cAAc,CAACF,SAAS,WAAOM,yBAAaN,MAAAA;EACrD,GACA,CAAA,CAEC;AAGHO,8CAAmB,WAAA;AACjB,QAAKP,QACL;UAAMQ,WAAwC,CAAC,GAC1C,4BAAA,IAAA,oBAAA,IAAA,iBAAA;;AAAL,iBAAK,YAAeR,OAAAA,OAAAA,QAAAA,EAAAA,GAAf,OAAA,EAAA,6BAAA,QAAA,UAAA,KAAA,GAAA,OAAA,4BAAA,IAAuB;AAAvB,cAAMS,QAAN,MAAA;AACHD,mBAASC,MAAM,CAAA,CAAE,IAAIA;QACvB;;AAFK,4BAAA,IAAA,iBAAA;;;WAAA,6BAAA,UAAA,UAAA,QAAA,UAAA,OAAA;;cAAA;kBAAA;;;AAGLC,uCAAiBF,QAAAA;;EACnB,GAAG;IAACR;GAAO,GAGT,uCAAAW,MAAA,mBAAAC,UAAA;;MACGb;MACAK;;;AAGP,GAEMS,gBAAgB,SAACjB,WAAWC,OAAOC,SAAAA;AACvC,MAAM,EAAEC,SAASC,OAAM,IAAKC,uBAAuBL,WAAWC,OAAOC,OAAAA;AACrE,SAAKE,SAKH,uCAAAW,MAAA,mBAAAC,UAAA;;MACGb;UACAO,yBAAaN,MAAAA;;OANTD;AASX,GAEME,yBAAyB,SAACL,WAAWC,OAAOC,SAAAA;AAEhD,MAAIgB;AACJ,EAAIlB,aAAaA,UAAUmB,gBAAgBC,WACzCF,yBAAyBG,oDAAkBC,8BAA8BrB,KAAAA;AAE3E,MAAMsB,YAAYL,0BAA0BlB,WACtCwB,eAAWC,kDAAeF,WAAWtB,OAAOC,OAAAA,GAE5CE,SAASsB,kDAAgBC,IAAIH,QAAAA,GAE/BrB,UAAUyB,6BAAAA,QAAMX,cAAcM,WAAWC,QAAAA,GAGvCK,4BAA4BL,SAASM,MACzC,uCAAAC,KAACC,kDAAAA;IAAeC,WAAWT,SAASM;IAAKI,QAAQV,SAASW;cACvDhC;OAGHA;AAGF,SAAO;IACLA,SAAS0B;IACTzB;EACF;AACF,GAEA,wBAAea;",
5
5
  "names": ["useCreateElement", "component", "props", "options", "element", "styles", "createElementAndStyles", "isHydrated", "useDidFinishSSR", "styleTags", "useMemo", "getStyleTags", "useInsertionEffect", "styleObj", "style", "insertStyleRules", "_jsxs", "_Fragment", "createElement", "accessibilityComponent", "constructor", "String", "AccessibilityUtil", "propsToAccessibilityComponent", "Component", "domProps", "createDOMProps", "stylesFromProps", "get", "React", "elementWithLocaleProvider", "dir", "_jsx", "LocaleProvider", "direction", "locale", "lang"]
6
6
  }
package/dist/esm/createElement/index.js CHANGED
@@ -13,7 +13,7 @@ import React, { useInsertionEffect, useMemo } from "react";
13
13
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
14
14
  const useCreateElement = (component, props, options) => {
15
15
  const { element, styles } = createElementAndStyles(component, props, options), isHydrated = useDidFinishSSR(), styleTags = useMemo(
16
- () => isHydrated || !styles ? null : getStyleTags(styles, element),
16
+ () => isHydrated || !styles ? null : getStyleTags(styles),
17
17
  [
18
18
  // never changes
19
19
  ]
@@ -30,10 +30,10 @@ const useCreateElement = (component, props, options) => {
30
30
  ] });
31
31
  }, createElement = (component, props, options) => {
32
32
  const { element, styles } = createElementAndStyles(component, props, options);
33
- return /* @__PURE__ */ jsxs(Fragment, { children: [
33
+ return styles ? /* @__PURE__ */ jsxs(Fragment, { children: [
34
34
  element,
35
- styles
36
- ] });
35
+ getStyleTags(styles)
36
+ ] }) : element;
37
37
  }, createElementAndStyles = (component, props, options) => {
38
38
  let accessibilityComponent;
39
39
  component && component.constructor === String && (accessibilityComponent = AccessibilityUtil.propsToAccessibilityComponent(props));
package/dist/esm/createElement/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/createElement/index.tsx"],
4
- "mappings": "AASA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,oBAAoB,eAAe;AA0B/C,mBAgCA,KAhCA;AAvBG,MAAM,mBAAmB,CAAC,WAAW,OAAO,YAAa;AAC9D,QAAM,EAAE,SAAS,OAAO,IAAI,uBAAuB,WAAW,OAAO,OAAO,GAEtE,aAAa,gBAAgB,GAC7B,YAAY;AAAA,IAChB,MACS,cAAc,CAAC,SAAS,OAAO,aAAa,QAAQ,OAAO;AAAA,IAEpE;AAAA;AAAA,IAEA;AAAA,EACF;AAEA,4BAAmB,MAAM;AACvB,QAAI,CAAC,OAAQ;AACb,UAAM,WAAwC,CAAC;AAC/C,eAAW,SAAS;AAClB,eAAS,MAAM,CAAC,CAAC,IAAI;AAEvB,qBAAiB,QAAQ;AAAA,EAC3B,GAAG,CAAC,MAAM,CAAC,GAGT,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ,GAEM,gBAAgB,CAAC,WAAW,OAAO,YAAa;AACpD,QAAM,EAAE,SAAS,OAAO,IAAI,uBAAuB,WAAW,OAAO,OAAO;AAC5E,SACE,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ,GAEM,yBAAyB,CAAC,WAAW,OAAO,YAAa;AAE7D,MAAI;AACJ,EAAI,aAAa,UAAU,gBAAgB,WACzC,yBAAyB,kBAAkB,8BAA8B,KAAK;AAEhF,QAAM,YAAY,0BAA0B,WACtC,WAAW,eAAe,WAAW,OAAO,OAAO,GAEnD,SAAS,gBAAgB,IAAI,QAAQ;AAE3C,MAAI,UAAU,MAAM,cAAc,WAAW,QAAQ;AAWrD,SAAO;AAAA,IACL,SATgC,SAAS,MACzC,oBAAC,kBAAe,WAAW,SAAS,KAAK,QAAQ,SAAS,MACvD,mBACH,IAEA;AAAA,IAKA;AAAA,EACF;AACF;AAEA,IAAO,wBAAQ;",
4
+ "mappings": "AASA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAAS,oBAAoB,eAAe;AA0B/C,mBAoCA,KApCA;AAvBG,MAAM,mBAAmB,CAAC,WAAW,OAAO,YAAa;AAC9D,QAAM,EAAE,SAAS,OAAO,IAAI,uBAAuB,WAAW,OAAO,OAAO,GAEtE,aAAa,gBAAgB,GAC7B,YAAY;AAAA,IAChB,MACS,cAAc,CAAC,SAAS,OAAO,aAAa,MAAM;AAAA,IAE3D;AAAA;AAAA,IAEA;AAAA,EACF;AAEA,4BAAmB,MAAM;AACvB,QAAI,CAAC,OAAQ;AACb,UAAM,WAAwC,CAAC;AAC/C,eAAW,SAAS;AAClB,eAAS,MAAM,CAAC,CAAC,IAAI;AAEvB,qBAAiB,QAAQ;AAAA,EAC3B,GAAG,CAAC,MAAM,CAAC,GAGT,iCACG;AAAA;AAAA,IACA;AAAA,KACH;AAEJ,GAEM,gBAAgB,CAAC,WAAW,OAAO,YAAa;AACpD,QAAM,EAAE,SAAS,OAAO,IAAI,uBAAuB,WAAW,OAAO,OAAO;AAC5E,SAAK,SAKH,iCACG;AAAA;AAAA,IACA,aAAa,MAAM;AAAA,KACtB,IAPO;AASX,GAEM,yBAAyB,CAAC,WAAW,OAAO,YAAa;AAE7D,MAAI;AACJ,EAAI,aAAa,UAAU,gBAAgB,WACzC,yBAAyB,kBAAkB,8BAA8B,KAAK;AAEhF,QAAM,YAAY,0BAA0B,WACtC,WAAW,eAAe,WAAW,OAAO,OAAO,GAEnD,SAAS,gBAAgB,IAAI,QAAQ;AAE3C,MAAI,UAAU,MAAM,cAAc,WAAW,QAAQ;AAWrD,SAAO;AAAA,IACL,SATgC,SAAS,MACzC,oBAAC,kBAAe,WAAW,SAAS,KAAK,QAAQ,SAAS,MACvD,mBACH,IAEA;AAAA,IAKA;AAAA,EACF;AACF;AAEA,IAAO,wBAAQ;",
5
5
  "names": []
6
6
  }
package/dist/esm/createElement/index.mjs CHANGED
@@ -8,7 +8,7 @@ const useCreateElement = (component, props, options) => {
8
8
  styles
9
9
  } = createElementAndStyles(component, props, options),
10
10
  isHydrated = useDidFinishSSR(),
11
- styleTags = useMemo(() => isHydrated || !styles ? null : getStyleTags(styles, element), [
11
+ styleTags = useMemo(() => isHydrated || !styles ? null : getStyleTags(styles), [
12
12
  // never changes
13
13
  ]);
14
14
  return useInsertionEffect(() => {
@@ -25,9 +25,9 @@ const useCreateElement = (component, props, options) => {
25
25
  element,
26
26
  styles
27
27
  } = createElementAndStyles(component, props, options);
28
- return /* @__PURE__ */jsxs(Fragment, {
29
- children: [element, styles]
30
- });
28
+ return styles ? /* @__PURE__ */jsxs(Fragment, {
29
+ children: [element, getStyleTags(styles)]
30
+ }) : element;
31
31
  },
32
32
  createElementAndStyles = (component, props, options) => {
33
33
  let accessibilityComponent;
package/dist/esm/createElement/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["AccessibilityUtil","LocaleProvider","createDOMProps","stylesFromProps","getStyleTags","insertStyleRules","useDidFinishSSR","React","useInsertionEffect","useMemo","Fragment","jsx","jsxs","useCreateElement","component","props","options","element","styles","createElementAndStyles","isHydrated","styleTags","styleObj","style","children","createElement","accessibilityComponent","constructor","String","propsToAccessibilityComponent","Component","domProps","get","dir","direction","locale","lang","createElement_default"],"sources":["../../../src/createElement/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SACEA,iBAAA,EACAC,cAAA,EACAC,cAAA,EACAC,eAAA,QACK;AACP,SAEEC,YAAA,EACAC,gBAAA,EACAC,eAAA,QACK;AACP,OAAOC,KAAA,IAASC,kBAAA,EAAoBC,OAAA,QAAe;AAyB/C,SAAAC,QAAA,EAgCAC,GAAA,EAhCAC,IAAA;AAvBG,MAAMC,gBAAA,GAAmBA,CAACC,SAAA,EAAWC,KAAA,EAAOC,OAAA,KAAa;IAC9D,MAAM;QAAEC,OAAA;QAASC;MAAO,IAAIC,sBAAA,CAAuBL,SAAA,EAAWC,KAAA,EAAOC,OAAO;MAEtEI,UAAA,GAAad,eAAA,CAAgB;MAC7Be,SAAA,GAAYZ,OAAA,CAChB,MACSW,UAAA,IAAc,CAACF,MAAA,GAAS,OAAOd,YAAA,CAAac,MAAA,EAAQD,OAAO,GAEpE;QAAA;MAAA,CAGF;IAEA,OAAAT,kBAAA,CAAmB,MAAM;MACvB,IAAI,CAACU,MAAA,EAAQ;MACb,MAAMI,QAAA,GAAwC,CAAC;MAC/C,WAAWC,KAAA,IAASL,MAAA,EAClBI,QAAA,CAASC,KAAA,CAAM,CAAC,CAAC,IAAIA,KAAA;MAEvBlB,gBAAA,CAAiBiB,QAAQ;IAC3B,GAAG,CAACJ,MAAM,CAAC,GAGT,eAAAN,IAAA,CAAAF,QAAA;MACGc,QAAA,GAAAP,OAAA,EACAI,SAAA;IAAA,CACH;EAEJ;EAEMI,aAAA,GAAgBA,CAACX,SAAA,EAAWC,KAAA,EAAOC,OAAA,KAAa;IACpD,MAAM;MAAEC,OAAA;MAASC;IAAO,IAAIC,sBAAA,CAAuBL,SAAA,EAAWC,KAAA,EAAOC,OAAO;IAC5E,OACE,eAAAJ,IAAA,CAAAF,QAAA;MACGc,QAAA,GAAAP,OAAA,EACAC,MAAA;IAAA,CACH;EAEJ;EAEMC,sBAAA,GAAyBA,CAACL,SAAA,EAAWC,KAAA,EAAOC,OAAA,KAAa;IAE7D,IAAIU,sBAAA;IACAZ,SAAA,IAAaA,SAAA,CAAUa,WAAA,KAAgBC,MAAA,KACzCF,sBAAA,GAAyB1B,iBAAA,CAAkB6B,6BAAA,CAA8Bd,KAAK;IAEhF,MAAMe,SAAA,GAAYJ,sBAAA,IAA0BZ,SAAA;MACtCiB,QAAA,GAAW7B,cAAA,CAAe4B,SAAA,EAAWf,KAAA,EAAOC,OAAO;MAEnDE,MAAA,GAASf,eAAA,CAAgB6B,GAAA,CAAID,QAAQ;IAE3C,IAAId,OAAA,GAAUV,KAAA,CAAMkB,aAAA,CAAcK,SAAA,EAAWC,QAAQ;IAWrD,OAAO;MACLd,OAAA,EATgCc,QAAA,CAASE,GAAA,GACzC,eAAAtB,GAAA,CAACV,cAAA;QAAeiC,SAAA,EAAWH,QAAA,CAASE,GAAA;QAAKE,MAAA,EAAQJ,QAAA,CAASK,IAAA;QACvDZ,QAAA,EAAAP;MAAA,CACH,IAEAA,OAAA;MAKAC;IACF;EACF;AAEA,IAAOmB,qBAAA,GAAQZ,aAAA","ignoreList":[]}
1
+ {"version":3,"names":["AccessibilityUtil","LocaleProvider","createDOMProps","stylesFromProps","getStyleTags","insertStyleRules","useDidFinishSSR","React","useInsertionEffect","useMemo","Fragment","jsx","jsxs","useCreateElement","component","props","options","element","styles","createElementAndStyles","isHydrated","styleTags","styleObj","style","children","createElement","accessibilityComponent","constructor","String","propsToAccessibilityComponent","Component","domProps","get","dir","direction","locale","lang","createElement_default"],"sources":["../../../src/createElement/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SACEA,iBAAA,EACAC,cAAA,EACAC,cAAA,EACAC,eAAA,QACK;AACP,SAEEC,YAAA,EACAC,gBAAA,EACAC,eAAA,QACK;AACP,OAAOC,KAAA,IAASC,kBAAA,EAAoBC,OAAA,QAAe;AA0B/C,SAAAC,QAAA,EAoCAC,GAAA,EApCAC,IAAA;AAvBG,MAAMC,gBAAA,GAAmBA,CAACC,SAAA,EAAWC,KAAA,EAAOC,OAAA,KAAa;IAC9D,MAAM;QAAEC,OAAA;QAASC;MAAO,IAAIC,sBAAA,CAAuBL,SAAA,EAAWC,KAAA,EAAOC,OAAO;MAEtEI,UAAA,GAAad,eAAA,CAAgB;MAC7Be,SAAA,GAAYZ,OAAA,CAChB,MACSW,UAAA,IAAc,CAACF,MAAA,GAAS,OAAOd,YAAA,CAAac,MAAM,GAE3D;QAAA;MAAA,CAGF;IAEA,OAAAV,kBAAA,CAAmB,MAAM;MACvB,IAAI,CAACU,MAAA,EAAQ;MACb,MAAMI,QAAA,GAAwC,CAAC;MAC/C,WAAWC,KAAA,IAASL,MAAA,EAClBI,QAAA,CAASC,KAAA,CAAM,CAAC,CAAC,IAAIA,KAAA;MAEvBlB,gBAAA,CAAiBiB,QAAQ;IAC3B,GAAG,CAACJ,MAAM,CAAC,GAGT,eAAAN,IAAA,CAAAF,QAAA;MACGc,QAAA,GAAAP,OAAA,EACAI,SAAA;IAAA,CACH;EAEJ;EAEMI,aAAA,GAAgBA,CAACX,SAAA,EAAWC,KAAA,EAAOC,OAAA,KAAa;IACpD,MAAM;MAAEC,OAAA;MAASC;IAAO,IAAIC,sBAAA,CAAuBL,SAAA,EAAWC,KAAA,EAAOC,OAAO;IAC5E,OAAKE,MAAA,GAKH,eAAAN,IAAA,CAAAF,QAAA;MACGc,QAAA,GAAAP,OAAA,EACAb,YAAA,CAAac,MAAM;IAAA,CACtB,IAPOD,OAAA;EASX;EAEME,sBAAA,GAAyBA,CAACL,SAAA,EAAWC,KAAA,EAAOC,OAAA,KAAa;IAE7D,IAAIU,sBAAA;IACAZ,SAAA,IAAaA,SAAA,CAAUa,WAAA,KAAgBC,MAAA,KACzCF,sBAAA,GAAyB1B,iBAAA,CAAkB6B,6BAAA,CAA8Bd,KAAK;IAEhF,MAAMe,SAAA,GAAYJ,sBAAA,IAA0BZ,SAAA;MACtCiB,QAAA,GAAW7B,cAAA,CAAe4B,SAAA,EAAWf,KAAA,EAAOC,OAAO;MAEnDE,MAAA,GAASf,eAAA,CAAgB6B,GAAA,CAAID,QAAQ;IAE3C,IAAId,OAAA,GAAUV,KAAA,CAAMkB,aAAA,CAAcK,SAAA,EAAWC,QAAQ;IAWrD,OAAO;MACLd,OAAA,EATgCc,QAAA,CAASE,GAAA,GACzC,eAAAtB,GAAA,CAACV,cAAA;QAAeiC,SAAA,EAAWH,QAAA,CAASE,GAAA;QAAKE,MAAA,EAAQJ,QAAA,CAASK,IAAA;QACvDZ,QAAA,EAAAP;MAAA,CACH,IAEAA,OAAA;MAKAC;IACF;EACF;AAEA,IAAOmB,qBAAA,GAAQZ,aAAA","ignoreList":[]}
package/dist/esm/createElement/index.native.js CHANGED
@@ -9,7 +9,7 @@ var useCreateElement = function (component, props, options) {
9
9
  } = createElementAndStyles(component, props, options),
10
10
  isHydrated = useDidFinishSSR(),
11
11
  styleTags = useMemo(function () {
12
- return isHydrated || !styles ? null : getStyleTags(styles, element);
12
+ return isHydrated || !styles ? null : getStyleTags(styles);
13
13
  }, []);
14
14
  return useInsertionEffect(function () {
15
15
  if (styles) {
@@ -42,9 +42,9 @@ var useCreateElement = function (component, props, options) {
42
42
  element,
43
43
  styles
44
44
  } = createElementAndStyles(component, props, options);
45
- return /* @__PURE__ */_jsxs(_Fragment, {
46
- children: [element, styles]
47
- });
45
+ return styles ? /* @__PURE__ */_jsxs(_Fragment, {
46
+ children: [element, getStyleTags(styles)]
47
+ }) : element;
48
48
  },
49
49
  createElementAndStyles = function (component, props, options) {
50
50
  var accessibilityComponent;
package/dist/esm/createElement/index.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AccessibilityUtil","LocaleProvider","createDOMProps","stylesFromProps","getStyleTags","insertStyleRules","useDidFinishSSR","React","useInsertionEffect","useMemo","useCreateElement","component","props","options","element","styles","createElementAndStyles","isHydrated","styleTags","styleObj","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","style","value","err","return","children","createElement","accessibilityComponent","constructor","String","propsToAccessibilityComponent"],"sources":["../../../src/createElement/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAAA,SACEC,iBAAA,EAAAC,cAAA,EAAAC,cAAA,EAAAC,eAAA;AAAA,SACAC,YAAA,EAAAC,gBAAA,EAAAC,eAAA;AAAA,OACAC,KAAA,IAAAC,kBAAA,EAAAC,OAAA;AAAA,IACAC,gBAAA,YAAAA,CAAAC,SAAA,EAAAC,KAAA,EAAAC,OAAA;IAAA;QACKC,OAAA;QAAAC;MAAA,IAAAC,sBAAA,CAAAL,SAAA,EAAAC,KAAA,EAAAC,OAAA;MAAAI,UAAA,GAAAX,eAAA;MAAAY,SAAA,GAAAT,OAAA;QACP,OAAAQ,UAAA,KAAAF,MAAA,UAAAX,YAAA,CAAAW,MAAA,EAAAD,OAAA;MAEE;IACA,OAAAN,kBAAA;MACA,IAAAO,MAAA;QAAA,IACKI,QAAA;UAAAC,yBAAA;UAAAC,iBAAA;UAAAC,cAAA;QACP,IAAO;UA0BH,SAAAC,SAAA,GAAAR,MAAA,CAAAS,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;YAvBS,IAAAS,KAAA,GAAAH,KAAoB,CAAAI,KAAA;YACvBX,QAAA,CAASU,KAAA,EAAO,KAAIA,KAAA;UAI1B;QAGA,SAAAE,GAAA;UAAAV,iBAAA,OAAAC,cAAA,GAAAS,GAAA;QAEA;UACF;YAEA,CAAAX,yBAAyB,IAAAG,SAAA,CAAAS,MAAA,YAAAT,SAAA,CAAAS,MAAA;UACnB,CAAC,SAAQ;YACP,IAAAX,iBAAyC,EAC/C,MAAWC,cAAS;UAClB;QAEF;QACEjB,gBAGF,CAAAc,QAAA;MACG;IAAA,GACA,CAAAJ,MACH,CAIE,kBAAiBlB,KAAA,CAAAE,SAAW,EAAO;MACvCkC,QAAQ,GACRnB,OACE,EACGI,SAAA;IACA;EAGP;EAEMgB,aAAA,YAAAA,CAAyBvB,SAAC,EAAAC,KAAW,EAAAC,OAAO;IAEhD,IAAI;MAAAC,OAAA;MAAAC;IAAA,IAAAC,sBAAA,CAAAL,SAAA,EAAAC,KAAA,EAAAC,OAAA;IACA,sBAAuBhB,KAAA,CAAAE,SAAA,EAAgB;MAG3CkC,QAAM,GAKFnB,OAAA,EAWJC,MAAO;IAHL,EAKA;EAAA;EACFC,sBAAA,YAAAA,CAAAL,SAAA,EAAAC,KAAA,EAAAC,OAAA;IACF,IAAAsB,sBAAA;IAEAxB,SAAO,IAAAA,SAAA,CAAAyB,WAAQ,KAAAC,MAAA,KAAAF,sBAAA,GAAAnC,iBAAA,CAAAsC,6BAAA,CAAA1B,KAAA","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AccessibilityUtil","LocaleProvider","createDOMProps","stylesFromProps","getStyleTags","insertStyleRules","useDidFinishSSR","React","useInsertionEffect","useMemo","useCreateElement","component","props","options","element","styles","createElementAndStyles","isHydrated","styleTags","styleObj","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","style","value","err","return","children","createElement","accessibilityComponent","constructor","String","propsToAccessibilityComponent"],"sources":["../../../src/createElement/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAAA,SACEC,iBAAA,EAAAC,cAAA,EAAAC,cAAA,EAAAC,eAAA;AAAA,SACAC,YAAA,EAAAC,gBAAA,EAAAC,eAAA;AAAA,OACAC,KAAA,IAAAC,kBAAA,EAAAC,OAAA;AAAA,IACAC,gBAAA,YAAAA,CAAAC,SAAA,EAAAC,KAAA,EAAAC,OAAA;IAAA;QACKC,OAAA;QAAAC;MAAA,IAAAC,sBAAA,CAAAL,SAAA,EAAAC,KAAA,EAAAC,OAAA;MAAAI,UAAA,GAAAX,eAAA;MAAAY,SAAA,GAAAT,OAAA;QACP,OAAAQ,UAAA,KAAAF,MAAA,UAAAX,YAAA,CAAAW,MAAA;MAEE;IACA,OAAAP,kBAAA;MACA,IAAAO,MAAA;QAAA,IACKI,QAAA;UAAAC,yBAAA;UAAAC,iBAAA;UAAAC,cAAA;QACP,IAAO;UA0BH,SAAAC,SAAA,GAAAR,MAAA,CAAAS,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;YAvBS,IAAAS,KAAA,GAAAH,KAAoB,CAAAI,KAAA;YACvBX,QAAA,CAASU,KAAA,EAAO,KAAIA,KAAA;UAI1B;QAGA,SAAAE,GAAA;UAAAV,iBAAA,OAAAC,cAAA,GAAAS,GAAA;QAEA;UACF;YAEA,CAAAX,yBAAyB,IAAAG,SAAA,CAAAS,MAAA,YAAAT,SAAA,CAAAS,MAAA;UACnB,CAAC,SAAQ;YACP,IAAAX,iBAAyC,EAC/C,MAAWC,cAAS;UAClB;QAEF;QACEjB,gBAGF,CAAAc,QAAA;MACG;IAAA,GACA,CAAAJ,MACH,CAIE,kBAAiBlB,KAAA,CAAAE,SAAW,EAAO;MACvCkC,QAAQ,GACRnB,OAAK,EAMAI,SAAA;IACmB;EAG1B;EAEMgB,aAAA,YAAAA,CAAyBvB,SAAC,EAAAC,KAAW,EAAAC,OAAO;IAEhD,IAAI;MAAAC,OAAA;MAAAC;IAAA,IAAAC,sBAAA,CAAAL,SAAA,EAAAC,KAAA,EAAAC,OAAA;IACA,OAAAE,MAAa,kBAAUlB,KAAA,CAAAE,SAAgB;MAG3CkC,QAAM,GAKFnB,OAAA,EAWJV,YAAO,CAAAW,MAAA;IAHL,EAKA,GAAAD,OAAA;EAAA;EACFE,sBAAA,YAAAA,CAAAL,SAAA,EAAAC,KAAA,EAAAC,OAAA;IACF,IAAAsB,sBAAA;IAEAxB,SAAO,IAAAA,SAAA,CAAAyB,WAAQ,KAAAC,MAAA,KAAAF,sBAAA,GAAAnC,iBAAA,CAAAsC,6BAAA,CAAA1B,KAAA","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/react-native-web-lite",
3
- "version": "1.129.9",
3
+ "version": "1.129.10",
4
4
  "description": "React Native for Web",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs",
@@ -41,14 +41,14 @@
41
41
  "./dist/*": "./dist/cjs/*/index.mjs"
42
42
  },
43
43
  "dependencies": {
44
- "@tamagui/normalize-css-color": "1.129.9",
45
- "@tamagui/react-native-use-pressable": "1.129.9",
46
- "@tamagui/react-native-use-responder-events": "1.129.9",
47
- "@tamagui/react-native-web-internals": "1.129.9",
44
+ "@tamagui/normalize-css-color": "1.129.10",
45
+ "@tamagui/react-native-use-pressable": "1.129.10",
46
+ "@tamagui/react-native-use-responder-events": "1.129.10",
47
+ "@tamagui/react-native-web-internals": "1.129.10",
48
48
  "invariant": "^2.2.4"
49
49
  },
50
50
  "devDependencies": {
51
- "@tamagui/build": "1.129.9",
51
+ "@tamagui/build": "1.129.10",
52
52
  "react": "*"
53
53
  },
54
54
  "peerDependencies": {
package/src/createElement/index.tsx CHANGED
@@ -28,7 +28,7 @@ export const useCreateElement = (component, props, options?) => {
28
28
  const isHydrated = useDidFinishSSR()
29
29
  const styleTags = useMemo(
30
30
  () => {
31
- return isHydrated || !styles ? null : getStyleTags(styles, element)
31
+ return isHydrated || !styles ? null : getStyleTags(styles)
32
32
  },
33
33
  [
34
34
  // never changes
@@ -54,10 +54,14 @@ export const useCreateElement = (component, props, options?) => {
54
54
 
55
55
  const createElement = (component, props, options?) => {
56
56
  const { element, styles } = createElementAndStyles(component, props, options)
57
+ if (!styles) {
58
+ return element
59
+ }
60
+
57
61
  return (
58
62
  <>
59
63
  {element}
60
- {styles}
64
+ {getStyleTags(styles)}
61
65
  </>
62
66
  )
63
67
  }