@react-spectrum/card 3.0.0-alpha.3 → 3.0.0-alpha.31

package/dist/module.js

@@ -1,164 +1,261 @@
 import "./main.css";
-import {useStyleProps as $jxYob$useStyleProps, useDOMRef as $jxYob$useDOMRef, classNames as $jxYob$classNames, useUnwrapDOMRef as $jxYob$useUnwrapDOMRef, useHasChild as $jxYob$useHasChild, SlotProvider as $jxYob$SlotProvider} from "@react-spectrum/utils";
-import {GridCollection as $jxYob$GridCollection, useGridState as $jxYob$useGridState} from "@react-stately/grid";
-import {ProgressCircle as $jxYob$ProgressCircle} from "@react-spectrum/progress";
-import $jxYob$react, {useMemo as $jxYob$useMemo, useCallback as $jxYob$useCallback, useRef as $jxYob$useRef, useState as $jxYob$useState, useContext as $jxYob$useContext, forwardRef as $jxYob$forwardRef} from "react";
-import {useCollator as $jxYob$useCollator, useMessageFormatter as $jxYob$useMessageFormatter, useLocale as $jxYob$useLocale} from "@react-aria/i18n";
-import {useGrid as $jxYob$useGrid, useGridRow as $jxYob$useGridRow, useGridCell as $jxYob$useGridCell} from "@react-aria/grid";
-import {useListState as $jxYob$useListState} from "@react-stately/list";
-import {useProvider as $jxYob$useProvider, useProviderProps as $jxYob$useProviderProps} from "@react-spectrum/provider";
-import {VirtualizerItem as $jxYob$VirtualizerItem, Virtualizer as $jxYob$Virtualizer} from "@react-aria/virtualizer";
-import {Checkbox as $jxYob$Checkbox} from "@react-spectrum/checkbox";
-import {useResizeObserver as $jxYob$useResizeObserver, useLayoutEffect as $jxYob$useLayoutEffect, mergeProps as $jxYob$mergeProps, filterDOMProps as $jxYob$filterDOMProps, useSlotId as $jxYob$useSlotId} from "@react-aria/utils";
-import {getFocusableTreeWalker as $jxYob$getFocusableTreeWalker, FocusRing as $jxYob$FocusRing} from "@react-aria/focus";
-import {useHover as $jxYob$useHover, useFocusWithin as $jxYob$useFocusWithin} from "@react-aria/interactions";
-import {Size as $jxYob$Size, Rect as $jxYob$Rect, LayoutInfo as $jxYob$LayoutInfo, Layout as $jxYob$Layout} from "@react-stately/virtualizer";
+import $6cb102354c06de53$exports from "./ar-AE.module.js";
+import $17b8c838d83f13fc$exports from "./bg-BG.module.js";
+import $1ddb4e1a3e8b15a5$exports from "./cs-CZ.module.js";
+import $44b7f17cd1f1db7f$exports from "./da-DK.module.js";
+import $ffa85bef2c730318$exports from "./de-DE.module.js";
+import $1904be2ca25ad4ef$exports from "./el-GR.module.js";
+import $d120e7d3833466fb$exports from "./en-US.module.js";
+import $fe39ef3292597d11$exports from "./es-ES.module.js";
+import $3204c020860ca192$exports from "./et-EE.module.js";
+import $5ced2ee930f1d61a$exports from "./fi-FI.module.js";
+import $bd751114db2e8872$exports from "./fr-FR.module.js";
+import $6291b4a5eb5146c5$exports from "./he-IL.module.js";
+import $cdc3f7b2aa8b1879$exports from "./hr-HR.module.js";
+import $1a69968dcbcabdff$exports from "./hu-HU.module.js";
+import $fe72420090e5e44f$exports from "./it-IT.module.js";
+import $8643fac062a08b30$exports from "./ja-JP.module.js";
+import $41f4de1d2f63c8f4$exports from "./ko-KR.module.js";
+import $9819c3a9877418b0$exports from "./lt-LT.module.js";
+import $3e8ad6b78b8cc064$exports from "./lv-LV.module.js";
+import $baa4fb210e65a6c5$exports from "./nb-NO.module.js";
+import $ee123eda5b089b7d$exports from "./nl-NL.module.js";
+import $36a325cd1c9e414f$exports from "./pl-PL.module.js";
+import $52d4fd0f211d7e51$exports from "./pt-BR.module.js";
+import $ad1f55e36e4e9241$exports from "./pt-PT.module.js";
+import $bfc201ee55c5f26f$exports from "./ro-RO.module.js";
+import $5773113377d944b4$exports from "./ru-RU.module.js";
+import $75167f0b339049be$exports from "./sk-SK.module.js";
+import $83a887ec3d5f2028$exports from "./sl-SI.module.js";
+import $8352707b2eadbfb4$exports from "./sr-SP.module.js";
+import $212352f469058747$exports from "./sv-SE.module.js";
+import $334510787f8a69f9$exports from "./tr-TR.module.js";
+import $1b8fd2890c177825$exports from "./uk-UA.module.js";
+import $88c83d794a7a062b$exports from "./zh-CN.module.js";
+import $b7e2865acb74a940$exports from "./zh-TW.module.js";
+import {useStyleProps as $8EWFi$useStyleProps, useDOMRef as $8EWFi$useDOMRef, classNames as $8EWFi$classNames, useUnwrapDOMRef as $8EWFi$useUnwrapDOMRef, useHasChild as $8EWFi$useHasChild, SlotProvider as $8EWFi$SlotProvider} from "@react-spectrum/utils";
+import {GridCollection as $8EWFi$GridCollection, useGridState as $8EWFi$useGridState} from "@react-stately/grid";
+import {mergeProps as $8EWFi$mergeProps, useResizeObserver as $8EWFi$useResizeObserver, useLayoutEffect as $8EWFi$useLayoutEffect, filterDOMProps as $8EWFi$filterDOMProps, useSlotId as $8EWFi$useSlotId} from "@react-aria/utils";
+import {ProgressCircle as $8EWFi$ProgressCircle} from "@react-spectrum/progress";
+import $8EWFi$react, {useMemo as $8EWFi$useMemo, useCallback as $8EWFi$useCallback, useRef as $8EWFi$useRef, useState as $8EWFi$useState, useContext as $8EWFi$useContext, forwardRef as $8EWFi$forwardRef} from "react";
+import {useCollator as $8EWFi$useCollator, useLocalizedStringFormatter as $8EWFi$useLocalizedStringFormatter, useLocale as $8EWFi$useLocale} from "@react-aria/i18n";
+import {useGrid as $8EWFi$useGrid, useGridRow as $8EWFi$useGridRow, useGridCell as $8EWFi$useGridCell} from "@react-aria/grid";
+import {useListState as $8EWFi$useListState} from "@react-stately/list";
+import {useProvider as $8EWFi$useProvider, useProviderProps as $8EWFi$useProviderProps} from "@react-spectrum/provider";
+import {VirtualizerItem as $8EWFi$VirtualizerItem, Virtualizer as $8EWFi$Virtualizer} from "@react-aria/virtualizer";
+import {Checkbox as $8EWFi$Checkbox} from "@react-spectrum/checkbox";
+import {getFocusableTreeWalker as $8EWFi$getFocusableTreeWalker, FocusRing as $8EWFi$FocusRing} from "@react-aria/focus";
+import {useHover as $8EWFi$useHover, useFocusWithin as $8EWFi$useFocusWithin} from "@react-aria/interactions";
+import {Size as $8EWFi$Size, Rect as $8EWFi$Rect, LayoutInfo as $8EWFi$LayoutInfo, Layout as $8EWFi$Layout} from "@react-stately/virtualizer";
+import {getFirstItem as $8EWFi$getFirstItem, getChildNodes as $8EWFi$getChildNodes} from "@react-stately/collections";
+
 
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $388bc726678ad587$exports = {};
-
-$parcel$export($388bc726678ad587$exports, "CardView", () => $388bc726678ad587$export$7e52c821f7b6f422);
-
-
-
-
-
-
-var $e5e7805cd2439715$exports = {};
-
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card", () => $e5e7805cd2439715$export$4e5e9f191b1edb8, (v) => $e5e7805cd2439715$export$4e5e9f191b1edb8 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card-heading", () => $e5e7805cd2439715$export$92758a4a0e8d19e4, (v) => $e5e7805cd2439715$export$92758a4a0e8d19e4 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card-checkboxWrapper", () => $e5e7805cd2439715$export$33977546b63e0df9, (v) => $e5e7805cd2439715$export$33977546b63e0df9 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card-checkbox", () => $e5e7805cd2439715$export$842da5d48b8f6db2, (v) => $e5e7805cd2439715$export$842da5d48b8f6db2 = v);
-$parcel$export($e5e7805cd2439715$exports, "is-selected", () => $e5e7805cd2439715$export$1e0fb04f31d3c22a, (v) => $e5e7805cd2439715$export$1e0fb04f31d3c22a = v);
-$parcel$export($e5e7805cd2439715$exports, "focus-ring", () => $e5e7805cd2439715$export$f39a09f249340e2a, (v) => $e5e7805cd2439715$export$f39a09f249340e2a = v);
-$parcel$export($e5e7805cd2439715$exports, "is-hovered", () => $e5e7805cd2439715$export$b8813cd5d7824ce7, (v) => $e5e7805cd2439715$export$b8813cd5d7824ce7 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card-grid", () => $e5e7805cd2439715$export$b3dd760d2dfde29e, (v) => $e5e7805cd2439715$export$b3dd760d2dfde29e = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card-decoration", () => $e5e7805cd2439715$export$48252dc130b62514, (v) => $e5e7805cd2439715$export$48252dc130b62514 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card-image", () => $e5e7805cd2439715$export$8d5fea71dc66db80, (v) => $e5e7805cd2439715$export$8d5fea71dc66db80 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card-illustration", () => $e5e7805cd2439715$export$13dd3510ae7a8399, (v) => $e5e7805cd2439715$export$13dd3510ae7a8399 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card-avatar", () => $e5e7805cd2439715$export$159930c59efb6273, (v) => $e5e7805cd2439715$export$159930c59efb6273 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card-detail", () => $e5e7805cd2439715$export$16715af38fbd9819, (v) => $e5e7805cd2439715$export$16715af38fbd9819 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card-content", () => $e5e7805cd2439715$export$d946625b97e8aa17, (v) => $e5e7805cd2439715$export$d946625b97e8aa17 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card--waterfall", () => $e5e7805cd2439715$export$d9c7209e0e4f7e4d, (v) => $e5e7805cd2439715$export$d9c7209e0e4f7e4d = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card--default", () => $e5e7805cd2439715$export$c7a022df9e10a238, (v) => $e5e7805cd2439715$export$c7a022df9e10a238 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card--noPreview", () => $e5e7805cd2439715$export$b77922bc0320c9e4, (v) => $e5e7805cd2439715$export$b77922bc0320c9e4 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card--grid", () => $e5e7805cd2439715$export$59739ab951d2dcc7, (v) => $e5e7805cd2439715$export$59739ab951d2dcc7 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card--noLayout", () => $e5e7805cd2439715$export$a03d836e6ef3e749, (v) => $e5e7805cd2439715$export$a03d836e6ef3e749 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card--isQuiet", () => $e5e7805cd2439715$export$92ad04b5ac9296ea, (v) => $e5e7805cd2439715$export$92ad04b5ac9296ea = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card--gallery", () => $e5e7805cd2439715$export$ccd8ffc36bd10cc, (v) => $e5e7805cd2439715$export$ccd8ffc36bd10cc = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-Card--horizontal", () => $e5e7805cd2439715$export$1c52334407225704, (v) => $e5e7805cd2439715$export$1c52334407225704 = v);
-$parcel$export($e5e7805cd2439715$exports, "is-focused", () => $e5e7805cd2439715$export$e7dc768d35940237, (v) => $e5e7805cd2439715$export$e7dc768d35940237 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-CardView", () => $e5e7805cd2439715$export$2f34e9e3e0b89d95, (v) => $e5e7805cd2439715$export$2f34e9e3e0b89d95 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-CardView-centeredWrapper", () => $e5e7805cd2439715$export$7fc89689fcfab196, (v) => $e5e7805cd2439715$export$7fc89689fcfab196 = v);
-$parcel$export($e5e7805cd2439715$exports, "spectrum-CardView-row", () => $e5e7805cd2439715$export$4746ac09daa215ae, (v) => $e5e7805cd2439715$export$4746ac09daa215ae = v);
-$parcel$export($e5e7805cd2439715$exports, "is-drop-target", () => $e5e7805cd2439715$export$d8467f38d2d00bd0, (v) => $e5e7805cd2439715$export$d8467f38d2d00bd0 = v);
-var $e5e7805cd2439715$export$4e5e9f191b1edb8;
-var $e5e7805cd2439715$export$92758a4a0e8d19e4;
-var $e5e7805cd2439715$export$33977546b63e0df9;
-var $e5e7805cd2439715$export$842da5d48b8f6db2;
-var $e5e7805cd2439715$export$1e0fb04f31d3c22a;
-var $e5e7805cd2439715$export$f39a09f249340e2a;
-var $e5e7805cd2439715$export$b8813cd5d7824ce7;
-var $e5e7805cd2439715$export$b3dd760d2dfde29e;
-var $e5e7805cd2439715$export$48252dc130b62514;
-var $e5e7805cd2439715$export$8d5fea71dc66db80;
-var $e5e7805cd2439715$export$13dd3510ae7a8399;
-var $e5e7805cd2439715$export$159930c59efb6273;
-var $e5e7805cd2439715$export$16715af38fbd9819;
-var $e5e7805cd2439715$export$d946625b97e8aa17;
-var $e5e7805cd2439715$export$d9c7209e0e4f7e4d;
-var $e5e7805cd2439715$export$c7a022df9e10a238;
-var $e5e7805cd2439715$export$b77922bc0320c9e4;
-var $e5e7805cd2439715$export$59739ab951d2dcc7;
-var $e5e7805cd2439715$export$a03d836e6ef3e749;
-var $e5e7805cd2439715$export$92ad04b5ac9296ea;
-var $e5e7805cd2439715$export$ccd8ffc36bd10cc;
-var $e5e7805cd2439715$export$1c52334407225704;
-var $e5e7805cd2439715$export$e7dc768d35940237;
-var $e5e7805cd2439715$export$2f34e9e3e0b89d95;
-var $e5e7805cd2439715$export$7fc89689fcfab196;
-var $e5e7805cd2439715$export$4746ac09daa215ae;
-var $e5e7805cd2439715$export$d8467f38d2d00bd0;
-$e5e7805cd2439715$export$4e5e9f191b1edb8 = "spectrum-Card_6fdf9f";
-$e5e7805cd2439715$export$92758a4a0e8d19e4 = "spectrum-Card-heading_6fdf9f";
-$e5e7805cd2439715$export$33977546b63e0df9 = "spectrum-Card-checkboxWrapper_6fdf9f";
-$e5e7805cd2439715$export$842da5d48b8f6db2 = "spectrum-Card-checkbox_6fdf9f";
-$e5e7805cd2439715$export$1e0fb04f31d3c22a = "is-selected_6fdf9f";
-$e5e7805cd2439715$export$f39a09f249340e2a = "focus-ring_6fdf9f";
-$e5e7805cd2439715$export$b8813cd5d7824ce7 = "is-hovered_6fdf9f";
-$e5e7805cd2439715$export$b3dd760d2dfde29e = "spectrum-Card-grid_6fdf9f";
-$e5e7805cd2439715$export$48252dc130b62514 = "spectrum-Card-decoration_6fdf9f";
-$e5e7805cd2439715$export$8d5fea71dc66db80 = "spectrum-Card-image_6fdf9f";
-$e5e7805cd2439715$export$13dd3510ae7a8399 = "spectrum-Card-illustration_6fdf9f";
-$e5e7805cd2439715$export$159930c59efb6273 = "spectrum-Card-avatar_6fdf9f";
-$e5e7805cd2439715$export$16715af38fbd9819 = "spectrum-Card-detail_6fdf9f";
-$e5e7805cd2439715$export$d946625b97e8aa17 = "spectrum-Card-content_6fdf9f";
-$e5e7805cd2439715$export$d9c7209e0e4f7e4d = "spectrum-Card--waterfall_6fdf9f";
-$e5e7805cd2439715$export$c7a022df9e10a238 = "spectrum-Card--default_6fdf9f";
-$e5e7805cd2439715$export$b77922bc0320c9e4 = "spectrum-Card--noPreview_6fdf9f";
-$e5e7805cd2439715$export$59739ab951d2dcc7 = "spectrum-Card--grid_6fdf9f";
-$e5e7805cd2439715$export$a03d836e6ef3e749 = "spectrum-Card--noLayout_6fdf9f";
-$e5e7805cd2439715$export$92ad04b5ac9296ea = "spectrum-Card--isQuiet_6fdf9f";
-$e5e7805cd2439715$export$ccd8ffc36bd10cc = "spectrum-Card--gallery_6fdf9f";
-$e5e7805cd2439715$export$1c52334407225704 = "spectrum-Card--horizontal_6fdf9f";
-$e5e7805cd2439715$export$e7dc768d35940237 = "is-focused_6fdf9f";
-$e5e7805cd2439715$export$2f34e9e3e0b89d95 = "spectrum-CardView_6fdf9f";
-$e5e7805cd2439715$export$7fc89689fcfab196 = "spectrum-CardView-centeredWrapper_6fdf9f";
-$e5e7805cd2439715$export$4746ac09daa215ae = "spectrum-CardView-row_6fdf9f";
-$e5e7805cd2439715$export$d8467f38d2d00bd0 = "is-drop-target_6fdf9f";
-
-
-
-const $1638ba17661c692d$export$64992ac69f286e5c = /*#__PURE__*/ $jxYob$react.createContext(null);
-function $1638ba17661c692d$export$fea0b38586ec8f13() {
-    return $jxYob$useContext($1638ba17661c692d$export$64992ac69f286e5c);
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+var $408a78e5068502c2$exports = {};
+
+$parcel$export($408a78e5068502c2$exports, "avatar", () => $408a78e5068502c2$export$345c5736c8054f22, (v) => $408a78e5068502c2$export$345c5736c8054f22 = v);
+$parcel$export($408a78e5068502c2$exports, "content", () => $408a78e5068502c2$export$a7db06668cad9adb, (v) => $408a78e5068502c2$export$a7db06668cad9adb = v);
+$parcel$export($408a78e5068502c2$exports, "detail", () => $408a78e5068502c2$export$13a2d28b88853ef2, (v) => $408a78e5068502c2$export$13a2d28b88853ef2 = v);
+$parcel$export($408a78e5068502c2$exports, "focus-ring", () => $408a78e5068502c2$export$f39a09f249340e2a, (v) => $408a78e5068502c2$export$f39a09f249340e2a = v);
+$parcel$export($408a78e5068502c2$exports, "i18nFontFamily", () => $408a78e5068502c2$export$8c4ee2c50c22c514, (v) => $408a78e5068502c2$export$8c4ee2c50c22c514 = v);
+$parcel$export($408a78e5068502c2$exports, "is-drop-target", () => $408a78e5068502c2$export$d8467f38d2d00bd0, (v) => $408a78e5068502c2$export$d8467f38d2d00bd0 = v);
+$parcel$export($408a78e5068502c2$exports, "is-focused", () => $408a78e5068502c2$export$e7dc768d35940237, (v) => $408a78e5068502c2$export$e7dc768d35940237 = v);
+$parcel$export($408a78e5068502c2$exports, "is-hovered", () => $408a78e5068502c2$export$b8813cd5d7824ce7, (v) => $408a78e5068502c2$export$b8813cd5d7824ce7 = v);
+$parcel$export($408a78e5068502c2$exports, "is-selected", () => $408a78e5068502c2$export$1e0fb04f31d3c22a, (v) => $408a78e5068502c2$export$1e0fb04f31d3c22a = v);
+$parcel$export($408a78e5068502c2$exports, "preview", () => $408a78e5068502c2$export$48c2d0f2f545ac27, (v) => $408a78e5068502c2$export$48c2d0f2f545ac27 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card", () => $408a78e5068502c2$export$4e5e9f191b1edb8, (v) => $408a78e5068502c2$export$4e5e9f191b1edb8 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card--default", () => $408a78e5068502c2$export$c7a022df9e10a238, (v) => $408a78e5068502c2$export$c7a022df9e10a238 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card--gallery", () => $408a78e5068502c2$export$ccd8ffc36bd10cc, (v) => $408a78e5068502c2$export$ccd8ffc36bd10cc = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card--grid", () => $408a78e5068502c2$export$59739ab951d2dcc7, (v) => $408a78e5068502c2$export$59739ab951d2dcc7 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card--horizontal", () => $408a78e5068502c2$export$1c52334407225704, (v) => $408a78e5068502c2$export$1c52334407225704 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card--isQuiet", () => $408a78e5068502c2$export$92ad04b5ac9296ea, (v) => $408a78e5068502c2$export$92ad04b5ac9296ea = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card--noLayout", () => $408a78e5068502c2$export$a03d836e6ef3e749, (v) => $408a78e5068502c2$export$a03d836e6ef3e749 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card--noPreview", () => $408a78e5068502c2$export$b77922bc0320c9e4, (v) => $408a78e5068502c2$export$b77922bc0320c9e4 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card--waterfall", () => $408a78e5068502c2$export$d9c7209e0e4f7e4d, (v) => $408a78e5068502c2$export$d9c7209e0e4f7e4d = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card-avatar", () => $408a78e5068502c2$export$159930c59efb6273, (v) => $408a78e5068502c2$export$159930c59efb6273 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card-checkbox", () => $408a78e5068502c2$export$842da5d48b8f6db2, (v) => $408a78e5068502c2$export$842da5d48b8f6db2 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card-checkboxWrapper", () => $408a78e5068502c2$export$33977546b63e0df9, (v) => $408a78e5068502c2$export$33977546b63e0df9 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card-content", () => $408a78e5068502c2$export$d946625b97e8aa17, (v) => $408a78e5068502c2$export$d946625b97e8aa17 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card-decoration", () => $408a78e5068502c2$export$48252dc130b62514, (v) => $408a78e5068502c2$export$48252dc130b62514 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card-detail", () => $408a78e5068502c2$export$16715af38fbd9819, (v) => $408a78e5068502c2$export$16715af38fbd9819 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card-grid", () => $408a78e5068502c2$export$b3dd760d2dfde29e, (v) => $408a78e5068502c2$export$b3dd760d2dfde29e = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card-heading", () => $408a78e5068502c2$export$92758a4a0e8d19e4, (v) => $408a78e5068502c2$export$92758a4a0e8d19e4 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card-illustration", () => $408a78e5068502c2$export$13dd3510ae7a8399, (v) => $408a78e5068502c2$export$13dd3510ae7a8399 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-Card-image", () => $408a78e5068502c2$export$8d5fea71dc66db80, (v) => $408a78e5068502c2$export$8d5fea71dc66db80 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-CardView", () => $408a78e5068502c2$export$2f34e9e3e0b89d95, (v) => $408a78e5068502c2$export$2f34e9e3e0b89d95 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-CardView-centeredWrapper", () => $408a78e5068502c2$export$7fc89689fcfab196, (v) => $408a78e5068502c2$export$7fc89689fcfab196 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-CardView-row", () => $408a78e5068502c2$export$4746ac09daa215ae, (v) => $408a78e5068502c2$export$4746ac09daa215ae = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-FocusRing-ring", () => $408a78e5068502c2$export$4109102f950813a6, (v) => $408a78e5068502c2$export$4109102f950813a6 = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-FocusRing", () => $408a78e5068502c2$export$24c7f46a6e3605dd, (v) => $408a78e5068502c2$export$24c7f46a6e3605dd = v);
+$parcel$export($408a78e5068502c2$exports, "spectrum-FocusRing--quiet", () => $408a78e5068502c2$export$2927016961429360, (v) => $408a78e5068502c2$export$2927016961429360 = v);
+$parcel$export($408a78e5068502c2$exports, "title", () => $408a78e5068502c2$export$fb184b623420d9be, (v) => $408a78e5068502c2$export$fb184b623420d9be = v);
+var $408a78e5068502c2$export$345c5736c8054f22;
+var $408a78e5068502c2$export$a7db06668cad9adb;
+var $408a78e5068502c2$export$13a2d28b88853ef2;
+var $408a78e5068502c2$export$f39a09f249340e2a;
+var $408a78e5068502c2$export$8c4ee2c50c22c514;
+var $408a78e5068502c2$export$d8467f38d2d00bd0;
+var $408a78e5068502c2$export$e7dc768d35940237;
+var $408a78e5068502c2$export$b8813cd5d7824ce7;
+var $408a78e5068502c2$export$1e0fb04f31d3c22a;
+var $408a78e5068502c2$export$48c2d0f2f545ac27;
+var $408a78e5068502c2$export$4e5e9f191b1edb8;
+var $408a78e5068502c2$export$c7a022df9e10a238;
+var $408a78e5068502c2$export$ccd8ffc36bd10cc;
+var $408a78e5068502c2$export$59739ab951d2dcc7;
+var $408a78e5068502c2$export$1c52334407225704;
+var $408a78e5068502c2$export$92ad04b5ac9296ea;
+var $408a78e5068502c2$export$a03d836e6ef3e749;
+var $408a78e5068502c2$export$b77922bc0320c9e4;
+var $408a78e5068502c2$export$d9c7209e0e4f7e4d;
+var $408a78e5068502c2$export$159930c59efb6273;
+var $408a78e5068502c2$export$842da5d48b8f6db2;
+var $408a78e5068502c2$export$33977546b63e0df9;
+var $408a78e5068502c2$export$d946625b97e8aa17;
+var $408a78e5068502c2$export$48252dc130b62514;
+var $408a78e5068502c2$export$16715af38fbd9819;
+var $408a78e5068502c2$export$b3dd760d2dfde29e;
+var $408a78e5068502c2$export$92758a4a0e8d19e4;
+var $408a78e5068502c2$export$13dd3510ae7a8399;
+var $408a78e5068502c2$export$8d5fea71dc66db80;
+var $408a78e5068502c2$export$2f34e9e3e0b89d95;
+var $408a78e5068502c2$export$7fc89689fcfab196;
+var $408a78e5068502c2$export$4746ac09daa215ae;
+var $408a78e5068502c2$export$4109102f950813a6;
+var $408a78e5068502c2$export$24c7f46a6e3605dd;
+var $408a78e5068502c2$export$2927016961429360;
+var $408a78e5068502c2$export$fb184b623420d9be;
+$408a78e5068502c2$export$345c5736c8054f22 = `dqWSla_avatar`;
+$408a78e5068502c2$export$a7db06668cad9adb = `dqWSla_content`;
+$408a78e5068502c2$export$13a2d28b88853ef2 = `dqWSla_detail`;
+$408a78e5068502c2$export$f39a09f249340e2a = `dqWSla_focus-ring`;
+$408a78e5068502c2$export$8c4ee2c50c22c514 = `dqWSla_i18nFontFamily`;
+$408a78e5068502c2$export$d8467f38d2d00bd0 = `dqWSla_is-drop-target`;
+$408a78e5068502c2$export$e7dc768d35940237 = `dqWSla_is-focused`;
+$408a78e5068502c2$export$b8813cd5d7824ce7 = `dqWSla_is-hovered`;
+$408a78e5068502c2$export$1e0fb04f31d3c22a = `dqWSla_is-selected`;
+$408a78e5068502c2$export$48c2d0f2f545ac27 = `dqWSla_preview`;
+$408a78e5068502c2$export$4e5e9f191b1edb8 = `dqWSla_spectrum-Card`;
+$408a78e5068502c2$export$c7a022df9e10a238 = `dqWSla_spectrum-Card--default`;
+$408a78e5068502c2$export$ccd8ffc36bd10cc = `dqWSla_spectrum-Card--gallery`;
+$408a78e5068502c2$export$59739ab951d2dcc7 = `dqWSla_spectrum-Card--grid`;
+$408a78e5068502c2$export$1c52334407225704 = `dqWSla_spectrum-Card--horizontal`;
+$408a78e5068502c2$export$92ad04b5ac9296ea = `dqWSla_spectrum-Card--isQuiet`;
+$408a78e5068502c2$export$a03d836e6ef3e749 = `dqWSla_spectrum-Card--noLayout`;
+$408a78e5068502c2$export$b77922bc0320c9e4 = `dqWSla_spectrum-Card--noPreview`;
+$408a78e5068502c2$export$d9c7209e0e4f7e4d = `dqWSla_spectrum-Card--waterfall`;
+$408a78e5068502c2$export$159930c59efb6273 = `dqWSla_spectrum-Card-avatar`;
+$408a78e5068502c2$export$842da5d48b8f6db2 = `dqWSla_spectrum-Card-checkbox`;
+$408a78e5068502c2$export$33977546b63e0df9 = `dqWSla_spectrum-Card-checkboxWrapper`;
+$408a78e5068502c2$export$d946625b97e8aa17 = `dqWSla_spectrum-Card-content`;
+$408a78e5068502c2$export$48252dc130b62514 = `dqWSla_spectrum-Card-decoration`;
+$408a78e5068502c2$export$16715af38fbd9819 = `dqWSla_spectrum-Card-detail`;
+$408a78e5068502c2$export$b3dd760d2dfde29e = `dqWSla_spectrum-Card-grid`;
+$408a78e5068502c2$export$92758a4a0e8d19e4 = `dqWSla_spectrum-Card-heading`;
+$408a78e5068502c2$export$13dd3510ae7a8399 = `dqWSla_spectrum-Card-illustration`;
+$408a78e5068502c2$export$8d5fea71dc66db80 = `dqWSla_spectrum-Card-image`;
+$408a78e5068502c2$export$2f34e9e3e0b89d95 = `dqWSla_spectrum-CardView`;
+$408a78e5068502c2$export$7fc89689fcfab196 = `dqWSla_spectrum-CardView-centeredWrapper`;
+$408a78e5068502c2$export$4746ac09daa215ae = `dqWSla_spectrum-CardView-row`;
+$408a78e5068502c2$export$4109102f950813a6 = `dqWSla_spectrum-FocusRing-ring`;
+$408a78e5068502c2$export$24c7f46a6e3605dd = `dqWSla_spectrum-FocusRing ${$408a78e5068502c2$export$4109102f950813a6}`;
+$408a78e5068502c2$export$2927016961429360 = `dqWSla_spectrum-FocusRing--quiet`;
+$408a78e5068502c2$export$fb184b623420d9be = `dqWSla_title`;
+
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+const $8d180a244893de14$export$64992ac69f286e5c = /*#__PURE__*/ (0, $8EWFi$react).createContext(null);
+function $8d180a244893de14$export$fea0b38586ec8f13() {
+    return (0, $8EWFi$useContext)($8d180a244893de14$export$64992ac69f286e5c);
 }
 
 
 
 
-function $2f067b98508c243e$var$CardBase(props, ref) {
-    props = $jxYob$useProviderProps(props);
-    let context = $1638ba17661c692d$export$fea0b38586ec8f13() || {
-    }; // we can call again here, won't change from Card.tsx
-    let { state: state  } = context;
+function $643dd8fa80926f94$var$CardBase(props, ref) {
+    props = (0, $8EWFi$useProviderProps)(props);
+    let context = (0, $8d180a244893de14$export$fea0b38586ec8f13)() || {}; // we can call again here, won't change from Card.tsx
+    let { state: state } = context;
     let manager = state === null || state === void 0 ? void 0 : state.selectionManager;
-    let { isQuiet: isQuiet , orientation: orientation = 'vertical' , articleProps: articleProps = {
-    } , item: item , layout: layout , children: children  } = props;
+    let { isQuiet: isQuiet, orientation: orientation = "vertical", articleProps: articleProps = {}, item: item, layout: layout, children: children } = props;
     let key = item === null || item === void 0 ? void 0 : item.key;
     let isSelected = manager === null || manager === void 0 ? void 0 : manager.isSelected(key);
     let isDisabled = state === null || state === void 0 ? void 0 : state.disabledKeys.has(key);
-    let onChange = ()=>{
-        return manager === null || manager === void 0 ? void 0 : manager.select(key);
-    };
-    let { styleProps: styleProps  } = $jxYob$useStyleProps(props);
-    let { cardProps: cardProps , titleProps: titleProps , contentProps: contentProps  } = $2f067b98508c243e$var$useCard(props);
-    let domRef = $jxYob$useDOMRef(ref);
-    let gridRef = $jxYob$useRef();
-    let checkboxRef = $jxYob$useRef(null);
+    let onChange = ()=>manager === null || manager === void 0 ? void 0 : manager.select(key);
+    let { styleProps: styleProps } = (0, $8EWFi$useStyleProps)(props);
+    let { cardProps: cardProps, titleProps: titleProps, contentProps: contentProps } = $643dd8fa80926f94$var$useCard(props);
+    let domRef = (0, $8EWFi$useDOMRef)(ref);
+    let gridRef = (0, $8EWFi$useRef)();
+    let checkboxRef = (0, $8EWFi$useRef)(null);
     // cards are only interactive if there is a selection manager and it allows selection
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $jxYob$useHover({
-        isDisabled: manager === undefined || (manager === null || manager === void 0 ? void 0 : manager.selectionMode) === 'none' || isDisabled
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $8EWFi$useHover)({
+        isDisabled: manager === undefined || (manager === null || manager === void 0 ? void 0 : manager.selectionMode) === "none" || isDisabled
     });
-    let [isFocused, setIsFocused] = $jxYob$useState(false);
-    let { focusWithinProps: focusWithinProps  } = $jxYob$useFocusWithin({
+    let [isFocused, setIsFocused] = (0, $8EWFi$useState)(false);
+    let { focusWithinProps: focusWithinProps } = (0, $8EWFi$useFocusWithin)({
         onFocusWithinChange: setIsFocused,
         isDisabled: isDisabled
     });
     // ToDo: see css for comment about avatar under selector .spectrum-Card--noLayout.spectrum-Card--default
-    let hasPreviewImage = $jxYob$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports))['spectrum-Card-image']}`, gridRef);
-    let hasPreviewIllustration = $jxYob$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports))['spectrum-Card-illustration']}`, gridRef);
+    let hasPreviewImage = (0, $8EWFi$useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports)))["spectrum-Card-image"]}`, gridRef);
+    let hasPreviewIllustration = (0, $8EWFi$useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports)))["spectrum-Card-illustration"]}`, gridRef);
     let hasPreview = hasPreviewImage || hasPreviewIllustration;
     // this is for horizontal cards
