@tamagui/web 1.92.1 → 1.93.0

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 (86) hide show
  1. package/dist/cjs/createComponent.js +156 -104
  2. package/dist/cjs/createComponent.js.map +2 -2
  3. package/dist/cjs/createComponent.native.js +139 -104
  4. package/dist/cjs/createComponent.native.js.map +2 -2
  5. package/dist/cjs/createVariable.js +7 -3
  6. package/dist/cjs/createVariable.js.map +1 -1
  7. package/dist/cjs/createVariable.native.js +7 -3
  8. package/dist/cjs/createVariable.native.js.map +2 -2
  9. package/dist/cjs/helpers/expandStyle.native.js +0 -5
  10. package/dist/cjs/helpers/expandStyle.native.js.map +2 -2
  11. package/dist/cjs/helpers/getSplitStyles.native.js +1 -15
  12. package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
  13. package/dist/cjs/helpers/getThemeCSSRules.js +4 -1
  14. package/dist/cjs/helpers/getThemeCSSRules.js.map +1 -1
  15. package/dist/cjs/helpers/insertStyleRule.js +4 -1
  16. package/dist/cjs/helpers/insertStyleRule.js.map +1 -1
  17. package/dist/cjs/helpers/insertStyleRule.native.js +3 -1
  18. package/dist/cjs/helpers/insertStyleRule.native.js.map +2 -2
  19. package/dist/cjs/helpers/registerCSSVariable.js +4 -1
  20. package/dist/cjs/helpers/registerCSSVariable.js.map +1 -1
  21. package/dist/cjs/helpers/registerCSSVariable.native.js +1 -1
  22. package/dist/cjs/helpers/registerCSSVariable.native.js.map +2 -2
  23. package/dist/cjs/hooks/useProps.js +29 -5
  24. package/dist/cjs/hooks/useProps.js.map +1 -1
  25. package/dist/cjs/hooks/useProps.native.js +39 -4
  26. package/dist/cjs/hooks/useProps.native.js.map +2 -2
  27. package/dist/cjs/index.js +1 -0
  28. package/dist/cjs/index.js.map +1 -1
  29. package/dist/cjs/index.native.js +2 -0
  30. package/dist/cjs/index.native.js.map +1 -1
  31. package/dist/esm/createComponent.js +156 -104
  32. package/dist/esm/createComponent.js.map +2 -2
  33. package/dist/esm/createComponent.mjs +193 -135
  34. package/dist/esm/createComponent.native.js +135 -103
  35. package/dist/esm/createComponent.native.js.map +2 -2
  36. package/dist/esm/createVariable.js +7 -3
  37. package/dist/esm/createVariable.js.map +1 -1
  38. package/dist/esm/createVariable.mjs +19 -16
  39. package/dist/esm/createVariable.native.js +7 -3
  40. package/dist/esm/createVariable.native.js.map +2 -2
  41. package/dist/esm/helpers/expandStyle.native.js +0 -5
  42. package/dist/esm/helpers/expandStyle.native.js.map +2 -2
  43. package/dist/esm/helpers/getSplitStyles.native.js +1 -15
  44. package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
  45. package/dist/esm/helpers/getThemeCSSRules.js +4 -1
  46. package/dist/esm/helpers/getThemeCSSRules.js.map +1 -1
  47. package/dist/esm/helpers/getThemeCSSRules.mjs +1 -1
  48. package/dist/esm/helpers/insertStyleRule.js +4 -1
  49. package/dist/esm/helpers/insertStyleRule.js.map +1 -1
  50. package/dist/esm/helpers/insertStyleRule.mjs +4 -3
  51. package/dist/esm/helpers/insertStyleRule.native.js +3 -1
  52. package/dist/esm/helpers/insertStyleRule.native.js.map +2 -2
  53. package/dist/esm/helpers/registerCSSVariable.js +4 -1
  54. package/dist/esm/helpers/registerCSSVariable.js.map +1 -1
  55. package/dist/esm/helpers/registerCSSVariable.mjs +1 -1
  56. package/dist/esm/helpers/registerCSSVariable.native.js +1 -1
  57. package/dist/esm/helpers/registerCSSVariable.native.js.map +2 -2
  58. package/dist/esm/hooks/useProps.js +31 -6
  59. package/dist/esm/hooks/useProps.js.map +1 -1
  60. package/dist/esm/hooks/useProps.mjs +32 -5
  61. package/dist/esm/hooks/useProps.native.js +41 -5
  62. package/dist/esm/hooks/useProps.native.js.map +2 -2
  63. package/dist/esm/index.js +1 -0
  64. package/dist/esm/index.js.map +1 -1
  65. package/dist/esm/index.mjs +1 -0
  66. package/dist/esm/index.native.js +1 -0
  67. package/dist/esm/index.native.js.map +1 -1
  68. package/package.json +12 -12
  69. package/reset.css +1 -0
  70. package/src/createComponent.tsx +301 -229
  71. package/src/createVariable.ts +11 -2
  72. package/src/helpers/getThemeCSSRules.ts +4 -1
  73. package/src/helpers/insertStyleRule.tsx +4 -1
  74. package/src/helpers/registerCSSVariable.ts +4 -3
  75. package/src/hooks/useProps.tsx +46 -14
  76. package/src/index.ts +1 -0
  77. package/types/createComponent.d.ts +31 -1
  78. package/types/createComponent.d.ts.map +1 -1
  79. package/types/createVariable.d.ts.map +1 -1
  80. package/types/helpers/getThemeCSSRules.d.ts.map +1 -1
  81. package/types/helpers/insertStyleRule.d.ts.map +1 -1
  82. package/types/helpers/registerCSSVariable.d.ts.map +1 -1
  83. package/types/hooks/useProps.d.ts +7 -4
  84. package/types/hooks/useProps.d.ts.map +1 -1
  85. package/types/index.d.ts +1 -0
  86. package/types/index.d.ts.map +1 -1
