@react-spectrum/overlays 3.4.6 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +209 -224
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +205 -220
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts +1 -1
  7. package/dist/types.d.ts.map +1 -1
  8. package/package.json +8 -8
  9. package/src/OpenTransition.tsx +5 -0
  10. package/src/Tray.tsx +2 -21
package/dist/module.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import "./main.css";
2
- import {Provider as $4Qwqh$Provider} from "@react-spectrum/provider";
3
- import $4Qwqh$react, {useState as $4Qwqh$useState, useCallback as $4Qwqh$useCallback, forwardRef as $4Qwqh$forwardRef, useRef as $4Qwqh$useRef, useEffect as $4Qwqh$useEffect} from "react";
4
- import $4Qwqh$reactdom from "react-dom";
5
- import $4Qwqh$reacttransitiongroupTransition from "react-transition-group/Transition";
6
- import {useDOMRef as $4Qwqh$useDOMRef, useStyleProps as $4Qwqh$useStyleProps, classNames as $4Qwqh$classNames} from "@react-spectrum/utils";
7
- import {mergeProps as $4Qwqh$mergeProps, useLayoutEffect as $4Qwqh$useLayoutEffect, useViewportSize as $4Qwqh$useViewportSize} from "@react-aria/utils";
8
- import {useOverlay as $4Qwqh$useOverlay, useModal as $4Qwqh$useModal, usePreventScroll as $4Qwqh$usePreventScroll} from "@react-aria/overlays";
2
+ import {Provider as $fQOb3$Provider} from "@react-spectrum/provider";
3
+ import $fQOb3$react, {useState as $fQOb3$useState, useCallback as $fQOb3$useCallback, forwardRef as $fQOb3$forwardRef, useRef as $fQOb3$useRef} from "react";
4
+ import $fQOb3$reactdom from "react-dom";
5
+ import $fQOb3$reacttransitiongroupTransition from "react-transition-group/Transition";
6
+ import {useDOMRef as $fQOb3$useDOMRef, useStyleProps as $fQOb3$useStyleProps, classNames as $fQOb3$classNames} from "@react-spectrum/utils";
7
+ import {mergeProps as $fQOb3$mergeProps, useLayoutEffect as $fQOb3$useLayoutEffect, useViewportSize as $fQOb3$useViewportSize} from "@react-aria/utils";
8
+ import {useOverlay as $fQOb3$useOverlay, useModal as $fQOb3$useModal, usePreventScroll as $fQOb3$usePreventScroll} from "@react-aria/overlays";
9
9
 
