tamagui 1.101.1 → 1.101.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/native.js +110 -150
- package/dist/native.js.map +3 -3
- package/dist/test.native.js +116 -130
- package/dist/test.native.js.map +3 -3
- package/package.json +54 -54
package/dist/native.js
CHANGED
|
@@ -3029,63 +3029,6 @@ var require_pseudoDescriptors_native = __commonJS({
|
|
|
3029
3029
|
}
|
|
3030
3030
|
});
|
|
3031
3031
|
|
|
3032
|
-
// ../web/dist/cjs/hooks/useDidHydrateOnce.native.js
|
|
3033
|
-
var require_useDidHydrateOnce_native = __commonJS({
|
|
3034
|
-
"../web/dist/cjs/hooks/useDidHydrateOnce.native.js"(exports2, module2) {
|
|
3035
|
-
"use strict";
|
|
3036
|
-
var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
|
|
3037
|
-
for (var name in all) __defProp2(target, name, {
|
|
3038
|
-
get: all[name],
|
|
3039
|
-
enumerable: !0
|
|
3040
|
-
});
|
|
3041
|
-
}, __copyProps2 = function(to, from, except, desc) {
|
|
3042
|
-
var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
|
|
3043
|
-
if (from && typeof from == "object" || typeof from == "function") try {
|
|
3044
|
-
for (var _loop = function() {
|
|
3045
|
-
var key = _step.value;
|
|
3046
|
-
!__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
|
|
3047
|
-
get: function() {
|
|
3048
|
-
return from[key];
|
|
3049
|
-
},
|
|
3050
|
-
enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
|
|
3051
|
-
});
|
|
3052
|
-
}, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
|
|
3053
|
-
} catch (err) {
|
|
3054
|
-
_didIteratorError = !0, _iteratorError = err;
|
|
3055
|
-
} finally {
|
|
3056
|
-
try {
|
|
3057
|
-
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
3058
|
-
} finally {
|
|
3059
|
-
if (_didIteratorError)
|
|
3060
|
-
throw _iteratorError;
|
|
3061
|
-
}
|
|
3062
|
-
}
|
|
3063
|
-
return to;
|
|
3064
|
-
}, __toCommonJS2 = function(mod) {
|
|
3065
|
-
return __copyProps2(__defProp2({}, "__esModule", {
|
|
3066
|
-
value: !0
|
|
3067
|
-
}), mod);
|
|
3068
|
-
}, useDidHydrateOnce_exports = {};
|
|
3069
|
-
__export2(useDidHydrateOnce_exports, {
|
|
3070
|
-
useDidHydrateOnce: function() {
|
|
3071
|
-
return useDidHydrateOnce;
|
|
3072
|
-
},
|
|
3073
|
-
useDidHydrateOnceRoot: function() {
|
|
3074
|
-
return useDidHydrateOnceRoot;
|
|
3075
|
-
}
|
|
3076
|
-
});
|
|
3077
|
-
module2.exports = __toCommonJS2(useDidHydrateOnce_exports);
|
|
3078
|
-
var import_react4 = require("react");
|
|
3079
|
-
function useDidHydrateOnceRoot() {
|
|
3080
|
-
return process.env.TAMAGUI_REACT_19, !0;
|
|
3081
|
-
}
|
|
3082
|
-
var last = Date.now();
|
|
3083
|
-
function useDidHydrateOnce() {
|
|
3084
|
-
return !0;
|
|
3085
|
-
}
|
|
3086
|
-
}
|
|
3087
|
-
});
|
|
3088
|
-
|
|
3089
3032
|
// ../web/dist/cjs/hooks/useDisableSSR.native.js
|
|
3090
3033
|
var require_useDisableSSR_native = __commonJS({
|
|
3091
3034
|
"../web/dist/cjs/hooks/useDisableSSR.native.js"(exports2, module2) {
|
|
@@ -3223,7 +3166,7 @@ var require_useMedia_native = __commonJS({
|
|
|
3223
3166
|
}
|
|
3224
3167
|
});
|
|
3225
3168
|
module2.exports = __toCommonJS2(useMedia_exports);
|
|
3226
|
-
var import_constants4 = require_index_native6(), import_react4 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(),
|
|
3169
|
+
var import_constants4 = require_index_native6(), import_react4 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native();
|
|
3227
3170
|
function _array_like_to_array2(arr, len) {
|
|
3228
3171
|
(len == null || len > arr.length) && (len = arr.length);
|
|
3229
3172
|
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
@@ -3232,9 +3175,6 @@ var require_useMedia_native = __commonJS({
|
|
|
3232
3175
|
function _array_with_holes(arr) {
|
|
3233
3176
|
if (Array.isArray(arr)) return arr;
|
|
3234
3177
|
}
|
|
3235
|
-
function _array_without_holes2(arr) {
|
|
3236
|
-
if (Array.isArray(arr)) return _array_like_to_array2(arr);
|
|
3237
|
-
}
|
|
3238
3178
|
function _define_property9(obj, key, value) {
|
|
3239
3179
|
return key in obj ? Object.defineProperty(obj, key, {
|
|
3240
3180
|
value,
|
|
@@ -3243,9 +3183,6 @@ var require_useMedia_native = __commonJS({
|
|
|
3243
3183
|
writable: !0
|
|
3244
3184
|
}) : obj[key] = value, obj;
|
|
3245
3185
|
}
|
|
3246
|
-
function _iterable_to_array2(iter) {
|
|
3247
|
-
if ((typeof Symbol > "u" ? "undefined" : _type_of(Symbol)) < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
3248
|
-
}
|
|
3249
3186
|
function _iterable_to_array_limit(arr, i) {
|
|
3250
3187
|
var _i = arr == null ? null : (typeof Symbol > "u" ? "undefined" : _type_of(Symbol)) < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
3251
3188
|
if (_i != null) {
|
|
@@ -3267,9 +3204,6 @@ var require_useMedia_native = __commonJS({
|
|
|
3267
3204
|
function _non_iterable_rest() {
|
|
3268
3205
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
3269
3206
|
}
|
|
3270
|
-
function _non_iterable_spread2() {
|
|
3271
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
3272
|
-
}
|
|
3273
3207
|
function _object_spread9(target) {
|
|
3274
3208
|
for (var i = 1; i < arguments.length; i++) {
|
|
3275
3209
|
var source = arguments[i] != null ? arguments[i] : {}, ownKeys22 = Object.keys(source);
|
|
@@ -3299,9 +3233,6 @@ var require_useMedia_native = __commonJS({
|
|
|
3299
3233
|
function _sliced_to_array(arr, i) {
|
|
3300
3234
|
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array2(arr, i) || _non_iterable_rest();
|
|
3301
3235
|
}
|
|
3302
|
-
function _to_consumable_array2(arr) {
|
|
3303
|
-
return _array_without_holes2(arr) || _iterable_to_array2(arr) || _unsupported_iterable_to_array2(arr) || _non_iterable_spread2();
|
|
3304
|
-
}
|
|
3305
3236
|
function _unsupported_iterable_to_array2(o, minLen) {
|
|
3306
3237
|
if (o) {
|
|
3307
3238
|
if (typeof o == "string") return _array_like_to_array2(o, minLen);
|
|
@@ -3360,7 +3291,7 @@ var require_useMedia_native = __commonJS({
|
|
|
3360
3291
|
}), update();
|
|
3361
3292
|
};
|
|
3362
3293
|
if (!(import_constants4.isWeb && import_constants4.isServer) && setupVersion !== mediaVersion) {
|
|
3363
|
-
setupVersion = mediaVersion,
|
|
3294
|
+
setupVersion = mediaVersion, unlisten();
|
|
3364
3295
|
for (var key in mediaQueryConfig3) _loop(key);
|
|
3365
3296
|
}
|
|
3366
3297
|
}
|
|
@@ -3376,45 +3307,44 @@ var require_useMedia_native = __commonJS({
|
|
|
3376
3307
|
function setMediaShouldUpdate(ref, props) {
|
|
3377
3308
|
return States.set(ref, _object_spread9({}, States.get(ref), props));
|
|
3378
3309
|
}
|
|
3379
|
-
function
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
return mediaState3[key] === prev[key];
|
|
3384
|
-
});
|
|
3385
|
-
return hasntUpdated ? prev : mediaState3;
|
|
3310
|
+
function subscribe(subscriber) {
|
|
3311
|
+
return listeners.add(subscriber), function() {
|
|
3312
|
+
listeners.delete(subscriber);
|
|
3313
|
+
};
|
|
3386
3314
|
}
|
|
3387
|
-
function useMedia3(uidIn, componentContext) {
|
|
3388
|
-
var
|
|
3315
|
+
function useMedia3(uidIn, componentContext, debug) {
|
|
3316
|
+
var uid = uidIn ?? (0, import_react4.useRef)(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants4.isWeb ? mediaState3 : initState) || {}, componentState = States.get(uid);
|
|
3389
3317
|
componentState || (componentState = {
|
|
3390
3318
|
prev: initialState
|
|
3391
3319
|
}, States.set(uid, componentState));
|
|
3392
|
-
var
|
|
3393
|
-
|
|
3394
|
-
var
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3398
|
-
|
|
3399
|
-
|
|
3400
|
-
|
|
3401
|
-
|
|
3402
|
-
|
|
3403
|
-
|
|
3404
|
-
|
|
3405
|
-
|
|
3406
|
-
|
|
3407
|
-
|
|
3408
|
-
|
|
3409
|
-
|
|
3410
|
-
|
|
3411
|
-
|
|
3412
|
-
|
|
3413
|
-
|
|
3320
|
+
var getSnapshot = function() {
|
|
3321
|
+
if (!componentState) return initialState;
|
|
3322
|
+
var enabled = componentState.enabled, keys = componentState.keys, _componentState_prev = componentState.prev, prev = _componentState_prev === void 0 ? initialState : _componentState_prev;
|
|
3323
|
+
if (enabled === !1) return prev;
|
|
3324
|
+
var _ref, testKeys = (_ref = (keys != null || enabled) && keys) !== null && _ref !== void 0 ? _ref : null, hasntUpdated = !testKeys || Object.keys(testKeys).every(function(key) {
|
|
3325
|
+
return mediaState3[key] === prev[key];
|
|
3326
|
+
});
|
|
3327
|
+
return hasntUpdated ? prev : (componentState.prev = mediaState3, mediaState3);
|
|
3328
|
+
}, state;
|
|
3329
|
+
if (process.env.TAMAGUI_SYNC_MEDIA_QUERY) state = (0, import_react4.useSyncExternalStore)(subscribe, getSnapshot, function() {
|
|
3330
|
+
return initialState;
|
|
3331
|
+
});
|
|
3332
|
+
else {
|
|
3333
|
+
var _useState = _sliced_to_array((0, import_react4.useState)(initialState), 2), _state = _useState[0], setState = _useState[1];
|
|
3334
|
+
state = _state, (0, import_constants4.useIsomorphicLayoutEffect)(function() {
|
|
3335
|
+
var update = function() {
|
|
3336
|
+
setState(getSnapshot);
|
|
3337
|
+
};
|
|
3338
|
+
return update(), disableSSR || Promise.resolve().then(function() {
|
|
3339
|
+
update();
|
|
3340
|
+
}), subscribe(update);
|
|
3341
|
+
}, []);
|
|
3342
|
+
}
|
|
3343
|
+
return new Proxy(state, {
|
|
3414
3344
|
get: function(_, key) {
|
|
3415
3345
|
if (typeof key == "string") {
|
|
3416
3346
|
var _componentState;
|
|
3417
|
-
(_componentState = componentState).
|
|
3347
|
+
(_componentState = componentState).keys || (_componentState.keys = {}), componentState.keys[key] = !0, process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key);
|
|
3418
3348
|
}
|
|
3419
3349
|
return Reflect.get(state, key);
|
|
3420
3350
|
}
|
|
@@ -7915,7 +7845,7 @@ current`, _object_spread9({}, styleState.style)));
|
|
|
7915
7845
|
if (isMedia) {
|
|
7916
7846
|
if (!val) continue;
|
|
7917
7847
|
var hasSpace = val.space, mediaKeyShort = key.slice(1);
|
|
7918
|
-
if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (
|
|
7848
|
+
if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform") {
|
|
7919
7849
|
var platform = key.slice(10);
|
|
7920
7850
|
if (
|
|
7921
7851
|
// supports web, ios, android
|
|
@@ -8709,6 +8639,63 @@ var require_themeable_native = __commonJS({
|
|
|
8709
8639
|
}
|
|
8710
8640
|
});
|
|
8711
8641
|
|
|
8642
|
+
// ../web/dist/cjs/hooks/useDidHydrateOnce.native.js
|
|
8643
|
+
var require_useDidHydrateOnce_native = __commonJS({
|
|
8644
|
+
"../web/dist/cjs/hooks/useDidHydrateOnce.native.js"(exports2, module2) {
|
|
8645
|
+
"use strict";
|
|
8646
|
+
var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
|
|
8647
|
+
for (var name in all) __defProp2(target, name, {
|
|
8648
|
+
get: all[name],
|
|
8649
|
+
enumerable: !0
|
|
8650
|
+
});
|
|
8651
|
+
}, __copyProps2 = function(to, from, except, desc) {
|
|
8652
|
+
var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
|
|
8653
|
+
if (from && typeof from == "object" || typeof from == "function") try {
|
|
8654
|
+
for (var _loop = function() {
|
|
8655
|
+
var key = _step.value;
|
|
8656
|
+
!__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
|
|
8657
|
+
get: function() {
|
|
8658
|
+
return from[key];
|
|
8659
|
+
},
|
|
8660
|
+
enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
|
|
8661
|
+
});
|
|
8662
|
+
}, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
|
|
8663
|
+
} catch (err) {
|
|
8664
|
+
_didIteratorError = !0, _iteratorError = err;
|
|
8665
|
+
} finally {
|
|
8666
|
+
try {
|
|
8667
|
+
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
8668
|
+
} finally {
|
|
8669
|
+
if (_didIteratorError)
|
|
8670
|
+
throw _iteratorError;
|
|
8671
|
+
}
|
|
8672
|
+
}
|
|
8673
|
+
return to;
|
|
8674
|
+
}, __toCommonJS2 = function(mod) {
|
|
8675
|
+
return __copyProps2(__defProp2({}, "__esModule", {
|
|
8676
|
+
value: !0
|
|
8677
|
+
}), mod);
|
|
8678
|
+
}, useDidHydrateOnce_exports = {};
|
|
8679
|
+
__export2(useDidHydrateOnce_exports, {
|
|
8680
|
+
useDidHydrateOnce: function() {
|
|
8681
|
+
return useDidHydrateOnce;
|
|
8682
|
+
},
|
|
8683
|
+
useDidHydrateOnceRoot: function() {
|
|
8684
|
+
return useDidHydrateOnceRoot;
|
|
8685
|
+
}
|
|
8686
|
+
});
|
|
8687
|
+
module2.exports = __toCommonJS2(useDidHydrateOnce_exports);
|
|
8688
|
+
var import_react4 = require("react");
|
|
8689
|
+
function useDidHydrateOnceRoot() {
|
|
8690
|
+
return !0;
|
|
8691
|
+
}
|
|
8692
|
+
var last = Date.now();
|
|
8693
|
+
function useDidHydrateOnce() {
|
|
8694
|
+
return !0;
|
|
8695
|
+
}
|
|
8696
|
+
}
|
|
8697
|
+
});
|
|
8698
|
+
|
|
8712
8699
|
// ../web/dist/cjs/setupHooks.native.js
|
|
8713
8700
|
var require_setupHooks_native = __commonJS({
|
|
8714
8701
|
"../web/dist/cjs/setupHooks.native.js"(exports2, module2) {
|
|
@@ -9519,10 +9506,10 @@ var require_createComponent_native = __commonJS({
|
|
|
9519
9506
|
(_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
|
|
9520
9507
|
}
|
|
9521
9508
|
process.env.NODE_ENV === "development" && time && time(_templateObject10()), curStateRef.isListeningToTheme = splitStyles.dynamicThemeAccess;
|
|
9522
|
-
var
|
|
9509
|
+
var hasRuntimeMediaKeys = splitStyles.hasMedia && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClassNames && splitStyles.hasMedia === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
|
|
9523
9510
|
process.env.NODE_ENV === "development" && debugProp && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(stateRef, {
|
|
9524
9511
|
enabled: shouldListenForMedia,
|
|
9525
|
-
|
|
9512
|
+
keys: mediaListeningKeys
|
|
9526
9513
|
});
|
|
9527
9514
|
var viewPropsIn = splitStyles.viewProps, pseudos = splitStyles.pseudos, splitStylesStyle = splitStyles.style, classNames = splitStyles.classNames, space = splitStyles.space, propsWithAnimation = props, asChild = viewPropsIn.asChild, children = viewPropsIn.children, themeShallow = viewPropsIn.themeShallow, _spaceDirection = viewPropsIn.spaceDirection, onPress = viewPropsIn.onPress, onLongPress = viewPropsIn.onLongPress, onPressIn = viewPropsIn.onPressIn, onPressOut = viewPropsIn.onPressOut, onHoverIn = viewPropsIn.onHoverIn, onHoverOut = viewPropsIn.onHoverOut, onMouseUp = viewPropsIn.onMouseUp, onMouseDown = viewPropsIn.onMouseDown, onMouseEnter = viewPropsIn.onMouseEnter, onMouseLeave = viewPropsIn.onMouseLeave, onFocus = viewPropsIn.onFocus, onBlur = viewPropsIn.onBlur, separator = viewPropsIn.separator, _forceStyle = viewPropsIn.forceStyle, onClick = viewPropsIn.onClick, _themeProp = viewPropsIn.theme, defaultVariants = viewPropsIn.defaultVariants, nonTamaguiProps = _object_without_properties5(viewPropsIn, [
|
|
9528
9515
|
"asChild",
|
|
@@ -9777,7 +9764,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
|
|
|
9777
9764
|
elementType,
|
|
9778
9765
|
events,
|
|
9779
9766
|
isAnimated,
|
|
9780
|
-
|
|
9767
|
+
hasRuntimeMediaKeys,
|
|
9781
9768
|
isStringElement,
|
|
9782
9769
|
mediaListeningKeys,
|
|
9783
9770
|
pseudos,
|
|
@@ -21081,9 +21068,7 @@ var require_Dialog_native = __commonJS({
|
|
|
21081
21068
|
onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
|
|
21082
21069
|
}))
|
|
21083
21070
|
});
|
|
21084
|
-
})
|
|
21085
|
-
DialogTrigger.displayName = TRIGGER_NAME;
|
|
21086
|
-
var PORTAL_NAME = "DialogPortal", _createDialogContext1 = _sliced_to_array(createDialogContext(PORTAL_NAME, {
|
|
21071
|
+
}), PORTAL_NAME = "DialogPortal", _createDialogContext1 = _sliced_to_array(createDialogContext(PORTAL_NAME, {
|
|
21087
21072
|
forceMount: void 0
|
|
21088
21073
|
}), 2), PortalProvider2 = _createDialogContext1[0], usePortalContext = _createDialogContext1[1], DialogPortalFrame = (0, import_core12.styled)(import_stacks3.YStack, {
|
|
21089
21074
|
pointerEvents: "none",
|
|
@@ -21169,9 +21154,7 @@ var require_Dialog_native = __commonJS({
|
|
|
21169
21154
|
});
|
|
21170
21155
|
}
|
|
21171
21156
|
return contents;
|
|
21172
|
-
}
|
|
21173
|
-
DialogPortal.displayName = PORTAL_NAME;
|
|
21174
|
-
var PassthroughTheme = function(param) {
|
|
21157
|
+
}, PassthroughTheme = function(param) {
|
|
21175
21158
|
var children = param.children, themeName = (0, import_core12.useThemeName)();
|
|
21176
21159
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
|
|
21177
21160
|
name: themeName,
|
|
@@ -21186,29 +21169,14 @@ var require_Dialog_native = __commonJS({
|
|
|
21186
21169
|
]), portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog), _props_forceMount = props.forceMount, forceMount = _props_forceMount === void 0 ? portalContext.forceMount : _props_forceMount, overlayProps = _object_without_properties5(props, [
|
|
21187
21170
|
"forceMount"
|
|
21188
21171
|
]), context = useDialogContext(OVERLAY_NAME, __scopeDialog), showSheet = useShowDialogSheet(context);
|
|
21189
|
-
return !forceMount && (!context.modal || showSheet) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
21190
|
-
context
|
|
21172
|
+
return !forceMount && (!context.modal || showSheet) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlayFrame, _object_spread_props8(_object_spread9({
|
|
21173
|
+
"data-state": getState(context.open),
|
|
21174
|
+
// We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.
|
|
21175
|
+
pointerEvents: context.open ? "auto" : "none"
|
|
21191
21176
|
}, overlayProps), {
|
|
21192
21177
|
ref: forwardedRef
|
|
21193
21178
|
}));
|
|
21194
|
-
}))
|
|
21195
|
-
DialogOverlay.displayName = OVERLAY_NAME;
|
|
21196
|
-
var DialogOverlayImpl = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
|
|
21197
|
-
var context = props.context, overlayProps = _object_without_properties5(props, [
|
|
21198
|
-
"context"
|
|
21199
|
-
]);
|
|
21200
|
-
return (
|
|
21201
|
-
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
21202
|
-
// ie. when `Overlay` and `Content` are siblings
|
|
21203
|
-
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlayFrame, _object_spread_props8(_object_spread9({
|
|
21204
|
-
"data-state": getState(context.open),
|
|
21205
|
-
// We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.
|
|
21206
|
-
pointerEvents: context.open ? "auto" : "none"
|
|
21207
|
-
}, overlayProps), {
|
|
21208
|
-
ref: forwardedRef
|
|
21209
|
-
}))
|
|
21210
|
-
);
|
|
21211
|
-
}), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
|
|
21179
|
+
})), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
|
|
21212
21180
|
name: CONTENT_NAME,
|
|
21213
21181
|
tag: "dialog",
|
|
21214
21182
|
variants: {
|
|
@@ -21261,9 +21229,7 @@ var require_Dialog_native = __commonJS({
|
|
|
21261
21229
|
children: contents
|
|
21262
21230
|
})
|
|
21263
21231
|
});
|
|
21264
|
-
}))
|
|
21265
|
-
DialogContent.displayName = CONTENT_NAME;
|
|
21266
|
-
var DialogContentModal = /* @__PURE__ */ React2.forwardRef(function(_param, forwardedRef) {
|
|
21232
|
+
})), DialogContentModal = /* @__PURE__ */ React2.forwardRef(function(_param, forwardedRef) {
|
|
21267
21233
|
var children = _param.children, context = _param.context, props = _object_without_properties5(_param, [
|
|
21268
21234
|
"children",
|
|
21269
21235
|
"context"
|
|
@@ -21385,20 +21351,18 @@ var require_Dialog_native = __commonJS({
|
|
|
21385
21351
|
})
|
|
21386
21352
|
]
|
|
21387
21353
|
}) : contents;
|
|
21388
|
-
}),
|
|
21389
|
-
name:
|
|
21354
|
+
}), DialogTitleFrame = (0, import_core12.styled)(import_text2.H2, {
|
|
21355
|
+
name: "DialogTitle"
|
|
21390
21356
|
}), DialogTitle = DialogTitleFrame.styleable(function(props, forwardedRef) {
|
|
21391
21357
|
var __scopeDialog = props.__scopeDialog, titleProps = _object_without_properties5(props, [
|
|
21392
21358
|
"__scopeDialog"
|
|
21393
|
-
]), context = useDialogContext(
|
|
21359
|
+
]), context = useDialogContext("DialogTitle", __scopeDialog);
|
|
21394
21360
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogTitleFrame, _object_spread_props8(_object_spread9({
|
|
21395
21361
|
id: context.titleId
|
|
21396
21362
|
}, titleProps), {
|
|
21397
21363
|
ref: forwardedRef
|
|
21398
21364
|
}));
|
|
21399
|
-
})
|
|
21400
|
-
DialogTitle.displayName = TITLE_NAME;
|
|
21401
|
-
var DialogDescriptionFrame = (0, import_core12.styled)(import_text2.Paragraph, {
|
|
21365
|
+
}), DialogDescriptionFrame = (0, import_core12.styled)(import_text2.Paragraph, {
|
|
21402
21366
|
name: "DialogDescription"
|
|
21403
21367
|
}), DESCRIPTION_NAME = "DialogDescription", DialogDescription = DialogDescriptionFrame.styleable(function(props, forwardedRef) {
|
|
21404
21368
|
var __scopeDialog = props.__scopeDialog, descriptionProps = _object_without_properties5(props, [
|
|
@@ -21409,9 +21373,7 @@ var require_Dialog_native = __commonJS({
|
|
|
21409
21373
|
}, descriptionProps), {
|
|
21410
21374
|
ref: forwardedRef
|
|
21411
21375
|
}));
|
|
21412
|
-
})
|
|
21413
|
-
DialogDescription.displayName = DESCRIPTION_NAME;
|
|
21414
|
-
var CLOSE_NAME = "DialogClose", DialogCloseFrame = (0, import_core12.styled)(import_core12.View, {
|
|
21376
|
+
}), CLOSE_NAME = "DialogClose", DialogCloseFrame = (0, import_core12.styled)(import_core12.View, {
|
|
21415
21377
|
name: CLOSE_NAME,
|
|
21416
21378
|
tag: "button"
|
|
21417
21379
|
}), DialogClose = DialogCloseFrame.styleable(function(props, forwardedRef) {
|
|
@@ -21437,7 +21399,7 @@ var require_Dialog_native = __commonJS({
|
|
|
21437
21399
|
}
|
|
21438
21400
|
var TITLE_WARNING_NAME = "DialogTitleWarning", _createContext = _sliced_to_array((0, import_create_context.createContext)(TITLE_WARNING_NAME, {
|
|
21439
21401
|
contentName: CONTENT_NAME,
|
|
21440
|
-
titleName:
|
|
21402
|
+
titleName: "DialogTitle",
|
|
21441
21403
|
docsSlug: "dialog"
|
|
21442
21404
|
}), 2), DialogWarningProvider = _createContext[0], useWarningContext = _createContext[1], TitleWarning = function(param) {
|
|
21443
21405
|
var titleId = param.titleId;
|
|
@@ -21540,7 +21502,7 @@ var require_Dialog_native = __commonJS({
|
|
|
21540
21502
|
Close: DialogClose,
|
|
21541
21503
|
Sheet: import_sheet.Sheet.Controlled,
|
|
21542
21504
|
Adapt: import_adapt.Adapt
|
|
21543
|
-
}),
|
|
21505
|
+
}), DialogSheetContents = function(_param) {
|
|
21544
21506
|
var name = _param.name, props = _object_without_properties5(_param, [
|
|
21545
21507
|
"name"
|
|
21546
21508
|
]);
|
|
@@ -21548,9 +21510,7 @@ var require_Dialog_native = __commonJS({
|
|
|
21548
21510
|
forwardProps: props,
|
|
21549
21511
|
name
|
|
21550
21512
|
});
|
|
21551
|
-
}
|
|
21552
|
-
DialogSheetContents.displayName = SHEET_CONTENTS_NAME;
|
|
21553
|
-
var getSheetContentsName = function(param) {
|
|
21513
|
+
}, getSheetContentsName = function(param) {
|
|
21554
21514
|
var scopeKey = param.scopeKey, contentId = param.contentId;
|
|
21555
21515
|
return "".concat(scopeKey || contentId, "SheetContents");
|
|
21556
21516
|
}, DialogSheetController = function(props) {
|