@tamagui/core 2.1.0 → 2.2.0-1781044625560
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.
- package/.turbo/turbo-build.log +2 -2
- package/dist/esm/index.js +8 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +8 -10
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +8 -9
- package/dist/esm/index.native.js.map +1 -1
- package/dist/native.cjs +156 -142
- package/dist/test.native.cjs +110 -95
- package/package.json +10 -10
package/.turbo/turbo-build.log
CHANGED
package/dist/esm/index.js
CHANGED
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
import { TamaguiProvider as TamaguiProvider$1, Text as Text$1, View as View$1, createTamagui as createTamagui$1, setupHooks, useIsomorphicLayoutEffect } from "@tamagui/web";
|
|
2
2
|
import { createMedia } from "@tamagui/react-native-media-driver";
|
|
3
3
|
import { isWeb } from "@tamagui/constants";
|
|
4
|
-
import { createMeasure, createMeasureInWindow, createMeasureLayout, enable, useElementLayout } from "@tamagui/use-element-layout";
|
|
5
|
-
import { TamaguiProvider as WebTamaguiProvider, Text as WebText, View as WebView, createTamagui as createTamaguiWeb, setupHooks, useIsomorphicLayoutEffect } from "@tamagui/web";
|
|
6
|
-
import { createOptimizedView } from "./createOptimizedView.mjs";
|
|
4
|
+
import { LayoutMeasurementController, createMeasure, createMeasureInWindow, createMeasureLayout, enable, registerLayoutNode, setOnLayoutStrategy, useElementLayout } from "@tamagui/use-element-layout";
|
|
7
5
|
import { getBaseViews } from "./getBaseViews.mjs";
|
|
8
|
-
import { LayoutMeasurementController, registerLayoutNode, setOnLayoutStrategy } from "@tamagui/use-element-layout";
|
|
9
|
-
export * from "./reactNativeTypes.mjs";
|
|
10
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
export * from "@tamagui/web";
|
|
8
|
+
export * from "./reactNativeTypes.mjs";
|
|
11
9
|
const TamaguiProvider = props => {
|
|
12
10
|
useIsomorphicLayoutEffect(() => {
|
|
13
11
|
enable();
|
|
14
12
|
}, []);
|
|
15
|
-
return /* @__PURE__ */jsx(
|
|
13
|
+
return /* @__PURE__ */jsx(TamaguiProvider$1, {
|
|
16
14
|
...props
|
|
17
15
|
});
|
|
18
16
|
};
|
|
@@ -20,7 +18,7 @@ const createTamagui = conf => {
|
|
|
20
18
|
if (!isWeb) {
|
|
21
19
|
if (conf.media) conf.media = createMedia(conf.media);
|
|
22
20
|
}
|
|
23
|
-
return
|
|
21
|
+
return createTamagui$1(conf);
|
|
24
22
|
};
|
|
25
23
|
getBaseViews();
|
|
26
24
|
setupHooks({
|
|
@@ -77,7 +75,7 @@ setupHooks({
|
|
|
77
75
|
}
|
|
78
76
|
}
|
|
79
77
|
});
|
|
80
|
-
const View =
|
|
81
|
-
const Text =
|
|
78
|
+
const View = View$1;
|
|
79
|
+
const Text = Text$1;
|
|
82
80
|
export { LayoutMeasurementController, TamaguiProvider, Text, View, createTamagui, registerLayoutNode, setOnLayoutStrategy };
|
|
83
81
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["TamaguiProvider","TamaguiProvider$1","Text","Text$1","View","View$1","createTamagui","createTamagui$1","setupHooks","useIsomorphicLayoutEffect","createMedia","isWeb","LayoutMeasurementController","createMeasure","createMeasureInWindow","createMeasureLayout","enable","registerLayoutNode","setOnLayoutStrategy","useElementLayout","getBaseViews","jsx","props","conf","media","setElementProps","node","measure","measureInWindow","measureLayout","usePropsTransform","elementType","propsIn","stateRef","willHydrate","isDOM","onMoveShouldSetResponder","onMoveShouldSetResponderCapture","onResponderEnd","onResponderGrant","onResponderMove","onResponderReject","onResponderRelease","onResponderStart","onResponderTerminate","onResponderTerminationRequest","onScrollShouldSetResponder","onScrollShouldSetResponderCapture","onSelectionChangeShouldSetResponder","onSelectionChangeShouldSetResponderCapture","onStartShouldSetResponder","onStartShouldSetResponderCapture","collapsable","focusable","accessible","accessibilityDisabled","onLayout","hrefAttrs","plainDOMProps","href","download","rel","target","charAt"],"sources":["index.mjs"],"sourcesContent":["import { TamaguiProvider as TamaguiProvider$1, Text as Text$1, View as View$1, createTamagui as createTamagui$1, setupHooks, useIsomorphicLayoutEffect } from \"@tamagui/web\";\nimport { createMedia } from \"@tamagui/react-native-media-driver\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { LayoutMeasurementController, createMeasure, createMeasureInWindow, createMeasureLayout, enable, registerLayoutNode, setOnLayoutStrategy, useElementLayout } from \"@tamagui/use-element-layout\";\nimport { getBaseViews } from \"./getBaseViews\";\nimport { jsx } from \"react/jsx-runtime\";\n\nexport * from \"@tamagui/web\"\n\nexport * from \"./reactNativeTypes\"\n\nconst TamaguiProvider = (props) => {\n\tuseIsomorphicLayoutEffect(() => {\n\t\tenable();\n\t}, []);\n\treturn /* @__PURE__ */ jsx(TamaguiProvider$1, { ...props });\n};\nconst createTamagui = (conf) => {\n\tif (!isWeb) {\n\t\tif (conf.media) conf.media = createMedia(conf.media);\n\t}\n\treturn createTamagui$1(conf);\n};\ngetBaseViews();\nsetupHooks({\n\tgetBaseViews,\n\tsetElementProps: (node) => {\n\t\tif (node && !node[\"measure\"]) {\n\t\t\tnode.measure ||= createMeasure(node);\n\t\t\tnode.measureInWindow ||= createMeasureInWindow(node);\n\t\t\tnode.measureLayout ||= createMeasureLayout(node);\n\t\t}\n\t},\n\tusePropsTransform(elementType, propsIn, stateRef, willHydrate) {\n\t\t{\n\t\t\tconst isDOM = typeof elementType === \"string\";\n\t\t\tconst { onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, collapsable, focusable, accessible, accessibilityDisabled, onLayout, hrefAttrs, ...plainDOMProps } = propsIn;\n\t\t\tif (willHydrate || isDOM) useElementLayout(stateRef, !isDOM ? void 0 : onLayout);\n\t\t\tif (isDOM) {\n\t\t\t\tif (plainDOMProps.href && hrefAttrs) {\n\t\t\t\t\tconst { download, rel, target } = hrefAttrs;\n\t\t\t\t\tif (download != null) plainDOMProps.download = download;\n\t\t\t\t\tif (rel) plainDOMProps.rel = rel;\n\t\t\t\t\tif (typeof target === \"string\") plainDOMProps.target = target.charAt(0) !== \"_\" ? `_${target}` : target;\n\t\t\t\t}\n\t\t\t\treturn plainDOMProps;\n\t\t\t}\n\t\t}\n\t}\n});\nconst View = View$1;\nconst Text = Text$1;\n\nexport { LayoutMeasurementController, TamaguiProvider, Text, View, createTamagui, registerLayoutNode, setOnLayoutStrategy };"],"mappings":"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","ignoreList":[]}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
import { TamaguiProvider as TamaguiProvider$1, Text as Text$1, View as View$1, createTamagui as createTamagui$1, setupHooks, useIsomorphicLayoutEffect } from "@tamagui/web";
|
|
2
2
|
import { createMedia } from "@tamagui/react-native-media-driver";
|
|
3
3
|
import { isWeb } from "@tamagui/constants";
|
|
4
|
-
import { createMeasure, createMeasureInWindow, createMeasureLayout, enable, useElementLayout } from "@tamagui/use-element-layout";
|
|
5
|
-
import { TamaguiProvider as WebTamaguiProvider, Text as WebText, View as WebView, createTamagui as createTamaguiWeb, setupHooks, useIsomorphicLayoutEffect } from "@tamagui/web";
|
|
6
|
-
import { createOptimizedView } from "./createOptimizedView.mjs";
|
|
4
|
+
import { LayoutMeasurementController, createMeasure, createMeasureInWindow, createMeasureLayout, enable, registerLayoutNode, setOnLayoutStrategy, useElementLayout } from "@tamagui/use-element-layout";
|
|
7
5
|
import { getBaseViews } from "./getBaseViews.mjs";
|
|
8
|
-
import { LayoutMeasurementController, registerLayoutNode, setOnLayoutStrategy } from "@tamagui/use-element-layout";
|
|
9
|
-
export * from "./reactNativeTypes.mjs";
|
|
10
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
export * from "@tamagui/web";
|
|
8
|
+
export * from "./reactNativeTypes.mjs";
|
|
11
9
|
const TamaguiProvider = props => {
|
|
12
10
|
useIsomorphicLayoutEffect(() => {
|
|
13
11
|
enable();
|
|
14
12
|
}, []);
|
|
15
|
-
return /* @__PURE__ */jsx(
|
|
13
|
+
return /* @__PURE__ */jsx(TamaguiProvider$1, {
|
|
16
14
|
...props
|
|
17
15
|
});
|
|
18
16
|
};
|
|
@@ -20,7 +18,7 @@ const createTamagui = conf => {
|
|
|
20
18
|
if (!isWeb) {
|
|
21
19
|
if (conf.media) conf.media = createMedia(conf.media);
|
|
22
20
|
}
|
|
23
|
-
return
|
|
21
|
+
return createTamagui$1(conf);
|
|
24
22
|
};
|
|
25
23
|
getBaseViews();
|
|
26
24
|
setupHooks({
|
|
@@ -77,7 +75,7 @@ setupHooks({
|
|
|
77
75
|
}
|
|
78
76
|
}
|
|
79
77
|
});
|
|
80
|
-
const View =
|
|
81
|
-
const Text =
|
|
78
|
+
const View = View$1;
|
|
79
|
+
const Text = Text$1;
|
|
82
80
|
export { LayoutMeasurementController, TamaguiProvider, Text, View, createTamagui, registerLayoutNode, setOnLayoutStrategy };
|
|
83
81
|
//# sourceMappingURL=index.mjs.map
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["TamaguiProvider","TamaguiProvider$1","Text","Text$1","View","View$1","createTamagui","createTamagui$1","setupHooks","useIsomorphicLayoutEffect","createMedia","isWeb","LayoutMeasurementController","createMeasure","createMeasureInWindow","createMeasureLayout","enable","registerLayoutNode","setOnLayoutStrategy","useElementLayout","getBaseViews","jsx","props","conf","media","setElementProps","node","measure","measureInWindow","measureLayout","usePropsTransform","elementType","propsIn","stateRef","willHydrate","isDOM","onMoveShouldSetResponder","onMoveShouldSetResponderCapture","onResponderEnd","onResponderGrant","onResponderMove","onResponderReject","onResponderRelease","onResponderStart","onResponderTerminate","onResponderTerminationRequest","onScrollShouldSetResponder","onScrollShouldSetResponderCapture","onSelectionChangeShouldSetResponder","onSelectionChangeShouldSetResponderCapture","onStartShouldSetResponder","onStartShouldSetResponderCapture","collapsable","focusable","accessible","accessibilityDisabled","onLayout","hrefAttrs","plainDOMProps","href","download","rel","target","charAt"],"sources":["index.mjs"],"sourcesContent":["import { TamaguiProvider as TamaguiProvider$1, Text as Text$1, View as View$1, createTamagui as createTamagui$1, setupHooks, useIsomorphicLayoutEffect } from \"@tamagui/web\";\nimport { createMedia } from \"@tamagui/react-native-media-driver\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { LayoutMeasurementController, createMeasure, createMeasureInWindow, createMeasureLayout, enable, registerLayoutNode, setOnLayoutStrategy, useElementLayout } from \"@tamagui/use-element-layout\";\nimport { getBaseViews } from \"./getBaseViews\";\nimport { jsx } from \"react/jsx-runtime\";\n\nexport * from \"@tamagui/web\"\n\nexport * from \"./reactNativeTypes\"\n\nconst TamaguiProvider = (props) => {\n\tuseIsomorphicLayoutEffect(() => {\n\t\tenable();\n\t}, []);\n\treturn /* @__PURE__ */ jsx(TamaguiProvider$1, { ...props });\n};\nconst createTamagui = (conf) => {\n\tif (!isWeb) {\n\t\tif (conf.media) conf.media = createMedia(conf.media);\n\t}\n\treturn createTamagui$1(conf);\n};\ngetBaseViews();\nsetupHooks({\n\tgetBaseViews,\n\tsetElementProps: (node) => {\n\t\tif (node && !node[\"measure\"]) {\n\t\t\tnode.measure ||= createMeasure(node);\n\t\t\tnode.measureInWindow ||= createMeasureInWindow(node);\n\t\t\tnode.measureLayout ||= createMeasureLayout(node);\n\t\t}\n\t},\n\tusePropsTransform(elementType, propsIn, stateRef, willHydrate) {\n\t\t{\n\t\t\tconst isDOM = typeof elementType === \"string\";\n\t\t\tconst { onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, collapsable, focusable, accessible, accessibilityDisabled, onLayout, hrefAttrs, ...plainDOMProps } = propsIn;\n\t\t\tif (willHydrate || isDOM) useElementLayout(stateRef, !isDOM ? void 0 : onLayout);\n\t\t\tif (isDOM) {\n\t\t\t\tif (plainDOMProps.href && hrefAttrs) {\n\t\t\t\t\tconst { download, rel, target } = hrefAttrs;\n\t\t\t\t\tif (download != null) plainDOMProps.download = download;\n\t\t\t\t\tif (rel) plainDOMProps.rel = rel;\n\t\t\t\t\tif (typeof target === \"string\") plainDOMProps.target = target.charAt(0) !== \"_\" ? `_${target}` : target;\n\t\t\t\t}\n\t\t\t\treturn plainDOMProps;\n\t\t\t}\n\t\t}\n\t}\n});\nconst View = View$1;\nconst Text = Text$1;\n\nexport { LayoutMeasurementController, TamaguiProvider, Text, View, createTamagui, registerLayoutNode, setOnLayoutStrategy };"],"mappings":"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","ignoreList":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { TamaguiProvider as TamaguiProvider$1, Text as Text$1, View as View$1, createTamagui as createTamagui$1, setupHooks, useIsomorphicLayoutEffect } from "@tamagui/web";
|
|
3
3
|
import { createMedia } from "@tamagui/react-native-media-driver";
|
|
4
4
|
import { isWeb } from "@tamagui/constants";
|
|
5
|
-
import {
|
|
6
|
-
import { TamaguiProvider as WebTamaguiProvider, Text as WebText, View as WebView, createTamagui as createTamaguiWeb, setupHooks, useIsomorphicLayoutEffect } from "@tamagui/web";
|
|
5
|
+
import { LayoutMeasurementController, enable, registerLayoutNode, setOnLayoutStrategy } from "@tamagui/use-element-layout";
|
|
7
6
|
import { createOptimizedView } from "./createOptimizedView.native.js";
|
|
8
7
|
import { getBaseViews } from "./getBaseViews.native.js";
|
|
9
|
-
|
|
8
|
+
export * from "@tamagui/web";
|
|
10
9
|
export * from "./reactNativeTypes.native.js";
|
|
11
10
|
var GESTURE_STATE_KEY = "__tamagui_gesture__";
|
|
12
11
|
var GESTURE_ENABLED_FREEZE_KEY = "__tamagui_gesture_enabled_freeze__";
|
|
@@ -30,7 +29,7 @@ var TamaguiProvider = function (props) {
|
|
|
30
29
|
useIsomorphicLayoutEffect(function () {
|
|
31
30
|
enable();
|
|
32
31
|
}, []);
|
|
33
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */jsx(TamaguiProvider$1, {
|
|
34
33
|
...props
|
|
35
34
|
});
|
|
36
35
|
};
|
|
@@ -38,7 +37,7 @@ var createTamagui = function (conf) {
|
|
|
38
37
|
if (!isWeb) {
|
|
39
38
|
if (conf.media) conf.media = createMedia(conf.media);
|
|
40
39
|
}
|
|
41
|
-
return
|
|
40
|
+
return createTamagui$1(conf);
|
|
42
41
|
};
|
|
43
42
|
var baseViews = getBaseViews();
|
|
44
43
|
setupHooks({
|
|
@@ -50,7 +49,7 @@ setupHooks({
|
|
|
50
49
|
if (elementType === baseViews.View && baseViews.TextAncestor) return createOptimizedView(children, viewProps, baseViews);
|
|
51
50
|
}
|
|
52
51
|
});
|
|
53
|
-
var View =
|
|
54
|
-
var Text =
|
|
52
|
+
var View = View$1;
|
|
53
|
+
var Text = Text$1;
|
|
55
54
|
export { LayoutMeasurementController, TamaguiProvider, Text, View, createTamagui, registerLayoutNode, setOnLayoutStrategy };
|
|
56
55
|
//# sourceMappingURL=index.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","
|
|
1
|
+
{"version":3,"names":["jsx","TamaguiProvider","TamaguiProvider$1","Text","Text$1","View","View$1","createTamagui","createTamagui$1","setupHooks","useIsomorphicLayoutEffect","createMedia","isWeb","LayoutMeasurementController","enable","registerLayoutNode","setOnLayoutStrategy","createOptimizedView","getBaseViews","GESTURE_STATE_KEY","GESTURE_ENABLED_FREEZE_KEY","freezeGestureHandlerEnabledMode","_g_GESTURE_STATE_KEY","_g","_GESTURE_ENABLED_FREEZE_KEY","g","globalThis","_","freezeState","frozen","enabled","warned","Boolean","props","conf","media","baseViews","setElementProps","node","usePropsTransform","elementType","propsIn","stateRef","willHydrate","useChildren","children","viewProps","process","env","NODE_ENV","TextAncestor"],"sources":["index.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { TamaguiProvider as TamaguiProvider$1, Text as Text$1, View as View$1, createTamagui as createTamagui$1, setupHooks, useIsomorphicLayoutEffect } from \"@tamagui/web\";\nimport { createMedia } from \"@tamagui/react-native-media-driver\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { LayoutMeasurementController, enable, registerLayoutNode, setOnLayoutStrategy } from \"@tamagui/use-element-layout\";\nimport { createOptimizedView } from \"./createOptimizedView\";\nimport { getBaseViews } from \"./getBaseViews\";\n\nexport * from \"@tamagui/web\"\n\nexport * from \"./reactNativeTypes\"\n\nvar GESTURE_STATE_KEY = \"__tamagui_gesture__\";\nvar GESTURE_ENABLED_FREEZE_KEY = \"__tamagui_gesture_enabled_freeze__\";\nfunction freezeGestureHandlerEnabledMode() {\n\tvar _g_GESTURE_STATE_KEY;\n\tvar _g, _GESTURE_ENABLED_FREEZE_KEY;\n\tvar g = globalThis;\n\tvar _;\n\tvar freezeState = (_ = (_g = g)[_GESTURE_ENABLED_FREEZE_KEY = GESTURE_ENABLED_FREEZE_KEY]) !== null && _ !== void 0 ? _ : _g[_GESTURE_ENABLED_FREEZE_KEY] = {\n\t\tfrozen: false,\n\t\tenabled: false,\n\t\twarned: false\n\t};\n\tif (freezeState.frozen) return;\n\tfreezeState.frozen = true;\n\tfreezeState.enabled = Boolean((_g_GESTURE_STATE_KEY = g[GESTURE_STATE_KEY]) === null || _g_GESTURE_STATE_KEY === void 0 ? void 0 : _g_GESTURE_STATE_KEY.enabled);\n\tfreezeState.warned = false;\n}\nvar TamaguiProvider = function(props) {\n\tfreezeGestureHandlerEnabledMode();\n\tuseIsomorphicLayoutEffect(function() {\n\t\tenable();\n\t}, []);\n\treturn /* @__PURE__ */ jsx(TamaguiProvider$1, { ...props });\n};\nvar createTamagui = function(conf) {\n\tif (!isWeb) {\n\t\tif (conf.media) conf.media = createMedia(conf.media);\n\t}\n\treturn createTamagui$1(conf);\n};\nvar baseViews = getBaseViews();\nsetupHooks({\n\tgetBaseViews,\n\tsetElementProps: function(node) {},\n\tusePropsTransform(elementType, propsIn, stateRef, willHydrate) {},\n\tuseChildren(elementType, children, viewProps) {\n\t\tif (process.env.NODE_ENV === \"test\") return;\n\t\tif (elementType === baseViews.View && baseViews.TextAncestor) return createOptimizedView(children, viewProps, baseViews);\n\t}\n});\nvar View = View$1;\nvar Text = Text$1;\n\nexport { LayoutMeasurementController, TamaguiProvider, Text, View, createTamagui, registerLayoutNode, setOnLayoutStrategy };"],"mappings":"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","ignoreList":[]}
|
package/dist/native.cjs
CHANGED
|
@@ -10118,37 +10118,6 @@ var init_Appearance = __esmMin((() => {
|
|
|
10118
10118
|
};
|
|
10119
10119
|
}));
|
|
10120
10120
|
//#endregion
|
|
10121
|
-
//#region ../../../node_modules/react-dom/cjs/react-dom.production.js
|
|
10122
|
-
/**
|
|
10123
|
-
* @license React
|
|
10124
|
-
* react-dom.production.js
|
|
10125
|
-
*
|
|
10126
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
10127
|
-
*
|
|
10128
|
-
* This source code is licensed under the MIT license found in the
|
|
10129
|
-
* LICENSE file in the root directory of this source tree.
|
|
10130
|
-
*/
|
|
10131
|
-
var require_react_dom_production = /* @__PURE__ */ __commonJSMin(((exports) => {
|
|
10132
|
-
require("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
|
|
10133
|
-
exports.unstable_batchedUpdates = function(fn, a) {
|
|
10134
|
-
return fn(a);
|
|
10135
|
-
};
|
|
10136
|
-
}));
|
|
10137
|
-
//#endregion
|
|
10138
|
-
//#region ../../../node_modules/react-dom/index.js
|
|
10139
|
-
var require_react_dom = /* @__PURE__ */ __commonJSMin(((exports, module) => {
|
|
10140
|
-
function checkDCE() {
|
|
10141
|
-
if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== "function") return;
|
|
10142
|
-
try {
|
|
10143
|
-
__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
|
|
10144
|
-
} catch (err) {
|
|
10145
|
-
console.error(err);
|
|
10146
|
-
}
|
|
10147
|
-
}
|
|
10148
|
-
checkDCE();
|
|
10149
|
-
module.exports = require_react_dom_production();
|
|
10150
|
-
}));
|
|
10151
|
-
//#endregion
|
|
10152
10121
|
//#region ../../packages/react-native-web-lite/dist/esm/AppRegistry/AppContainer.mjs
|
|
10153
10122
|
var RootTagContext$1, AppContainer, styles$5;
|
|
10154
10123
|
var init_AppContainer = __esmMin((() => {
|
|
@@ -10215,9 +10184,8 @@ var init_renderApplication = __esmMin((() => {
|
|
|
10215
10184
|
}));
|
|
10216
10185
|
//#endregion
|
|
10217
10186
|
//#region ../../packages/react-native-web-lite/dist/esm/AppRegistry/index.mjs
|
|
10218
|
-
var
|
|
10187
|
+
var emptyObject$2, runnables, componentProviderInstrumentationHook, wrapperComponentProvider, AppRegistry;
|
|
10219
10188
|
var init_AppRegistry = __esmMin((() => {
|
|
10220
|
-
import_react_dom$1 = require_react_dom();
|
|
10221
10189
|
init_esm$1();
|
|
10222
10190
|
init_renderApplication();
|
|
10223
10191
|
emptyObject$2 = {};
|
|
@@ -10268,7 +10236,8 @@ var init_AppRegistry = __esmMin((() => {
|
|
|
10268
10236
|
wrapperComponentProvider = provider;
|
|
10269
10237
|
}
|
|
10270
10238
|
static unmountApplicationComponentAtRootTag(rootTag) {
|
|
10271
|
-
|
|
10239
|
+
var _rootTag$unmount;
|
|
10240
|
+
rootTag === null || rootTag === void 0 || (_rootTag$unmount = rootTag.unmount) === null || _rootTag$unmount === void 0 || _rootTag$unmount.call(rootTag);
|
|
10272
10241
|
}
|
|
10273
10242
|
};
|
|
10274
10243
|
}));
|
|
@@ -11625,6 +11594,37 @@ var init_useWindowDimensions = __esmMin((() => {
|
|
|
11625
11594
|
init_Dimensions();
|
|
11626
11595
|
}));
|
|
11627
11596
|
//#endregion
|
|
11597
|
+
//#region ../../../node_modules/react-dom/cjs/react-dom.production.js
|
|
11598
|
+
/**
|
|
11599
|
+
* @license React
|
|
11600
|
+
* react-dom.production.js
|
|
11601
|
+
*
|
|
11602
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
11603
|
+
*
|
|
11604
|
+
* This source code is licensed under the MIT license found in the
|
|
11605
|
+
* LICENSE file in the root directory of this source tree.
|
|
11606
|
+
*/
|
|
11607
|
+
var require_react_dom_production = /* @__PURE__ */ __commonJSMin(((exports) => {
|
|
11608
|
+
require("react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
|
|
11609
|
+
exports.unstable_batchedUpdates = function(fn, a) {
|
|
11610
|
+
return fn(a);
|
|
11611
|
+
};
|
|
11612
|
+
}));
|
|
11613
|
+
//#endregion
|
|
11614
|
+
//#region ../../../node_modules/react-dom/index.js
|
|
11615
|
+
var require_react_dom = /* @__PURE__ */ __commonJSMin(((exports, module) => {
|
|
11616
|
+
function checkDCE() {
|
|
11617
|
+
if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== "function") return;
|
|
11618
|
+
try {
|
|
11619
|
+
__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
|
|
11620
|
+
} catch (err) {
|
|
11621
|
+
console.error(err);
|
|
11622
|
+
}
|
|
11623
|
+
}
|
|
11624
|
+
checkDCE();
|
|
11625
|
+
module.exports = require_react_dom_production();
|
|
11626
|
+
}));
|
|
11627
|
+
//#endregion
|
|
11628
11628
|
//#region ../../packages/react-native-web-lite/dist/esm/index.mjs
|
|
11629
11629
|
var esm_exports = /* @__PURE__ */ __exportAll({
|
|
11630
11630
|
AccessibilityInfo: () => AccessibilityInfo,
|
|
@@ -11769,7 +11769,7 @@ var init_esm = __esmMin((() => {
|
|
|
11769
11769
|
}));
|
|
11770
11770
|
//#endregion
|
|
11771
11771
|
//#region ../constants/dist/esm/constants.native.js
|
|
11772
|
-
var isWeb, isBrowser, isServer, isClient, isWindowDefined, useIsomorphicLayoutEffect, isChrome, isWebTouchable, isTouchable, isAndroid, isIos, isTV, currentPlatform;
|
|
11772
|
+
var isWeb, isBrowser, isServer, isClient, isWindowDefined, useIsomorphicLayoutEffect, isChrome, isWebTouchable, isNativeDesktop, isTouchable, isAndroid, isIos, supportsDynamicColorIOS, isTV, currentPlatform;
|
|
11773
11773
|
var init_constants_native$1 = __esmMin((() => {
|
|
11774
11774
|
init_esm();
|
|
11775
11775
|
isWeb = false;
|
|
@@ -11780,13 +11780,17 @@ var init_constants_native$1 = __esmMin((() => {
|
|
|
11780
11780
|
useIsomorphicLayoutEffect = react.useLayoutEffect;
|
|
11781
11781
|
isChrome = false;
|
|
11782
11782
|
isWebTouchable = false;
|
|
11783
|
-
|
|
11783
|
+
isNativeDesktop = (Platform === null || Platform === void 0 ? void 0 : Platform.OS) === "macos" || (Platform === null || Platform === void 0 ? void 0 : Platform.OS) === "windows";
|
|
11784
|
+
isTouchable = !isNativeDesktop;
|
|
11784
11785
|
isAndroid = (Platform === null || Platform === void 0 ? void 0 : Platform.OS) === "android" || process.env.TEST_NATIVE_PLATFORM === "android" || process.env.TEST_NATIVE_PLATFORM === "androidtv";
|
|
11785
11786
|
isIos = (Platform === null || Platform === void 0 ? void 0 : Platform.OS) === "ios" || process.env.TEST_NATIVE_PLATFORM === "ios" || process.env.TEST_NATIVE_PLATFORM === "tvos";
|
|
11787
|
+
supportsDynamicColorIOS = isIos || process.env.TAMAGUI_DYNAMIC_COLOR_IOS === "1";
|
|
11786
11788
|
isTV = (Platform === null || Platform === void 0 ? void 0 : Platform.isTV) || process.env.TEST_NATIVE_PLATFORM === "androidtv" || process.env.TEST_NATIVE_PLATFORM === "tvos";
|
|
11787
11789
|
currentPlatform = ((Platform === null || Platform === void 0 ? void 0 : Platform.OS) ? {
|
|
11788
11790
|
ios: "ios",
|
|
11789
|
-
android: "android"
|
|
11791
|
+
android: "android",
|
|
11792
|
+
macos: "macos",
|
|
11793
|
+
windows: "windows"
|
|
11790
11794
|
}[Platform.OS] : void 0) || "native";
|
|
11791
11795
|
}));
|
|
11792
11796
|
//#endregion
|
|
@@ -12384,83 +12388,6 @@ var init_shouldRenderNativePlatform_native = __esmMin((() => {
|
|
|
12384
12388
|
];
|
|
12385
12389
|
}));
|
|
12386
12390
|
//#endregion
|
|
12387
|
-
//#region ../helpers/dist/esm/webOnlyStyleProps.native.js
|
|
12388
|
-
var nonAnimatableWebViewProps, nonAnimatableWebTextProps, webOnlyStylePropsView, webOnlyStylePropsText;
|
|
12389
|
-
var init_webOnlyStyleProps_native = __esmMin((() => {
|
|
12390
|
-
init_objectSpread2();
|
|
12391
|
-
nonAnimatableWebViewProps = {
|
|
12392
|
-
backgroundAttachment: true,
|
|
12393
|
-
backgroundBlendMode: true,
|
|
12394
|
-
backgroundClip: true,
|
|
12395
|
-
backgroundOrigin: true,
|
|
12396
|
-
backgroundRepeat: true,
|
|
12397
|
-
borderBottomStyle: true,
|
|
12398
|
-
borderLeftStyle: true,
|
|
12399
|
-
borderRightStyle: true,
|
|
12400
|
-
borderTopStyle: true,
|
|
12401
|
-
contain: true,
|
|
12402
|
-
containerType: true,
|
|
12403
|
-
content: true,
|
|
12404
|
-
float: true,
|
|
12405
|
-
maskBorderMode: true,
|
|
12406
|
-
maskBorderRepeat: true,
|
|
12407
|
-
maskClip: true,
|
|
12408
|
-
maskComposite: true,
|
|
12409
|
-
maskMode: true,
|
|
12410
|
-
maskOrigin: true,
|
|
12411
|
-
maskRepeat: true,
|
|
12412
|
-
maskType: true,
|
|
12413
|
-
objectFit: true,
|
|
12414
|
-
overflowBlock: true,
|
|
12415
|
-
overflowInline: true,
|
|
12416
|
-
overflowX: true,
|
|
12417
|
-
overflowY: true,
|
|
12418
|
-
pointerEvents: true,
|
|
12419
|
-
scrollbarWidth: true,
|
|
12420
|
-
textWrap: true,
|
|
12421
|
-
touchAction: true,
|
|
12422
|
-
transformStyle: true,
|
|
12423
|
-
willChange: true
|
|
12424
|
-
};
|
|
12425
|
-
nonAnimatableWebTextProps = {
|
|
12426
|
-
whiteSpace: true,
|
|
12427
|
-
wordWrap: true,
|
|
12428
|
-
textOverflow: true,
|
|
12429
|
-
WebkitBoxOrient: true
|
|
12430
|
-
};
|
|
12431
|
-
webOnlyStylePropsView = _objectSpread2(_objectSpread2({}, nonAnimatableWebViewProps), {}, {
|
|
12432
|
-
transition: true,
|
|
12433
|
-
backdropFilter: true,
|
|
12434
|
-
WebkitBackdropFilter: true,
|
|
12435
|
-
background: true,
|
|
12436
|
-
borderTop: true,
|
|
12437
|
-
borderRight: true,
|
|
12438
|
-
borderBottom: true,
|
|
12439
|
-
borderLeft: true,
|
|
12440
|
-
backgroundPosition: true,
|
|
12441
|
-
backgroundSize: true,
|
|
12442
|
-
borderImage: true,
|
|
12443
|
-
caretColor: true,
|
|
12444
|
-
clipPath: true,
|
|
12445
|
-
mask: true,
|
|
12446
|
-
maskBorder: true,
|
|
12447
|
-
maskBorderOutset: true,
|
|
12448
|
-
maskBorderSlice: true,
|
|
12449
|
-
maskBorderSource: true,
|
|
12450
|
-
maskBorderWidth: true,
|
|
12451
|
-
maskImage: true,
|
|
12452
|
-
maskPosition: true,
|
|
12453
|
-
maskSize: true,
|
|
12454
|
-
objectPosition: true,
|
|
12455
|
-
textEmphasis: true,
|
|
12456
|
-
userSelect: true
|
|
12457
|
-
});
|
|
12458
|
-
webOnlyStylePropsText = _objectSpread2(_objectSpread2({}, nonAnimatableWebTextProps), {}, {
|
|
12459
|
-
textDecorationDistance: true,
|
|
12460
|
-
WebkitLineClamp: true
|
|
12461
|
-
});
|
|
12462
|
-
}));
|
|
12463
|
-
//#endregion
|
|
12464
12391
|
//#region ../helpers/dist/esm/validStyleProps.native.js
|
|
12465
12392
|
var cssShorthandLonghands, textColors, tokenCategories, nonAnimatableViewProps, nonAnimatableFontProps, nonAnimatableTextOnlyProps, nonAnimatableUnitlessProps, nonAnimatableStyleProps, stylePropsUnitless, stylePropsTransform, stylePropsView, stylePropsTextOnly, stylePropsText, stylePropsAll, validPseudoKeys, validStyles;
|
|
12466
12393
|
var init_validStyleProps_native = __esmMin((() => {
|
|
@@ -12747,6 +12674,83 @@ var init_withStaticProperties_native = __esmMin((() => {
|
|
|
12747
12674
|
};
|
|
12748
12675
|
}));
|
|
12749
12676
|
//#endregion
|
|
12677
|
+
//#region ../helpers/dist/esm/webOnlyStyleProps.native.js
|
|
12678
|
+
var nonAnimatableWebViewProps, nonAnimatableWebTextProps, webOnlyStylePropsView, webOnlyStylePropsText;
|
|
12679
|
+
var init_webOnlyStyleProps_native = __esmMin((() => {
|
|
12680
|
+
init_objectSpread2();
|
|
12681
|
+
nonAnimatableWebViewProps = {
|
|
12682
|
+
backgroundAttachment: true,
|
|
12683
|
+
backgroundBlendMode: true,
|
|
12684
|
+
backgroundClip: true,
|
|
12685
|
+
backgroundOrigin: true,
|
|
12686
|
+
backgroundRepeat: true,
|
|
12687
|
+
borderBottomStyle: true,
|
|
12688
|
+
borderLeftStyle: true,
|
|
12689
|
+
borderRightStyle: true,
|
|
12690
|
+
borderTopStyle: true,
|
|
12691
|
+
contain: true,
|
|
12692
|
+
containerType: true,
|
|
12693
|
+
content: true,
|
|
12694
|
+
float: true,
|
|
12695
|
+
maskBorderMode: true,
|
|
12696
|
+
maskBorderRepeat: true,
|
|
12697
|
+
maskClip: true,
|
|
12698
|
+
maskComposite: true,
|
|
12699
|
+
maskMode: true,
|
|
12700
|
+
maskOrigin: true,
|
|
12701
|
+
maskRepeat: true,
|
|
12702
|
+
maskType: true,
|
|
12703
|
+
objectFit: true,
|
|
12704
|
+
overflowBlock: true,
|
|
12705
|
+
overflowInline: true,
|
|
12706
|
+
overflowX: true,
|
|
12707
|
+
overflowY: true,
|
|
12708
|
+
pointerEvents: true,
|
|
12709
|
+
scrollbarWidth: true,
|
|
12710
|
+
textWrap: true,
|
|
12711
|
+
touchAction: true,
|
|
12712
|
+
transformStyle: true,
|
|
12713
|
+
willChange: true
|
|
12714
|
+
};
|
|
12715
|
+
nonAnimatableWebTextProps = {
|
|
12716
|
+
whiteSpace: true,
|
|
12717
|
+
wordWrap: true,
|
|
12718
|
+
textOverflow: true,
|
|
12719
|
+
WebkitBoxOrient: true
|
|
12720
|
+
};
|
|
12721
|
+
webOnlyStylePropsView = _objectSpread2(_objectSpread2({}, nonAnimatableWebViewProps), {}, {
|
|
12722
|
+
transition: true,
|
|
12723
|
+
backdropFilter: true,
|
|
12724
|
+
WebkitBackdropFilter: true,
|
|
12725
|
+
background: true,
|
|
12726
|
+
borderTop: true,
|
|
12727
|
+
borderRight: true,
|
|
12728
|
+
borderBottom: true,
|
|
12729
|
+
borderLeft: true,
|
|
12730
|
+
backgroundPosition: true,
|
|
12731
|
+
backgroundSize: true,
|
|
12732
|
+
borderImage: true,
|
|
12733
|
+
caretColor: true,
|
|
12734
|
+
clipPath: true,
|
|
12735
|
+
mask: true,
|
|
12736
|
+
maskBorder: true,
|
|
12737
|
+
maskBorderOutset: true,
|
|
12738
|
+
maskBorderSlice: true,
|
|
12739
|
+
maskBorderSource: true,
|
|
12740
|
+
maskBorderWidth: true,
|
|
12741
|
+
maskImage: true,
|
|
12742
|
+
maskPosition: true,
|
|
12743
|
+
maskSize: true,
|
|
12744
|
+
objectPosition: true,
|
|
12745
|
+
textEmphasis: true,
|
|
12746
|
+
userSelect: true
|
|
12747
|
+
});
|
|
12748
|
+
webOnlyStylePropsText = _objectSpread2(_objectSpread2({}, nonAnimatableWebTextProps), {}, {
|
|
12749
|
+
textDecorationDistance: true,
|
|
12750
|
+
WebkitLineClamp: true
|
|
12751
|
+
});
|
|
12752
|
+
}));
|
|
12753
|
+
//#endregion
|
|
12750
12754
|
//#region ../helpers/dist/esm/index.native.js
|
|
12751
12755
|
var init_index_native$5 = __esmMin((() => {
|
|
12752
12756
|
init_index_native$6();
|
|
@@ -13131,7 +13135,7 @@ var init_useThemeState_native = __esmMin((() => {
|
|
|
13131
13135
|
if (local && !PendingUpdate.has(id)) {
|
|
13132
13136
|
if (parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
|
|
13133
13137
|
}
|
|
13134
|
-
var isSchemeOnlyChange =
|
|
13138
|
+
var isSchemeOnlyChange = supportsDynamicColorIOS && getSetting("fastSchemeChange") && local && parentState && local.scheme !== parentState.scheme && getThemeBaseName(local.name) === getThemeBaseName(parentState.name);
|
|
13135
13139
|
var _keys_current_size;
|
|
13136
13140
|
var keysSize = (_keys_current_size = keys === null || keys === void 0 ? void 0 : (_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) !== null && _keys_current_size !== void 0 ? _keys_current_size : 0;
|
|
13137
13141
|
var _schemeKeys_current_size;
|
|
@@ -13260,7 +13264,7 @@ function getThemeProxied(_props, _state, _keys, _schemeKeys) {
|
|
|
13260
13264
|
var { name, scheme } = curState;
|
|
13261
13265
|
var fastSchemeChange = getSetting("fastSchemeChange");
|
|
13262
13266
|
var rootMatchesSystem = doesRootSchemeMatchSystem();
|
|
13263
|
-
if (scheme && platform !== "web" &&
|
|
13267
|
+
if (scheme && platform !== "web" && supportsDynamicColorIOS && !curProps.deopt && !curState.isInverse && fastSchemeChange && rootMatchesSystem) {
|
|
13264
13268
|
var _config_themes_name, _config_themes_oppositeName;
|
|
13265
13269
|
var oppositeScheme = scheme === "dark" ? "light" : "dark";
|
|
13266
13270
|
var oppositeName = name.replace(scheme, oppositeScheme);
|
|
@@ -13715,6 +13719,10 @@ function useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNat
|
|
|
13715
13719
|
if (events) {
|
|
13716
13720
|
if (events.onFocus) viewProps["onFocus"] = events.onFocus;
|
|
13717
13721
|
if (events.onBlur) viewProps["onBlur"] = events.onBlur;
|
|
13722
|
+
if (getIsNativeDesktop()) {
|
|
13723
|
+
if (events.onMouseEnter) viewProps["onMouseEnter"] = events.onMouseEnter;
|
|
13724
|
+
if (events.onMouseLeave) viewProps["onMouseLeave"] = events.onMouseLeave;
|
|
13725
|
+
}
|
|
13718
13726
|
}
|
|
13719
13727
|
var hasPressEvents = events === null || events === void 0 ? void 0 : events.onPress;
|
|
13720
13728
|
var gh = getGestureHandler();
|
|
@@ -13830,7 +13838,7 @@ function wrapWithGestureDetector(content, gesture, stateRef, isHOC, isCompositeC
|
|
|
13830
13838
|
onStartShouldSetResponder: responderClaim
|
|
13831
13839
|
}, react.default.createElement(GestureDetector, { gesture: gestureToUse }, content));
|
|
13832
13840
|
}
|
|
13833
|
-
var isFabric, isAndroidCache, getIsAndroid, responderClaim, responderWrapperStyle;
|
|
13841
|
+
var isFabric, isAndroidCache, getIsAndroid, isNativeDesktopCache, getIsNativeDesktop, responderClaim, responderWrapperStyle;
|
|
13834
13842
|
var init_eventHandling_native = __esmMin((() => {
|
|
13835
13843
|
init_index_native$5();
|
|
13836
13844
|
init_index_native$3();
|
|
@@ -13841,6 +13849,10 @@ var init_eventHandling_native = __esmMin((() => {
|
|
|
13841
13849
|
if (isAndroidCache === void 0) isAndroidCache = (Platform === null || Platform === void 0 ? void 0 : Platform.OS) === "android";
|
|
13842
13850
|
return isAndroidCache;
|
|
13843
13851
|
};
|
|
13852
|
+
getIsNativeDesktop = function() {
|
|
13853
|
+
if (isNativeDesktopCache === void 0) isNativeDesktopCache = (Platform === null || Platform === void 0 ? void 0 : Platform.OS) === "macos" || (Platform === null || Platform === void 0 ? void 0 : Platform.OS) === "windows";
|
|
13854
|
+
return isNativeDesktopCache;
|
|
13855
|
+
};
|
|
13844
13856
|
responderClaim = function() {
|
|
13845
13857
|
return true;
|
|
13846
13858
|
};
|
|
@@ -13962,24 +13974,6 @@ var init_getCSSStylesAtomic_native = __esmMin((() => {
|
|
|
13962
13974
|
styleToCSS = empty$1;
|
|
13963
13975
|
}));
|
|
13964
13976
|
//#endregion
|
|
13965
|
-
//#region ../web/dist/esm/helpers/insertStyleRule.native.js
|
|
13966
|
-
function scanAllSheets() {
|
|
13967
|
-
arguments.length > 0 && arguments[0] !== void 0 && arguments[0];
|
|
13968
|
-
arguments.length > 1 && arguments[1];
|
|
13969
|
-
if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return;
|
|
13970
|
-
}
|
|
13971
|
-
function stopAccumulatingRules() {
|
|
13972
|
-
trackAllRules = false;
|
|
13973
|
-
}
|
|
13974
|
-
function setNonce(_) {}
|
|
13975
|
-
function insertStyleRules(rulesToInsert) {}
|
|
13976
|
-
var bailAfterEnv, trackAllRules;
|
|
13977
|
-
var init_insertStyleRule_native = __esmMin((() => {
|
|
13978
|
-
bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
|
|
13979
|
-
bailAfterEnv && +bailAfterEnv;
|
|
13980
|
-
process.env.TAMAGUI_INSERT_SELECTOR_TRIES && +process.env.TAMAGUI_INSERT_SELECTOR_TRIES;
|
|
13981
|
-
}));
|
|
13982
|
-
//#endregion
|
|
13983
13977
|
//#region ../web/dist/esm/helpers/isActivePlatform.native.js
|
|
13984
13978
|
function getPlatformSpecificityBump(mediaKeyShort) {
|
|
13985
13979
|
if (mediaKeyShort === "platform-androidtv" || mediaKeyShort === "platform-tvos") return 3;
|
|
@@ -14693,7 +14687,7 @@ var init_platformResolveValue_native = __esmMin((() => {
|
|
|
14693
14687
|
init_getTokenForKey_native();
|
|
14694
14688
|
init_parseNativeStyle_native();
|
|
14695
14689
|
init_objectSpread2();
|
|
14696
|
-
tokenPattern = /(\$[\w.-]+)/g;
|
|
14690
|
+
tokenPattern = /(\$[\w.-]+(?:\/[\d.]+)?)/g;
|
|
14697
14691
|
nativeParseKeys = {
|
|
14698
14692
|
backgroundImage: true,
|
|
14699
14693
|
boxShadow: true,
|
|
@@ -15448,7 +15442,7 @@ var init_getSplitStyles_native = __esmMin((() => {
|
|
|
15448
15442
|
}
|
|
15449
15443
|
var mediaStyle1 = getSubStyle(styleState, key5, val2, true);
|
|
15450
15444
|
var importanceBump = 0;
|
|
15451
|
-
if (isThemeMedia) if (
|
|
15445
|
+
if (isThemeMedia) if (supportsDynamicColorIOS && getSetting("fastSchemeChange")) {
|
|
15452
15446
|
var _styleState3;
|
|
15453
15447
|
(_styleState3 = styleState).style || (_styleState3.style = {});
|
|
15454
15448
|
var scheme = mediaKeyShort;
|
|
@@ -16184,10 +16178,6 @@ var init_themeable_native = __esmMin((() => {
|
|
|
16184
16178
|
];
|
|
16185
16179
|
}));
|
|
16186
16180
|
//#endregion
|
|
16187
|
-
//#region ../web/dist/esm/helpers/wrapStyleTags.native.js
|
|
16188
|
-
function getStyleTags(styles) {}
|
|
16189
|
-
var init_wrapStyleTags_native = __esmMin((() => {}));
|
|
16190
|
-
//#endregion
|
|
16191
16181
|
//#region ../use-did-finish-ssr/dist/esm/ClientOnly.native.js
|
|
16192
16182
|
var ClientOnlyContext, ClientOnly;
|
|
16193
16183
|
var init_ClientOnly_native = __esmMin((() => {
|
|
@@ -16729,7 +16719,7 @@ function createComponent(staticConfig) {
|
|
|
16729
16719
|
var attachPress = Boolean(hasDynamicGroupChildren || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || (pseudos === null || pseudos === void 0 ? void 0 : pseudos.focusVisibleStyle));
|
|
16730
16720
|
var runtimeHoverStyle = !disabled && noClass && (pseudos === null || pseudos === void 0 ? void 0 : pseudos.hoverStyle);
|
|
16731
16721
|
var needsHoverState = Boolean(hasDynamicGroupChildren || runtimeHoverStyle);
|
|
16732
|
-
var attachHover =
|
|
16722
|
+
var attachHover = isNativeDesktop && !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave);
|
|
16733
16723
|
var shouldAttach = !disabled && !props.asChild && Boolean(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
|
|
16734
16724
|
var needsPressState = Boolean(hasDynamicGroupChildren || runtimePressStyle);
|
|
16735
16725
|
var events = shouldAttach ? _objectSpread2(_objectSpread2(_objectSpread2({ onPressOut: attachPress ? function(e) {
|
|
@@ -17048,6 +17038,24 @@ var init_registerCSSVariable_native = __esmMin((() => {
|
|
|
17048
17038
|
mutatedAutoVariables = [];
|
|
17049
17039
|
}));
|
|
17050
17040
|
//#endregion
|
|
17041
|
+
//#region ../web/dist/esm/helpers/insertStyleRule.native.js
|
|
17042
|
+
function scanAllSheets() {
|
|
17043
|
+
arguments.length > 0 && arguments[0] !== void 0 && arguments[0];
|
|
17044
|
+
arguments.length > 1 && arguments[1];
|
|
17045
|
+
if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return;
|
|
17046
|
+
}
|
|
17047
|
+
function stopAccumulatingRules() {
|
|
17048
|
+
trackAllRules = false;
|
|
17049
|
+
}
|
|
17050
|
+
function setNonce(_) {}
|
|
17051
|
+
function insertStyleRules(rulesToInsert) {}
|
|
17052
|
+
var bailAfterEnv, trackAllRules;
|
|
17053
|
+
var init_insertStyleRule_native = __esmMin((() => {
|
|
17054
|
+
bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
|
|
17055
|
+
bailAfterEnv && +bailAfterEnv;
|
|
17056
|
+
process.env.TAMAGUI_INSERT_SELECTOR_TRIES && +process.env.TAMAGUI_INSERT_SELECTOR_TRIES;
|
|
17057
|
+
}));
|
|
17058
|
+
//#endregion
|
|
17051
17059
|
//#region ../web/dist/esm/helpers/isTamaguiComponent.native.js
|
|
17052
17060
|
function isTamaguiComponent(comp, name) {
|
|
17053
17061
|
var config = comp === null || comp === void 0 ? void 0 : comp["staticConfig"];
|
|
@@ -17198,6 +17206,10 @@ var init_themes_native = __esmMin((() => {
|
|
|
17198
17206
|
init_createVariable_native();
|
|
17199
17207
|
}));
|
|
17200
17208
|
//#endregion
|
|
17209
|
+
//#region ../web/dist/esm/helpers/wrapStyleTags.native.js
|
|
17210
|
+
function getStyleTags(styles) {}
|
|
17211
|
+
var init_wrapStyleTags_native = __esmMin((() => {}));
|
|
17212
|
+
//#endregion
|
|
17201
17213
|
//#region ../web/dist/esm/createFont.native.js
|
|
17202
17214
|
var fontWeights, processSection, createFont;
|
|
17203
17215
|
var init_createFont_native = __esmMin((() => {
|
|
@@ -18870,6 +18882,7 @@ exports.isChrome = isChrome;
|
|
|
18870
18882
|
exports.isClient = isClient;
|
|
18871
18883
|
exports.isEqualShallow = isEqualShallow;
|
|
18872
18884
|
exports.isIos = isIos;
|
|
18885
|
+
exports.isNativeDesktop = isNativeDesktop;
|
|
18873
18886
|
exports.isServer = isServer;
|
|
18874
18887
|
exports.isTV = isTV;
|
|
18875
18888
|
exports.isTamaguiComponent = isTamaguiComponent;
|
|
@@ -18936,6 +18949,7 @@ exports.stylePropsView = stylePropsView;
|
|
|
18936
18949
|
exports.styleToCSS = styleToCSS;
|
|
18937
18950
|
exports.styled = styledExport;
|
|
18938
18951
|
exports.styledHtml = styledHtml;
|
|
18952
|
+
exports.supportsDynamicColorIOS = supportsDynamicColorIOS;
|
|
18939
18953
|
exports.themeable = themeable;
|
|
18940
18954
|
exports.tokenCategories = tokenCategories;
|
|
18941
18955
|
exports.transformsToString = transformsToString;
|
package/dist/test.native.cjs
CHANGED
|
@@ -333,13 +333,17 @@ var isWindowDefined = false;
|
|
|
333
333
|
var useIsomorphicLayoutEffect = react.useLayoutEffect;
|
|
334
334
|
var isChrome = false;
|
|
335
335
|
var isWebTouchable = false;
|
|
336
|
-
var
|
|
336
|
+
var isNativeDesktop = (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) === "macos" || (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) === "windows";
|
|
337
|
+
var isTouchable = !isNativeDesktop;
|
|
337
338
|
var isAndroid = (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) === "android" || process.env.TEST_NATIVE_PLATFORM === "android" || process.env.TEST_NATIVE_PLATFORM === "androidtv";
|
|
338
339
|
var isIos = (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) === "ios" || process.env.TEST_NATIVE_PLATFORM === "ios" || process.env.TEST_NATIVE_PLATFORM === "tvos";
|
|
340
|
+
var supportsDynamicColorIOS = isIos || process.env.TAMAGUI_DYNAMIC_COLOR_IOS === "1";
|
|
339
341
|
var isTV = (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.isTV) || process.env.TEST_NATIVE_PLATFORM === "androidtv" || process.env.TEST_NATIVE_PLATFORM === "tvos";
|
|
340
342
|
var currentPlatform = ((react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) ? {
|
|
341
343
|
ios: "ios",
|
|
342
|
-
android: "android"
|
|
344
|
+
android: "android",
|
|
345
|
+
macos: "macos",
|
|
346
|
+
windows: "windows"
|
|
343
347
|
}[react_native.Platform.OS] : void 0) || "native";
|
|
344
348
|
//#endregion
|
|
345
349
|
//#region ../web/dist/esm/constants/constants.native.js
|
|
@@ -886,79 +890,6 @@ function resolvePlatformNames(nativeProp) {
|
|
|
886
890
|
return set;
|
|
887
891
|
}
|
|
888
892
|
//#endregion
|
|
889
|
-
//#region ../helpers/dist/esm/webOnlyStyleProps.native.js
|
|
890
|
-
var nonAnimatableWebViewProps = {
|
|
891
|
-
backgroundAttachment: true,
|
|
892
|
-
backgroundBlendMode: true,
|
|
893
|
-
backgroundClip: true,
|
|
894
|
-
backgroundOrigin: true,
|
|
895
|
-
backgroundRepeat: true,
|
|
896
|
-
borderBottomStyle: true,
|
|
897
|
-
borderLeftStyle: true,
|
|
898
|
-
borderRightStyle: true,
|
|
899
|
-
borderTopStyle: true,
|
|
900
|
-
contain: true,
|
|
901
|
-
containerType: true,
|
|
902
|
-
content: true,
|
|
903
|
-
float: true,
|
|
904
|
-
maskBorderMode: true,
|
|
905
|
-
maskBorderRepeat: true,
|
|
906
|
-
maskClip: true,
|
|
907
|
-
maskComposite: true,
|
|
908
|
-
maskMode: true,
|
|
909
|
-
maskOrigin: true,
|
|
910
|
-
maskRepeat: true,
|
|
911
|
-
maskType: true,
|
|
912
|
-
objectFit: true,
|
|
913
|
-
overflowBlock: true,
|
|
914
|
-
overflowInline: true,
|
|
915
|
-
overflowX: true,
|
|
916
|
-
overflowY: true,
|
|
917
|
-
pointerEvents: true,
|
|
918
|
-
scrollbarWidth: true,
|
|
919
|
-
textWrap: true,
|
|
920
|
-
touchAction: true,
|
|
921
|
-
transformStyle: true,
|
|
922
|
-
willChange: true
|
|
923
|
-
};
|
|
924
|
-
var nonAnimatableWebTextProps = {
|
|
925
|
-
whiteSpace: true,
|
|
926
|
-
wordWrap: true,
|
|
927
|
-
textOverflow: true,
|
|
928
|
-
WebkitBoxOrient: true
|
|
929
|
-
};
|
|
930
|
-
var webOnlyStylePropsView = _objectSpread2(_objectSpread2({}, nonAnimatableWebViewProps), {}, {
|
|
931
|
-
transition: true,
|
|
932
|
-
backdropFilter: true,
|
|
933
|
-
WebkitBackdropFilter: true,
|
|
934
|
-
background: true,
|
|
935
|
-
borderTop: true,
|
|
936
|
-
borderRight: true,
|
|
937
|
-
borderBottom: true,
|
|
938
|
-
borderLeft: true,
|
|
939
|
-
backgroundPosition: true,
|
|
940
|
-
backgroundSize: true,
|
|
941
|
-
borderImage: true,
|
|
942
|
-
caretColor: true,
|
|
943
|
-
clipPath: true,
|
|
944
|
-
mask: true,
|
|
945
|
-
maskBorder: true,
|
|
946
|
-
maskBorderOutset: true,
|
|
947
|
-
maskBorderSlice: true,
|
|
948
|
-
maskBorderSource: true,
|
|
949
|
-
maskBorderWidth: true,
|
|
950
|
-
maskImage: true,
|
|
951
|
-
maskPosition: true,
|
|
952
|
-
maskSize: true,
|
|
953
|
-
objectPosition: true,
|
|
954
|
-
textEmphasis: true,
|
|
955
|
-
userSelect: true
|
|
956
|
-
});
|
|
957
|
-
var webOnlyStylePropsText = _objectSpread2(_objectSpread2({}, nonAnimatableWebTextProps), {}, {
|
|
958
|
-
textDecorationDistance: true,
|
|
959
|
-
WebkitLineClamp: true
|
|
960
|
-
});
|
|
961
|
-
//#endregion
|
|
962
893
|
//#region ../helpers/dist/esm/validStyleProps.native.js
|
|
963
894
|
var cssShorthandLonghands = {
|
|
964
895
|
borderWidth: true,
|
|
@@ -1237,6 +1168,79 @@ var withStaticProperties = function(component, staticProps) {
|
|
|
1237
1168
|
return component;
|
|
1238
1169
|
};
|
|
1239
1170
|
//#endregion
|
|
1171
|
+
//#region ../helpers/dist/esm/webOnlyStyleProps.native.js
|
|
1172
|
+
var nonAnimatableWebViewProps = {
|
|
1173
|
+
backgroundAttachment: true,
|
|
1174
|
+
backgroundBlendMode: true,
|
|
1175
|
+
backgroundClip: true,
|
|
1176
|
+
backgroundOrigin: true,
|
|
1177
|
+
backgroundRepeat: true,
|
|
1178
|
+
borderBottomStyle: true,
|
|
1179
|
+
borderLeftStyle: true,
|
|
1180
|
+
borderRightStyle: true,
|
|
1181
|
+
borderTopStyle: true,
|
|
1182
|
+
contain: true,
|
|
1183
|
+
containerType: true,
|
|
1184
|
+
content: true,
|
|
1185
|
+
float: true,
|
|
1186
|
+
maskBorderMode: true,
|
|
1187
|
+
maskBorderRepeat: true,
|
|
1188
|
+
maskClip: true,
|
|
1189
|
+
maskComposite: true,
|
|
1190
|
+
maskMode: true,
|
|
1191
|
+
maskOrigin: true,
|
|
1192
|
+
maskRepeat: true,
|
|
1193
|
+
maskType: true,
|
|
1194
|
+
objectFit: true,
|
|
1195
|
+
overflowBlock: true,
|
|
1196
|
+
overflowInline: true,
|
|
1197
|
+
overflowX: true,
|
|
1198
|
+
overflowY: true,
|
|
1199
|
+
pointerEvents: true,
|
|
1200
|
+
scrollbarWidth: true,
|
|
1201
|
+
textWrap: true,
|
|
1202
|
+
touchAction: true,
|
|
1203
|
+
transformStyle: true,
|
|
1204
|
+
willChange: true
|
|
1205
|
+
};
|
|
1206
|
+
var nonAnimatableWebTextProps = {
|
|
1207
|
+
whiteSpace: true,
|
|
1208
|
+
wordWrap: true,
|
|
1209
|
+
textOverflow: true,
|
|
1210
|
+
WebkitBoxOrient: true
|
|
1211
|
+
};
|
|
1212
|
+
var webOnlyStylePropsView = _objectSpread2(_objectSpread2({}, nonAnimatableWebViewProps), {}, {
|
|
1213
|
+
transition: true,
|
|
1214
|
+
backdropFilter: true,
|
|
1215
|
+
WebkitBackdropFilter: true,
|
|
1216
|
+
background: true,
|
|
1217
|
+
borderTop: true,
|
|
1218
|
+
borderRight: true,
|
|
1219
|
+
borderBottom: true,
|
|
1220
|
+
borderLeft: true,
|
|
1221
|
+
backgroundPosition: true,
|
|
1222
|
+
backgroundSize: true,
|
|
1223
|
+
borderImage: true,
|
|
1224
|
+
caretColor: true,
|
|
1225
|
+
clipPath: true,
|
|
1226
|
+
mask: true,
|
|
1227
|
+
maskBorder: true,
|
|
1228
|
+
maskBorderOutset: true,
|
|
1229
|
+
maskBorderSlice: true,
|
|
1230
|
+
maskBorderSource: true,
|
|
1231
|
+
maskBorderWidth: true,
|
|
1232
|
+
maskImage: true,
|
|
1233
|
+
maskPosition: true,
|
|
1234
|
+
maskSize: true,
|
|
1235
|
+
objectPosition: true,
|
|
1236
|
+
textEmphasis: true,
|
|
1237
|
+
userSelect: true
|
|
1238
|
+
});
|
|
1239
|
+
var webOnlyStylePropsText = _objectSpread2(_objectSpread2({}, nonAnimatableWebTextProps), {}, {
|
|
1240
|
+
textDecorationDistance: true,
|
|
1241
|
+
WebkitLineClamp: true
|
|
1242
|
+
});
|
|
1243
|
+
//#endregion
|
|
1240
1244
|
//#region ../web/dist/esm/createVariable.native.js
|
|
1241
1245
|
function _type_of$7(obj) {
|
|
1242
1246
|
"@swc/helpers - typeof";
|
|
@@ -1421,7 +1425,7 @@ var useThemeState = function(props) {
|
|
|
1421
1425
|
if (local && !PendingUpdate.has(id)) {
|
|
1422
1426
|
if (parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
|
|
1423
1427
|
}
|
|
1424
|
-
var isSchemeOnlyChange =
|
|
1428
|
+
var isSchemeOnlyChange = supportsDynamicColorIOS && getSetting("fastSchemeChange") && local && parentState && local.scheme !== parentState.scheme && getThemeBaseName(local.name) === getThemeBaseName(parentState.name);
|
|
1425
1429
|
var _keys_current_size;
|
|
1426
1430
|
var keysSize = (_keys_current_size = keys === null || keys === void 0 ? void 0 : (_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) !== null && _keys_current_size !== void 0 ? _keys_current_size : 0;
|
|
1427
1431
|
var _schemeKeys_current_size;
|
|
@@ -1724,7 +1728,7 @@ function getThemeProxied(_props, _state, _keys, _schemeKeys) {
|
|
|
1724
1728
|
var { name, scheme } = curState;
|
|
1725
1729
|
var fastSchemeChange = getSetting("fastSchemeChange");
|
|
1726
1730
|
var rootMatchesSystem = doesRootSchemeMatchSystem();
|
|
1727
|
-
if (scheme && platform !== "web" &&
|
|
1731
|
+
if (scheme && platform !== "web" && supportsDynamicColorIOS && !curProps.deopt && !curState.isInverse && fastSchemeChange && rootMatchesSystem) {
|
|
1728
1732
|
var _config_themes_name, _config_themes_oppositeName;
|
|
1729
1733
|
var oppositeScheme = scheme === "dark" ? "light" : "dark";
|
|
1730
1734
|
var oppositeName = name.replace(scheme, oppositeScheme);
|
|
@@ -2129,6 +2133,11 @@ var getIsAndroid = function() {
|
|
|
2129
2133
|
if (isAndroidCache === void 0) isAndroidCache = (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) === "android";
|
|
2130
2134
|
return isAndroidCache;
|
|
2131
2135
|
};
|
|
2136
|
+
var isNativeDesktopCache;
|
|
2137
|
+
var getIsNativeDesktop = function() {
|
|
2138
|
+
if (isNativeDesktopCache === void 0) isNativeDesktopCache = (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) === "macos" || (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) === "windows";
|
|
2139
|
+
return isNativeDesktopCache;
|
|
2140
|
+
};
|
|
2132
2141
|
var responderClaim = function() {
|
|
2133
2142
|
return true;
|
|
2134
2143
|
};
|
|
@@ -2137,6 +2146,10 @@ function useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNat
|
|
|
2137
2146
|
if (events) {
|
|
2138
2147
|
if (events.onFocus) viewProps["onFocus"] = events.onFocus;
|
|
2139
2148
|
if (events.onBlur) viewProps["onBlur"] = events.onBlur;
|
|
2149
|
+
if (getIsNativeDesktop()) {
|
|
2150
|
+
if (events.onMouseEnter) viewProps["onMouseEnter"] = events.onMouseEnter;
|
|
2151
|
+
if (events.onMouseLeave) viewProps["onMouseLeave"] = events.onMouseLeave;
|
|
2152
|
+
}
|
|
2140
2153
|
}
|
|
2141
2154
|
var hasPressEvents = events === null || events === void 0 ? void 0 : events.onPress;
|
|
2142
2155
|
var gh = getGestureHandler();
|
|
@@ -2612,18 +2625,6 @@ var getCSSStylesAtomic = empty$1;
|
|
|
2612
2625
|
var getStyleAtomic = empty$1;
|
|
2613
2626
|
var styleToCSS = empty$1;
|
|
2614
2627
|
//#endregion
|
|
2615
|
-
//#region ../web/dist/esm/helpers/insertStyleRule.native.js
|
|
2616
|
-
function scanAllSheets() {
|
|
2617
|
-
arguments.length > 0 && arguments[0] !== void 0 && arguments[0];
|
|
2618
|
-
arguments.length > 1 && arguments[1];
|
|
2619
|
-
if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return;
|
|
2620
|
-
}
|
|
2621
|
-
var bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
|
|
2622
|
-
bailAfterEnv && +bailAfterEnv;
|
|
2623
|
-
function setNonce(_) {}
|
|
2624
|
-
function insertStyleRules(rulesToInsert) {}
|
|
2625
|
-
process.env.TAMAGUI_INSERT_SELECTOR_TRIES && +process.env.TAMAGUI_INSERT_SELECTOR_TRIES;
|
|
2626
|
-
//#endregion
|
|
2627
2628
|
//#region ../web/dist/esm/helpers/isActivePlatform.native.js
|
|
2628
2629
|
function getPlatformSpecificityBump(mediaKeyShort) {
|
|
2629
2630
|
if (mediaKeyShort === "platform-androidtv" || mediaKeyShort === "platform-tvos") return 3;
|
|
@@ -3254,7 +3255,7 @@ function splitOutsideParens(s) {
|
|
|
3254
3255
|
}
|
|
3255
3256
|
//#endregion
|
|
3256
3257
|
//#region ../web/dist/esm/helpers/platformResolveValue.native.js
|
|
3257
|
-
var tokenPattern = /(\$[\w.-]+)/g;
|
|
3258
|
+
var tokenPattern = /(\$[\w.-]+(?:\/[\d.]+)?)/g;
|
|
3258
3259
|
var nativeParseKeys = {
|
|
3259
3260
|
backgroundImage: true,
|
|
3260
3261
|
boxShadow: true,
|
|
@@ -3894,7 +3895,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
|
|
|
3894
3895
|
}
|
|
3895
3896
|
var mediaStyle1 = getSubStyle(styleState, key5, val2, true);
|
|
3896
3897
|
var importanceBump = 0;
|
|
3897
|
-
if (isThemeMedia) if (
|
|
3898
|
+
if (isThemeMedia) if (supportsDynamicColorIOS && getSetting("fastSchemeChange")) {
|
|
3898
3899
|
var _styleState3;
|
|
3899
3900
|
(_styleState3 = styleState).style || (_styleState3.style = {});
|
|
3900
3901
|
var scheme = mediaKeyShort;
|
|
@@ -4670,9 +4671,6 @@ function themeable(Component, staticConfig) {
|
|
|
4670
4671
|
return withTheme;
|
|
4671
4672
|
}
|
|
4672
4673
|
//#endregion
|
|
4673
|
-
//#region ../web/dist/esm/helpers/wrapStyleTags.native.js
|
|
4674
|
-
function getStyleTags(styles) {}
|
|
4675
|
-
//#endregion
|
|
4676
4674
|
//#region ../use-did-finish-ssr/dist/esm/ClientOnly.native.js
|
|
4677
4675
|
var ClientOnlyContext = /* @__PURE__ */ (0, react.createContext)(false);
|
|
4678
4676
|
var ClientOnly = function(param) {
|
|
@@ -5235,7 +5233,7 @@ function createComponent(staticConfig) {
|
|
|
5235
5233
|
var attachPress = Boolean(hasDynamicGroupChildren || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || (pseudos === null || pseudos === void 0 ? void 0 : pseudos.focusVisibleStyle));
|
|
5236
5234
|
var runtimeHoverStyle = !disabled && noClass && (pseudos === null || pseudos === void 0 ? void 0 : pseudos.hoverStyle);
|
|
5237
5235
|
var needsHoverState = Boolean(hasDynamicGroupChildren || runtimeHoverStyle);
|
|
5238
|
-
var attachHover =
|
|
5236
|
+
var attachHover = isNativeDesktop && !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave);
|
|
5239
5237
|
var shouldAttach = !disabled && !props.asChild && Boolean(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
|
|
5240
5238
|
var needsPressState = Boolean(hasDynamicGroupChildren || runtimePressStyle);
|
|
5241
5239
|
var events = shouldAttach ? _objectSpread2(_objectSpread2(_objectSpread2({ onPressOut: attachPress ? function(e) {
|
|
@@ -5467,6 +5465,18 @@ var tokensValueToVariable = /* @__PURE__ */ new Map();
|
|
|
5467
5465
|
var autoVariables = [];
|
|
5468
5466
|
var mutatedAutoVariables = [];
|
|
5469
5467
|
//#endregion
|
|
5468
|
+
//#region ../web/dist/esm/helpers/insertStyleRule.native.js
|
|
5469
|
+
function scanAllSheets() {
|
|
5470
|
+
arguments.length > 0 && arguments[0] !== void 0 && arguments[0];
|
|
5471
|
+
arguments.length > 1 && arguments[1];
|
|
5472
|
+
if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return;
|
|
5473
|
+
}
|
|
5474
|
+
var bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
|
|
5475
|
+
bailAfterEnv && +bailAfterEnv;
|
|
5476
|
+
function setNonce(_) {}
|
|
5477
|
+
function insertStyleRules(rulesToInsert) {}
|
|
5478
|
+
process.env.TAMAGUI_INSERT_SELECTOR_TRIES && +process.env.TAMAGUI_INSERT_SELECTOR_TRIES;
|
|
5479
|
+
//#endregion
|
|
5470
5480
|
//#region ../web/dist/esm/helpers/isTamaguiComponent.native.js
|
|
5471
5481
|
function isTamaguiComponent(comp, name) {
|
|
5472
5482
|
var config = comp === null || comp === void 0 ? void 0 : comp["staticConfig"];
|
|
@@ -5603,6 +5613,9 @@ function ensureThemeVariable(theme, key) {
|
|
|
5603
5613
|
});
|
|
5604
5614
|
}
|
|
5605
5615
|
//#endregion
|
|
5616
|
+
//#region ../web/dist/esm/helpers/wrapStyleTags.native.js
|
|
5617
|
+
function getStyleTags(styles) {}
|
|
5618
|
+
//#endregion
|
|
5606
5619
|
//#region ../web/dist/esm/createFont.native.js
|
|
5607
5620
|
var fontWeights = [
|
|
5608
5621
|
"100",
|
|
@@ -7211,6 +7224,7 @@ exports.isChrome = isChrome;
|
|
|
7211
7224
|
exports.isClient = isClient;
|
|
7212
7225
|
exports.isEqualShallow = isEqualShallow;
|
|
7213
7226
|
exports.isIos = isIos;
|
|
7227
|
+
exports.isNativeDesktop = isNativeDesktop;
|
|
7214
7228
|
exports.isServer = isServer;
|
|
7215
7229
|
exports.isTV = isTV;
|
|
7216
7230
|
exports.isTamaguiComponent = isTamaguiComponent;
|
|
@@ -7277,6 +7291,7 @@ exports.stylePropsView = stylePropsView;
|
|
|
7277
7291
|
exports.styleToCSS = styleToCSS;
|
|
7278
7292
|
exports.styled = styledExport;
|
|
7279
7293
|
exports.styledHtml = styledHtml;
|
|
7294
|
+
exports.supportsDynamicColorIOS = supportsDynamicColorIOS;
|
|
7280
7295
|
exports.themeable = themeable;
|
|
7281
7296
|
exports.tokenCategories = tokenCategories;
|
|
7282
7297
|
exports.transformsToString = transformsToString;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0-1781044625560",
|
|
4
4
|
"gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": {
|
|
@@ -79,17 +79,17 @@
|
|
|
79
79
|
"clean:build": "tamagui-build clean:build"
|
|
80
80
|
},
|
|
81
81
|
"dependencies": {
|
|
82
|
-
"@tamagui/helpers": "2.
|
|
83
|
-
"@tamagui/react-native-media-driver": "2.
|
|
84
|
-
"@tamagui/react-native-use-pressable": "2.
|
|
85
|
-
"@tamagui/use-element-layout": "2.
|
|
86
|
-
"@tamagui/use-event": "2.
|
|
87
|
-
"@tamagui/web": "2.
|
|
82
|
+
"@tamagui/helpers": "2.2.0-1781044625560",
|
|
83
|
+
"@tamagui/react-native-media-driver": "2.2.0-1781044625560",
|
|
84
|
+
"@tamagui/react-native-use-pressable": "2.2.0-1781044625560",
|
|
85
|
+
"@tamagui/use-element-layout": "2.2.0-1781044625560",
|
|
86
|
+
"@tamagui/use-event": "2.2.0-1781044625560",
|
|
87
|
+
"@tamagui/web": "2.2.0-1781044625560"
|
|
88
88
|
},
|
|
89
89
|
"devDependencies": {
|
|
90
|
-
"@tamagui/build": "2.
|
|
91
|
-
"@tamagui/native-bundle": "2.
|
|
92
|
-
"@tamagui/react-native-web-lite": "2.
|
|
90
|
+
"@tamagui/build": "2.2.0-1781044625560",
|
|
91
|
+
"@tamagui/native-bundle": "2.2.0-1781044625560",
|
|
92
|
+
"@tamagui/react-native-web-lite": "2.2.0-1781044625560",
|
|
93
93
|
"@testing-library/react": "^16.1.0",
|
|
94
94
|
"csstype": "^3.0.10",
|
|
95
95
|
"react": ">=19",
|