@@ -1,6 +1,7 @@
1
- import { useContext } from "react";
1
+ import { useContext, useEffect } from "react";
2
+ import { getConfig } from "../config.mjs";
2
3
  import { ComponentContext } from "../contexts/ComponentContext.mjs";
3
- import { defaultComponentStateMounted } from "../defaultComponentState.mjs";
4
+ import { subscribeToContextGroup, useComponentState } from "../createComponent.mjs";
4
5
  import { useSplitStyles } from "../helpers/getSplitStyles.mjs";
5
6
  import { Stack } from "../views/Stack.mjs";
6
7
  import { useMedia } from "./useMedia.mjs";
@@ -26,8 +27,13 @@ function usePropsAndStyle(props, opts) {
26
27
  componentName: staticConfig.componentName
27
28
  }),
28
29
  componentContext = useContext(ComponentContext),
30
+ {
31
+ state,
32
+ disabled,
33
+ setStateShallow
34
+ } = useComponentState(props, componentContext, staticConfig, getConfig()),
29
35
  media = useMedia(),
30
- splitStyles = useSplitStyles(props, staticConfig, theme, themeState.state?.name || "", defaultComponentStateMounted, {
36
+ splitStyles = useSplitStyles(props, staticConfig, theme, themeState.state?.name || "", state, {
31
37
  isAnimated: !1,
32
38
  mediaState: media,
33
39
  noSkip: !0,
@@ -35,7 +41,28 @@ function usePropsAndStyle(props, opts) {
35
41
  noClassNames: !0,
36
42
  resolveValues: "auto",
37
43
  ...opts
38
- }, null, componentContext);
39
- return [splitStyles.viewProps, splitStyles.style || {}, theme, media];
44
+ }, null, componentContext),
45
+ {
46
+ mediaGroups,
47
+ pseudoGroups
48
+ } = splitStyles;
49
+ return useEffect(() => {
50
+ if (!disabled) {
51
+ if (state.unmounted) {
52
+ setStateShallow({
53
+ unmounted: !1
54
+ });
55
+ return;
56
+ }
57
+ return subscribeToContextGroup({
58
+ disabled,
59
+ componentContext,
60
+ setStateShallow,
61
+ state,
62
+ mediaGroups,
63
+ pseudoGroups
64
+ });
65
+ }
66
+ }, [disabled, pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0, mediaGroups ? Object.keys([...mediaGroups]).join("") : 0]), [splitStyles.viewProps, splitStyles.style || {}, theme, media];
40
67
  }
41
68
  export { useProps, usePropsAndStyle, useStyle };
@@ -1,6 +1,7 @@
1
- import { useContext } from "react";
1
+ import { useContext, useEffect } from "react";
2
+ import { getConfig } from "../config";
2
3
  import { ComponentContext } from "../contexts/ComponentContext";
