@tamagui/core 2.0.0-1768586279389 → 2.0.0-1768636514428
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/dist/native.cjs +114 -154
- package/dist/test.native.cjs +48 -320
- package/package.json +11 -11
package/dist/test.native.cjs
CHANGED
|
@@ -31,6 +31,7 @@ var __objRest = (source, exclude) => {
|
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
33
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
34
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
34
35
|
const React = require("react");
|
|
35
36
|
const reactNative = require("react-native");
|
|
36
37
|
function _interopNamespaceDefault(e2) {
|
|
@@ -69,290 +70,6 @@ function _mergeNamespaces(n, m) {
|
|
|
69
70
|
return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: "Module" }));
|
|
70
71
|
}
|
|
71
72
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
72
|
-
function getDefaultExportFromCjs(x) {
|
|
73
|
-
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
|
|
74
|
-
}
|
|
75
|
-
var jsxRuntime = { exports: {} };
|
|
76
|
-
var reactJsxRuntime_development = {};
|
|
77
|
-
var hasRequiredReactJsxRuntime_development;
|
|
78
|
-
function requireReactJsxRuntime_development() {
|
|
79
|
-
if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
|
|
80
|
-
hasRequiredReactJsxRuntime_development = 1;
|
|
81
|
-
/**
|
|
82
|
-
* @license React
|
|
83
|
-
* react-jsx-runtime.development.js
|
|
84
|
-
*
|
|
85
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
86
|
-
*
|
|
87
|
-
* This source code is licensed under the MIT license found in the
|
|
88
|
-
* LICENSE file in the root directory of this source tree.
|
|
89
|
-
*/
|
|
90
|
-
(function() {
|
|
91
|
-
function getComponentNameFromType(type) {
|
|
92
|
-
if (null == type) return null;
|
|
93
|
-
if ("function" === typeof type)
|
|
94
|
-
return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
|
|
95
|
-
if ("string" === typeof type) return type;
|
|
96
|
-
switch (type) {
|
|
97
|
-
case REACT_FRAGMENT_TYPE:
|
|
98
|
-
return "Fragment";
|
|
99
|
-
case REACT_PROFILER_TYPE:
|
|
100
|
-
return "Profiler";
|
|
101
|
-
case REACT_STRICT_MODE_TYPE:
|
|
102
|
-
return "StrictMode";
|
|
103
|
-
case REACT_SUSPENSE_TYPE:
|
|
104
|
-
return "Suspense";
|
|
105
|
-
case REACT_SUSPENSE_LIST_TYPE:
|
|
106
|
-
return "SuspenseList";
|
|
107
|
-
case REACT_ACTIVITY_TYPE:
|
|
108
|
-
return "Activity";
|
|
109
|
-
}
|
|
110
|
-
if ("object" === typeof type)
|
|
111
|
-
switch ("number" === typeof type.tag && console.error(
|
|
112
|
-
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
113
|
-
), type.$$typeof) {
|
|
114
|
-
case REACT_PORTAL_TYPE:
|
|
115
|
-
return "Portal";
|
|
116
|
-
case REACT_CONTEXT_TYPE:
|
|
117
|
-
return (type.displayName || "Context") + ".Provider";
|
|
118
|
-
case REACT_CONSUMER_TYPE:
|
|
119
|
-
return (type._context.displayName || "Context") + ".Consumer";
|
|
120
|
-
case REACT_FORWARD_REF_TYPE:
|
|
121
|
-
var innerType = type.render;
|
|
122
|
-
type = type.displayName;
|
|
123
|
-
type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
|
|
124
|
-
return type;
|
|
125
|
-
case REACT_MEMO_TYPE:
|
|
126
|
-
return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
|
|
127
|
-
case REACT_LAZY_TYPE:
|
|
128
|
-
innerType = type._payload;
|
|
129
|
-
type = type._init;
|
|
130
|
-
try {
|
|
131
|
-
return getComponentNameFromType(type(innerType));
|
|
132
|
-
} catch (x) {
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
return null;
|
|
136
|
-
}
|
|
137
|
-
function testStringCoercion(value) {
|
|
138
|
-
return "" + value;
|
|
139
|
-
}
|
|
140
|
-
function checkKeyStringCoercion(value) {
|
|
141
|
-
try {
|
|
142
|
-
testStringCoercion(value);
|
|
143
|
-
var JSCompiler_inline_result = false;
|
|
144
|
-
} catch (e2) {
|
|
145
|
-
JSCompiler_inline_result = true;
|
|
146
|
-
}
|
|
147
|
-
if (JSCompiler_inline_result) {
|
|
148
|
-
JSCompiler_inline_result = console;
|
|
149
|
-
var JSCompiler_temp_const = JSCompiler_inline_result.error;
|
|
150
|
-
var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
|
|
151
|
-
JSCompiler_temp_const.call(
|
|
152
|
-
JSCompiler_inline_result,
|
|
153
|
-
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
154
|
-
JSCompiler_inline_result$jscomp$0
|
|
155
|
-
);
|
|
156
|
-
return testStringCoercion(value);
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
function getTaskName(type) {
|
|
160
|
-
if (type === REACT_FRAGMENT_TYPE) return "<>";
|
|
161
|
-
if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE)
|
|
162
|
-
return "<...>";
|
|
163
|
-
try {
|
|
164
|
-
var name = getComponentNameFromType(type);
|
|
165
|
-
return name ? "<" + name + ">" : "<...>";
|
|
166
|
-
} catch (x) {
|
|
167
|
-
return "<...>";
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
function getOwner() {
|
|
171
|
-
var dispatcher = ReactSharedInternals.A;
|
|
172
|
-
return null === dispatcher ? null : dispatcher.getOwner();
|
|
173
|
-
}
|
|
174
|
-
function UnknownOwner() {
|
|
175
|
-
return Error("react-stack-top-frame");
|
|
176
|
-
}
|
|
177
|
-
function hasValidKey(config) {
|
|
178
|
-
if (hasOwnProperty.call(config, "key")) {
|
|
179
|
-
var getter = Object.getOwnPropertyDescriptor(config, "key").get;
|
|
180
|
-
if (getter && getter.isReactWarning) return false;
|
|
181
|
-
}
|
|
182
|
-
return void 0 !== config.key;
|
|
183
|
-
}
|
|
184
|
-
function defineKeyPropWarningGetter(props, displayName) {
|
|
185
|
-
function warnAboutAccessingKey() {
|
|
186
|
-
specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error(
|
|
187
|
-
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
188
|
-
displayName
|
|
189
|
-
));
|
|
190
|
-
}
|
|
191
|
-
warnAboutAccessingKey.isReactWarning = true;
|
|
192
|
-
Object.defineProperty(props, "key", {
|
|
193
|
-
get: warnAboutAccessingKey,
|
|
194
|
-
configurable: true
|
|
195
|
-
});
|
|
196
|
-
}
|
|
197
|
-
function elementRefGetterWithDeprecationWarning() {
|
|
198
|
-
var componentName = getComponentNameFromType(this.type);
|
|
199
|
-
didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error(
|
|
200
|
-
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
201
|
-
));
|
|
202
|
-
componentName = this.props.ref;
|
|
203
|
-
return void 0 !== componentName ? componentName : null;
|
|
204
|
-
}
|
|
205
|
-
function ReactElement(type, key, self, source, owner, props, debugStack, debugTask) {
|
|
206
|
-
self = props.ref;
|
|
207
|
-
type = {
|
|
208
|
-
$$typeof: REACT_ELEMENT_TYPE,
|
|
209
|
-
type,
|
|
210
|
-
key,
|
|
211
|
-
props,
|
|
212
|
-
_owner: owner
|
|
213
|
-
};
|
|
214
|
-
null !== (void 0 !== self ? self : null) ? Object.defineProperty(type, "ref", {
|
|
215
|
-
enumerable: false,
|
|
216
|
-
get: elementRefGetterWithDeprecationWarning
|
|
217
|
-
}) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
|
|
218
|
-
type._store = {};
|
|
219
|
-
Object.defineProperty(type._store, "validated", {
|
|
220
|
-
configurable: false,
|
|
221
|
-
enumerable: false,
|
|
222
|
-
writable: true,
|
|
223
|
-
value: 0
|
|
224
|
-
});
|
|
225
|
-
Object.defineProperty(type, "_debugInfo", {
|
|
226
|
-
configurable: false,
|
|
227
|
-
enumerable: false,
|
|
228
|
-
writable: true,
|
|
229
|
-
value: null
|
|
230
|
-
});
|
|
231
|
-
Object.defineProperty(type, "_debugStack", {
|
|
232
|
-
configurable: false,
|
|
233
|
-
enumerable: false,
|
|
234
|
-
writable: true,
|
|
235
|
-
value: debugStack
|
|
236
|
-
});
|
|
237
|
-
Object.defineProperty(type, "_debugTask", {
|
|
238
|
-
configurable: false,
|
|
239
|
-
enumerable: false,
|
|
240
|
-
writable: true,
|
|
241
|
-
value: debugTask
|
|
242
|
-
});
|
|
243
|
-
Object.freeze && (Object.freeze(type.props), Object.freeze(type));
|
|
244
|
-
return type;
|
|
245
|
-
}
|
|
246
|
-
function jsxDEVImpl(type, config, maybeKey, isStaticChildren, source, self, debugStack, debugTask) {
|
|
247
|
-
var children = config.children;
|
|
248
|
-
if (void 0 !== children)
|
|
249
|
-
if (isStaticChildren)
|
|
250
|
-
if (isArrayImpl(children)) {
|
|
251
|
-
for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++)
|
|
252
|
-
validateChildKeys(children[isStaticChildren]);
|
|
253
|
-
Object.freeze && Object.freeze(children);
|
|
254
|
-
} else
|
|
255
|
-
console.error(
|
|
256
|
-
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
257
|
-
);
|
|
258
|
-
else validateChildKeys(children);
|
|
259
|
-
if (hasOwnProperty.call(config, "key")) {
|
|
260
|
-
children = getComponentNameFromType(type);
|
|
261
|
-
var keys = Object.keys(config).filter(function(k) {
|
|
262
|
-
return "key" !== k;
|
|
263
|
-
});
|
|
264
|
-
isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
265
|
-
didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
266
|
-
'A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',
|
|
267
|
-
isStaticChildren,
|
|
268
|
-
children,
|
|
269
|
-
keys,
|
|
270
|
-
children
|
|
271
|
-
), didWarnAboutKeySpread[children + isStaticChildren] = true);
|
|
272
|
-
}
|
|
273
|
-
children = null;
|
|
274
|
-
void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
|
|
275
|
-
hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
|
|
276
|
-
if ("key" in config) {
|
|
277
|
-
maybeKey = {};
|
|
278
|
-
for (var propName in config)
|
|
279
|
-
"key" !== propName && (maybeKey[propName] = config[propName]);
|
|
280
|
-
} else maybeKey = config;
|
|
281
|
-
children && defineKeyPropWarningGetter(
|
|
282
|
-
maybeKey,
|
|
283
|
-
"function" === typeof type ? type.displayName || type.name || "Unknown" : type
|
|
284
|
-
);
|
|
285
|
-
return ReactElement(
|
|
286
|
-
type,
|
|
287
|
-
children,
|
|
288
|
-
self,
|
|
289
|
-
source,
|
|
290
|
-
getOwner(),
|
|
291
|
-
maybeKey,
|
|
292
|
-
debugStack,
|
|
293
|
-
debugTask
|
|
294
|
-
);
|
|
295
|
-
}
|
|
296
|
-
function validateChildKeys(node) {
|
|
297
|
-
"object" === typeof node && null !== node && node.$$typeof === REACT_ELEMENT_TYPE && node._store && (node._store.validated = 1);
|
|
298
|
-
}
|
|
299
|
-
var React$1 = React, REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
|
|
300
|
-
var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
|
|
301
|
-
return null;
|
|
302
|
-
};
|
|
303
|
-
React$1 = {
|
|
304
|
-
"react-stack-bottom-frame": function(callStackForError) {
|
|
305
|
-
return callStackForError();
|
|
306
|
-
}
|
|
307
|
-
};
|
|
308
|
-
var specialPropKeyWarningShown;
|
|
309
|
-
var didWarnAboutElementRef = {};
|
|
310
|
-
var unknownOwnerDebugStack = React$1["react-stack-bottom-frame"].bind(
|
|
311
|
-
React$1,
|
|
312
|
-
UnknownOwner
|
|
313
|
-
)();
|
|
314
|
-
var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
|
|
315
|
-
var didWarnAboutKeySpread = {};
|
|
316
|
-
reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
|
|
317
|
-
reactJsxRuntime_development.jsx = function(type, config, maybeKey, source, self) {
|
|
318
|
-
var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
|
|
319
|
-
return jsxDEVImpl(
|
|
320
|
-
type,
|
|
321
|
-
config,
|
|
322
|
-
maybeKey,
|
|
323
|
-
false,
|
|
324
|
-
source,
|
|
325
|
-
self,
|
|
326
|
-
trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
|
|
327
|
-
trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
|
|
328
|
-
);
|
|
329
|
-
};
|
|
330
|
-
reactJsxRuntime_development.jsxs = function(type, config, maybeKey, source, self) {
|
|
331
|
-
var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
|
|
332
|
-
return jsxDEVImpl(
|
|
333
|
-
type,
|
|
334
|
-
config,
|
|
335
|
-
maybeKey,
|
|
336
|
-
true,
|
|
337
|
-
source,
|
|
338
|
-
self,
|
|
339
|
-
trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
|
|
340
|
-
trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
|
|
341
|
-
);
|
|
342
|
-
};
|
|
343
|
-
})();
|
|
344
|
-
return reactJsxRuntime_development;
|
|
345
|
-
}
|
|
346
|
-
var hasRequiredJsxRuntime;
|
|
347
|
-
function requireJsxRuntime() {
|
|
348
|
-
if (hasRequiredJsxRuntime) return jsxRuntime.exports;
|
|
349
|
-
hasRequiredJsxRuntime = 1;
|
|
350
|
-
{
|
|
351
|
-
jsxRuntime.exports = requireReactJsxRuntime_development();
|
|
352
|
-
}
|
|
353
|
-
return jsxRuntime.exports;
|
|
354
|
-
}
|
|
355
|
-
var jsxRuntimeExports = requireJsxRuntime();
|
|
356
73
|
var pseudoDescriptorsBase = {
|
|
357
74
|
// order of keys here important! in priority order
|
|
358
75
|
hoverStyle: {
|
|
@@ -472,9 +189,9 @@ function createStyledContext(defaultValues) {
|
|
|
472
189
|
]), scope = getNamespacedScope(scopeIn), next = React.useMemo(function() {
|
|
473
190
|
return __disableMergeDefaultValues ? values : mergeProps(defaultValues, values);
|
|
474
191
|
}, [objectIdentityKey(values)]), ScopedProvider = OGProvider;
|
|
475
|
-
return scope && (ScopedProvider = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */
|
|
192
|
+
return scope && (ScopedProvider = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ jsxRuntime.jsx(LastScopeInNamespace.Provider, {
|
|
476
193
|
value: scope,
|
|
477
|
-
children: /* @__PURE__ */
|
|
194
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ScopedProvider, {
|
|
478
195
|
value: next,
|
|
479
196
|
children
|
|
480
197
|
})
|
|
@@ -1567,7 +1284,7 @@ var _withStableStyle = function(Component, styleProvider) {
|
|
|
1567
1284
|
}), media = hasMediaKeys ? useMedia() : null, resolvedExpressions = media ? _expressions.map(function(expr) {
|
|
1568
1285
|
return typeof expr == "string" ? media[expr] : expr;
|
|
1569
1286
|
}) : _expressions;
|
|
1570
|
-
return /* @__PURE__ */
|
|
1287
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadValues({
|
|
1571
1288
|
ref,
|
|
1572
1289
|
style: styleProvider(theme, resolvedExpressions)
|
|
1573
1290
|
}, rest));
|
|
@@ -1656,6 +1373,9 @@ var defaultOffset = {
|
|
|
1656
1373
|
height: 0,
|
|
1657
1374
|
width: 0
|
|
1658
1375
|
};
|
|
1376
|
+
function getDefaultExportFromCjs(x) {
|
|
1377
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
|
|
1378
|
+
}
|
|
1659
1379
|
var normalizeColor_1;
|
|
1660
1380
|
var hasRequiredNormalizeColor;
|
|
1661
1381
|
function requireNormalizeColor() {
|
|
@@ -3282,9 +3002,14 @@ var defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", animata
|
|
|
3282
3002
|
}))), {
|
|
3283
3003
|
opacity: 1,
|
|
3284
3004
|
scale: 1,
|
|
3005
|
+
scaleX: 1,
|
|
3006
|
+
scaleY: 1,
|
|
3285
3007
|
rotate: "0deg",
|
|
3286
|
-
rotateY: "0deg",
|
|
3287
3008
|
rotateX: "0deg",
|
|
3009
|
+
rotateY: "0deg",
|
|
3010
|
+
rotateZ: "0deg",
|
|
3011
|
+
skewX: "0deg",
|
|
3012
|
+
skewY: "0deg",
|
|
3288
3013
|
x: 0,
|
|
3289
3014
|
y: 0,
|
|
3290
3015
|
borderRadius: 0
|
|
@@ -3426,7 +3151,7 @@ function getThemedChildren(themeState, children, props) {
|
|
|
3426
3151
|
forceClassName
|
|
3427
3152
|
} = props, state = stateRef.current, hasEverThemed = state.hasEverThemed, shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
|
|
3428
3153
|
if (!shouldRenderChildrenWithTheme) return children;
|
|
3429
|
-
children = /* @__PURE__ */
|
|
3154
|
+
children = /* @__PURE__ */ jsxRuntime.jsx(ThemeStateContext.Provider, {
|
|
3430
3155
|
value: themeState.id,
|
|
3431
3156
|
children
|
|
3432
3157
|
});
|
|
@@ -3440,7 +3165,7 @@ function getThemedChildren(themeState, children, props) {
|
|
|
3440
3165
|
var parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
|
|
3441
3166
|
if (!parentState) throw new Error("‼️010");
|
|
3442
3167
|
children = React.Children.toArray(children).map(function(child) {
|
|
3443
|
-
return /* @__PURE__ */ React.isValidElement(child) ? passThrough ? child : /* @__PURE__ */ React.cloneElement(child, void 0, /* @__PURE__ */
|
|
3168
|
+
return /* @__PURE__ */ React.isValidElement(child) ? passThrough ? child : /* @__PURE__ */ React.cloneElement(child, void 0, /* @__PURE__ */ jsxRuntime.jsx(Theme, {
|
|
3444
3169
|
name: parentState.name,
|
|
3445
3170
|
children: child.props.children
|
|
3446
3171
|
})) : child;
|
|
@@ -3466,21 +3191,21 @@ function themeable(Component, staticConfig) {
|
|
|
3466
3191
|
}
|
|
3467
3192
|
var element = (
|
|
3468
3193
|
// @ts-expect-error its ok
|
|
3469
|
-
/* @__PURE__ */
|
|
3194
|
+
/* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues({
|
|
3470
3195
|
ref
|
|
3471
3196
|
}, rest), {
|
|
3472
3197
|
"data-disable-theme": true
|
|
3473
3198
|
}))
|
|
3474
3199
|
), filteredProps = null, compName = componentName || (staticConfig == null ? void 0 : staticConfig.componentName);
|
|
3475
3200
|
if (compName && (filteredProps || (filteredProps = {}), filteredProps.componentName = compName), "debug" in props && (filteredProps || (filteredProps = {}), filteredProps.debug = props.debug), "theme" in props && (filteredProps || (filteredProps = {}), filteredProps.name = props.theme), "themeReset" in props && (filteredProps || (filteredProps = {}), filteredProps.reset = themeReset), optimize && !filteredProps) return element;
|
|
3476
|
-
var contents = /* @__PURE__ */
|
|
3201
|
+
var contents = /* @__PURE__ */ jsxRuntime.jsx(Theme, __spreadProps(__spreadValues({
|
|
3477
3202
|
"disable-child-theme": true
|
|
3478
3203
|
}, filteredProps), {
|
|
3479
3204
|
children: element
|
|
3480
3205
|
}));
|
|
3481
3206
|
if (context) {
|
|
3482
3207
|
var Provider = context.Provider, contextValue = React.useContext(context);
|
|
3483
|
-
contents = /* @__PURE__ */
|
|
3208
|
+
contents = /* @__PURE__ */ jsxRuntime.jsx(Provider, __spreadProps(__spreadValues(__spreadValues({}, contextValue), overriddenContextProps), {
|
|
3484
3209
|
children: contents
|
|
3485
3210
|
}));
|
|
3486
3211
|
}
|
|
@@ -3495,7 +3220,7 @@ var ClientOnlyContext = /* @__PURE__ */ React.createContext(false), ClientOnly =
|
|
|
3495
3220
|
children,
|
|
3496
3221
|
enabled
|
|
3497
3222
|
} = param, existingValue = React.useContext(ClientOnlyContext);
|
|
3498
|
-
return /* @__PURE__ */
|
|
3223
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ClientOnlyContext.Provider, {
|
|
3499
3224
|
value: enabled != null ? enabled : existingValue,
|
|
3500
3225
|
children
|
|
3501
3226
|
});
|
|
@@ -3617,7 +3342,7 @@ var is19 = React.version.startsWith("19."), Slot = /* @__PURE__ */ React.memo(/*
|
|
|
3617
3342
|
var {
|
|
3618
3343
|
children
|
|
3619
3344
|
} = param;
|
|
3620
|
-
return /* @__PURE__ */
|
|
3345
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
3621
3346
|
children
|
|
3622
3347
|
});
|
|
3623
3348
|
};
|
|
@@ -3943,24 +3668,27 @@ function createComponent(staticConfig) {
|
|
|
3943
3668
|
});
|
|
3944
3669
|
return;
|
|
3945
3670
|
}
|
|
3946
|
-
var tm;
|
|
3947
3671
|
if (state.unmounted) {
|
|
3948
|
-
if (
|
|
3949
|
-
|
|
3950
|
-
|
|
3951
|
-
|
|
3952
|
-
|
|
3953
|
-
|
|
3954
|
-
|
|
3672
|
+
if (supportsCSS) {
|
|
3673
|
+
var cancelled = false;
|
|
3674
|
+
return requestAnimationFrame(function() {
|
|
3675
|
+
cancelled || requestAnimationFrame(function() {
|
|
3676
|
+
cancelled || setStateShallow({
|
|
3677
|
+
unmounted: false
|
|
3678
|
+
});
|
|
3679
|
+
});
|
|
3680
|
+
}), function() {
|
|
3681
|
+
cancelled = true;
|
|
3682
|
+
};
|
|
3683
|
+
}
|
|
3955
3684
|
setStateShallow({
|
|
3956
3685
|
unmounted: false
|
|
3957
3686
|
});
|
|
3958
|
-
return;
|
|
3959
3687
|
}
|
|
3960
3688
|
return function() {
|
|
3961
3689
|
componentSetStates.delete(setState);
|
|
3962
3690
|
};
|
|
3963
|
-
}, [state.unmounted,
|
|
3691
|
+
}, [state.unmounted, supportsCSS]), useIsomorphicLayoutEffect(function() {
|
|
3964
3692
|
if (!disabled && !(!pseudoGroups && !mediaGroups) && allGroupContexts) return subscribeToContextGroup({
|
|
3965
3693
|
groupContext: allGroupContexts,
|
|
3966
3694
|
setStateShallow,
|
|
@@ -4048,19 +3776,19 @@ function createComponent(staticConfig) {
|
|
|
4048
3776
|
!isHOC && ResetPresence && willBeAnimated && (hasEnterStyle || presenceState)), hasEverReset = stateRef.current.hasEverResetPresence;
|
|
4049
3777
|
needsReset && !hasEverReset && (stateRef.current.hasEverResetPresence = true);
|
|
4050
3778
|
var renderReset = needsReset || hasEverReset;
|
|
4051
|
-
if (renderReset && ResetPresence && (content = /* @__PURE__ */
|
|
3779
|
+
if (renderReset && ResetPresence && (content = /* @__PURE__ */ jsxRuntime.jsx(ResetPresence, {
|
|
4052
3780
|
disabled: !needsReset,
|
|
4053
3781
|
children: content
|
|
4054
|
-
})), "focusWithinStyle" in propsIn && (content = /* @__PURE__ */
|
|
3782
|
+
})), "focusWithinStyle" in propsIn && (content = /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, componentContext), {
|
|
4055
3783
|
setParentFocusState: setStateShallow,
|
|
4056
3784
|
children: content
|
|
4057
|
-
}))), "group" in props && (content = /* @__PURE__ */
|
|
3785
|
+
}))), "group" in props && (content = /* @__PURE__ */ jsxRuntime.jsx(GroupContext.Provider, {
|
|
4058
3786
|
value: allGroupContexts,
|
|
4059
3787
|
children: content
|
|
4060
3788
|
})), content = disableTheme || !splitStyles ? content : getThemedChildren(themeState, content, themeStateProps, false, stateRef), overriddenContextProps && contextForOverride) {
|
|
4061
3789
|
var Provider = contextForOverride.Provider;
|
|
4062
3790
|
for (var key1 in styledContextValue) key1 in overriddenContextProps || (overriddenContextProps[key1] = styledContextValue[key1]);
|
|
4063
|
-
|
|
3791
|
+
content = /* @__PURE__ */ jsxRuntime.jsx(Provider, __spreadProps(__spreadValues({
|
|
4064
3792
|
__disableMergeDefaultValues: true
|
|
4065
3793
|
}, overriddenContextProps), {
|
|
4066
3794
|
children: content
|
|
@@ -4719,9 +4447,9 @@ function useThemeName() {
|
|
|
4719
4447
|
}
|
|
4720
4448
|
var Configuration = function(props) {
|
|
4721
4449
|
var current = React.useContext(ComponentContext), _props_disableSSR;
|
|
4722
|
-
return /* @__PURE__ */
|
|
4450
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ClientOnly, {
|
|
4723
4451
|
enabled: (_props_disableSSR = props.disableSSR) !== null && _props_disableSSR !== void 0 ? _props_disableSSR : current.disableSSR,
|
|
4724
|
-
children: /* @__PURE__ */
|
|
4452
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadValues(__spreadValues({}, current), props))
|
|
4725
4453
|
});
|
|
4726
4454
|
};
|
|
4727
4455
|
function FontLanguage(param) {
|
|
@@ -4732,7 +4460,7 @@ function FontLanguage(param) {
|
|
|
4732
4460
|
]), parentProps = React.useContext(ComponentContext), language = React.useMemo(function() {
|
|
4733
4461
|
return props;
|
|
4734
4462
|
}, [JSON.stringify(props)]);
|
|
4735
|
-
return /* @__PURE__ */
|
|
4463
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, __spreadProps(__spreadValues({}, parentProps), {
|
|
4736
4464
|
language,
|
|
4737
4465
|
children
|
|
4738
4466
|
}));
|
|
@@ -4740,7 +4468,7 @@ function FontLanguage(param) {
|
|
|
4740
4468
|
var ThemeProvider = function(props) {
|
|
4741
4469
|
var addThemeClassName = getSetting("addThemeClassName");
|
|
4742
4470
|
var forceClassName = addThemeClassName === void 0;
|
|
4743
|
-
return /* @__PURE__ */
|
|
4471
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Theme, {
|
|
4744
4472
|
className: props.className,
|
|
4745
4473
|
name: props.defaultTheme,
|
|
4746
4474
|
forceClassName,
|
|
@@ -4764,11 +4492,11 @@ function TamaguiProvider$1(param) {
|
|
|
4764
4492
|
}, []);
|
|
4765
4493
|
var memoizedInsets = React.useMemo(function() {
|
|
4766
4494
|
return insets;
|
|
4767
|
-
}, [insets == null ? void 0 : insets.top, insets == null ? void 0 : insets.right, insets == null ? void 0 : insets.bottom, insets == null ? void 0 : insets.left]), contents = /* @__PURE__ */
|
|
4768
|
-
children: /* @__PURE__ */
|
|
4495
|
+
}, [insets == null ? void 0 : insets.top, insets == null ? void 0 : insets.right, insets == null ? void 0 : insets.bottom, insets == null ? void 0 : insets.left]), contents = /* @__PURE__ */ jsxRuntime.jsx(UnmountedClassName, {
|
|
4496
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ComponentContext.Provider, {
|
|
4769
4497
|
animationDriver: config == null ? void 0 : config.animations,
|
|
4770
4498
|
insets: memoizedInsets,
|
|
4771
|
-
children: /* @__PURE__ */
|
|
4499
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, {
|
|
4772
4500
|
defaultTheme,
|
|
4773
4501
|
reset,
|
|
4774
4502
|
className,
|
|
@@ -4776,10 +4504,10 @@ function TamaguiProvider$1(param) {
|
|
|
4776
4504
|
})
|
|
4777
4505
|
})
|
|
4778
4506
|
});
|
|
4779
|
-
return getSetting("disableSSR") && (contents = /* @__PURE__ */
|
|
4507
|
+
return getSetting("disableSSR") && (contents = /* @__PURE__ */ jsxRuntime.jsx(ClientOnly, {
|
|
4780
4508
|
enabled: true,
|
|
4781
4509
|
children: contents
|
|
4782
|
-
})), /* @__PURE__ */
|
|
4510
|
+
})), /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
4783
4511
|
children: [contents, false]
|
|
4784
4512
|
});
|
|
4785
4513
|
}
|
|
@@ -5029,7 +4757,7 @@ var DisableLayoutContextKey = /* @__PURE__ */ React.createContext(""), LayoutMea
|
|
|
5029
4757
|
children
|
|
5030
4758
|
} = param, id = React.useId();
|
|
5031
4759
|
return useIsomorphicLayoutEffect(function() {
|
|
5032
|
-
}, [disable, id]), /* @__PURE__ */
|
|
4760
|
+
}, [disable, id]), /* @__PURE__ */ jsxRuntime.jsx(DisableLayoutContextKey.Provider, {
|
|
5033
4761
|
value: id,
|
|
5034
4762
|
children
|
|
5035
4763
|
});
|
|
@@ -5059,7 +4787,7 @@ const TamaguiProvider = (props) => {
|
|
|
5059
4787
|
useIsomorphicLayoutEffect(() => {
|
|
5060
4788
|
enable();
|
|
5061
4789
|
}, []);
|
|
5062
|
-
return /* @__PURE__ */
|
|
4790
|
+
return /* @__PURE__ */ jsxRuntime.jsx(TamaguiProvider$1, __spreadValues({}, props));
|
|
5063
4791
|
};
|
|
5064
4792
|
const createTamagui = (conf2) => {
|
|
5065
4793
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/core",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-1768636514428",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"main": "dist/cjs",
|
|
@@ -33,18 +33,18 @@
|
|
|
33
33
|
"native-test.d.ts"
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tamagui/helpers": "2.0.0-
|
|
37
|
-
"@tamagui/react-native-media-driver": "2.0.0-
|
|
38
|
-
"@tamagui/react-native-use-pressable": "2.0.0-
|
|
39
|
-
"@tamagui/react-native-use-responder-events": "2.0.0-
|
|
40
|
-
"@tamagui/use-element-layout": "2.0.0-
|
|
41
|
-
"@tamagui/use-event": "2.0.0-
|
|
42
|
-
"@tamagui/web": "2.0.0-
|
|
36
|
+
"@tamagui/helpers": "2.0.0-1768636514428",
|
|
37
|
+
"@tamagui/react-native-media-driver": "2.0.0-1768636514428",
|
|
38
|
+
"@tamagui/react-native-use-pressable": "2.0.0-1768636514428",
|
|
39
|
+
"@tamagui/react-native-use-responder-events": "2.0.0-1768636514428",
|
|
40
|
+
"@tamagui/use-element-layout": "2.0.0-1768636514428",
|
|
41
|
+
"@tamagui/use-event": "2.0.0-1768636514428",
|
|
42
|
+
"@tamagui/web": "2.0.0-1768636514428"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@tamagui/build": "2.0.0-
|
|
46
|
-
"@tamagui/native-bundle": "2.0.0-
|
|
47
|
-
"@tamagui/react-native-web-lite": "2.0.0-
|
|
45
|
+
"@tamagui/build": "2.0.0-1768636514428",
|
|
46
|
+
"@tamagui/native-bundle": "2.0.0-1768636514428",
|
|
47
|
+
"@tamagui/react-native-web-lite": "2.0.0-1768636514428",
|
|
48
48
|
"@testing-library/react": "^16.1.0",
|
|
49
49
|
"csstype": "^3.0.10",
|
|
50
50
|
"react": "*",
|