10
10
  function $parcel$export(e, n, v, s) {
11
11
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -13,27 +13,28 @@ function $parcel$export(e, n, v, s) {
13
13
  function $parcel$interopDefault(a) {
14
14
  return a && a.__esModule ? a.default : a;
15
15
  }
16
- var $80816efa7007e5bf$exports = {};
16
+ var $70305dc5fb729c3b$exports = {};
17
17
 
18
- $parcel$export($80816efa7007e5bf$exports, "Overlay", () => $80816efa7007e5bf$export$c6fdb837b070b4ff);
19
- var $647de0c873a185d0$exports = {};
18
+ $parcel$export($70305dc5fb729c3b$exports, "Overlay", () => $70305dc5fb729c3b$export$c6fdb837b070b4ff);
19
+ var $bc765a7a041310da$exports = {};
20
20
 
21
- $parcel$export($647de0c873a185d0$exports, "OpenTransition", () => $647de0c873a185d0$export$b847a40ee92eff38);
21
+ $parcel$export($bc765a7a041310da$exports, "OpenTransition", () => $bc765a7a041310da$export$b847a40ee92eff38);
22
22
 
23
23
 
24
- const $647de0c873a185d0$var$OPEN_STATES = {
24
+ const $bc765a7a041310da$var$OPEN_STATES = {
25
25
  entering: false,
26
26
  entered: true
27
27
  };
28
- function $647de0c873a185d0$export$b847a40ee92eff38(props) {
29
- return(/*#__PURE__*/ $4Qwqh$react.createElement($4Qwqh$reacttransitiongroupTransition, {
28
+ function $bc765a7a041310da$export$b847a40ee92eff38(props) {
29
+ var child1;
30
+ return(/*#__PURE__*/ $fQOb3$react.createElement($fQOb3$reacttransitiongroupTransition, {
30
31
  timeout: {
31
32
  enter: 0,
32
33
  exit: 350
33
34
  },
34
35
  ...props
35
- }, (state)=>$4Qwqh$react.Children.map(props.children, (child)=>child && /*#__PURE__*/ $4Qwqh$react.cloneElement(child, {
36
- isOpen: !!$647de0c873a185d0$var$OPEN_STATES[state]
36
+ }, (state)=>$fQOb3$react.Children.map(props.children, (child)=>child && /*#__PURE__*/ $fQOb3$react.cloneElement(child, {
37
+ isOpen: !!$bc765a7a041310da$var$OPEN_STATES[state]
37
38
  })
38
39
  )
39
40
  ));
@@ -43,16 +44,16 @@ function $647de0c873a185d0$export$b847a40ee92eff38(props) {
43
44
 
44
45
 
45
46
 
46
- function $80816efa7007e5bf$var$Overlay(props, ref) {
47
+ function $70305dc5fb729c3b$var$Overlay(props, ref) {
47
48
  let { children: children , isOpen: isOpen , container: container , onEnter: onEnter , onEntering: onEntering , onEntered: onEntered , onExit: onExit , onExiting: onExiting , onExited: onExited } = props;
48
- let [exited, setExited] = $4Qwqh$useState(!isOpen);
49
- let handleEntered = $4Qwqh$useCallback(()=>{
49
+ let [exited, setExited] = $fQOb3$useState(!isOpen);
50
+ let handleEntered = $fQOb3$useCallback(()=>{
50
51
  setExited(false);
51
52
  if (onEntered) onEntered();
52
53
  }, [
53
54
  onEntered
54
55
  ]);
55
- let handleExited = $4Qwqh$useCallback(()=>{
56
+ let handleExited = $fQOb3$useCallback(()=>{
56
57
  setExited(true);
57
58
  if (onExited) onExited();
58
59
  }, [
@@ -62,13 +63,13 @@ function $80816efa7007e5bf$var$Overlay(props, ref) {
62
63
  let mountOverlay = isOpen || !exited;
63
64
  if (!mountOverlay) // Don't bother showing anything if we don't have to.
64
65
  return null;
65
- let contents = /*#__PURE__*/ $4Qwqh$react.createElement($4Qwqh$Provider, {
66
+ let contents = /*#__PURE__*/ $fQOb3$react.createElement($fQOb3$Provider, {
66
67
  ref: ref,
67
68
  UNSAFE_style: {
68
69
  background: 'transparent',
69
70
  isolation: 'isolate'
70
71
  }
71
- }, /*#__PURE__*/ $4Qwqh$react.createElement($647de0c873a185d0$export$b847a40ee92eff38, {
72
+ }, /*#__PURE__*/ $fQOb3$react.createElement($bc765a7a041310da$export$b847a40ee92eff38, {
72
73
  in: isOpen,
73
74
  appear: true,
74
75
  onExit: onExit,
@@ -78,81 +79,81 @@ function $80816efa7007e5bf$var$Overlay(props, ref) {
78
79
  onEntering: onEntering,
79
80
  onEntered: handleEntered
80
81
  }, children));
81
- return(/*#__PURE__*/ $4Qwqh$reactdom.createPortal(contents, container || document.body));
82
+ return(/*#__PURE__*/ $fQOb3$reactdom.createPortal(contents, container || document.body));
82
83
  }
83
- let $80816efa7007e5bf$export$c6fdb837b070b4ff = /*#__PURE__*/ $4Qwqh$react.forwardRef($80816efa7007e5bf$var$Overlay);
84
-
85
-
86
- var $5b3c29c81f767e0c$exports = {};
87
-
88
- $parcel$export($5b3c29c81f767e0c$exports, "Popover", () => $5b3c29c81f767e0c$export$5b6b19405a83ff9d);
89
-
90
-
91
-
92
- var $9ec42a7475cdf6b0$exports = {};
93
-
94
- $parcel$export($9ec42a7475cdf6b0$exports, "spectrum-Popover", () => $9ec42a7475cdf6b0$export$a62dc1b6ab23a7bb, (v) => $9ec42a7475cdf6b0$export$a62dc1b6ab23a7bb = v);
95
- $parcel$export($9ec42a7475cdf6b0$exports, "react-spectrum-Popover", () => $9ec42a7475cdf6b0$export$884f6b5065bdc41a, (v) => $9ec42a7475cdf6b0$export$884f6b5065bdc41a = v);
96
- $parcel$export($9ec42a7475cdf6b0$exports, "spectrum-Dialog-content", () => $9ec42a7475cdf6b0$export$cb8eccd0f3639238, (v) => $9ec42a7475cdf6b0$export$cb8eccd0f3639238 = v);
97
- $parcel$export($9ec42a7475cdf6b0$exports, "spectrum-Modal-wrapper", () => $9ec42a7475cdf6b0$export$35bea187ff802494, (v) => $9ec42a7475cdf6b0$export$35bea187ff802494 = v);
98
- $parcel$export($9ec42a7475cdf6b0$exports, "react-spectrum-Modal-wrapper", () => $9ec42a7475cdf6b0$export$e088717c213c31d7, (v) => $9ec42a7475cdf6b0$export$e088717c213c31d7 = v);
99
- $parcel$export($9ec42a7475cdf6b0$exports, "spectrum-Modal", () => $9ec42a7475cdf6b0$export$4c0b1e44c3834c85, (v) => $9ec42a7475cdf6b0$export$4c0b1e44c3834c85 = v);
100
- $parcel$export($9ec42a7475cdf6b0$exports, "react-spectrum-Modal", () => $9ec42a7475cdf6b0$export$f8edeb62d7fed8c1, (v) => $9ec42a7475cdf6b0$export$f8edeb62d7fed8c1 = v);
101
- $parcel$export($9ec42a7475cdf6b0$exports, "spectrum-Tray", () => $9ec42a7475cdf6b0$export$ce0704cd084c4f0d, (v) => $9ec42a7475cdf6b0$export$ce0704cd084c4f0d = v);
102
- $parcel$export($9ec42a7475cdf6b0$exports, "react-spectrum-Tray", () => $9ec42a7475cdf6b0$export$69dafa24343974dd, (v) => $9ec42a7475cdf6b0$export$69dafa24343974dd = v);
103
- var $9ec42a7475cdf6b0$export$a62dc1b6ab23a7bb;
104
- var $9ec42a7475cdf6b0$export$884f6b5065bdc41a;
105
- var $9ec42a7475cdf6b0$export$cb8eccd0f3639238;
106
- var $9ec42a7475cdf6b0$export$35bea187ff802494;
107
- var $9ec42a7475cdf6b0$export$e088717c213c31d7;
108
- var $9ec42a7475cdf6b0$export$4c0b1e44c3834c85;
109
- var $9ec42a7475cdf6b0$export$f8edeb62d7fed8c1;
110
- var $9ec42a7475cdf6b0$export$ce0704cd084c4f0d;
111
- var $9ec42a7475cdf6b0$export$69dafa24343974dd;
112
- $9ec42a7475cdf6b0$export$a62dc1b6ab23a7bb = "spectrum-Popover_38efea";
113
- $9ec42a7475cdf6b0$export$884f6b5065bdc41a = "react-spectrum-Popover_38efea";
114
- $9ec42a7475cdf6b0$export$cb8eccd0f3639238 = "spectrum-Dialog-content_38efea";
115
- $9ec42a7475cdf6b0$export$35bea187ff802494 = "spectrum-Modal-wrapper_38efea";
116
- $9ec42a7475cdf6b0$export$e088717c213c31d7 = "react-spectrum-Modal-wrapper_38efea";
117
- $9ec42a7475cdf6b0$export$4c0b1e44c3834c85 = "spectrum-Modal_38efea";
118
- $9ec42a7475cdf6b0$export$f8edeb62d7fed8c1 = "react-spectrum-Modal_38efea";
119
- $9ec42a7475cdf6b0$export$ce0704cd084c4f0d = "spectrum-Tray_38efea";
120
- $9ec42a7475cdf6b0$export$69dafa24343974dd = "react-spectrum-Tray_38efea";
121
-
122
-
123
-
124
- var $9126ba5fe017d182$exports = {};
125
-
126
- $parcel$export($9126ba5fe017d182$exports, "spectrum-Popover", () => $9126ba5fe017d182$export$a62dc1b6ab23a7bb, (v) => $9126ba5fe017d182$export$a62dc1b6ab23a7bb = v);
127
- $parcel$export($9126ba5fe017d182$exports, "is-open", () => $9126ba5fe017d182$export$a9781837241c946d, (v) => $9126ba5fe017d182$export$a9781837241c946d = v);
128
- $parcel$export($9126ba5fe017d182$exports, "spectrum-Popover--bottom", () => $9126ba5fe017d182$export$6a19b19b14780d4a, (v) => $9126ba5fe017d182$export$6a19b19b14780d4a = v);
129
- $parcel$export($9126ba5fe017d182$exports, "spectrum-Popover--top", () => $9126ba5fe017d182$export$f30becfb1df0cae4, (v) => $9126ba5fe017d182$export$f30becfb1df0cae4 = v);
130
- $parcel$export($9126ba5fe017d182$exports, "spectrum-Popover--right", () => $9126ba5fe017d182$export$5fc8b429396c9f58, (v) => $9126ba5fe017d182$export$5fc8b429396c9f58 = v);
131
- $parcel$export($9126ba5fe017d182$exports, "spectrum-Popover--left", () => $9126ba5fe017d182$export$79cc55906ac5b00, (v) => $9126ba5fe017d182$export$79cc55906ac5b00 = v);
132
- $parcel$export($9126ba5fe017d182$exports, "spectrum-Popover-tip", () => $9126ba5fe017d182$export$3100ec4dc1668df1, (v) => $9126ba5fe017d182$export$3100ec4dc1668df1 = v);
133
- $parcel$export($9126ba5fe017d182$exports, "spectrum-Popover-tip-triangle", () => $9126ba5fe017d182$export$ed733fa6cf19ab80, (v) => $9126ba5fe017d182$export$ed733fa6cf19ab80 = v);
134
- $parcel$export($9126ba5fe017d182$exports, "spectrum-Popover--dialog", () => $9126ba5fe017d182$export$cf634262e726cd19, (v) => $9126ba5fe017d182$export$cf634262e726cd19 = v);
135
- $parcel$export($9126ba5fe017d182$exports, "spectrum-Popover--withTip", () => $9126ba5fe017d182$export$d8b16c5377728262, (v) => $9126ba5fe017d182$export$d8b16c5377728262 = v);
136
- var $9126ba5fe017d182$export$a62dc1b6ab23a7bb;
137
- var $9126ba5fe017d182$export$a9781837241c946d;
138
- var $9126ba5fe017d182$export$6a19b19b14780d4a;
139
- var $9126ba5fe017d182$export$f30becfb1df0cae4;
140
- var $9126ba5fe017d182$export$5fc8b429396c9f58;
141
- var $9126ba5fe017d182$export$79cc55906ac5b00;
142
- var $9126ba5fe017d182$export$3100ec4dc1668df1;
143
- var $9126ba5fe017d182$export$ed733fa6cf19ab80;
144
- var $9126ba5fe017d182$export$cf634262e726cd19;
145
- var $9126ba5fe017d182$export$d8b16c5377728262;
146
- $9126ba5fe017d182$export$a62dc1b6ab23a7bb = "spectrum-Popover_6115b8";
147
- $9126ba5fe017d182$export$a9781837241c946d = "is-open_6115b8";
148
- $9126ba5fe017d182$export$6a19b19b14780d4a = "spectrum-Popover--bottom_6115b8";
149
- $9126ba5fe017d182$export$f30becfb1df0cae4 = "spectrum-Popover--top_6115b8";
150
- $9126ba5fe017d182$export$5fc8b429396c9f58 = "spectrum-Popover--right_6115b8";
151
- $9126ba5fe017d182$export$79cc55906ac5b00 = "spectrum-Popover--left_6115b8";
152
- $9126ba5fe017d182$export$3100ec4dc1668df1 = "spectrum-Popover-tip_6115b8";
153
- $9126ba5fe017d182$export$ed733fa6cf19ab80 = "spectrum-Popover-tip-triangle_6115b8";
154
- $9126ba5fe017d182$export$cf634262e726cd19 = "spectrum-Popover--dialog_6115b8";
155
- $9126ba5fe017d182$export$d8b16c5377728262 = "spectrum-Popover--withTip_6115b8";
84
+ let $70305dc5fb729c3b$export$c6fdb837b070b4ff = /*#__PURE__*/ $fQOb3$react.forwardRef($70305dc5fb729c3b$var$Overlay);
85
+
86
+
87
+ var $17b503f7de08fecc$exports = {};
88
+
89
+ $parcel$export($17b503f7de08fecc$exports, "Popover", () => $17b503f7de08fecc$export$5b6b19405a83ff9d);
90
+
91
+
92
+
93
+ var $853e19557ad8790f$exports = {};
94
+
95
+ $parcel$export($853e19557ad8790f$exports, "spectrum-Popover", () => $853e19557ad8790f$export$a62dc1b6ab23a7bb, (v) => $853e19557ad8790f$export$a62dc1b6ab23a7bb = v);
96
+ $parcel$export($853e19557ad8790f$exports, "react-spectrum-Popover", () => $853e19557ad8790f$export$884f6b5065bdc41a, (v) => $853e19557ad8790f$export$884f6b5065bdc41a = v);
97
+ $parcel$export($853e19557ad8790f$exports, "spectrum-Dialog-content", () => $853e19557ad8790f$export$cb8eccd0f3639238, (v) => $853e19557ad8790f$export$cb8eccd0f3639238 = v);
98
+ $parcel$export($853e19557ad8790f$exports, "spectrum-Modal-wrapper", () => $853e19557ad8790f$export$35bea187ff802494, (v) => $853e19557ad8790f$export$35bea187ff802494 = v);
99
+ $parcel$export($853e19557ad8790f$exports, "react-spectrum-Modal-wrapper", () => $853e19557ad8790f$export$e088717c213c31d7, (v) => $853e19557ad8790f$export$e088717c213c31d7 = v);
100
+ $parcel$export($853e19557ad8790f$exports, "spectrum-Modal", () => $853e19557ad8790f$export$4c0b1e44c3834c85, (v) => $853e19557ad8790f$export$4c0b1e44c3834c85 = v);
101
+ $parcel$export($853e19557ad8790f$exports, "react-spectrum-Modal", () => $853e19557ad8790f$export$f8edeb62d7fed8c1, (v) => $853e19557ad8790f$export$f8edeb62d7fed8c1 = v);
102
+ $parcel$export($853e19557ad8790f$exports, "spectrum-Tray", () => $853e19557ad8790f$export$ce0704cd084c4f0d, (v) => $853e19557ad8790f$export$ce0704cd084c4f0d = v);
103
+ $parcel$export($853e19557ad8790f$exports, "react-spectrum-Tray", () => $853e19557ad8790f$export$69dafa24343974dd, (v) => $853e19557ad8790f$export$69dafa24343974dd = v);
104
+ var $853e19557ad8790f$export$a62dc1b6ab23a7bb;
105
+ var $853e19557ad8790f$export$884f6b5065bdc41a;
106
+ var $853e19557ad8790f$export$cb8eccd0f3639238;
107
+ var $853e19557ad8790f$export$35bea187ff802494;
108
+ var $853e19557ad8790f$export$e088717c213c31d7;
109
+ var $853e19557ad8790f$export$4c0b1e44c3834c85;
110
+ var $853e19557ad8790f$export$f8edeb62d7fed8c1;
111
+ var $853e19557ad8790f$export$ce0704cd084c4f0d;
112
+ var $853e19557ad8790f$export$69dafa24343974dd;
113
+ $853e19557ad8790f$export$a62dc1b6ab23a7bb = "spectrum-Popover_38efea";
114
+ $853e19557ad8790f$export$884f6b5065bdc41a = "react-spectrum-Popover_38efea";
115
+ $853e19557ad8790f$export$cb8eccd0f3639238 = "spectrum-Dialog-content_38efea";
116
+ $853e19557ad8790f$export$35bea187ff802494 = "spectrum-Modal-wrapper_38efea";
117
+ $853e19557ad8790f$export$e088717c213c31d7 = "react-spectrum-Modal-wrapper_38efea";
118
+ $853e19557ad8790f$export$4c0b1e44c3834c85 = "spectrum-Modal_38efea";
119
+ $853e19557ad8790f$export$f8edeb62d7fed8c1 = "react-spectrum-Modal_38efea";
120
+ $853e19557ad8790f$export$ce0704cd084c4f0d = "spectrum-Tray_38efea";
121
+ $853e19557ad8790f$export$69dafa24343974dd = "react-spectrum-Tray_38efea";
122
+
123
+
124
+
125
+ var $645594d913f34a2a$exports = {};
126
+
127
+ $parcel$export($645594d913f34a2a$exports, "spectrum-Popover", () => $645594d913f34a2a$export$a62dc1b6ab23a7bb, (v) => $645594d913f34a2a$export$a62dc1b6ab23a7bb = v);
128
+ $parcel$export($645594d913f34a2a$exports, "is-open", () => $645594d913f34a2a$export$a9781837241c946d, (v) => $645594d913f34a2a$export$a9781837241c946d = v);
129
+ $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--bottom", () => $645594d913f34a2a$export$6a19b19b14780d4a, (v) => $645594d913f34a2a$export$6a19b19b14780d4a = v);
130
+ $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--top", () => $645594d913f34a2a$export$f30becfb1df0cae4, (v) => $645594d913f34a2a$export$f30becfb1df0cae4 = v);
131
+ $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--right", () => $645594d913f34a2a$export$5fc8b429396c9f58, (v) => $645594d913f34a2a$export$5fc8b429396c9f58 = v);
132
+ $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--left", () => $645594d913f34a2a$export$79cc55906ac5b00, (v) => $645594d913f34a2a$export$79cc55906ac5b00 = v);
133
+ $parcel$export($645594d913f34a2a$exports, "spectrum-Popover-tip", () => $645594d913f34a2a$export$3100ec4dc1668df1, (v) => $645594d913f34a2a$export$3100ec4dc1668df1 = v);
134
+ $parcel$export($645594d913f34a2a$exports, "spectrum-Popover-tip-triangle", () => $645594d913f34a2a$export$ed733fa6cf19ab80, (v) => $645594d913f34a2a$export$ed733fa6cf19ab80 = v);
135
+ $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--dialog", () => $645594d913f34a2a$export$cf634262e726cd19, (v) => $645594d913f34a2a$export$cf634262e726cd19 = v);
136
+ $parcel$export($645594d913f34a2a$exports, "spectrum-Popover--withTip", () => $645594d913f34a2a$export$d8b16c5377728262, (v) => $645594d913f34a2a$export$d8b16c5377728262 = v);
137
+ var $645594d913f34a2a$export$a62dc1b6ab23a7bb;
138
+ var $645594d913f34a2a$export$a9781837241c946d;
139
+ var $645594d913f34a2a$export$6a19b19b14780d4a;
140
+ var $645594d913f34a2a$export$f30becfb1df0cae4;
141
+ var $645594d913f34a2a$export$5fc8b429396c9f58;
142
+ var $645594d913f34a2a$export$79cc55906ac5b00;
143
+ var $645594d913f34a2a$export$3100ec4dc1668df1;
144
+ var $645594d913f34a2a$export$ed733fa6cf19ab80;
145
+ var $645594d913f34a2a$export$cf634262e726cd19;
146
+ var $645594d913f34a2a$export$d8b16c5377728262;
147
+ $645594d913f34a2a$export$a62dc1b6ab23a7bb = "spectrum-Popover_6115b8";
148
+ $645594d913f34a2a$export$a9781837241c946d = "is-open_6115b8";
149
+ $645594d913f34a2a$export$6a19b19b14780d4a = "spectrum-Popover--bottom_6115b8";
150
+ $645594d913f34a2a$export$f30becfb1df0cae4 = "spectrum-Popover--top_6115b8";
151
+ $645594d913f34a2a$export$5fc8b429396c9f58 = "spectrum-Popover--right_6115b8";
152
+ $645594d913f34a2a$export$79cc55906ac5b00 = "spectrum-Popover--left_6115b8";
153
+ $645594d913f34a2a$export$3100ec4dc1668df1 = "spectrum-Popover-tip_6115b8";
154
+ $645594d913f34a2a$export$ed733fa6cf19ab80 = "spectrum-Popover-tip-triangle_6115b8";
155
+ $645594d913f34a2a$export$cf634262e726cd19 = "spectrum-Popover--dialog_6115b8";
156
+ $645594d913f34a2a$export$d8b16c5377728262 = "spectrum-Popover--withTip_6115b8";
156
157
 
157
158
 
158
159
 
@@ -162,17 +163,17 @@ $9126ba5fe017d182$export$d8b16c5377728262 = "spectrum-Popover--withTip_6115b8";
162
163
  * between display types (retina with subpixels vs not retina). By flipping them with CSS we can ensure that
163
164
  * the path always starts at 0 so that it perfectly overlaps the popover's border.
164
165
  * See bottom of file for more explanation.
165
- */ let $5b3c29c81f767e0c$var$arrowPlacement = {
166
+ */ let $17b503f7de08fecc$var$arrowPlacement = {
166
167
  left: 'right',
167
168
  right: 'right',
168
169
  top: 'bottom',
169
170
  bottom: 'bottom'
170
171
  };
171
- function $5b3c29c81f767e0c$var$Popover(props, ref) {
172
+ function $17b503f7de08fecc$var$Popover(props, ref) {
172
173
  let { children: children , placement: placement , arrowProps: arrowProps , onClose: onClose , shouldCloseOnBlur: shouldCloseOnBlur , hideArrow: hideArrow , isKeyboardDismissDisabled: isKeyboardDismissDisabled , isNonModal: isNonModal , isDismissable: isDismissable = true , ...otherProps } = props;
173
- let domRef = $4Qwqh$useDOMRef(ref);
174
- let { styleProps: styleProps } = $4Qwqh$useStyleProps(props);
175
- return(/*#__PURE__*/ $4Qwqh$react.createElement($80816efa7007e5bf$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ $4Qwqh$react.createElement($5b3c29c81f767e0c$var$PopoverWrapper, {
174
+ let domRef = $fQOb3$useDOMRef(ref);
175
+ let { styleProps: styleProps } = $fQOb3$useStyleProps(props);
176
+ return(/*#__PURE__*/ $fQOb3$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ $fQOb3$react.createElement($17b503f7de08fecc$var$PopoverWrapper, {
176
177
  ...styleProps,
177
178
  ref: domRef,
178
179
  placement: placement,
@@ -185,39 +186,39 @@ function $5b3c29c81f767e0c$var$Popover(props, ref) {
185
186
  isDismissable: isDismissable
186
187
  }, children)));
187
188
  }
188
- const $5b3c29c81f767e0c$var$PopoverWrapper = /*#__PURE__*/ $4Qwqh$forwardRef((props, ref)=>{
189
+ const $17b503f7de08fecc$var$PopoverWrapper = /*#__PURE__*/ $fQOb3$forwardRef((props, ref)=>{
189
190
  let { children: children , placement: placement = 'bottom' , arrowProps: arrowProps , isOpen: isOpen , hideArrow: hideArrow , shouldCloseOnBlur: // eslint-disable-next-line @typescript-eslint/no-unused-vars
190
191
  shouldCloseOnBlur , isKeyboardDismissDisabled: // eslint-disable-next-line @typescript-eslint/no-unused-vars
191
192
  isKeyboardDismissDisabled , isNonModal: isNonModal , isDismissable: // eslint-disable-next-line @typescript-eslint/no-unused-vars
192
193
  isDismissable , ...otherProps } = props;
193
- let { overlayProps: overlayProps } = $4Qwqh$useOverlay({
194
+ let { overlayProps: overlayProps } = $fQOb3$useOverlay({
194
195
  ...props,
195
196
  isDismissable: isDismissable && isOpen
196
197
  }, ref);
197
- let { modalProps: modalProps } = $4Qwqh$useModal({
198
+ let { modalProps: modalProps } = $fQOb3$useModal({
198
199
  isDisabled: isNonModal
199
200
  });
200
- return(/*#__PURE__*/ $4Qwqh$react.createElement("div", {
201
- ...$4Qwqh$mergeProps(otherProps, overlayProps, modalProps),
201
+ return(/*#__PURE__*/ $fQOb3$react.createElement("div", {
202
+ ...$fQOb3$mergeProps(otherProps, overlayProps, modalProps),
202
203
  ref: ref,
203
- className: $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($9126ba5fe017d182$exports)), 'spectrum-Popover', `spectrum-Popover--${placement}`, {
204
+ className: $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($645594d913f34a2a$exports)), 'spectrum-Popover', `spectrum-Popover--${placement}`, {
204
205
  'spectrum-Popover--withTip': !hideArrow,
205
206
  'is-open': isOpen
206
- }, $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($9ec42a7475cdf6b0$exports)), 'spectrum-Popover', 'react-spectrum-Popover'), otherProps.className),
207
+ }, $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports)), 'spectrum-Popover', 'react-spectrum-Popover'), otherProps.className),
207
208
  role: "presentation",
208
209
  "data-testid": "popover"
209
- }, children, hideArrow ? null : /*#__PURE__*/ $4Qwqh$react.createElement($5b3c29c81f767e0c$var$Arrow, {
210
+ }, children, hideArrow ? null : /*#__PURE__*/ $fQOb3$react.createElement($17b503f7de08fecc$var$Arrow, {
210
211
  arrowProps: arrowProps,
211
- direction: $5b3c29c81f767e0c$var$arrowPlacement[placement]
212
+ direction: $17b503f7de08fecc$var$arrowPlacement[placement]
212
213
  })));
213
214
  });
214
- let $5b3c29c81f767e0c$var$ROOT_2 = Math.sqrt(2);
215
- function $5b3c29c81f767e0c$var$Arrow(props) {
216
- let [size, setSize] = $4Qwqh$useState(20);
217
- let [borderWidth, setBorderWidth] = $4Qwqh$useState(1);
218
- let ref = $4Qwqh$useRef();
215
+ let $17b503f7de08fecc$var$ROOT_2 = Math.sqrt(2);
216
+ function $17b503f7de08fecc$var$Arrow(props) {
217
+ let [size, setSize] = $fQOb3$useState(20);
218
+ let [borderWidth, setBorderWidth] = $fQOb3$useState(1);
219
+ let ref = $fQOb3$useRef();
219
220
  // get the css value for the tip size and divide it by 2 for this arrow implementation
220
- $4Qwqh$useLayoutEffect(()=>{
221
+ $fQOb3$useLayoutEffect(()=>{
221
222
  if (ref.current) {
222
223
  let spectrumTipWidth = window.getComputedStyle(ref.current).getPropertyValue('--spectrum-popover-tip-size');
223
224
  if (spectrumTipWidth !== '') setSize(parseInt(spectrumTipWidth, 10) / 2);
@@ -229,7 +230,7 @@ function $5b3c29c81f767e0c$var$Arrow(props) {
229
230
  ]);
230
231
  let landscape = props.direction === 'top' || props.direction === 'bottom';
231
232
  let mirror = props.direction === 'left' || props.direction === 'top';
232
- let borderDiagonal = borderWidth * $5b3c29c81f767e0c$var$ROOT_2;
233
+ let borderDiagonal = borderWidth * $17b503f7de08fecc$var$ROOT_2;
233
234
  let halfBorderDiagonal = borderDiagonal / 2;
234
235
  let secondary = 2 * size + 2 * borderDiagonal;
235
236
  let primary = size + borderDiagonal;
@@ -260,47 +261,47 @@ function $5b3c29c81f767e0c$var$Arrow(props) {
260
261
  secondaryEnd
261
262
  ];
262
263
  let arrowProps = props.arrowProps;
263
- /* use ceil because the svg needs to always accomodate the path inside it */ return(/*#__PURE__*/ $4Qwqh$react.createElement("svg", {
264
+ /* use ceil because the svg needs to always accomodate the path inside it */ return(/*#__PURE__*/ $fQOb3$react.createElement("svg", {
264
265
  xmlns: "http://www.w3.org/svg/2000",
265
266
  width: Math.ceil(landscape ? secondary : primary),
266
267
  height: Math.ceil(landscape ? primary : secondary),
267
268
  style: props.style,
268
- className: $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($9126ba5fe017d182$exports)), 'spectrum-Popover-tip'),
269
+ className: $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($645594d913f34a2a$exports)), 'spectrum-Popover-tip'),
269
270
  ref: ref,
270
271
  ...arrowProps
271
- }, /*#__PURE__*/ $4Qwqh$react.createElement("path", {
272
- className: $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($9126ba5fe017d182$exports)), 'spectrum-Popover-tip-triangle'),
272
+ }, /*#__PURE__*/ $fQOb3$react.createElement("path", {
273
+ className: $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($645594d913f34a2a$exports)), 'spectrum-Popover-tip-triangle'),
273
274
  d: pathData.join(' ')
274
275
  })));
275
276
  }
276
- let $5b3c29c81f767e0c$export$5b6b19405a83ff9d = /*#__PURE__*/ $4Qwqh$forwardRef($5b3c29c81f767e0c$var$Popover);
277
+ let $17b503f7de08fecc$export$5b6b19405a83ff9d = /*#__PURE__*/ $fQOb3$forwardRef($17b503f7de08fecc$var$Popover);
277
278
 
278
279
 
279
- var $c6a2ea12be2a8505$exports = {};
280
+ var $842084dfa182af65$exports = {};
280
281
 
281
- $parcel$export($c6a2ea12be2a8505$exports, "Modal", () => $c6a2ea12be2a8505$export$2b77a92f1a5ad772);
282
+ $parcel$export($842084dfa182af65$exports, "Modal", () => $842084dfa182af65$export$2b77a92f1a5ad772);
282
283
 
283
284
 
284
- var $b65929eb65b6e471$exports = {};
285
+ var $f7ed9f5201273840$exports = {};
285
286
 
286
- $parcel$export($b65929eb65b6e471$exports, "spectrum-Modal", () => $b65929eb65b6e471$export$4c0b1e44c3834c85, (v) => $b65929eb65b6e471$export$4c0b1e44c3834c85 = v);
287
- $parcel$export($b65929eb65b6e471$exports, "is-open", () => $b65929eb65b6e471$export$a9781837241c946d, (v) => $b65929eb65b6e471$export$a9781837241c946d = v);
288
- $parcel$export($b65929eb65b6e471$exports, "spectrum-Modal-wrapper", () => $b65929eb65b6e471$export$35bea187ff802494, (v) => $b65929eb65b6e471$export$35bea187ff802494 = v);
289
- $parcel$export($b65929eb65b6e471$exports, "spectrum-Modal--responsive", () => $b65929eb65b6e471$export$fd1e42aa8ea02a1, (v) => $b65929eb65b6e471$export$fd1e42aa8ea02a1 = v);
290
- $parcel$export($b65929eb65b6e471$exports, "spectrum-Modal--fullscreen", () => $b65929eb65b6e471$export$a4423fa77727431a, (v) => $b65929eb65b6e471$export$a4423fa77727431a = v);
291
- $parcel$export($b65929eb65b6e471$exports, "spectrum-Modal--fullscreenTakeover", () => $b65929eb65b6e471$export$175dd699720b5fb7, (v) => $b65929eb65b6e471$export$175dd699720b5fb7 = v);
292
- var $b65929eb65b6e471$export$4c0b1e44c3834c85;
293
- var $b65929eb65b6e471$export$a9781837241c946d;
294
- var $b65929eb65b6e471$export$35bea187ff802494;
295
- var $b65929eb65b6e471$export$fd1e42aa8ea02a1;
296
- var $b65929eb65b6e471$export$a4423fa77727431a;
297
- var $b65929eb65b6e471$export$175dd699720b5fb7;
298
- $b65929eb65b6e471$export$4c0b1e44c3834c85 = "spectrum-Modal_f81956";
299
- $b65929eb65b6e471$export$a9781837241c946d = "is-open_f81956";
300
- $b65929eb65b6e471$export$35bea187ff802494 = "spectrum-Modal-wrapper_f81956";
301
- $b65929eb65b6e471$export$fd1e42aa8ea02a1 = "spectrum-Modal--responsive_f81956";
302
- $b65929eb65b6e471$export$a4423fa77727431a = "spectrum-Modal--fullscreen_f81956";
303
- $b65929eb65b6e471$export$175dd699720b5fb7 = "spectrum-Modal--fullscreenTakeover_f81956";
287
+ $parcel$export($f7ed9f5201273840$exports, "spectrum-Modal", () => $f7ed9f5201273840$export$4c0b1e44c3834c85, (v) => $f7ed9f5201273840$export$4c0b1e44c3834c85 = v);
288
+ $parcel$export($f7ed9f5201273840$exports, "is-open", () => $f7ed9f5201273840$export$a9781837241c946d, (v) => $f7ed9f5201273840$export$a9781837241c946d = v);
289
+ $parcel$export($f7ed9f5201273840$exports, "spectrum-Modal-wrapper", () => $f7ed9f5201273840$export$35bea187ff802494, (v) => $f7ed9f5201273840$export$35bea187ff802494 = v);
290
+ $parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--responsive", () => $f7ed9f5201273840$export$fd1e42aa8ea02a1, (v) => $f7ed9f5201273840$export$fd1e42aa8ea02a1 = v);
291
+ $parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--fullscreen", () => $f7ed9f5201273840$export$a4423fa77727431a, (v) => $f7ed9f5201273840$export$a4423fa77727431a = v);
292
+ $parcel$export($f7ed9f5201273840$exports, "spectrum-Modal--fullscreenTakeover", () => $f7ed9f5201273840$export$175dd699720b5fb7, (v) => $f7ed9f5201273840$export$175dd699720b5fb7 = v);
293
+ var $f7ed9f5201273840$export$4c0b1e44c3834c85;
294
+ var $f7ed9f5201273840$export$a9781837241c946d;
295
+ var $f7ed9f5201273840$export$35bea187ff802494;
296
+ var $f7ed9f5201273840$export$fd1e42aa8ea02a1;
297
+ var $f7ed9f5201273840$export$a4423fa77727431a;
298
+ var $f7ed9f5201273840$export$175dd699720b5fb7;
299
+ $f7ed9f5201273840$export$4c0b1e44c3834c85 = "spectrum-Modal_f81956";
300
+ $f7ed9f5201273840$export$a9781837241c946d = "is-open_f81956";
301
+ $f7ed9f5201273840$export$35bea187ff802494 = "spectrum-Modal-wrapper_f81956";
302
+ $f7ed9f5201273840$export$fd1e42aa8ea02a1 = "spectrum-Modal--responsive_f81956";
303
+ $f7ed9f5201273840$export$a4423fa77727431a = "spectrum-Modal--fullscreen_f81956";
304
+ $f7ed9f5201273840$export$175dd699720b5fb7 = "spectrum-Modal--fullscreenTakeover_f81956";
304
305
 
305
306
 
306
307
 
@@ -308,19 +309,19 @@ $b65929eb65b6e471$export$175dd699720b5fb7 = "spectrum-Modal--fullscreenTakeover_
308
309
 
309
310
 
310
311
 
311
- var $b4c2aa75f00572f6$exports = {};
312
+ var $c77d7b73b2bbd0fb$exports = {};
312
313
 
313
- $parcel$export($b4c2aa75f00572f6$exports, "spectrum-Underlay", () => $b4c2aa75f00572f6$export$74470528f463af97, (v) => $b4c2aa75f00572f6$export$74470528f463af97 = v);
314
- $parcel$export($b4c2aa75f00572f6$exports, "is-open", () => $b4c2aa75f00572f6$export$a9781837241c946d, (v) => $b4c2aa75f00572f6$export$a9781837241c946d = v);
315
- var $b4c2aa75f00572f6$export$74470528f463af97;
316
- var $b4c2aa75f00572f6$export$a9781837241c946d;
317
- $b4c2aa75f00572f6$export$74470528f463af97 = "spectrum-Underlay_eb7615";
318
- $b4c2aa75f00572f6$export$a9781837241c946d = "is-open_eb7615";
314
+ $parcel$export($c77d7b73b2bbd0fb$exports, "spectrum-Underlay", () => $c77d7b73b2bbd0fb$export$74470528f463af97, (v) => $c77d7b73b2bbd0fb$export$74470528f463af97 = v);
315
+ $parcel$export($c77d7b73b2bbd0fb$exports, "is-open", () => $c77d7b73b2bbd0fb$export$a9781837241c946d, (v) => $c77d7b73b2bbd0fb$export$a9781837241c946d = v);
316
+ var $c77d7b73b2bbd0fb$export$74470528f463af97;
317
+ var $c77d7b73b2bbd0fb$export$a9781837241c946d;
318
+ $c77d7b73b2bbd0fb$export$74470528f463af97 = "spectrum-Underlay_eb7615";
319
+ $c77d7b73b2bbd0fb$export$a9781837241c946d = "is-open_eb7615";
319
320
 
320
321
 
321
- function $6856e8fa42ff7496$export$f360afc887607b02({ isOpen: isOpen }) {
322
- return(/*#__PURE__*/ $4Qwqh$react.createElement("div", {
323
- className: $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($b4c2aa75f00572f6$exports)), 'spectrum-Underlay', {
322
+ function $76a452f4e3df11be$export$f360afc887607b02({ isOpen: isOpen }) {
323
+ return(/*#__PURE__*/ $fQOb3$react.createElement("div", {
324
+ className: $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($c77d7b73b2bbd0fb$exports)), 'spectrum-Underlay', {
324
325
  'is-open': isOpen
325
326
  })
326
327
  }));
@@ -328,12 +329,12 @@ function $6856e8fa42ff7496$export$f360afc887607b02({ isOpen: isOpen }) {
328
329
 
329
330
 
330
331
 
331
- function $c6a2ea12be2a8505$var$Modal(props, ref) {
332
+ function $842084dfa182af65$var$Modal(props, ref) {
332
333
  let { children: children , onClose: onClose , type: type , ...otherProps } = props;
333
- let domRef = $4Qwqh$useDOMRef(ref);
334
- let { styleProps: styleProps } = $4Qwqh$useStyleProps(props);
335
- let { overlayProps: overlayProps , underlayProps: underlayProps } = $4Qwqh$useOverlay(props, domRef);
336
- return(/*#__PURE__*/ $4Qwqh$react.createElement($80816efa7007e5bf$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ $4Qwqh$react.createElement($6856e8fa42ff7496$export$f360afc887607b02, underlayProps), /*#__PURE__*/ $4Qwqh$react.createElement($c6a2ea12be2a8505$var$ModalWrapper, {
334
+ let domRef = $fQOb3$useDOMRef(ref);
335
+ let { styleProps: styleProps } = $fQOb3$useStyleProps(props);
336
+ let { overlayProps: overlayProps , underlayProps: underlayProps } = $fQOb3$useOverlay(props, domRef);
337
+ return(/*#__PURE__*/ $fQOb3$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ $fQOb3$react.createElement($76a452f4e3df11be$export$f360afc887607b02, underlayProps), /*#__PURE__*/ $fQOb3$react.createElement($842084dfa182af65$var$ModalWrapper, {
337
338
  ...styleProps,
338
339
  onClose: onClose,
339
340
  type: type,
@@ -341,74 +342,74 @@ function $c6a2ea12be2a8505$var$Modal(props, ref) {
341
342
  overlayProps: overlayProps
342
343
  }, children)));
343
344
  }
344
- let $c6a2ea12be2a8505$var$typeMap = {
345
+ let $842084dfa182af65$var$typeMap = {
345
346
  fullscreen: 'fullscreen',
346
347
  fullscreenTakeover: 'fullscreenTakeover'
347
348
  };
348
- let $c6a2ea12be2a8505$var$ModalWrapper = /*#__PURE__*/ $4Qwqh$forwardRef(function(props, ref) {
349
+ let $842084dfa182af65$var$ModalWrapper = /*#__PURE__*/ $fQOb3$forwardRef(function(props, ref) {
349
350
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
350
351
  let { children: children , isOpen: isOpen , type: type , overlayProps: overlayProps , ...otherProps } = props;
351
- let typeVariant = $c6a2ea12be2a8505$var$typeMap[type];
352
- $4Qwqh$usePreventScroll();
353
- let { modalProps: modalProps } = $4Qwqh$useModal();
354
- let wrapperClassName = $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($b65929eb65b6e471$exports)), 'spectrum-Modal-wrapper', $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($9ec42a7475cdf6b0$exports)), 'spectrum-Modal-wrapper', 'react-spectrum-Modal-wrapper'));
355
- let modalClassName = $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($b65929eb65b6e471$exports)), 'spectrum-Modal', {
352
+ let typeVariant = $842084dfa182af65$var$typeMap[type];
353
+ $fQOb3$usePreventScroll();
354
+ let { modalProps: modalProps } = $fQOb3$useModal();
355
+ let wrapperClassName = $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($f7ed9f5201273840$exports)), 'spectrum-Modal-wrapper', $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports)), 'spectrum-Modal-wrapper', 'react-spectrum-Modal-wrapper'));
356
+ let modalClassName = $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($f7ed9f5201273840$exports)), 'spectrum-Modal', {
356
357
  'is-open': isOpen
357
- }, $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($9ec42a7475cdf6b0$exports)), 'spectrum-Modal', 'react-spectrum-Modal'), {
358
+ }, $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports)), 'spectrum-Modal', 'react-spectrum-Modal'), {
358
359
  [`spectrum-Modal--${typeVariant}`]: typeVariant
359
360
  }, otherProps.className);
360
- let viewport = $4Qwqh$useViewportSize();
361
+ let viewport = $fQOb3$useViewportSize();
361
362
  let style = {
362
363
  '--spectrum-visual-viewport-height': viewport.height + 'px'
363
364
  };
364
- return(/*#__PURE__*/ $4Qwqh$react.createElement("div", {
365
+ return(/*#__PURE__*/ $fQOb3$react.createElement("div", {
365
366
  className: wrapperClassName,
366
367
  style: style
367
- }, /*#__PURE__*/ $4Qwqh$react.createElement("div", {
368
- ...$4Qwqh$mergeProps(otherProps, overlayProps, modalProps),
368
+ }, /*#__PURE__*/ $fQOb3$react.createElement("div", {
369
+ ...$fQOb3$mergeProps(otherProps, overlayProps, modalProps),
369
370
  ref: ref,
370
371
  className: modalClassName,
371
372
  "data-testid": "modal"
372
373
  }, children)));
373
374
  });
374
- let $c6a2ea12be2a8505$export$2b77a92f1a5ad772 = /*#__PURE__*/ $4Qwqh$forwardRef($c6a2ea12be2a8505$var$Modal);
375
+ let $842084dfa182af65$export$2b77a92f1a5ad772 = /*#__PURE__*/ $fQOb3$forwardRef($842084dfa182af65$var$Modal);
375
376
 
376
377
 
377
- var $115ab8a5c0552804$exports = {};
378
+ var $1afc87f3d16a5a1c$exports = {};
378
379
 
379
- $parcel$export($115ab8a5c0552804$exports, "Tray", () => $115ab8a5c0552804$export$4589ed81930b555c);
380
+ $parcel$export($1afc87f3d16a5a1c$exports, "Tray", () => $1afc87f3d16a5a1c$export$4589ed81930b555c);
380
381
 
381
382
 
382
383
 
383
384
 
384
385
 
385
- var $02af7fbcfbd0696e$exports = {};
386
+ var $930b2f4095bb11d1$exports = {};
386
387
 
387
- $parcel$export($02af7fbcfbd0696e$exports, "spectrum-Tray", () => $02af7fbcfbd0696e$export$ce0704cd084c4f0d, (v) => $02af7fbcfbd0696e$export$ce0704cd084c4f0d = v);
388
- $parcel$export($02af7fbcfbd0696e$exports, "is-open", () => $02af7fbcfbd0696e$export$a9781837241c946d, (v) => $02af7fbcfbd0696e$export$a9781837241c946d = v);
389
- $parcel$export($02af7fbcfbd0696e$exports, "spectrum-Tray-wrapper", () => $02af7fbcfbd0696e$export$641b9b70c23dce66, (v) => $02af7fbcfbd0696e$export$641b9b70c23dce66 = v);
390
- $parcel$export($02af7fbcfbd0696e$exports, "spectrum-Tray--fixedHeight", () => $02af7fbcfbd0696e$export$79bfb05e59a300b, (v) => $02af7fbcfbd0696e$export$79bfb05e59a300b = v);
391
- var $02af7fbcfbd0696e$export$ce0704cd084c4f0d;
392
- var $02af7fbcfbd0696e$export$a9781837241c946d;
393
- var $02af7fbcfbd0696e$export$641b9b70c23dce66;
394
- var $02af7fbcfbd0696e$export$79bfb05e59a300b;
395
- $02af7fbcfbd0696e$export$ce0704cd084c4f0d = "spectrum-Tray_23bf66";
396
- $02af7fbcfbd0696e$export$a9781837241c946d = "is-open_23bf66";
397
- $02af7fbcfbd0696e$export$641b9b70c23dce66 = "spectrum-Tray-wrapper_23bf66";
398
- $02af7fbcfbd0696e$export$79bfb05e59a300b = "spectrum-Tray--fixedHeight_23bf66";
388
+ $parcel$export($930b2f4095bb11d1$exports, "spectrum-Tray", () => $930b2f4095bb11d1$export$ce0704cd084c4f0d, (v) => $930b2f4095bb11d1$export$ce0704cd084c4f0d = v);
389
+ $parcel$export($930b2f4095bb11d1$exports, "is-open", () => $930b2f4095bb11d1$export$a9781837241c946d, (v) => $930b2f4095bb11d1$export$a9781837241c946d = v);
390
+ $parcel$export($930b2f4095bb11d1$exports, "spectrum-Tray-wrapper", () => $930b2f4095bb11d1$export$641b9b70c23dce66, (v) => $930b2f4095bb11d1$export$641b9b70c23dce66 = v);
391
+ $parcel$export($930b2f4095bb11d1$exports, "spectrum-Tray--fixedHeight", () => $930b2f4095bb11d1$export$79bfb05e59a300b, (v) => $930b2f4095bb11d1$export$79bfb05e59a300b = v);
392
+ var $930b2f4095bb11d1$export$ce0704cd084c4f0d;
393
+ var $930b2f4095bb11d1$export$a9781837241c946d;
394
+ var $930b2f4095bb11d1$export$641b9b70c23dce66;
395
+ var $930b2f4095bb11d1$export$79bfb05e59a300b;
396
+ $930b2f4095bb11d1$export$ce0704cd084c4f0d = "spectrum-Tray_23bf66";
397
+ $930b2f4095bb11d1$export$a9781837241c946d = "is-open_23bf66";
398
+ $930b2f4095bb11d1$export$641b9b70c23dce66 = "spectrum-Tray-wrapper_23bf66";
399
+ $930b2f4095bb11d1$export$79bfb05e59a300b = "spectrum-Tray--fixedHeight_23bf66";
399
400
 
400
401
 
401
402
 
402
403
 
403
- function $115ab8a5c0552804$var$Tray(props, ref) {
404
+ function $1afc87f3d16a5a1c$var$Tray(props, ref) {
404
405
  let { children: children , onClose: onClose , isFixedHeight: isFixedHeight , isNonModal: isNonModal , ...otherProps } = props;
405
- let domRef = $4Qwqh$useDOMRef(ref);
406
- let { styleProps: styleProps } = $4Qwqh$useStyleProps(props);
407
- let { overlayProps: overlayProps , underlayProps: underlayProps } = $4Qwqh$useOverlay({
406
+ let domRef = $fQOb3$useDOMRef(ref);
407
+ let { styleProps: styleProps } = $fQOb3$useStyleProps(props);
408
+ let { overlayProps: overlayProps , underlayProps: underlayProps } = $fQOb3$useOverlay({
408
409
  ...props,
409
410
  isDismissable: true
410
411
  }, domRef);
411
- return(/*#__PURE__*/ $4Qwqh$react.createElement($80816efa7007e5bf$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ $4Qwqh$react.createElement($6856e8fa42ff7496$export$f360afc887607b02, underlayProps), /*#__PURE__*/ $4Qwqh$react.createElement($115ab8a5c0552804$var$TrayWrapper, {
412
+ return(/*#__PURE__*/ $fQOb3$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /*#__PURE__*/ $fQOb3$react.createElement($76a452f4e3df11be$export$f360afc887607b02, underlayProps), /*#__PURE__*/ $fQOb3$react.createElement($1afc87f3d16a5a1c$var$TrayWrapper, {
412
413
  ...styleProps,
413
414
  onClose: onClose,
414
415
  ref: domRef,
@@ -417,10 +418,10 @@ function $115ab8a5c0552804$var$Tray(props, ref) {
417
418
  isNonModal: isNonModal
418
419
  }, children)));
419
420
  }
420
- let $115ab8a5c0552804$var$TrayWrapper = /*#__PURE__*/ $4Qwqh$forwardRef(function(props, ref) {
421
+ let $1afc87f3d16a5a1c$var$TrayWrapper = /*#__PURE__*/ $fQOb3$forwardRef(function(props, ref) {
421
422
  let { children: children , isOpen: isOpen , isFixedHeight: isFixedHeight , isNonModal: isNonModal , overlayProps: overlayProps , ...otherProps } = props;
422
- $4Qwqh$usePreventScroll();
423
- let { modalProps: modalProps } = $4Qwqh$useModal({
423
+ $fQOb3$usePreventScroll();
424
+ let { modalProps: modalProps } = $fQOb3$useModal({
424
425
  isDisabled: isNonModal
425
426
  });
426
427
  // We need to measure the window's height in JS rather than using percentages in CSS
@@ -430,36 +431,20 @@ let $115ab8a5c0552804$var$TrayWrapper = /*#__PURE__*/ $4Qwqh$forwardRef(function
430
431
  // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.
431
432
  // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard
432
433
  // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
433
- let viewport = $4Qwqh$useViewportSize();
434
- let [height, setHeight] = $4Qwqh$useState(viewport.height);
435
- let timeoutRef = $4Qwqh$useRef();
436
- $4Qwqh$useEffect(()=>{
437
- clearTimeout(timeoutRef.current);
438
- // When the height is decreasing, and the keyboard is visible
439
- // (visual viewport smaller than layout viewport), delay setting
440
- // the new max height until after the animation is complete
441
- // so that there isn't an empty space under the tray briefly.
442
- if (viewport.height < height && viewport.height < window.innerHeight) timeoutRef.current = setTimeout(()=>{
443
- setHeight(viewport.height);
444
- }, 500);
445
- else setHeight(viewport.height);
446
- }, [
447
- height,
448
- viewport.height
449
- ]);
434
+ let viewport = $fQOb3$useViewportSize();
450
435
  let wrapperStyle = {
451
- '--spectrum-visual-viewport-height': height + 'px'
436
+ '--spectrum-visual-viewport-height': viewport.height + 'px'
452
437
  };
453
- let wrapperClassName = $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($02af7fbcfbd0696e$exports)), 'spectrum-Tray-wrapper');
454
- let className = $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($02af7fbcfbd0696e$exports)), 'spectrum-Tray', {
438
+ let wrapperClassName = $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($930b2f4095bb11d1$exports)), 'spectrum-Tray-wrapper');
439
+ let className = $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($930b2f4095bb11d1$exports)), 'spectrum-Tray', {
455
440
  'is-open': isOpen,
456
441
  'spectrum-Tray--fixedHeight': isFixedHeight
457
- }, $4Qwqh$classNames((/*@__PURE__*/$parcel$interopDefault($9ec42a7475cdf6b0$exports)), 'spectrum-Tray', 'react-spectrum-Tray'), otherProps.className);
458
- let domProps = $4Qwqh$mergeProps(otherProps, overlayProps);
459
- return(/*#__PURE__*/ $4Qwqh$react.createElement("div", {
442
+ }, $fQOb3$classNames((/*@__PURE__*/$parcel$interopDefault($853e19557ad8790f$exports)), 'spectrum-Tray', 'react-spectrum-Tray'), otherProps.className);
443
+ let domProps = $fQOb3$mergeProps(otherProps, overlayProps);
444
+ return(/*#__PURE__*/ $fQOb3$react.createElement("div", {
460
445
  className: wrapperClassName,
461
446
  style: wrapperStyle
462
- }, /*#__PURE__*/ $4Qwqh$react.createElement("div", {
447
+ }, /*#__PURE__*/ $fQOb3$react.createElement("div", {
463
448
  ...domProps,
464
449
  ...modalProps,
465
450
  className: className,
@@ -467,11 +452,11 @@ let $115ab8a5c0552804$var$TrayWrapper = /*#__PURE__*/ $4Qwqh$forwardRef(function
467
452
  "data-testid": "tray"
468
453
  }, children)));
469
454
  });
470
- let $115ab8a5c0552804$export$4589ed81930b555c = /*#__PURE__*/ $4Qwqh$forwardRef($115ab8a5c0552804$var$Tray);
455
+ let $1afc87f3d16a5a1c$export$4589ed81930b555c = /*#__PURE__*/ $fQOb3$forwardRef($1afc87f3d16a5a1c$var$Tray);
471
456
 
472
457
 
473
458
 
474
459
 
475
460
 
476
- export {$80816efa7007e5bf$export$c6fdb837b070b4ff as Overlay, $5b3c29c81f767e0c$export$5b6b19405a83ff9d as Popover, $c6a2ea12be2a8505$export$2b77a92f1a5ad772 as Modal, $115ab8a5c0552804$export$4589ed81930b555c as Tray, $647de0c873a185d0$export$b847a40ee92eff38 as OpenTransition};
461
+ export {$70305dc5fb729c3b$export$c6fdb837b070b4ff as Overlay, $17b503f7de08fecc$export$5b6b19405a83ff9d as Popover, $842084dfa182af65$export$2b77a92f1a5ad772 as Modal, $1afc87f3d16a5a1c$export$4589ed81930b555c as Tray, $bc765a7a041310da$export$b847a40ee92eff38 as OpenTransition};
477
462
  //# sourceMappingURL=module.js.map