3
- import { defaultComponentStateMounted } from "../defaultComponentState";
4
+ import { subscribeToContextGroup, useComponentState } from "../createComponent";
4
5
  import { useSplitStyles } from "../helpers/getSplitStyles";
5
6
  import { Stack } from "../views/Stack";
6
7
  import { useMedia } from "./useMedia";
@@ -15,6 +16,10 @@ function _array_with_holes(arr) {
15
16
  if (Array.isArray(arr))
16
17
  return arr;
17
18
  }
19
+ function _array_without_holes(arr) {
20
+ if (Array.isArray(arr))
21
+ return _array_like_to_array(arr);
22
+ }
18
23
  function _define_property(obj, key, value) {
19
24
  return key in obj ? Object.defineProperty(obj, key, {
20
25
  value,
@@ -23,6 +28,10 @@ function _define_property(obj, key, value) {
23
28
  writable: !0
24
29
  }) : obj[key] = value, obj;
25
30
  }
31
+ function _iterable_to_array(iter) {
32
+ if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
33
+ return Array.from(iter);
34
+ }
26
35
  function _iterable_to_array_limit(arr, i) {
27
36
  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
28
37
  if (_i != null) {
@@ -46,6 +55,9 @@ function _iterable_to_array_limit(arr, i) {
46
55
  function _non_iterable_rest() {
47
56
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
48
57
  }
58
+ function _non_iterable_spread() {
59
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
60
+ }
49
61
  function _object_spread(target) {
50
62
  for (var i = 1; i < arguments.length; i++) {
51
63
  var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
@@ -75,6 +87,9 @@ function _object_spread_props(target, source) {
75
87
  function _sliced_to_array(arr, i) {
76
88
  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
77
89
  }
90
+ function _to_consumable_array(arr) {
91
+ return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
92
+ }
78
93
  function _unsupported_iterable_to_array(o, minLen) {
79
94
  if (o) {
80
95
  if (typeof o == "string")
@@ -100,15 +115,36 @@ function useStyle(props, opts) {
100
115
  function usePropsAndStyle(props, opts) {
101
116
  var _opts_forComponent, _themeState_state, _opts_forComponent_staticConfig, staticConfig = (_opts_forComponent_staticConfig = opts == null || (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : Stack.staticConfig, _useThemeWithState = _sliced_to_array(useThemeWithState({
102
117
  componentName: staticConfig.componentName
103
- }), 2), themeState = _useThemeWithState[0], theme = _useThemeWithState[1], componentContext = useContext(ComponentContext), media = useMedia(), splitStyles = useSplitStyles(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", defaultComponentStateMounted, _object_spread({
118
+ }), 2), themeState = _useThemeWithState[0], theme = _useThemeWithState[1], componentContext = useContext(ComponentContext), _useComponentState = useComponentState(props, componentContext, staticConfig, getConfig()), state = _useComponentState.state, disabled = _useComponentState.disabled, setStateShallow = _useComponentState.setStateShallow, media = useMedia(), splitStyles = useSplitStyles(props, staticConfig, theme, ((_themeState_state = themeState.state) === null || _themeState_state === void 0 ? void 0 : _themeState_state.name) || "", state, _object_spread({
104
119
  isAnimated: !1,
105
120
  mediaState: media,
106
121
  noSkip: !0,
107
122
  noMergeStyle: !0,
108
123
  noClassNames: !0,
109
124
  resolveValues: "auto"
110
- }, opts), null, componentContext);
111
- return [
125
+ }, opts), null, componentContext), mediaGroups = splitStyles.mediaGroups, pseudoGroups = splitStyles.pseudoGroups;
126
+ return useEffect(function() {
127
+ if (!disabled) {
128
+ if (state.unmounted) {
129
+ setStateShallow({
130
+ unmounted: !1
131
+ });
132
+ return;
133
+ }
134
+ return subscribeToContextGroup({
135
+ disabled,
136
+ componentContext,
137
+ setStateShallow,
138
+ state,
139
+ mediaGroups,
140
+ pseudoGroups
141
+ });
142
+ }
143
+ }, [
144
+ disabled,
145
+ pseudoGroups ? Object.keys(_to_consumable_array(pseudoGroups)).join("") : 0,
146
+ mediaGroups ? Object.keys(_to_consumable_array(mediaGroups)).join("") : 0
147
+ ]), [
112
148
  splitStyles.viewProps,
113
149
  splitStyles.style || {},
114
150
  theme,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/hooks/Users/n8/tamagui/packages/web/src/hooks/useProps.tsx"],
4
- "mappings": "AAAA,SAASA,kBAAkB;AAE3B,SAASC,wBAAwB;AACjC,SAASC,oCAAoC;AAC7C,SAASC,sBAAsB;AAQ/B,SAASC,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuB3B,SAASC,SACdC,OACAC,MAAsB;AAEtB,MAA6BC,oBAAAA,iBAAAA,iBAAiBF,OAAO,qBAAA,eAAA,CAAA,GAChDC,IAAAA,GAAAA;IACHE,UAAU;IACVC,aAAa;IACbC,eAAe;WAJVC,WAAsBJ,kBAAAA,CAAAA,GAAZK,WAAYL,kBAAAA,CAAAA;AAM7B,SAAO,eAAA,CAAA,GACFI,UACAC,QAAAA;AAEP;AAQO,SAASC,SACdR,OACAC,MAAsB;AAEtB,SAAOC,iBAAiBF,OAAOC,IAAAA,EAAM,CAAA,KAAM,CAAC;AAC9C;AAQO,SAASC,iBACdF,OACAC,MAAsB;MAEDA,oBAUnBQ,mBAVmBR,iCAAfS,gBAAeT,kCAAAA,QAAAA,SAAAA,qBAAAA,KAAMU,kBAAY,QAAlBV,uBAAAA,SAAAA,SAAAA,mBAAoBS,kBAAY,QAAhCT,oCAAAA,SAAAA,kCAAoCL,MAAMc,cACnCZ,qBAAAA,iBAAAA,kBAAkB;IAC5Cc,eAAeF,aAAaE;EAC9B,CAAA,GAAA,CAAA,GAFOH,aAAqBX,mBAAAA,CAAAA,GAATe,QAASf,mBAAAA,CAAAA,GAGtBgB,mBAAmBtB,WAAWC,gBAAAA,GAC9BsB,QAAQlB,SAAAA,GACRmB,cAAcrB,eAClBK,OACAU,cACAG,SACAJ,oBAAAA,WAAWQ,WAAK,QAAhBR,sBAAAA,SAAAA,SAAAA,kBAAkBS,SAAQ,IAC1BxB,8BACA,eAAA;IACEyB,YAAY;IACZC,YAAYL;IACZM,QAAQ;IACRC,cAAc;IACdC,cAAc;IACdlB,eAAe;KACZJ,IAAAA,GAEL,MACAa,gBAAAA;AAEF,SAAO;IAACE,YAAYQ;IAAWR,YAAYS,SAAS,CAAC;IAAGZ;IAAOE;;AACjE;",
5
- "names": ["useContext", "ComponentContext", "defaultComponentStateMounted", "useSplitStyles", "Stack", "useMedia", "useThemeWithState", "useProps", "props", "opts", "usePropsAndStyle", "noExpand", "noNormalize", "resolveValues", "propsOut", "styleOut", "useStyle", "themeState", "staticConfig", "forComponent", "componentName", "theme", "componentContext", "media", "splitStyles", "state", "name", "isAnimated", "mediaState", "noSkip", "noMergeStyle", "noClassNames", "viewProps", "style"]
4
+ "mappings": "AAAA,SAASA,YAAYC,iBAAiB;AAEtC,SAASC,iBAAiB;AAC1B,SAASC,wBAAwB;AACjC,SAASC,yBAAyBC,yBAAyB;AAC3D,SAASC,sBAAsB;AAE/B,SAASC,aAAa;AAEtB,SAASC,gBAAgB;AACzB,SAASC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyB3B,SAASC,SACdC,OACAC,MAAsB;AAEtB,MAA6BC,oBAAAA,iBAAAA,iBAAiBF,OAAO,qBAAA,eAAA,CAAA,GAChDC,IAAAA,GAAAA;IACHE,UAAU;IACVC,aAAa;IACbC,eAAe;WAJVC,WAAsBJ,kBAAAA,CAAAA,GAAZK,WAAYL,kBAAAA,CAAAA;AAM7B,SAAO,eAAA,CAAA,GACFI,UACAC,QAAAA;AAEP;AAQO,SAASC,SACdR,OACAC,MAAsB;AAEtB,SAAOC,iBAAiBF,OAAOC,IAAAA,EAAM,CAAA,KAAM,CAAC;AAC9C;AAQO,SAASC,iBACdF,OACAC,MAAsB;MAEDA,oBAiBnBQ,mBAjBmBR,iCAAfS,gBAAeT,kCAAAA,QAAAA,SAAAA,qBAAAA,KAAMU,kBAAY,QAAlBV,uBAAAA,SAAAA,SAAAA,mBAAoBS,kBAAY,QAAhCT,oCAAAA,SAAAA,kCAAoCL,MAAMc,cACnCZ,qBAAAA,iBAAAA,kBAAkB;IAC5Cc,eAAeF,aAAaE;EAC9B,CAAA,GAAA,CAAA,GAFOH,aAAqBX,mBAAAA,CAAAA,GAATe,QAASf,mBAAAA,CAAAA,GAGtBgB,mBAAmBzB,WAAWG,gBAAAA,GACSE,qBAAAA,kBAC3CM,OACAc,kBACAJ,cACAnB,UAAAA,CAAAA,GAJMwB,QAAqCrB,mBAArCqB,OAAOC,WAA8BtB,mBAA9BsB,UAAUC,kBAAoBvB,mBAApBuB,iBAOnBC,QAAQrB,SAAAA,GACRsB,cAAcxB,eAClBK,OACAU,cACAG,SACAJ,oBAAAA,WAAWM,WAAK,QAAhBN,sBAAAA,SAAAA,SAAAA,kBAAkBW,SAAQ,IAC1BL,OACA,eAAA;IACEM,YAAY;IACZC,YAAYJ;IACZK,QAAQ;IACRC,cAAc;IACdC,cAAc;IACdpB,eAAe;KACZJ,IAAAA,GAEL,MACAa,gBAAAA,GAGMY,cAA8BP,YAA9BO,aAAaC,eAAiBR,YAAjBQ;AAErBrC,mBAAU,WAAA;AACR,QAAI0B,WAIJ;UAAID,MAAMa,WAAW;AACnBX,wBAAgB;UAAEW,WAAW;QAAM,CAAA;AACnC;MACF;AAEA,aAAOnC,wBAAwB;QAC7BuB;QACAF;QACAG;QACAF;QACAW;QACAC;MACF,CAAA;;EACF,GAAG;IACDX;IACAW,eAAeE,OAAOC,KAAM,qBAAGH,YAAAA,CAAAA,EAAeI,KAAK,EAAA,IAAM;IACzDL,cAAcG,OAAOC,KAAM,qBAAGJ,WAAAA,CAAAA,EAAcK,KAAK,EAAA,IAAM;GACxD,GAEM;IAACZ,YAAYa;IAAWb,YAAYc,SAAS,CAAC;IAAGpB;IAAOK;;AACjE;",
5
+ "names": ["useContext", "useEffect", "getConfig", "ComponentContext", "subscribeToContextGroup", "useComponentState", "useSplitStyles", "Stack", "useMedia", "useThemeWithState", "useProps", "props", "opts", "usePropsAndStyle", "noExpand", "noNormalize", "resolveValues", "propsOut", "styleOut", "useStyle", "themeState", "staticConfig", "forComponent", "componentName", "theme", "componentContext", "state", "disabled", "setStateShallow", "media", "splitStyles", "name", "isAnimated", "mediaState", "noSkip", "noMergeStyle", "noClassNames", "mediaGroups", "pseudoGroups", "unmounted", "Object", "keys", "join", "viewProps", "style"]
6
6
  }
package/dist/esm/index.js CHANGED
@@ -30,6 +30,7 @@ export * from "./helpers/expandStyles";
30
30
  export * from "./helpers/getExpandedShorthands";
31
31
  export * from "./helpers/getSplitStyles";
32
32
  export * from "./helpers/getStylesAtomic";
33
+ export * from "./createComponent";
33
34
  export * from "./helpers/getThemeCSSRules";
34
35
  export * from "./helpers/getVariantExtras";
35
36
  export * from "./helpers/isTamaguiComponent";
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AASd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;",
4
+ "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AASd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;",
5
5
  "names": []
6
6
  }
@@ -22,6 +22,7 @@ export * from "./helpers/expandStyles.mjs";
22
22
  export * from "./helpers/getExpandedShorthands.mjs";
23
23
  export * from "./helpers/getSplitStyles.mjs";
24
24
  export * from "./helpers/getStylesAtomic.mjs";
25
+ export * from "./createComponent.mjs";
25
26
  export * from "./helpers/getThemeCSSRules.mjs";
26
27
  export * from "./helpers/getVariantExtras.mjs";
27
28
  export * from "./helpers/isTamaguiComponent.mjs";
@@ -22,6 +22,7 @@ export * from "./helpers/expandStyles";
22
22
  export * from "./helpers/getExpandedShorthands";
23
23
  export * from "./helpers/getSplitStyles";
24
24
  export * from "./helpers/getStylesAtomic";
25
+ export * from "./createComponent";
25
26
  export * from "./helpers/getThemeCSSRules";
26
27
  export * from "./helpers/getVariantExtras";
27
28
  export * from "./helpers/isTamaguiComponent";
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Users/n8/tamagui/packages/web/src/index.ts"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AASd,cAAc;AAEd,SACEA,UACAC,WACAC,WACAC,WACAC,cACAC,UACAC,qBACK;AAEP,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SACEC,gBACAC,YACAC,eACAC,UACAC,UACAC,qBACAC,wBACK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;",
4
+ "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AASd,cAAc;AAEd,SACEA,UACAC,WACAC,WACAC,WACAC,cACAC,UACAC,qBACK;AAEP,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SACEC,gBACAC,YACAC,eACAC,UACAC,UACAC,qBACAC,wBACK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;",
5
5
  "names": ["setupDev", "getConfig", "getThemes", "getTokens", "updateConfig", "getToken", "getTokenValue", "configureMedia", "mediaState", "mediaKeyMatch", "useMedia", "getMedia", "mediaObjectToString", "mediaQueryConfig"]
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/web",
3
- "version": "1.92.1",
3
+ "version": "1.93.0",
4
4
  "source": "src/index.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -27,20 +27,20 @@
27
27
  "reset.css"
28
28
  ],
29
29
  "dependencies": {
30
- "@tamagui/compose-refs": "1.92.1",
31
- "@tamagui/constants": "1.92.1",
32
- "@tamagui/helpers": "1.92.1",
33
- "@tamagui/normalize-css-color": "1.92.1",
34
- "@tamagui/timer": "1.92.1",
35
- "@tamagui/types": "1.92.1",
36
- "@tamagui/use-did-finish-ssr": "1.92.1",
37
- "@tamagui/use-event": "1.92.1",
38
- "@tamagui/use-force-update": "1.92.1",
30
+ "@tamagui/compose-refs": "1.93.0",
31
+ "@tamagui/constants": "1.93.0",
32
+ "@tamagui/helpers": "1.93.0",
33
+ "@tamagui/normalize-css-color": "1.93.0",
34
+ "@tamagui/timer": "1.93.0",
35
+ "@tamagui/types": "1.93.0",
36
+ "@tamagui/use-did-finish-ssr": "1.93.0",
37
+ "@tamagui/use-event": "1.93.0",
38
+ "@tamagui/use-force-update": "1.93.0",
39
39
  "react": "^18.2.0",
40
40
  "react-dom": "^18.2.0"
41
41
  },
42
42
  "devDependencies": {
43
- "@tamagui/build": "1.92.1",
43
+ "@tamagui/build": "1.93.0",
44
44
  "@testing-library/react": "^14.0.0",
45
45
  "csstype": "^3.0.10",
46
46
  "typescript": "^5.3.3",
@@ -58,7 +58,7 @@
58
58
  "./native": {
59
59
  "import": "./dist/esm/index.native.js",
60
60
  "require": "./dist/cjs/index.native.js",
61
- "react-native": "./dist/cjs/index.native.js"
61
+ "react-native": "./dist/cjs/index.native.native.js"
62
62
  },
63
63
  "./inject-styles": {
64
64
  "types": "./types/inject-styles.d.ts",
package/reset.css CHANGED
@@ -4,6 +4,7 @@ body, #root, #__next {
4
4
  flex-direction: column;
5
5
  min-height: 100vh;
6
6
  min-width: calc(100vw - (100vw - 100%)); /* reserve space for scrollbar */
7
+ margin: 0;
7
8
  }
8
9
 
9
10
  * {