-    let [height, setHeight] = $jxYob$useState(NaN);
-    let updateHeight = $jxYob$useCallback(()=>{
-        if (orientation !== 'horizontal') return;
+    let [height, setHeight] = (0, $8EWFi$useState)(NaN);
+    let updateHeight = (0, $8EWFi$useCallback)(()=>{
+        if (orientation !== "horizontal") return;
         let cardHeight = gridRef.current.getBoundingClientRect().height;
         setHeight(cardHeight);
     }, [
@@ -166,56 +263,55 @@ function $2f067b98508c243e$var$CardBase(props, ref) {
         gridRef,
         setHeight
     ]);
-    $jxYob$useResizeObserver({
+    (0, $8EWFi$useResizeObserver)({
         ref: gridRef,
         onResize: updateHeight
     });
     let aspectRatioEnforce = undefined;
-    if (orientation === 'horizontal' && !isNaN(height)) aspectRatioEnforce = {
+    if (orientation === "horizontal" && !isNaN(height)) aspectRatioEnforce = {
         height: `${height}px`,
         width: `${height}px`
     };
-    let slots = $jxYob$useMemo(()=>({
+    let slots = (0, $8EWFi$useMemo)(()=>({
             image: {
-                UNSAFE_className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card-image'),
-                objectFit: orientation === 'horizontal' ? 'cover' : 'contain',
-                alt: '',
+                UNSAFE_className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card-image"),
+                objectFit: orientation === "horizontal" ? "cover" : "contain",
+                alt: "",
                 ...aspectRatioEnforce
             },
             illustration: {
-                UNSAFE_className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card-illustration'),
+                UNSAFE_className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card-illustration"),
                 ...aspectRatioEnforce
             },
             avatar: {
-                UNSAFE_className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card-avatar'),
-                size: 'avatar-size-400'
+                UNSAFE_className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card-avatar"),
+                size: "avatar-size-400"
             },
             heading: {
-                UNSAFE_className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card-heading'),
+                UNSAFE_className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card-heading"),
                 ...titleProps
             },
             content: {
-                UNSAFE_className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card-content'),
+                UNSAFE_className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card-content"),
                 ...contentProps
             },
             detail: {
-                UNSAFE_className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card-detail')
+                UNSAFE_className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card-detail")
             }
-        })
-    , [
+        }), [
         titleProps,
         contentProps,
         height,
         isQuiet,
         orientation
     ]);
-    $jxYob$useLayoutEffect(()=>{
+    (0, $8EWFi$useLayoutEffect)(()=>{
         if (gridRef === null || gridRef === void 0 ? void 0 : gridRef.current) {
-            let walker = $jxYob$getFocusableTreeWalker(gridRef.current);
+            let walker = (0, $8EWFi$getFocusableTreeWalker)(gridRef.current);
             let nextNode = walker.nextNode();
             while(nextNode != null){
                 if (checkboxRef.current && !checkboxRef.current.UNSAFE_getDOMNode().contains(nextNode)) {
-                    console.warn('Card does not support focusable elements, please contact the team regarding your use case.');
+                    console.warn("Card does not support focusable elements, please contact the team regarding your use case.");
                     break;
                 }
                 nextNode = walker.nextNode();
@@ -224,65 +320,63 @@ function $2f067b98508c243e$var$CardBase(props, ref) {
     }, [
         children
     ]);
-    return(/*#__PURE__*/ $jxYob$react.createElement($jxYob$FocusRing, {
-        focusRingClass: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'focus-ring')
-    }, /*#__PURE__*/ $jxYob$react.createElement("article", {
+    return /*#__PURE__*/ (0, $8EWFi$react).createElement((0, $8EWFi$FocusRing), {
+        focusRingClass: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, $8EWFi$react).createElement("article", {
         ...styleProps,
-        ...$jxYob$mergeProps(cardProps, focusWithinProps, hoverProps, $jxYob$filterDOMProps(props), articleProps),
+        ...(0, $8EWFi$mergeProps)(cardProps, focusWithinProps, hoverProps, (0, $8EWFi$filterDOMProps)(props), articleProps),
         ref: domRef,
-        className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card', {
-            'spectrum-Card--default': !isQuiet && orientation !== 'horizontal',
-            'spectrum-Card--isQuiet': isQuiet && orientation !== 'horizontal',
-            'spectrum-Card--horizontal': orientation === 'horizontal',
-            'spectrum-Card--noPreview': !hasPreview,
-            'is-hovered': isHovered,
-            'is-focused': isFocused,
-            'is-selected': isSelected,
-            'spectrum-Card--waterfall': layout === 'waterfall',
-            'spectrum-Card--gallery': layout === 'gallery',
-            'spectrum-Card--grid': layout === 'grid',
-            'spectrum-Card--noLayout': layout !== 'waterfall' && layout !== 'gallery' && layout !== 'grid'
+        className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card", {
+            "spectrum-Card--default": !isQuiet && orientation !== "horizontal",
+            "spectrum-Card--isQuiet": isQuiet && orientation !== "horizontal",
+            "spectrum-Card--horizontal": orientation === "horizontal",
+            "spectrum-Card--noPreview": !hasPreview,
+            "is-hovered": isHovered,
+            "is-focused": isFocused,
+            "is-selected": isSelected,
+            "spectrum-Card--waterfall": layout === "waterfall",
+            "spectrum-Card--gallery": layout === "gallery",
+            "spectrum-Card--grid": layout === "grid",
+            "spectrum-Card--noLayout": layout !== "waterfall" && layout !== "gallery" && layout !== "grid"
         }, styleProps.className)
-    }, /*#__PURE__*/ $jxYob$react.createElement("div", {
+    }, /*#__PURE__*/ (0, $8EWFi$react).createElement("div", {
         ref: gridRef,
-        className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card-grid')
-    }, manager && manager.selectionMode !== 'none' && /*#__PURE__*/ $jxYob$react.createElement("div", {
-        className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card-checkboxWrapper')
-    }, /*#__PURE__*/ $jxYob$react.createElement($jxYob$Checkbox, {
+        className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card-grid")
+    }, manager && manager.selectionMode !== "none" && /*#__PURE__*/ (0, $8EWFi$react).createElement("div", {
+        className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card-checkboxWrapper")
+    }, /*#__PURE__*/ (0, $8EWFi$react).createElement((0, $8EWFi$Checkbox), {
         ref: checkboxRef,
         isDisabled: isDisabled,
         excludeFromTabOrder: true,
         isSelected: isSelected,
         onChange: onChange,
-        UNSAFE_className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card-checkbox'),
+        UNSAFE_className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card-checkbox"),
         isEmphasized: true,
         "aria-label": "select"
-    })), /*#__PURE__*/ $jxYob$react.createElement($jxYob$SlotProvider, {
+    })), /*#__PURE__*/ (0, $8EWFi$react).createElement((0, $8EWFi$SlotProvider), {
         slots: slots
-    }, children), /*#__PURE__*/ $jxYob$react.createElement("div", {
-        className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-Card-decoration')
-    })))));
+    }, children), /*#__PURE__*/ (0, $8EWFi$react).createElement("div", {
+        className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-Card-decoration")
+    }))));
 }
-function $2f067b98508c243e$var$useCard(props) {
-    let titleId = $jxYob$useSlotId();
-    let descriptionId = $jxYob$useSlotId();
-    let titleProps = $jxYob$useMemo(()=>({
+function $643dd8fa80926f94$var$useCard(props) {
+    let titleId = (0, $8EWFi$useSlotId)();
+    let descriptionId = (0, $8EWFi$useSlotId)();
+    let titleProps = (0, $8EWFi$useMemo)(()=>({
             id: titleId
-        })
-    , [
+        }), [
         titleId
     ]);
-    let contentProps = $jxYob$useMemo(()=>({
+    let contentProps = (0, $8EWFi$useMemo)(()=>({
             id: descriptionId
-        })
-    , [
+        }), [
         descriptionId
     ]);
     return {
         cardProps: {
-            ...$jxYob$filterDOMProps(props),
-            'aria-labelledby': titleId,
-            'aria-describedby': descriptionId,
+            ...(0, $8EWFi$filterDOMProps)(props),
+            "aria-labelledby": titleId,
+            "aria-describedby": descriptionId,
             tabIndex: 0
         },
         titleProps: titleProps,
@@ -291,184 +385,82 @@ function $2f067b98508c243e$var$useCard(props) {
 }
 /**
  * TODO: Add description of component here.
- */ const $2f067b98508c243e$export$7a6ccaf429ad93a8 = /*#__PURE__*/ $jxYob$react.forwardRef($2f067b98508c243e$var$CardBase);
-
-
-
-
-
-var $236ecb032f346896$exports = {};
-var $60f599d396c2fb9f$exports = {};
-$60f599d396c2fb9f$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
-
-
-var $474a3374fe4710e1$exports = {};
-$474a3374fe4710e1$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\"}");
-
-
-var $2c4f5dbef9a8c92e$exports = {};
-$2c4f5dbef9a8c92e$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\"}");
-
-
-var $7c163a45a40c4767$exports = {};
-$7c163a45a40c4767$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
-
-
-var $e059f58137836759$exports = {};
-$e059f58137836759$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
-
-
-var $5b540d8139d53283$exports = {};
-$5b540d8139d53283$exports = JSON.parse("{\"loading\":\"Φόρτωση...\",\"loadingMore\":\"Φόρτωση περισσότερων...\"}");
-
-
-var $ac4f4c79c539c1c6$exports = {};
-$ac4f4c79c539c1c6$exports = JSON.parse("{\"loading\":\"Loading…\",\"loadingMore\":\"Loading more…\"}");
-
-
-var $ab343d77621fa4e6$exports = {};
-$ab343d77621fa4e6$exports = JSON.parse("{\"loading\":\"Cargando…\",\"loadingMore\":\"Cargando más…\"}");
-
-
-var $e3495ec5da31254e$exports = {};
-$e3495ec5da31254e$exports = JSON.parse("{\"loading\":\"Laadimine...\",\"loadingMore\":\"Laadi rohkem...\"}");
-
-
-var $800de89d3183d03d$exports = {};
-$800de89d3183d03d$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMore\":\"Ladataan lisää…\"}");
-
-
-var $7782966d3d07da70$exports = {};
-$7782966d3d07da70$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
+ */ const $643dd8fa80926f94$export$7a6ccaf429ad93a8 = /*#__PURE__*/ (0, $8EWFi$react).forwardRef($643dd8fa80926f94$var$CardBase);
 
 
-var $2ba5d1ba8d3b4c8d$exports = {};
-$2ba5d1ba8d3b4c8d$exports = JSON.parse("{\"loading\":\"טוען...\",\"loadingMore\":\"טוען עוד...\"}");
 
 
-var $0692734f6d27de46$exports = {};
-$0692734f6d27de46$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
 
+var $49aba923a95704ba$exports = {};
 
-var $3c359198f221cad3$exports = {};
-$3c359198f221cad3$exports = JSON.parse("{\"loading\":\"Betöltés folyamatban…\",\"loadingMore\":\"Továbbiak betöltése folyamatban…\"}");
 
 
-var $689a5ff697d16dc4$exports = {};
-$689a5ff697d16dc4$exports = JSON.parse("{\"loading\":\"Caricamento...\",\"loadingMore\":\"Caricamento altri...\"}");
 
 
-var $8ffeaf3707ff31e4$exports = {};
-$8ffeaf3707ff31e4$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\"}");
 
 
-var $e3dd530ff3b0b1e8$exports = {};
-$e3dd530ff3b0b1e8$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
 
 
-var $c99c5a172acb3ec0$exports = {};
-$c99c5a172acb3ec0$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
 
 
-var $d40dc83361f0ee02$exports = {};
-$d40dc83361f0ee02$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
 
 
-var $c3717bf3889eff90$exports = {};
-$c3717bf3889eff90$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\"}");
 
 
-var $c1757f6b8ffbf245$exports = {};
-$c1757f6b8ffbf245$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Meer laden...\"}");
 
 
-var $4966e2ae3faf7602$exports = {};
-$4966e2ae3faf7602$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
 
 
-var $2069eca4dd675881$exports = {};
-$2069eca4dd675881$exports = JSON.parse("{\"loading\":\"Carregando...\",\"loadingMore\":\"Carregando mais...\"}");
 
 
-var $d3114985de242899$exports = {};
-$d3114985de242899$exports = JSON.parse("{\"loading\":\"A carregar...\",\"loadingMore\":\"A carregar mais...\"}");
 
 
-var $5d531ca74b89ae95$exports = {};
-$5d531ca74b89ae95$exports = JSON.parse("{\"loading\":\"Se încarcă...\",\"loadingMore\":\"Se încarcă mai multe...\"}");
 
 
-var $b62cde108c24214e$exports = {};
-$b62cde108c24214e$exports = JSON.parse("{\"loading\":\"Загрузка...\",\"loadingMore\":\"Дополнительная загрузка...\"}");
 
 
-var $86cc94ab1375ff38$exports = {};
-$86cc94ab1375ff38$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\"}");
 
 
-var $5ff51992f46d15f6$exports = {};
-$5ff51992f46d15f6$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
 
 
-var $cf16938c831e0638$exports = {};
-$cf16938c831e0638$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
 
 
-var $1f1c7912dc967826$exports = {};
-$1f1c7912dc967826$exports = JSON.parse("{\"loading\":\"Läser in...\",\"loadingMore\":\"Läser in mer...\"}");
 
-
-var $dc4a9d6deeb4f8b1$exports = {};
-$dc4a9d6deeb4f8b1$exports = JSON.parse("{\"loading\":\"Yükleniyor...\",\"loadingMore\":\"Daha fazla yükleniyor...\"}");
-
-
-var $c63342cfde3892bf$exports = {};
-$c63342cfde3892bf$exports = JSON.parse("{\"loading\":\"Завантаження…\",\"loadingMore\":\"Завантаження інших об’єктів...\"}");
-
-
-var $4a89119b6ebf4a12$exports = {};
-$4a89119b6ebf4a12$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\"}");
-
-
-var $a34ac55ec7732100$exports = {};
-$a34ac55ec7732100$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
-
-
-$236ecb032f346896$exports = {
-    "ar-AE": $60f599d396c2fb9f$exports,
-    "bg-BG": $474a3374fe4710e1$exports,
-    "cs-CZ": $2c4f5dbef9a8c92e$exports,
-    "da-DK": $7c163a45a40c4767$exports,
-    "de-DE": $e059f58137836759$exports,
-    "el-GR": $5b540d8139d53283$exports,
-    "en-US": $ac4f4c79c539c1c6$exports,
-    "es-ES": $ab343d77621fa4e6$exports,
-    "et-EE": $e3495ec5da31254e$exports,
-    "fi-FI": $800de89d3183d03d$exports,
-    "fr-FR": $7782966d3d07da70$exports,
-    "he-IL": $2ba5d1ba8d3b4c8d$exports,
-    "hr-HR": $0692734f6d27de46$exports,
-    "hu-HU": $3c359198f221cad3$exports,
-    "it-IT": $689a5ff697d16dc4$exports,
-    "ja-JP": $8ffeaf3707ff31e4$exports,
-    "ko-KR": $e3dd530ff3b0b1e8$exports,
-    "lt-LT": $c99c5a172acb3ec0$exports,
-    "lv-LV": $d40dc83361f0ee02$exports,
-    "nb-NO": $c3717bf3889eff90$exports,
-    "nl-NL": $c1757f6b8ffbf245$exports,
-    "pl-PL": $4966e2ae3faf7602$exports,
-    "pt-BR": $2069eca4dd675881$exports,
-    "pt-PT": $d3114985de242899$exports,
-    "ro-RO": $5d531ca74b89ae95$exports,
-    "ru-RU": $b62cde108c24214e$exports,
-    "sk-SK": $86cc94ab1375ff38$exports,
-    "sl-SI": $5ff51992f46d15f6$exports,
-    "sr-SP": $cf16938c831e0638$exports,
-    "sv-SE": $1f1c7912dc967826$exports,
-    "tr-TR": $dc4a9d6deeb4f8b1$exports,
-    "uk-UA": $c63342cfde3892bf$exports,
-    "zh-CN": $4a89119b6ebf4a12$exports,
-    "zh-TW": $a34ac55ec7732100$exports
+$49aba923a95704ba$exports = {
+    "ar-AE": $6cb102354c06de53$exports,
+    "bg-BG": $17b8c838d83f13fc$exports,
+    "cs-CZ": $1ddb4e1a3e8b15a5$exports,
+    "da-DK": $44b7f17cd1f1db7f$exports,
+    "de-DE": $ffa85bef2c730318$exports,
+    "el-GR": $1904be2ca25ad4ef$exports,
+    "en-US": $d120e7d3833466fb$exports,
+    "es-ES": $fe39ef3292597d11$exports,
+    "et-EE": $3204c020860ca192$exports,
+    "fi-FI": $5ced2ee930f1d61a$exports,
+    "fr-FR": $bd751114db2e8872$exports,
+    "he-IL": $6291b4a5eb5146c5$exports,
+    "hr-HR": $cdc3f7b2aa8b1879$exports,
+    "hu-HU": $1a69968dcbcabdff$exports,
+    "it-IT": $fe72420090e5e44f$exports,
+    "ja-JP": $8643fac062a08b30$exports,
+    "ko-KR": $41f4de1d2f63c8f4$exports,
+    "lt-LT": $9819c3a9877418b0$exports,
+    "lv-LV": $3e8ad6b78b8cc064$exports,
+    "nb-NO": $baa4fb210e65a6c5$exports,
+    "nl-NL": $ee123eda5b089b7d$exports,
+    "pl-PL": $36a325cd1c9e414f$exports,
+    "pt-BR": $52d4fd0f211d7e51$exports,
+    "pt-PT": $ad1f55e36e4e9241$exports,
+    "ro-RO": $bfc201ee55c5f26f$exports,
+    "ru-RU": $5773113377d944b4$exports,
+    "sk-SK": $75167f0b339049be$exports,
+    "sl-SI": $83a887ec3d5f2028$exports,
+    "sr-SP": $8352707b2eadbfb4$exports,
+    "sv-SE": $212352f469058747$exports,
+    "tr-TR": $334510787f8a69f9$exports,
+    "uk-UA": $1b8fd2890c177825$exports,
+    "zh-CN": $88c83d794a7a062b$exports,
+    "zh-TW": $b7e2865acb74a940$exports
 };
 
 
@@ -480,32 +472,32 @@ $236ecb032f346896$exports = {
 
 
 
-function $388bc726678ad587$var$CardView(props, ref) {
-    let { scale: scale  } = $jxYob$useProvider();
-    let { styleProps: styleProps  } = $jxYob$useStyleProps(props);
-    let domRef = $jxYob$useDOMRef(ref);
-    let { isQuiet: isQuiet , renderEmptyState: renderEmptyState , layout: layout , loadingState: loadingState , onLoadMore: onLoadMore , cardOrientation: cardOrientation = 'vertical'  } = props;
-    let collator = $jxYob$useCollator({
-        usage: 'search',
-        sensitivity: 'base'
+
+function $81a52da995c19652$var$CardView(props, ref) {
+    let { scale: scale } = (0, $8EWFi$useProvider)();
+    let { styleProps: styleProps } = (0, $8EWFi$useStyleProps)(props);
+    let domRef = (0, $8EWFi$useDOMRef)(ref);
+    let { isQuiet: isQuiet, renderEmptyState: renderEmptyState, layout: layout, loadingState: loadingState, onLoadMore: onLoadMore, cardOrientation: cardOrientation = "vertical" } = props;
+    let collator = (0, $8EWFi$useCollator)({
+        usage: "search",
+        sensitivity: "base"
     });
-    let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
-    let cardViewLayout = $jxYob$useMemo(()=>typeof layout === 'function' ? new layout({
+    let isLoading = loadingState === "loading" || loadingState === "loadingMore";
+    let cardViewLayout = (0, $8EWFi$useMemo)(()=>typeof layout === "function" ? new layout({
             collator: collator,
             cardOrientation: cardOrientation,
             scale: scale
-        }) : layout
-    , [
+        }) : layout, [
         layout,
         collator,
         cardOrientation,
         scale
     ]);
     let layoutType = cardViewLayout.layoutType;
-    let formatMessage = $jxYob$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($236ecb032f346896$exports)));
-    let { direction: direction  } = $jxYob$useLocale();
-    let { collection: collection  } = $jxYob$useListState(props);
-    let gridCollection = $jxYob$useMemo(()=>new $jxYob$GridCollection({
+    let stringFormatter = (0, $8EWFi$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($49aba923a95704ba$exports))), "@react-spectrum/card");
+    let { direction: direction } = (0, $8EWFi$useLocale)();
+    let { collection: collection } = (0, $8EWFi$useListState)(props);
+    let gridCollection = (0, $8EWFi$useMemo)(()=>new (0, $8EWFi$GridCollection)({
             columnCount: 1,
             items: [
                 ...collection
@@ -516,7 +508,7 @@ function $388bc726678ad587$var$CardView(props, ref) {
                     childNodes: [
                         {
                             key: `cell-${item.key}`,
-                            type: 'cell',
+                            type: "cell",
                             value: null,
                             level: 0,
                             rendered: null,
@@ -525,39 +517,37 @@ function $388bc726678ad587$var$CardView(props, ref) {
                             childNodes: []
                         }
                     ]
-                })
-            )
-        })
-    , [
+                }))
+        }), [
         collection
     ]);
-    let state = $jxYob$useGridState({
+    let state = (0, $8EWFi$useGridState)({
         ...props,
-        selectionMode: cardOrientation === 'horizontal' && layoutType === 'grid' ? 'none' : props.selectionMode,
+        selectionMode: cardOrientation === "horizontal" && layoutType === "grid" ? "none" : props.selectionMode,
         collection: gridCollection,
-        focusMode: 'cell'
+        focusMode: "cell"
     });
     cardViewLayout.collection = gridCollection;
     cardViewLayout.disabledKeys = state.disabledKeys;
     cardViewLayout.isLoading = isLoading;
     cardViewLayout.direction = direction;
-    let { gridProps: gridProps  } = $jxYob$useGrid({
+    let { gridProps: gridProps } = (0, $8EWFi$useGrid)({
         ...props,
         isVirtualized: true,
         keyboardDelegate: cardViewLayout
     }, state, domRef);
-    let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ $jxYob$react.createElement($jxYob$VirtualizerItem, {
+    let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ (0, $8EWFi$react).createElement((0, $8EWFi$VirtualizerItem), {
             key: reusableView.key,
-            reusableView: reusableView,
-            parent: parent
-        })
-    ;
+            layoutInfo: reusableView.layoutInfo,
+            virtualizer: reusableView.virtualizer,
+            parent: parent === null || parent === void 0 ? void 0 : parent.layoutInfo
+        }, reusableView.rendered);
     let focusedKey = state.selectionManager.focusedKey;
     let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);
     if ((focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.parentKey) != null) focusedKey = focusedItem.parentKey;
     let margin = cardViewLayout.margin || 0;
     let virtualizer = cardViewLayout.virtualizer;
-    let scrollToItem = $jxYob$useCallback((key)=>{
+    let scrollToItem = (0, $8EWFi$useCallback)((key)=>{
         virtualizer && virtualizer.scrollToItem(key, {
             duration: 0,
             offsetY: margin
@@ -567,17 +557,17 @@ function $388bc726678ad587$var$CardView(props, ref) {
         virtualizer
     ]);
     // TODO: does aria-row count and aria-col count need to be modified? Perhaps aria-col count needs to be omitted
-    return(/*#__PURE__*/ $jxYob$react.createElement($1638ba17661c692d$export$64992ac69f286e5c.Provider, {
+    return /*#__PURE__*/ (0, $8EWFi$react).createElement((0, $8d180a244893de14$export$64992ac69f286e5c).Provider, {
         value: {
             state: state,
             isQuiet: isQuiet,
             layout: cardViewLayout,
             cardOrientation: cardOrientation
         }
-    }, /*#__PURE__*/ $jxYob$react.createElement($jxYob$Virtualizer, {
+    }, /*#__PURE__*/ (0, $8EWFi$react).createElement((0, $8EWFi$Virtualizer), {
         ...gridProps,
         ...styleProps,
-        className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-CardView'),
+        className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-CardView"),
         ref: domRef,
         focusedKey: focusedKey,
         scrollDirection: "vertical",
@@ -589,91 +579,117 @@ function $388bc726678ad587$var$CardView(props, ref) {
         transitionDuration: isLoading ? 160 : 220,
         scrollToItem: scrollToItem
     }, (type, item)=>{
-        if (type === 'item') return(/*#__PURE__*/ $jxYob$react.createElement($388bc726678ad587$var$InternalCard, {
+        if (type === "item") return /*#__PURE__*/ (0, $8EWFi$react).createElement($81a52da995c19652$var$InternalCard, {
             item: item
-        }));
-        else if (type === 'loader') return(/*#__PURE__*/ $jxYob$react.createElement($388bc726678ad587$var$CenteredWrapper, null, /*#__PURE__*/ $jxYob$react.createElement($jxYob$ProgressCircle, {
+        });
+        else if (type === "loader") return /*#__PURE__*/ (0, $8EWFi$react).createElement($81a52da995c19652$var$CenteredWrapper, null, /*#__PURE__*/ (0, $8EWFi$react).createElement((0, $8EWFi$ProgressCircle), {
             isIndeterminate: true,
-            "aria-label": state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')
-        })));
-        else if (type === 'placeholder') {
+            "aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading")
+        }));
+        else if (type === "placeholder") {
             let emptyState = renderEmptyState ? renderEmptyState() : null;
             if (emptyState == null) return null;
-            return(/*#__PURE__*/ $jxYob$react.createElement($388bc726678ad587$var$CenteredWrapper, null, emptyState));
+            return /*#__PURE__*/ (0, $8EWFi$react).createElement($81a52da995c19652$var$CenteredWrapper, null, emptyState);
         }
-    })));
+    }));
 }
-function $388bc726678ad587$var$CenteredWrapper({ children: children  }) {
-    let { state: state  } = $1638ba17661c692d$export$fea0b38586ec8f13();
-    return(/*#__PURE__*/ $jxYob$react.createElement("div", {
+function $81a52da995c19652$var$CenteredWrapper({ children: children }) {
+    let { state: state } = (0, $8d180a244893de14$export$fea0b38586ec8f13)();
+    return /*#__PURE__*/ (0, $8EWFi$react).createElement("div", {
         role: "row",
         "aria-rowindex": state.collection.size + 1,
-        className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-CardView-centeredWrapper')
-    }, /*#__PURE__*/ $jxYob$react.createElement("div", {
+        className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-CardView-centeredWrapper")
+    }, /*#__PURE__*/ (0, $8EWFi$react).createElement("div", {
         role: "gridcell"
-    }, children)));
+    }, children));
 }
-function $388bc726678ad587$var$InternalCard(props) {
-    let { item: item  } = props;
+function $81a52da995c19652$var$InternalCard(props) {
+    let { item: item } = props;
     let cellNode = [
         ...item.childNodes
     ][0];
-    let { state: state , cardOrientation: cardOrientation , isQuiet: isQuiet , layout: layout  } = $1638ba17661c692d$export$fea0b38586ec8f13();
+    let { state: state, cardOrientation: cardOrientation, isQuiet: isQuiet, layout: layout } = (0, $8d180a244893de14$export$fea0b38586ec8f13)();
     let layoutType = layout.layoutType;
-    let rowRef = $jxYob$useRef();
-    let cellRef = $jxYob$useRef();
-    let unwrappedRef = $jxYob$useUnwrapDOMRef(cellRef);
-    let { rowProps: rowProps  } = $jxYob$useGridRow({
+    let rowRef = (0, $8EWFi$useRef)();
+    let cellRef = (0, $8EWFi$useRef)();
+    let unwrappedRef = (0, $8EWFi$useUnwrapDOMRef)(cellRef);
+    let { rowProps: gridRowProps } = (0, $8EWFi$useGridRow)({
         node: item,
         isVirtualized: true
     }, state, rowRef);
-    let { gridCellProps: gridCellProps  } = $jxYob$useGridCell({
+    let { gridCellProps: gridCellProps } = (0, $8EWFi$useGridCell)({
         node: cellNode,
-        focusMode: 'cell'
+        focusMode: "cell"
     }, state, unwrappedRef);
-    if (layoutType === 'grid' || layoutType === 'gallery') isQuiet = true;
-    if (layoutType !== 'grid') cardOrientation = 'vertical';
+    // Prevent space key from scrolling the CardView if triggered on a disabled item or on a Card in a selectionMode="none" CardView.
+    let allowsInteraction = state.selectionManager.selectionMode !== "none";
+    let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
+    let onKeyDown = (e)=>{
+        if (e.key === " " && isDisabled) e.preventDefault();
+    };
+    let rowProps = (0, $8EWFi$mergeProps)(gridRowProps, {
+        onKeyDown: onKeyDown
+    });
+    if (layoutType === "grid" || layoutType === "gallery") isQuiet = true;
+    if (layoutType !== "grid") cardOrientation = "vertical";
     // We don't want to focus the checkbox (or any other focusable elements) within the Card
     // when pressing the arrow keys so we delete the key down handler here. Arrow key navigation between
     // the cards in the CardView is handled by useGrid => useSelectableCollection instead.
     delete gridCellProps.onKeyDownCapture;
-    return(/*#__PURE__*/ $jxYob$react.createElement("div", {
+    return /*#__PURE__*/ (0, $8EWFi$react).createElement("div", {
         ...rowProps,
         ref: rowRef,
-        className: $jxYob$classNames((/*@__PURE__*/$parcel$interopDefault($e5e7805cd2439715$exports)), 'spectrum-CardView-row')
-    }, /*#__PURE__*/ $jxYob$react.createElement($2f067b98508c243e$export$7a6ccaf429ad93a8, {
+        className: (0, $8EWFi$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($408a78e5068502c2$exports))), "spectrum-CardView-row")
+    }, /*#__PURE__*/ (0, $8EWFi$react).createElement((0, $643dd8fa80926f94$export$7a6ccaf429ad93a8), {
         ref: cellRef,
         articleProps: gridCellProps,
         isQuiet: isQuiet,
         orientation: cardOrientation,
         item: item,
         layout: layoutType
-    }, item.rendered)));
+    }, item.rendered));
 }
 /**
  * TODO: Add description of component here.
- */ const $388bc726678ad587$export$7e52c821f7b6f422 = /*#__PURE__*/ $jxYob$react.forwardRef($388bc726678ad587$var$CardView);
-
-
-var $3e8c06a2bf701494$exports = {};
-
-$parcel$export($3e8c06a2bf701494$exports, "GalleryLayout", () => $3e8c06a2bf701494$export$8e52095834484b61);
-
-class $ca0f261acdd7bcf1$export$64943d2e59d72a29 extends $jxYob$Layout {
+ */ const $81a52da995c19652$export$7e52c821f7b6f422 = /*#__PURE__*/ (0, $8EWFi$react).forwardRef($81a52da995c19652$var$CardView);
+
+
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+class $3d424c147206bac9$export$64943d2e59d72a29 extends (0, $8EWFi$Layout) {
     validate(invalidationContext) {
         this.collection = this.virtualizer.collection;
         this.buildCollection(invalidationContext);
         // Remove layout info that doesn't exist in new collection
         if (this.lastCollection) {
             for (let key of this.lastCollection.getKeys())if (!this.collection.getItem(key)) this.layoutInfos.delete(key);
-            if (!this.isLoading) this.layoutInfos.delete('loader');
-            if (this.collection.size > 0) this.layoutInfos.delete('placeholder');
+            if (!this.isLoading) this.layoutInfos.delete("loader");
+            if (this.collection.size > 0) this.layoutInfos.delete("placeholder");
         }
         this.lastCollection = this.collection;
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    buildCollection(invalidationContext) {
-    }
+    buildCollection(invalidationContext) {}
     getContentSize() {
         return this.contentSize;
     }
@@ -690,12 +706,12 @@ class $ca0f261acdd7bcf1$export$64943d2e59d72a29 extends $jxYob$Layout {
     }
     getInitialLayoutInfo(layoutInfo) {
         layoutInfo.opacity = 0;
-        layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';
+        layoutInfo.transform = "scale3d(0.8, 0.8, 0.8)";
         return layoutInfo;
     }
     getFinalLayoutInfo(layoutInfo) {
         layoutInfo.opacity = 0;
-        layoutInfo.transform = 'scale3d(0.8, 0.8, 0.8)';
+        layoutInfo.transform = "scale3d(0.8, 0.8, 0.8)";
         return layoutInfo;
     }
     _findClosestLayoutInfo(target, rect) {
@@ -703,7 +719,7 @@ class $ca0f261acdd7bcf1$export$64943d2e59d72a29 extends $jxYob$Layout {
         let best = null;
         let bestDistance = Infinity;
         // Calculates distance as the distance between the center of 2 rects.
-        for (let cur of layoutInfos)if (cur.type === 'item') {
+        for (let cur of layoutInfos)if (cur.type === "item") {
             let curRect = cur.rect;
             let targetMidX = (target.x + target.maxX) / 2;
             let targetMidY = (target.y + target.maxY) / 2;
@@ -722,52 +738,56 @@ class $ca0f261acdd7bcf1$export$64943d2e59d72a29 extends $jxYob$Layout {
         return best || null;
     }
     getKeyBelow(key) {
-        var ref, ref1;
+        var _this__findClosest, _getFirstItem;
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
         let layoutInfo = this.getLayoutInfo(parentRowKey);
-        let rect = new $jxYob$Rect(layoutInfo.rect.x, layoutInfo.rect.maxY + 1, layoutInfo.rect.width, this.virtualizer.visibleRect.height);
-        let closestRow = this.collection.getItem((ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key);
-        return (ref1 = closestRow === null || closestRow === void 0 ? void 0 : closestRow.childNodes[0]) === null || ref1 === void 0 ? void 0 : ref1.key;
+        let rect = new (0, $8EWFi$Rect)(layoutInfo.rect.x, layoutInfo.rect.maxY + 1, layoutInfo.rect.width, this.virtualizer.visibleRect.height);
+        let closestRow = this.collection.getItem((_this__findClosest = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest === void 0 ? void 0 : _this__findClosest.key);
+        return (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(closestRow, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getKeyAbove(key) {
-        var ref, ref2;
+        var _this__findClosest, _getFirstItem;
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
         let layoutInfo = this.getLayoutInfo(parentRowKey);
-        let rect = new $jxYob$Rect(layoutInfo.rect.x, 0, layoutInfo.rect.width, layoutInfo.rect.y - 1);
-        let closestRow = this.collection.getItem((ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key);
-        return (ref2 = closestRow === null || closestRow === void 0 ? void 0 : closestRow.childNodes[0]) === null || ref2 === void 0 ? void 0 : ref2.key;
+        let rect = new (0, $8EWFi$Rect)(layoutInfo.rect.x, 0, layoutInfo.rect.width, layoutInfo.rect.y - 1);
+        let closestRow = this.collection.getItem((_this__findClosest = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest === void 0 ? void 0 : _this__findClosest.key);
+        return (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(closestRow, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getKeyRightOf(key) {
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
-        key = this.direction === 'rtl' ? this.collection.getKeyBefore(parentRowKey) : this.collection.getKeyAfter(parentRowKey);
+        key = this.direction === "rtl" ? this.collection.getKeyBefore(parentRowKey) : this.collection.getKeyAfter(parentRowKey);
         while(key != null){
+            var _getFirstItem;
             let item = this.collection.getItem(key);
             // Don't check if item is disabled because we want to be able to focus disabled items in a grid (double check this)
-            if (item.type === 'item') return item.childNodes[0].key;
-            key = this.direction === 'rtl' ? this.collection.getKeyBefore(key) : this.collection.getKeyAfter(key);
+            if (item.type === "item") return (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
+            key = this.direction === "rtl" ? this.collection.getKeyBefore(key) : this.collection.getKeyAfter(key);
         }
     }
     getKeyLeftOf(key) {
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
-        key = this.direction === 'rtl' ? this.collection.getKeyAfter(parentRowKey) : this.collection.getKeyBefore(parentRowKey);
+        key = this.direction === "rtl" ? this.collection.getKeyAfter(parentRowKey) : this.collection.getKeyBefore(parentRowKey);
         while(key != null){
+            var _getFirstItem;
             let item = this.collection.getItem(key);
             // Don't check if item is disabled because we want to be able to focus disabled items in a grid (double check this)
-            if (item.type === 'item') return item.childNodes[0].key;
-            key = this.direction === 'rtl' ? this.collection.getKeyAfter(key) : this.collection.getKeyBefore(key);
+            if (item.type === "item") return (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
+            key = this.direction === "rtl" ? this.collection.getKeyAfter(key) : this.collection.getKeyBefore(key);
         }
     }
     getFirstKey() {
+        var _getFirstItem;
         let firstRow = this.collection.getItem(this.collection.getFirstKey());
-        return firstRow.childNodes[0].key;
+        return (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(firstRow, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getLastKey() {
+        var _getFirstItem;
         let lastRow = this.collection.getItem(this.collection.getLastKey());
-        return lastRow.childNodes[0].key;
+        return (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(lastRow, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     // TODO: pretty unwieldy because it needs to bounce back and forth between the parent key and the child key
     // Perhaps have layoutInfo store childKey as well so we don't need to do this? Or maybe make the layoutInfos be the cells instead of the rows?
@@ -776,20 +796,21 @@ class $ca0f261acdd7bcf1$export$64943d2e59d72a29 extends $jxYob$Layout {
         let parentRowKey = this.collection.getItem(key).parentKey;
         let layoutInfo = this.getLayoutInfo(parentRowKey);
         if (layoutInfo) {
-            var ref;
+            var _this_collection_getItem;
             let pageY = Math.max(0, layoutInfo.rect.y + layoutInfo.rect.height - this.virtualizer.visibleRect.height);
             // If the node is so large that it spans multiple page heights, return the key of the item immediately above
             // Otherwise keep going up until we exceed a single page height worth of nodes
-            let keyAbove = (ref = this.collection.getItem(this.getKeyAbove(key))) === null || ref === void 0 ? void 0 : ref.parentKey;
+            let keyAbove = (_this_collection_getItem = this.collection.getItem(this.getKeyAbove(key))) === null || _this_collection_getItem === void 0 ? void 0 : _this_collection_getItem.parentKey;
             layoutInfo = this.getLayoutInfo(keyAbove);
             if (layoutInfo && layoutInfo.rect.y > pageY) while(layoutInfo && layoutInfo.rect.y > pageY){
-                var ref3;
-                let childKey = this.collection.getItem(layoutInfo.key).childNodes[0].key;
-                let keyAbove = (ref3 = this.collection.getItem(this.getKeyAbove(childKey))) === null || ref3 === void 0 ? void 0 : ref3.parentKey;
+                var _getFirstItem, _this_collection_getItem1;
+                let childKey = (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
+                let keyAbove = (_this_collection_getItem1 = this.collection.getItem(this.getKeyAbove(childKey))) === null || _this_collection_getItem1 === void 0 ? void 0 : _this_collection_getItem1.parentKey;
                 layoutInfo = this.getLayoutInfo(keyAbove);
             }
             if (layoutInfo) {
-                let childKey = this.collection.getItem(layoutInfo.key).childNodes[0].key;
+                var _getFirstItem1;
+                let childKey = (_getFirstItem1 = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key;
                 return childKey;
             }
         }
@@ -802,20 +823,21 @@ class $ca0f261acdd7bcf1$export$64943d2e59d72a29 extends $jxYob$Layout {
         let parentRowKey = this.collection.getItem(key).parentKey;
         let layoutInfo = this.getLayoutInfo(parentRowKey);
         if (layoutInfo) {
-            var ref;
+            var _this_collection_getItem;
             let pageY = Math.min(this.virtualizer.contentSize.height, layoutInfo.rect.y - layoutInfo.rect.height + this.virtualizer.visibleRect.height);
             // If the node is so large that it spans multiple page heights, return the key of the item immediately below
             // Otherwise keep going up until we exceed a single page height worth of nodes
-            let keyBelow = (ref = this.collection.getItem(this.getKeyBelow(key))) === null || ref === void 0 ? void 0 : ref.parentKey;
+            let keyBelow = (_this_collection_getItem = this.collection.getItem(this.getKeyBelow(key))) === null || _this_collection_getItem === void 0 ? void 0 : _this_collection_getItem.parentKey;
             layoutInfo = this.getLayoutInfo(keyBelow);
             if (layoutInfo && layoutInfo.rect.y < pageY) while(layoutInfo && layoutInfo.rect.y < pageY){
-                var ref4;
-                let childKey = this.collection.getItem(layoutInfo.key).childNodes[0].key;
-                let keyBelow = (ref4 = this.collection.getItem(this.getKeyBelow(childKey))) === null || ref4 === void 0 ? void 0 : ref4.parentKey;
+                var _getFirstItem, _this_collection_getItem1;
+                let childKey = (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
+                let keyBelow = (_this_collection_getItem1 = this.collection.getItem(this.getKeyBelow(childKey))) === null || _this_collection_getItem1 === void 0 ? void 0 : _this_collection_getItem1.parentKey;
                 layoutInfo = this.getLayoutInfo(keyBelow);
             }
             if (layoutInfo) {
-                let childKey = this.collection.getItem(layoutInfo.key).childNodes[0].key;
+                var _getFirstItem1;
+                let childKey = (_getFirstItem1 = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(this.collection.getItem(layoutInfo.key), this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key;
                 return childKey;
             }
         }
@@ -830,53 +852,51 @@ class $ca0f261acdd7bcf1$export$64943d2e59d72a29 extends $jxYob$Layout {
         while(key != null){
             let item = collection.getItem(key);
             if (item.textValue) {
+                var _getFirstItem;
                 let substring = item.textValue.slice(0, search.length);
-                if (this.collator.compare(substring, search) === 0) return [
-                    ...item.childNodes
-                ][0].key;
+                if (this.collator.compare(substring, search) === 0) return (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
             }
             key = this.collection.getKeyAfter(key);
         }
         return null;
     }
-    constructor(options = {
-    }){
+    constructor(options = {}){
         super();
         this.disabledKeys = new Set();
         this.layoutInfos = new Map();
         this.collator = options.collator;
         this.lastCollection = null;
-        this.scale = options.scale || 'medium';
+        this.scale = options.scale || "medium";
         this.margin = options.margin || 24;
     }
 }
 
 
 
-const $3e8c06a2bf701494$var$DEFAULT_OPTIONS = {
+const $c0ba81539c443916$var$DEFAULT_OPTIONS = {
     S: {
         idealRowHeight: 112,
-        minItemSize: new $jxYob$Size(96, 96),
-        itemSpacing: new $jxYob$Size(8, 16),
+        minItemSize: new (0, $8EWFi$Size)(96, 96),
+        itemSpacing: new (0, $8EWFi$Size)(8, 16),
         itemPadding: 24,
         dropSpacing: 50,
         margin: 8
     },
     L: {
         idealRowHeight: 208,
-        minItemSize: new $jxYob$Size(136, 136),
-        itemSpacing: new $jxYob$Size(18, 18),
+        minItemSize: new (0, $8EWFi$Size)(136, 136),
+        itemSpacing: new (0, $8EWFi$Size)(18, 18),
         itemPadding: {
-            'medium': 78,
-            'large': 99
+            "medium": 78,
+            "large": 99
         },
         dropSpacing: 100,
         margin: 24
     }
 };
-class $3e8c06a2bf701494$export$8e52095834484b61 extends $ca0f261acdd7bcf1$export$64943d2e59d72a29 {
+class $c0ba81539c443916$export$8e52095834484b61 extends (0, $3d424c147206bac9$export$64943d2e59d72a29) {
     get layoutType() {
-        return 'gallery';
+        return "gallery";
     }
     /**
    * Takes a row of widths and if there are any widths smaller than the min-width, leech width starting from
@@ -884,8 +904,7 @@ class $3e8c06a2bf701494$export$8e52095834484b61 extends $ca0f261acdd7bcf1$export
    * Do this until all assets meet the min-width.
    * */ _distributeWidths(widths) {
         // create a copy of the widths array and sort it largest to smallest
-        let sortedWidths = widths.concat().sort((a, b)=>a[1] > b[1] ? -1 : 1
-        );
+        let sortedWidths = widths.concat().sort((a, b)=>a[1] > b[1] ? -1 : 1);
         for (let width of widths)// for each width, if it's smaller than the min width
         if (width[1] < this.minItemSize.width) {
             // then figure out how much smaller
@@ -895,6 +914,7 @@ class $3e8c06a2bf701494$export$8e52095834484b61 extends $ca0f261acdd7bcf1$export
             if (widths[item[0]][1] > this.minItemSize.width) {
                 // subtract the delta from the width, if it's still greater than the min width
                 // then we have finished, subtract the delta permanently from that width
+                // eslint-disable-next-line max-depth
                 if (widths[item[0]][1] - delta > this.minItemSize.width) {
                     widths[item[0]][1] -= delta;
                     delta = 0;
@@ -940,9 +960,8 @@ class $3e8c06a2bf701494$export$8e52095834484b61 extends $ca0f261acdd7bcf1$export
             // if the available width can't hold two items, then every item will get its own row
             // this leads to a faster run through linear partition and more dependable output for small row widths
             if (availableWidth <= this.minItemSize.width * 2 + this.itemPadding * 2) rows = this.collection.size;
-            let weightedRatios = ratios.map((ratio)=>ratio < this.threshold ? ratio + 0.5 * (1 / ratio) : ratio
-            );
-            let partition = $3e8c06a2bf701494$var$linearPartition(weightedRatios, rows);
+            let weightedRatios = ratios.map((ratio)=>ratio < this.threshold ? ratio + 0.5 * (1 / ratio) : ratio);
+            let partition = $c0ba81539c443916$var$linearPartition(weightedRatios, rows);
             let index = 0;
             for (let row of partition){
                 // Compute the total weight for this row
@@ -958,20 +977,20 @@ class $3e8c06a2bf701494$export$8e52095834484b61 extends $ca0f261acdd7bcf1$export
                 let x = this.margin;
                 // if any items are going to end up too small, add a bit of width to them and subtract it from wider objects
                 let widths = [];
-                for(let j1 = index; j1 < index + row.length; j1++){
-                    let width = Math.round(bestRowHeight * ratios[j1]);
+                for(let j = index; j < index + row.length; j++){
+                    let width = Math.round(bestRowHeight * ratios[j]);
                     widths.push([
-                        j1 - index,
+                        j - index,
                         width
                     ]);
                 }
                 this._distributeWidths(widths);
                 // Create items for this row.
-                for(let j2 = index; j2 < index + row.length; j2++){
-                    let node = this.collection.rows[j2];
-                    let itemWidth = Math.max(widths[j2 - index][1], this.minItemSize.width);
-                    let rect = new $jxYob$Rect(x, y, itemWidth, itemHeight);
-                    let layoutInfo = new $jxYob$LayoutInfo(node.type, node.key, rect);
+                for(let j = index; j < index + row.length; j++){
+                    let node = this.collection.rows[j];
+                    let itemWidth = Math.max(widths[j - index][1], this.minItemSize.width);
+                    let rect = new (0, $8EWFi$Rect)(x, y, itemWidth, itemHeight);
+                    let layoutInfo = new (0, $8EWFi$LayoutInfo)(node.type, node.key, rect);
                     layoutInfo.allowOverflow = true;
                     this.layoutInfos.set(node.key, layoutInfo);
                     x += itemWidth + this.itemSpacing.width;
@@ -988,63 +1007,59 @@ class $3e8c06a2bf701494$export$8e52095834484b61 extends $ca0f261acdd7bcf1$export
                     loaderY = 0;
                     loaderHeight = visibleHeight || 60;
                 }
-                let rect = new $jxYob$Rect(0, loaderY, visibleWidth, loaderHeight);
-                let loader = new $jxYob$LayoutInfo('loader', 'loader', rect);
-                this.layoutInfos.set('loader', loader);
+                let rect = new (0, $8EWFi$Rect)(0, loaderY, visibleWidth, loaderHeight);
+                let loader = new (0, $8EWFi$LayoutInfo)("loader", "loader", rect);
+                this.layoutInfos.set("loader", loader);
                 y = loader.rect.maxY;
             }
             if (this.collection.size === 0 && !this.isLoading) {
-                let rect = new $jxYob$Rect(0, 0, visibleWidth, visibleHeight);
-                let placeholder = new $jxYob$LayoutInfo('placeholder', 'placeholder', rect);
-                this.layoutInfos.set('placeholder', placeholder);
+                let rect = new (0, $8EWFi$Rect)(0, 0, visibleWidth, visibleHeight);
+                let placeholder = new (0, $8EWFi$LayoutInfo)("placeholder", "placeholder", rect);
+                this.layoutInfos.set("placeholder", placeholder);
                 y = placeholder.rect.maxY;
             }
         }
-        this.contentSize = new $jxYob$Size(visibleWidth, y);
+        this.contentSize = new (0, $8EWFi$Size)(visibleWidth, y);
     }
-    constructor(options = {
-    }){
+    constructor(options = {}){
         super(options);
-        let cardSize = 'L';
-        this.idealRowHeight = options.idealRowHeight || $3e8c06a2bf701494$var$DEFAULT_OPTIONS[cardSize].idealRowHeight;
-        this.itemSpacing = options.itemSpacing || $3e8c06a2bf701494$var$DEFAULT_OPTIONS[cardSize].itemSpacing;
-        this.itemPadding = options.itemPadding != null ? options.itemPadding : $3e8c06a2bf701494$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.scale];
-        this.minItemSize = options.minItemSize || $3e8c06a2bf701494$var$DEFAULT_OPTIONS[cardSize].minItemSize;
+        let cardSize = "L";
+        this.idealRowHeight = options.idealRowHeight || $c0ba81539c443916$var$DEFAULT_OPTIONS[cardSize].idealRowHeight;
+        this.itemSpacing = options.itemSpacing || $c0ba81539c443916$var$DEFAULT_OPTIONS[cardSize].itemSpacing;
+        this.itemPadding = options.itemPadding != null ? options.itemPadding : $c0ba81539c443916$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.scale];
+        this.minItemSize = options.minItemSize || $c0ba81539c443916$var$DEFAULT_OPTIONS[cardSize].minItemSize;
         this.threshold = options.threshold || 1;
-        this.margin = options.margin != null ? options.margin : $3e8c06a2bf701494$var$DEFAULT_OPTIONS[cardSize].margin;
+        this.margin = options.margin != null ? options.margin : $c0ba81539c443916$var$DEFAULT_OPTIONS[cardSize].margin;
     }
 }
 // https://www8.cs.umu.se/kurser/TDBA77/VT06/algorithms/BOOK/BOOK2/NODE45.HTM
-function $3e8c06a2bf701494$var$linearPartition(seq, k) {
+function $c0ba81539c443916$var$linearPartition(seq, k) {
     let n = seq.length;
     if (k <= 0) return [];
     if (k >= n) return seq.map((x)=>[
             x
-        ]
-    );
+        ]);
     if (n === 1) return [
         seq
     ];
-    let table = Array(n).fill(0).map(()=>Array(k).fill(0)
-    );
-    let solution = Array(n - 1).fill(0).map(()=>Array(k - 1).fill(0)
-    );
+    let table = Array(n).fill(0).map(()=>Array(k).fill(0));
+    let solution = Array(n - 1).fill(0).map(()=>Array(k - 1).fill(0));
     for(let i = 0; i < n; i++)table[i][0] = seq[i] + (i > 0 ? table[i - 1][0] : 0);
-    for(let i1 = 0; i1 < k; i1++)table[0][i1] = seq[0];
-    for(let i2 = 1; i2 < n; i2++)for(let j = 1; j < k; j++){
+    for(let i = 0; i < k; i++)table[0][i] = seq[0];
+    for(let i = 1; i < n; i++)for(let j = 1; j < k; j++){
         let currentMin = 0;
         let minX = Infinity;
-        for(let x = 0; x < i2; x++){
+        for(let x = 0; x < i; x++){
             let c1 = table[x][j - 1];
-            let c2 = table[i2][0] - table[x][0];
+            let c2 = table[i][0] - table[x][0];
             let cost = Math.max(c1, c2);
             if (!x || cost < currentMin) {
                 currentMin = cost;
                 minX = x;
             }
         }
-        table[i2][j] = currentMin;
-        solution[i2 - 1][j - 1] = minX;
+        table[i][j] = currentMin;
+        solution[i - 1][j - 1] = minX;
     }
     n = n - 1;
     k = k - 2;
@@ -1059,54 +1074,62 @@ function $3e8c06a2bf701494$var$linearPartition(seq, k) {
         k--;
     }
     let row = [];
-    for(let i3 = 0; i3 < n + 1; i3++)row.push(seq[i3]);
+    for(let i = 0; i < n + 1; i++)row.push(seq[i]);
     result.unshift(row);
     return result;
 }
 
 
-var $bf549ee623ef44de$exports = {};
-
-$parcel$export($bf549ee623ef44de$exports, "GridLayout", () => $bf549ee623ef44de$export$7d2b12578154a735);
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
-const $bf549ee623ef44de$var$DEFAULT_OPTIONS = {
+const $ed42fd44b9b9b664$var$DEFAULT_OPTIONS = {
     S: {
         itemPadding: 20,
         minItemSize: {
-            'vertical': new $jxYob$Size(96, 96)
+            "vertical": new (0, $8EWFi$Size)(96, 96)
         },
-        maxItemSize: new $jxYob$Size(Infinity, Infinity),
+        maxItemSize: new (0, $8EWFi$Size)(Infinity, Infinity),
         margin: 8,
-        minSpace: new $jxYob$Size(6, 6),
+        minSpace: new (0, $8EWFi$Size)(6, 6),
         maxColumns: Infinity,
         dropSpacing: 50
     },
     L: {
         itemPadding: {
-            'vertical': {
-                'medium': 78,
-                'large': 98
+            "vertical": {
+                "medium": 78,
+                "large": 98
             },
-            'horizontal': {
-                'medium': 150,
-                'large': 170
+            "horizontal": {
+                "medium": 150,
+                "large": 170
             }
         },
         minItemSize: {
-            'vertical': new $jxYob$Size(208, 208),
-            'horizontal': new $jxYob$Size(102, 102)
+            "vertical": new (0, $8EWFi$Size)(208, 208),
+            "horizontal": new (0, $8EWFi$Size)(102, 102)
         },
-        maxItemSize: new $jxYob$Size(Infinity, Infinity),
+        maxItemSize: new (0, $8EWFi$Size)(Infinity, Infinity),
         margin: 24,
-        minSpace: new $jxYob$Size(18, 18),
+        minSpace: new (0, $8EWFi$Size)(18, 18),
         maxColumns: Infinity,
         dropSpacing: 100
     }
 };
-class $bf549ee623ef44de$export$7d2b12578154a735 extends $ca0f261acdd7bcf1$export$64943d2e59d72a29 {
+class $ed42fd44b9b9b664$export$7d2b12578154a735 extends (0, $3d424c147206bac9$export$64943d2e59d72a29) {
     get layoutType() {
-        return 'grid';
+        return "grid";
     }
     getIndexAtPoint(x, y, allowInsertingAtEnd = false) {
         let itemHeight = this.itemSize.height + this.minSpace.height;
@@ -1132,7 +1155,7 @@ class $bf549ee623ef44de$export$7d2b12578154a735 extends $ca0f261acdd7bcf1$export
                 if (layoutInfo && this.isVisible(layoutInfo, rect)) res.push(layoutInfo);
             }
             // Check if loader is in view and add to res if so
-            let loader = this.layoutInfos.get('loader');
+            let loader = this.layoutInfos.get("loader");
             if (loader && this.isVisible(loader, rect)) res.push(loader);
         }
         return res;
@@ -1140,8 +1163,8 @@ class $bf549ee623ef44de$export$7d2b12578154a735 extends $ca0f261acdd7bcf1$export
     buildCollection() {
         let visibleWidth = this.virtualizer.visibleRect.width;
         let visibleHeight = this.virtualizer.visibleRect.height;
-        let horizontalItemPadding = this.cardOrientation === 'horizontal' ? this.itemPadding : 0;
-        let verticalItemPadding = this.cardOrientation === 'vertical' ? this.itemPadding : 0;
+        let horizontalItemPadding = this.cardOrientation === "horizontal" ? this.itemPadding : 0;
+        let verticalItemPadding = this.cardOrientation === "vertical" ? this.itemPadding : 0;
         let minCardWidth = this.minItemSize.width + horizontalItemPadding;
         // Compute the number of rows and columns needed to display the content
         let availableWidth = visibleWidth - this.margin * 2;
@@ -1157,7 +1180,7 @@ class $bf549ee623ef44de$export$7d2b12578154a735 extends $ca0f261acdd7bcf1$export
         let t = (itemWidth - minCardWidth) / minCardWidth;
         let itemHeight = Math.floor(this.minItemSize.height + this.minItemSize.height * t);
         itemHeight = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, itemHeight)) + verticalItemPadding;
-        this.itemSize = new $jxYob$Size(itemWidth, itemHeight);
+        this.itemSize = new (0, $8EWFi$Size)(itemWidth, itemHeight);
         // Compute the horizontal spacing and content height
         this.horizontalSpacing = this.numColumns < 2 ? 0 : Math.floor((availableWidth - this.numColumns * this.itemSize.width) / (this.numColumns - 1));
         let y = this.margin;
@@ -1176,27 +1199,27 @@ class $bf549ee623ef44de$export$7d2b12578154a735 extends $ca0f261acdd7bcf1$export
                 loaderY = 0;
                 loaderHeight = visibleHeight || 60;
             }
-            let rect = new $jxYob$Rect(0, loaderY, visibleWidth, loaderHeight);
-            let loader = new $jxYob$LayoutInfo('loader', 'loader', rect);
-            this.layoutInfos.set('loader', loader);
+            let rect = new (0, $8EWFi$Rect)(0, loaderY, visibleWidth, loaderHeight);
+            let loader = new (0, $8EWFi$LayoutInfo)("loader", "loader", rect);
+            this.layoutInfos.set("loader", loader);
             y = loader.rect.maxY;
         }
         if (this.collection.size === 0 && !this.isLoading) {
-            let rect = new $jxYob$Rect(0, 0, visibleWidth, visibleHeight);
-            let placeholder = new $jxYob$LayoutInfo('placeholder', 'placeholder', rect);
-            this.layoutInfos.set('placeholder', placeholder);
+            let rect = new (0, $8EWFi$Rect)(0, 0, visibleWidth, visibleHeight);
+            let placeholder = new (0, $8EWFi$LayoutInfo)("placeholder", "placeholder", rect);
+            this.layoutInfos.set("placeholder", placeholder);
             y = placeholder.rect.maxY;
         }
-        this.contentSize = new $jxYob$Size(visibleWidth, y);
+        this.contentSize = new (0, $8EWFi$Size)(visibleWidth, y);
     }
     buildChild(node, y, index) {
         let row = Math.floor(index / this.numColumns);
         let column = index % this.numColumns;
         let x = this.margin + column * (this.itemSize.width + this.horizontalSpacing);
         y = this.margin + row * (this.itemSize.height + this.minSpace.height);
-        let rect = new $jxYob$Rect(x, y, this.itemSize.width, this.itemSize.height);
+        let rect = new (0, $8EWFi$Rect)(x, y, this.itemSize.width, this.itemSize.height);
         // TODO: Perhaps have it so that the child key for each row is stored with the layoutInfo?
-        let layoutInfo = new $jxYob$LayoutInfo(node.type, node.key, rect);
+        let layoutInfo = new (0, $8EWFi$LayoutInfo)(node.type, node.key, rect);
         layoutInfo.allowOverflow = true;
         this.layoutInfos.set(node.key, layoutInfo);
         return layoutInfo;
@@ -1205,38 +1228,37 @@ class $bf549ee623ef44de$export$7d2b12578154a735 extends $ca0f261acdd7bcf1$export
     // then return the key that occupies the row + column below. This can be done by figuring out how many cards exist per column then dividing the
     // collection contents by that number (which will give us the row distribution)
     getKeyBelow(key) {
-        var ref;
+        var _getFirstItem;
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
         let indexRowBelow;
-        let index = this.collection.rows.findIndex((card)=>card.key === parentRowKey
-        );
+        let index = this.collection.rows.findIndex((card)=>card.key === parentRowKey);
         if (index !== -1) indexRowBelow = index + this.numColumns;
         else return null;
-        return ((ref = this.collection.rows[indexRowBelow]) === null || ref === void 0 ? void 0 : ref.childNodes[0].key) || null;
+        let row = this.collection.rows[indexRowBelow];
+        return row ? (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(row, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key : null;
     }
     getKeyAbove(key) {
-        var ref;
+        var _getFirstItem;
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
         let indexRowAbove;
-        let index = this.collection.rows.findIndex((card)=>card.key === parentRowKey
-        );
+        let index = this.collection.rows.findIndex((card)=>card.key === parentRowKey);
         if (index !== -1) indexRowAbove = index - this.numColumns;
         else return null;
-        return ((ref = this.collection.rows[indexRowAbove]) === null || ref === void 0 ? void 0 : ref.childNodes[0].key) || null;
+        let row = this.collection.rows[indexRowAbove];
+        return row ? (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(row, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key : null;
     }
-    constructor(options = {
-    }){
+    constructor(options = {}){
         super(options);
-        let cardSize = 'L';
-        this.cardOrientation = options.cardOrientation || 'vertical';
-        this.minItemSize = options.minItemSize || $bf549ee623ef44de$var$DEFAULT_OPTIONS[cardSize].minItemSize[this.cardOrientation];
-        this.maxItemSize = options.maxItemSize || $bf549ee623ef44de$var$DEFAULT_OPTIONS[cardSize].maxItemSize;
-        this.margin = options.margin != null ? options.margin : $bf549ee623ef44de$var$DEFAULT_OPTIONS[cardSize].margin;
-        this.minSpace = options.minSpace || $bf549ee623ef44de$var$DEFAULT_OPTIONS[cardSize].minSpace;
-        this.maxColumns = options.maxColumns || $bf549ee623ef44de$var$DEFAULT_OPTIONS[cardSize].maxColumns;
-        this.itemPadding = options.itemPadding != null ? options.itemPadding : $bf549ee623ef44de$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.cardOrientation][this.scale];
+        let cardSize = "L";
+        this.cardOrientation = options.cardOrientation || "vertical";
+        this.minItemSize = options.minItemSize || $ed42fd44b9b9b664$var$DEFAULT_OPTIONS[cardSize].minItemSize[this.cardOrientation];
+        this.maxItemSize = options.maxItemSize || $ed42fd44b9b9b664$var$DEFAULT_OPTIONS[cardSize].maxItemSize;
+        this.margin = options.margin != null ? options.margin : $ed42fd44b9b9b664$var$DEFAULT_OPTIONS[cardSize].margin;
+        this.minSpace = options.minSpace || $ed42fd44b9b9b664$var$DEFAULT_OPTIONS[cardSize].minSpace;
+        this.maxColumns = options.maxColumns || $ed42fd44b9b9b664$var$DEFAULT_OPTIONS[cardSize].maxColumns;
+        this.itemPadding = options.itemPadding != null ? options.itemPadding : $ed42fd44b9b9b664$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.cardOrientation][this.scale];
         this.itemSize = null;
         this.numColumns = 0;
         this.numRows = 0;
@@ -1245,14 +1267,22 @@ class $bf549ee623ef44de$export$7d2b12578154a735 extends $ca0f261acdd7bcf1$export
 }
 
 
-var $e85179af2192bb94$exports = {};
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
-$parcel$export($e85179af2192bb94$exports, "WaterfallLayout", () => $e85179af2192bb94$export$e9f7cda058ba8df8);
 
-
-class $e85179af2192bb94$export$e9f7cda058ba8df8 extends $ca0f261acdd7bcf1$export$64943d2e59d72a29 {
+class $03278f8d0f6860bb$export$e9f7cda058ba8df8 extends (0, $3d424c147206bac9$export$64943d2e59d72a29) {
     get layoutType() {
-        return 'waterfall';
+        return "waterfall";
     }
     buildCollection(invalidationContext) {
         // Compute the number of columns needed to display the content
@@ -1292,8 +1322,8 @@ class $e85179af2192bb94$export$e9f7cda058ba8df8 extends $ca0f261acdd7bcf1$export
             let column = this.getNextColumnIndex(columnHeights);
             let x = this.margin + column * (itemWidth + horizontalSpacing);
             let y = columnHeights[column];
-            let rect = new $jxYob$Rect(x, y, itemWidth, height);
-            let layoutInfo = new $jxYob$LayoutInfo(node.type, key, rect);
+            let rect = new (0, $8EWFi$Rect)(x, y, itemWidth, height);
+            let layoutInfo = new (0, $8EWFi$LayoutInfo)(node.type, key, rect);
             layoutInfo.estimatedSize = estimatedSize;
             layoutInfo.allowOverflow = true;
             this.layoutInfos.set(key, layoutInfo);
@@ -1317,18 +1347,18 @@ class $e85179af2192bb94$export$e9f7cda058ba8df8 extends $ca0f261acdd7bcf1$export
                 loaderY = 0;
                 loaderHeight = this.virtualizer.visibleRect.height || 60;
             }
-            let rect = new $jxYob$Rect(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);
-            let loader = new $jxYob$LayoutInfo('loader', 'loader', rect);
-            this.layoutInfos.set('loader', loader);
+            let rect = new (0, $8EWFi$Rect)(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);
+            let loader = new (0, $8EWFi$LayoutInfo)("loader", "loader", rect);
+            this.layoutInfos.set("loader", loader);
             y = loader.rect.maxY;
         }
         if (this.collection.size === 0 && !this.isLoading) {
-            let rect = new $jxYob$Rect(0, 0, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);
-            let placeholder = new $jxYob$LayoutInfo('placeholder', 'placeholder', rect);
-            this.layoutInfos.set('placeholder', placeholder);
+            let rect = new (0, $8EWFi$Rect)(0, 0, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);
+            let placeholder = new (0, $8EWFi$LayoutInfo)("placeholder", "placeholder", rect);
+            this.layoutInfos.set("placeholder", placeholder);
             y = placeholder.rect.maxY;
         }
-        this.contentSize = new $jxYob$Size(this.virtualizer.visibleRect.width, y);
+        this.contentSize = new (0, $8EWFi$Size)(this.virtualizer.visibleRect.width, y);
     }
     updateItemSize(key, size) {
         let layoutInfo = this.layoutInfos.get(key);
@@ -1350,53 +1380,54 @@ class $e85179af2192bb94$export$e9f7cda058ba8df8 extends $ca0f261acdd7bcf1$export
         return minIndex;
     }
     getClosestRight(key) {
-        var ref, ref1, ref2;
+        var _this__findClosest, _getFirstItem;
         let layoutInfo = this.getLayoutInfo(key);
         // Refactored from v2. Current strategy is to find the closest card in the adjacent column.
         // This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall
         // and thus the top corner to top corner distance was massive.
         // First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card
-        let rect = new $jxYob$Rect(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
-        key = (ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key;
+        let rect = new (0, $8EWFi$Rect)(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
+        key = (_this__findClosest = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest === void 0 ? void 0 : _this__findClosest.key;
         if (!key) {
-            var ref3;
-            rect = new $jxYob$Rect(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
-            key = (ref3 = this._findClosest(layoutInfo.rect, rect)) === null || ref3 === void 0 ? void 0 : ref3.key;
+            var _this__findClosest1;
+            rect = new (0, $8EWFi$Rect)(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
+            key = (_this__findClosest1 = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest1 === void 0 ? void 0 : _this__findClosest1.key;
         }
-        return (ref2 = (ref1 = this.collection.getItem(key)) === null || ref1 === void 0 ? void 0 : ref1.childNodes[0]) === null || ref2 === void 0 ? void 0 : ref2.key;
+        let item = this.collection.getItem(key);
+        return (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getClosestLeft(key) {
-        var ref, ref4, ref5;
+        var _this__findClosest, _getFirstItem;
         let layoutInfo = this.getLayoutInfo(key);
         // First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card
-        let rect = new $jxYob$Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
-        key = (ref = this._findClosest(layoutInfo.rect, rect)) === null || ref === void 0 ? void 0 : ref.key;
+        let rect = new (0, $8EWFi$Rect)(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
+        key = (_this__findClosest = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest === void 0 ? void 0 : _this__findClosest.key;
         if (!key) {
-            var ref6;
-            rect = new $jxYob$Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
-            key = (ref6 = this._findClosest(layoutInfo.rect, rect)) === null || ref6 === void 0 ? void 0 : ref6.key;
+            var _this__findClosest1;
+            rect = new (0, $8EWFi$Rect)(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
+            key = (_this__findClosest1 = this._findClosest(layoutInfo.rect, rect)) === null || _this__findClosest1 === void 0 ? void 0 : _this__findClosest1.key;
         }
-        return (ref5 = (ref4 = this.collection.getItem(key)) === null || ref4 === void 0 ? void 0 : ref4.childNodes[0]) === null || ref5 === void 0 ? void 0 : ref5.key;
+        let item = this.collection.getItem(key);
+        return (_getFirstItem = (0, $8EWFi$getFirstItem)((0, $8EWFi$getChildNodes)(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key;
     }
     getKeyRightOf(key) {
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
-        return this.direction === 'rtl' ? this.getClosestLeft(parentRowKey) : this.getClosestRight(parentRowKey);
+        return this.direction === "rtl" ? this.getClosestLeft(parentRowKey) : this.getClosestRight(parentRowKey);
     }
     getKeyLeftOf(key) {
         // Expected key is the currently focused cell so we need the parent row key
         let parentRowKey = this.collection.getItem(key).parentKey;
-        return this.direction === 'rtl' ? this.getClosestRight(parentRowKey) : this.getClosestLeft(parentRowKey);
+        return this.direction === "rtl" ? this.getClosestRight(parentRowKey) : this.getClosestLeft(parentRowKey);
     }
-    constructor(options = {
-    }){
+    constructor(options = {}){
         // TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify
         // minItemSize defaults or other things
         super(options);
-        this.minItemSize = options.minItemSize || new $jxYob$Size(240, 136);
-        this.maxItemSize = options.maxItemSize || new $jxYob$Size(Infinity, Infinity);
+        this.minItemSize = options.minItemSize || new (0, $8EWFi$Size)(240, 136);
+        this.maxItemSize = options.maxItemSize || new (0, $8EWFi$Size)(Infinity, Infinity);
         this.margin = options.margin != null ? options.margin : 24;
-        this.minSpace = options.minSpace || new $jxYob$Size(18, 18);
+        this.minSpace = options.minSpace || new (0, $8EWFi$Size)(18, 18);
         this.maxColumns = options.maxColumns || Infinity;
         this.itemWidth = 0;
         this.numColumns = 0;
@@ -1406,36 +1437,43 @@ class $e85179af2192bb94$export$e9f7cda058ba8df8 extends $ca0f261acdd7bcf1$export
 }
 
 
-var $58b03ffaa8d0f32f$exports = {};
-
-$parcel$export($58b03ffaa8d0f32f$exports, "Card", () => $58b03ffaa8d0f32f$export$60332b2344f7fe41);
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
-
-let $58b03ffaa8d0f32f$var$Card = /*#__PURE__*/ $jxYob$forwardRef((props, ref)=>{
-    let context = $1638ba17661c692d$export$fea0b38586ec8f13();
+let $d2d1c099b89e366a$var$Card = /*#__PURE__*/ (0, $8EWFi$forwardRef)((props, ref)=>{
+    let context = (0, $8d180a244893de14$export$fea0b38586ec8f13)();
     if (context !== null) return null;
-    else return(/*#__PURE__*/ $jxYob$react.createElement($2f067b98508c243e$export$7a6ccaf429ad93a8, {
+    else return /*#__PURE__*/ (0, $8EWFi$react).createElement((0, $643dd8fa80926f94$export$7a6ccaf429ad93a8), {
         ...props,
         ref: ref
-    }));
+    });
 });
 // @ts-ignore
-$58b03ffaa8d0f32f$var$Card.getCollectionNode = function* getCollectionNode(props) {
-    let { children: children , textValue: textValue  } = props;
+$d2d1c099b89e366a$var$Card.getCollectionNode = function* getCollectionNode(props) {
+    let { children: children, textValue: textValue } = props;
     yield {
-        type: 'item',
+        type: "item",
         props: props,
         rendered: children,
-        'aria-label': props['aria-label'],
+        "aria-label": props["aria-label"],
         hasChildNodes: false,
         textValue: textValue
     };
 };
-let $58b03ffaa8d0f32f$export$60332b2344f7fe41 = $58b03ffaa8d0f32f$var$Card;
+let $d2d1c099b89e366a$export$60332b2344f7fe41 = $d2d1c099b89e366a$var$Card;
 
 
 
 
-export {$388bc726678ad587$export$7e52c821f7b6f422 as CardView, $3e8c06a2bf701494$export$8e52095834484b61 as GalleryLayout, $bf549ee623ef44de$export$7d2b12578154a735 as GridLayout, $e85179af2192bb94$export$e9f7cda058ba8df8 as WaterfallLayout, $58b03ffaa8d0f32f$export$60332b2344f7fe41 as Card};
+export {$81a52da995c19652$export$7e52c821f7b6f422 as CardView, $c0ba81539c443916$export$8e52095834484b61 as GalleryLayout, $ed42fd44b9b9b664$export$7d2b12578154a735 as GridLayout, $03278f8d0f6860bb$export$e9f7cda058ba8df8 as WaterfallLayout, $d2d1c099b89e366a$export$60332b2344f7fe41 as Card};
 //# sourceMappingURL=module.js.map