@react-spectrum/picker 3.14.4-nightly.4555 → 3.14.4-nightly.4560

package/dist/module.js

@@ -1,65 +1,6 @@
-import $d1a348ee160b1c35$exports from "./ar-AE.module.js";
-import $6f4b5567d8931b2c$exports from "./bg-BG.module.js";
-import $413f5c9b05a53d70$exports from "./cs-CZ.module.js";
-import $23214587b45d0c7a$exports from "./da-DK.module.js";
-import $291e2fb947064c57$exports from "./de-DE.module.js";
-import $c5247287ce725677$exports from "./el-GR.module.js";
-import $3d85b21727aef233$exports from "./en-US.module.js";
-import $573c338a19d2e44a$exports from "./es-ES.module.js";
-import $52537a7562a0fcd4$exports from "./et-EE.module.js";
-import $f128a549f8c2b170$exports from "./fi-FI.module.js";
-import $f69e7a23857afc72$exports from "./fr-FR.module.js";
-import $cf880887f8515ea2$exports from "./he-IL.module.js";
-import $1f679bbb79879af2$exports from "./hr-HR.module.js";
-import $fc9bc2ec180ca71d$exports from "./hu-HU.module.js";
-import $9fbc1ff7e87407ac$exports from "./it-IT.module.js";
-import $96673b78dbaf44b6$exports from "./ja-JP.module.js";
-import $beddb5ded972a868$exports from "./ko-KR.module.js";
-import $2ac19a654f19cde2$exports from "./lt-LT.module.js";
-import $844be78af2d57459$exports from "./lv-LV.module.js";
-import $42b05097f4e27f73$exports from "./nb-NO.module.js";
-import $74dd3f417665b06f$exports from "./nl-NL.module.js";
-import $6221651ca0306be3$exports from "./pl-PL.module.js";
-import $45bd58553e21ec53$exports from "./pt-BR.module.js";
-import $7ae7985d84009e3a$exports from "./pt-PT.module.js";
-import $c83f9725f6024f47$exports from "./ro-RO.module.js";
-import $0fb522ae7b51fefd$exports from "./ru-RU.module.js";
-import $5ca94db2a021a726$exports from "./sk-SK.module.js";
-import $2c7a753ed24e9851$exports from "./sl-SI.module.js";
-import $14a1d1750c9de591$exports from "./sr-SP.module.js";
-import $bf3f89a84488b301$exports from "./sv-SE.module.js";
-import $1ff90abddf42fc72$exports from "./tr-TR.module.js";
-import $4f07d8c17926a679$exports from "./uk-UA.module.js";
-import $07a8d3b903fa886f$exports from "./zh-CN.module.js";
-import $e1416a5539091e36$exports from "./zh-TW.module.js";
-import "./module.css";
+import {Picker as $51664a9007a3c6f9$export$ba25329847403e11} from "./Picker.module.js";
 import {Item as $23896c8062ba3967$re_export$Item, Section as $23896c8062ba3967$re_export$Section} from "@react-stately/collections";
-import $3toCD$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
-import $3toCD$spectrumiconsuiChevronDownMedium from "@spectrum-icons/ui/ChevronDownMedium";
-import {useSlotProps as $3toCD$useSlotProps, useDOMRef as $3toCD$useDOMRef, useUnwrapDOMRef as $3toCD$useUnwrapDOMRef, useIsMobileDevice as $3toCD$useIsMobileDevice, dimensionValue as $3toCD$dimensionValue, classNames as $3toCD$classNames, SlotProvider as $3toCD$SlotProvider} from "@react-spectrum/utils";
-import {Field as $3toCD$Field} from "@react-spectrum/label";
-import {FieldButton as $3toCD$FieldButton} from "@react-spectrum/button";
-import {useSelect as $3toCD$useSelect, HiddenSelect as $3toCD$HiddenSelect} from "@react-aria/select";
-import {useListBoxLayout as $3toCD$useListBoxLayout, ListBoxBase as $3toCD$ListBoxBase} from "@react-spectrum/listbox";
-import {useId as $3toCD$useId, useResizeObserver as $3toCD$useResizeObserver, useLayoutEffect as $3toCD$useLayoutEffect, mergeProps as $3toCD$mergeProps} from "@react-aria/utils";
-import {Tray as $3toCD$Tray, Popover as $3toCD$Popover} from "@react-spectrum/overlays";
-import {useHover as $3toCD$useHover, PressResponder as $3toCD$PressResponder} from "@react-aria/interactions";
-import {ProgressCircle as $3toCD$ProgressCircle} from "@react-spectrum/progress";
-import $3toCD$react, {useRef as $3toCD$useRef, useState as $3toCD$useState, useCallback as $3toCD$useCallback} from "react";
-import {Text as $3toCD$Text} from "@react-spectrum/text";
-import {useFormProps as $3toCD$useFormProps} from "@react-spectrum/form";
-import {useLocalizedStringFormatter as $3toCD$useLocalizedStringFormatter} from "@react-aria/i18n";
-import {useProviderProps as $3toCD$useProviderProps, useProvider as $3toCD$useProvider} from "@react-spectrum/provider";
-import {useSelectState as $3toCD$useSelectState} from "@react-stately/select";
 
-
-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});
-}
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -71,355 +12,6 @@ function $parcel$export(e, n, v, s) {
  * 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 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.
- */ 
-
-
-
-
-
-var $45fc5064af81e0a8$exports = {};
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-$45fc5064af81e0a8$exports = {
-    "ar-AE": $d1a348ee160b1c35$exports,
-    "bg-BG": $6f4b5567d8931b2c$exports,
-    "cs-CZ": $413f5c9b05a53d70$exports,
-    "da-DK": $23214587b45d0c7a$exports,
-    "de-DE": $291e2fb947064c57$exports,
-    "el-GR": $c5247287ce725677$exports,
-    "en-US": $3d85b21727aef233$exports,
-    "es-ES": $573c338a19d2e44a$exports,
-    "et-EE": $52537a7562a0fcd4$exports,
-    "fi-FI": $f128a549f8c2b170$exports,
-    "fr-FR": $f69e7a23857afc72$exports,
-    "he-IL": $cf880887f8515ea2$exports,
-    "hr-HR": $1f679bbb79879af2$exports,
-    "hu-HU": $fc9bc2ec180ca71d$exports,
-    "it-IT": $9fbc1ff7e87407ac$exports,
-    "ja-JP": $96673b78dbaf44b6$exports,
-    "ko-KR": $beddb5ded972a868$exports,
-    "lt-LT": $2ac19a654f19cde2$exports,
-    "lv-LV": $844be78af2d57459$exports,
-    "nb-NO": $42b05097f4e27f73$exports,
-    "nl-NL": $74dd3f417665b06f$exports,
-    "pl-PL": $6221651ca0306be3$exports,
-    "pt-BR": $45bd58553e21ec53$exports,
-    "pt-PT": $7ae7985d84009e3a$exports,
-    "ro-RO": $c83f9725f6024f47$exports,
-    "ru-RU": $0fb522ae7b51fefd$exports,
-    "sk-SK": $5ca94db2a021a726$exports,
-    "sl-SI": $2c7a753ed24e9851$exports,
-    "sr-SP": $14a1d1750c9de591$exports,
-    "sv-SE": $bf3f89a84488b301$exports,
-    "tr-TR": $1ff90abddf42fc72$exports,
-    "uk-UA": $4f07d8c17926a679$exports,
-    "zh-CN": $07a8d3b903fa886f$exports,
-    "zh-TW": $e1416a5539091e36$exports
-};
-
-
-
-
-
-
-
-
-var $3c14925a8a65017e$exports = {};
-
-$parcel$export($3c14925a8a65017e$exports, "focus-ring", () => $3c14925a8a65017e$export$f39a09f249340e2a, (v) => $3c14925a8a65017e$export$f39a09f249340e2a = v);
-$parcel$export($3c14925a8a65017e$exports, "i18nFontFamily", () => $3c14925a8a65017e$export$8c4ee2c50c22c514, (v) => $3c14925a8a65017e$export$8c4ee2c50c22c514 = v);
-$parcel$export($3c14925a8a65017e$exports, "is-disabled", () => $3c14925a8a65017e$export$d35bc1e505d1ebbf, (v) => $3c14925a8a65017e$export$d35bc1e505d1ebbf = v);
-$parcel$export($3c14925a8a65017e$exports, "is-hovered", () => $3c14925a8a65017e$export$b8813cd5d7824ce7, (v) => $3c14925a8a65017e$export$b8813cd5d7824ce7 = v);
-$parcel$export($3c14925a8a65017e$exports, "is-invalid", () => $3c14925a8a65017e$export$14a30de2866685fa, (v) => $3c14925a8a65017e$export$14a30de2866685fa = v);
-$parcel$export($3c14925a8a65017e$exports, "is-placeholder", () => $3c14925a8a65017e$export$e5b2f5233e4e5194, (v) => $3c14925a8a65017e$export$e5b2f5233e4e5194 = v);
-$parcel$export($3c14925a8a65017e$exports, "is-selected", () => $3c14925a8a65017e$export$1e0fb04f31d3c22a, (v) => $3c14925a8a65017e$export$1e0fb04f31d3c22a = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown", () => $3c14925a8a65017e$export$f33c6833ddc773bd, (v) => $3c14925a8a65017e$export$f33c6833ddc773bd = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown--quiet", () => $3c14925a8a65017e$export$b2306417a70c7a62, (v) => $3c14925a8a65017e$export$b2306417a70c7a62 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown-avatar", () => $3c14925a8a65017e$export$f8e5a201376aedb0, (v) => $3c14925a8a65017e$export$f8e5a201376aedb0 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown-chevron", () => $3c14925a8a65017e$export$abbb0cf96dbbb8a0, (v) => $3c14925a8a65017e$export$abbb0cf96dbbb8a0 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown-fieldWrapper--positionSide", () => $3c14925a8a65017e$export$c0b4e9596538c7b1, (v) => $3c14925a8a65017e$export$c0b4e9596538c7b1 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown-fieldWrapper--quiet", () => $3c14925a8a65017e$export$66ddc2410b0e9eba, (v) => $3c14925a8a65017e$export$66ddc2410b0e9eba = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown-invalidIcon", () => $3c14925a8a65017e$export$a32fdb5a063ea755, (v) => $3c14925a8a65017e$export$a32fdb5a063ea755 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown-label", () => $3c14925a8a65017e$export$1235a00795b885e7, (v) => $3c14925a8a65017e$export$1235a00795b885e7 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown-popover--quiet", () => $3c14925a8a65017e$export$cbeaf986973c0633, (v) => $3c14925a8a65017e$export$cbeaf986973c0633 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown-progressCircle", () => $3c14925a8a65017e$export$18281c34cabbd13f, (v) => $3c14925a8a65017e$export$18281c34cabbd13f = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Dropdown-trigger", () => $3c14925a8a65017e$export$37a6d27a7cb47ce5, (v) => $3c14925a8a65017e$export$37a6d27a7cb47ce5 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Field", () => $3c14925a8a65017e$export$f6d480ae1e56eba0, (v) => $3c14925a8a65017e$export$f6d480ae1e56eba0 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-FocusRing-ring", () => $3c14925a8a65017e$export$4109102f950813a6, (v) => $3c14925a8a65017e$export$4109102f950813a6 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-FocusRing", () => $3c14925a8a65017e$export$24c7f46a6e3605dd, (v) => $3c14925a8a65017e$export$24c7f46a6e3605dd = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-FocusRing--quiet", () => $3c14925a8a65017e$export$2927016961429360, (v) => $3c14925a8a65017e$export$2927016961429360 = v);
-$parcel$export($3c14925a8a65017e$exports, "spectrum-Icon", () => $3c14925a8a65017e$export$d374b04f30360026, (v) => $3c14925a8a65017e$export$d374b04f30360026 = v);
-var $3c14925a8a65017e$export$f39a09f249340e2a;
-var $3c14925a8a65017e$export$8c4ee2c50c22c514;
-var $3c14925a8a65017e$export$d35bc1e505d1ebbf;
-var $3c14925a8a65017e$export$b8813cd5d7824ce7;
-var $3c14925a8a65017e$export$14a30de2866685fa;
-var $3c14925a8a65017e$export$e5b2f5233e4e5194;
-var $3c14925a8a65017e$export$1e0fb04f31d3c22a;
-var $3c14925a8a65017e$export$f33c6833ddc773bd;
-var $3c14925a8a65017e$export$b2306417a70c7a62;
-var $3c14925a8a65017e$export$f8e5a201376aedb0;
-var $3c14925a8a65017e$export$abbb0cf96dbbb8a0;
-var $3c14925a8a65017e$export$c0b4e9596538c7b1;
-var $3c14925a8a65017e$export$66ddc2410b0e9eba;
-var $3c14925a8a65017e$export$a32fdb5a063ea755;
-var $3c14925a8a65017e$export$1235a00795b885e7;
-var $3c14925a8a65017e$export$cbeaf986973c0633;
-var $3c14925a8a65017e$export$18281c34cabbd13f;
-var $3c14925a8a65017e$export$37a6d27a7cb47ce5;
-var $3c14925a8a65017e$export$f6d480ae1e56eba0;
-var $3c14925a8a65017e$export$4109102f950813a6;
-var $3c14925a8a65017e$export$24c7f46a6e3605dd;
-var $3c14925a8a65017e$export$2927016961429360;
-var $3c14925a8a65017e$export$d374b04f30360026;
-$3c14925a8a65017e$export$f39a09f249340e2a = `PBsjDW_focus-ring`;
-$3c14925a8a65017e$export$8c4ee2c50c22c514 = `PBsjDW_i18nFontFamily`;
-$3c14925a8a65017e$export$d35bc1e505d1ebbf = `PBsjDW_is-disabled`;
-$3c14925a8a65017e$export$b8813cd5d7824ce7 = `PBsjDW_is-hovered`;
-$3c14925a8a65017e$export$14a30de2866685fa = `PBsjDW_is-invalid`;
-$3c14925a8a65017e$export$e5b2f5233e4e5194 = `PBsjDW_is-placeholder`;
-$3c14925a8a65017e$export$1e0fb04f31d3c22a = `PBsjDW_is-selected`;
-$3c14925a8a65017e$export$f33c6833ddc773bd = `PBsjDW_spectrum-Dropdown`;
-$3c14925a8a65017e$export$b2306417a70c7a62 = `PBsjDW_spectrum-Dropdown--quiet`;
-$3c14925a8a65017e$export$f8e5a201376aedb0 = `PBsjDW_spectrum-Dropdown-avatar`;
-$3c14925a8a65017e$export$abbb0cf96dbbb8a0 = `PBsjDW_spectrum-Dropdown-chevron`;
-$3c14925a8a65017e$export$c0b4e9596538c7b1 = `PBsjDW_spectrum-Dropdown-fieldWrapper--positionSide`;
-$3c14925a8a65017e$export$66ddc2410b0e9eba = `PBsjDW_spectrum-Dropdown-fieldWrapper--quiet`;
-$3c14925a8a65017e$export$a32fdb5a063ea755 = `PBsjDW_spectrum-Dropdown-invalidIcon`;
-$3c14925a8a65017e$export$1235a00795b885e7 = `PBsjDW_spectrum-Dropdown-label`;
-$3c14925a8a65017e$export$cbeaf986973c0633 = `PBsjDW_spectrum-Dropdown-popover--quiet`;
-$3c14925a8a65017e$export$18281c34cabbd13f = `PBsjDW_spectrum-Dropdown-progressCircle`;
-$3c14925a8a65017e$export$37a6d27a7cb47ce5 = `PBsjDW_spectrum-Dropdown-trigger`;
-$3c14925a8a65017e$export$f6d480ae1e56eba0 = `PBsjDW_spectrum-Field`;
-$3c14925a8a65017e$export$4109102f950813a6 = `PBsjDW_spectrum-FocusRing-ring`;
-$3c14925a8a65017e$export$24c7f46a6e3605dd = `PBsjDW_spectrum-FocusRing ${$3c14925a8a65017e$export$4109102f950813a6}`;
-$3c14925a8a65017e$export$2927016961429360 = `PBsjDW_spectrum-FocusRing--quiet`;
-$3c14925a8a65017e$export$d374b04f30360026 = `PBsjDW_spectrum-Icon`;
-
-
-
-
-
-
-
-function $51664a9007a3c6f9$var$Picker(props, ref) {
-    props = (0, $3toCD$useSlotProps)(props, "picker");
-    props = (0, $3toCD$useProviderProps)(props);
-    props = (0, $3toCD$useFormProps)(props);
-    let stringFormatter = (0, $3toCD$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($45fc5064af81e0a8$exports))), "@react-spectrum/picker");
-    let { autoComplete: autoComplete, isDisabled: isDisabled, direction: direction = "bottom", align: align = "start", shouldFlip: shouldFlip = true, placeholder: placeholder = stringFormatter.format("placeholder"), isQuiet: isQuiet, label: label, labelPosition: labelPosition = "top", menuWidth: menuWidth, name: name, autoFocus: autoFocus } = props;
-    let state = (0, $3toCD$useSelectState)(props);
-    let domRef = (0, $3toCD$useDOMRef)(ref);
-    let popoverRef = (0, $3toCD$useRef)();
-    let triggerRef = (0, $3toCD$useRef)();
-    let unwrappedTriggerRef = (0, $3toCD$useUnwrapDOMRef)(triggerRef);
-    let listboxRef = (0, $3toCD$useRef)();
-    let isLoadingInitial = props.isLoading && state.collection.size === 0;
-    let isLoadingMore = props.isLoading && state.collection.size > 0;
-    let progressCircleId = (0, $3toCD$useId)();
-    // We create the listbox layout in Picker and pass it to ListBoxBase below
-    // so that the layout information can be cached even while the listbox is not mounted.
-    // We also use the layout as the keyboard delegate for type to select.
-    let layout = (0, $3toCD$useListBoxLayout)(state, isLoadingMore);
-    let { labelProps: labelProps, triggerProps: triggerProps, valueProps: valueProps, menuProps: menuProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $3toCD$useSelect)({
-        ...props,
-        "aria-describedby": isLoadingInitial ? progressCircleId : undefined,
-        keyboardDelegate: layout
-    }, state, unwrappedTriggerRef);
-    let isMobile = (0, $3toCD$useIsMobileDevice)();
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $3toCD$useHover)({
-        isDisabled: isDisabled
-    });
-    // On small screen devices, the listbox is rendered in a tray, otherwise a popover.
-    let listbox = /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$ListBoxBase), {
-        ...menuProps,
-        ref: listboxRef,
-        disallowEmptySelection: true,
-        autoFocus: state.focusStrategy || true,
-        shouldSelectOnPressUp: true,
-        focusOnPointerEnter: true,
-        layout: layout,
-        state: state,
-        width: isMobile ? "100%" : undefined,
-        // Set max height: inherit so Tray scrolling works
-        UNSAFE_style: {
-            maxHeight: "inherit"
-        },
-        isLoading: props.isLoading,
-        onLoadMore: props.onLoadMore
-    });
-    // Measure the width of the button to inform the width of the menu (below).
-    let [buttonWidth, setButtonWidth] = (0, $3toCD$useState)(null);
-    let { scale: scale } = (0, $3toCD$useProvider)();
-    let onResize = (0, $3toCD$useCallback)(()=>{
-        if (!isMobile && unwrappedTriggerRef.current) {
-            let width = unwrappedTriggerRef.current.offsetWidth;
-            setButtonWidth(width);
-        }
-    }, [
-        unwrappedTriggerRef,
-        setButtonWidth,
-        isMobile
-    ]);
-    (0, $3toCD$useResizeObserver)({
-        ref: unwrappedTriggerRef,
-        onResize: onResize
-    });
-    (0, $3toCD$useLayoutEffect)(onResize, [
-        scale,
-        state.selectedKey,
-        onResize
-    ]);
-    let overlay;
-    if (isMobile) overlay = /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$Tray), {
-        state: state
-    }, listbox);
-    else {
-        // If quiet, use the default width, otherwise match the width of the button. This can be overridden by the menuWidth prop.
-        // Always have a minimum width of the button width. When quiet, there is an extra offset to add.
-        // Not using style props for this because they don't support `calc`.
-        let width = isQuiet ? null : buttonWidth;
-        let style = {
-            width: menuWidth ? (0, $3toCD$dimensionValue)(menuWidth) : width,
-            minWidth: isQuiet ? `calc(${buttonWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : buttonWidth
-        };
-        overlay = /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$Popover), {
-            UNSAFE_style: style,
-            UNSAFE_className: (0, $3toCD$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3c14925a8a65017e$exports))), "spectrum-Dropdown-popover", {
-                "spectrum-Dropdown-popover--quiet": isQuiet
-            }),
-            ref: popoverRef,
-            placement: `${direction} ${align}`,
-            shouldFlip: shouldFlip,
-            hideArrow: true,
-            state: state,
-            triggerRef: unwrappedTriggerRef,
-            scrollRef: listboxRef
-        }, listbox);
-    }
-    let contents = state.selectedItem ? state.selectedItem.rendered : placeholder;
-    if (typeof contents === "string") contents = /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$Text), null, contents);
-    let picker = /*#__PURE__*/ (0, $3toCD$react).createElement("div", {
-        className: (0, $3toCD$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3c14925a8a65017e$exports))), "spectrum-Dropdown", {
-            "is-invalid": isInvalid && !isDisabled,
-            "is-disabled": isDisabled,
-            "spectrum-Dropdown--quiet": isQuiet
-        })
-    }, /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$HiddenSelect), {
-        autoComplete: autoComplete,
-        isDisabled: isDisabled,
-        state: state,
-        triggerRef: unwrappedTriggerRef,
-        label: label,
-        name: name
-    }), /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$PressResponder), (0, $3toCD$mergeProps)(hoverProps, triggerProps), /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$FieldButton), {
-        ref: triggerRef,
-        isActive: state.isOpen,
-        isQuiet: isQuiet,
-        isDisabled: isDisabled,
-        isInvalid: isInvalid,
-        autoFocus: autoFocus,
-        UNSAFE_className: (0, $3toCD$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3c14925a8a65017e$exports))), "spectrum-Dropdown-trigger", {
-            "is-hovered": isHovered
-        })
-    }, /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$SlotProvider), {
-        slots: {
-            icon: {
-                UNSAFE_className: (0, $3toCD$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3c14925a8a65017e$exports))), "spectrum-Icon"),
-                size: "S"
-            },
-            avatar: {
-                UNSAFE_className: (0, $3toCD$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3c14925a8a65017e$exports))), "spectrum-Dropdown-avatar"),
-                size: "avatar-size-100"
-            },
-            text: {
-                ...valueProps,
-                UNSAFE_className: (0, $3toCD$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3c14925a8a65017e$exports))), "spectrum-Dropdown-label", {
-                    "is-placeholder": !state.selectedItem
-                })
-            },
-            description: {
-                isHidden: true
-            }
-        }
-    }, contents), isLoadingInitial && /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$ProgressCircle), {
-        id: progressCircleId,
-        isIndeterminate: true,
-        size: "S",
-        "aria-label": stringFormatter.format("loading"),
-        UNSAFE_className: (0, $3toCD$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3c14925a8a65017e$exports))), "spectrum-Dropdown-progressCircle")
-    }), isInvalid && !isLoadingInitial && !isDisabled && /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$spectrumiconsuiAlertMedium), {
-        UNSAFE_className: (0, $3toCD$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3c14925a8a65017e$exports))), "spectrum-Dropdown-invalidIcon")
-    }), /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$spectrumiconsuiChevronDownMedium), {
-        UNSAFE_className: (0, $3toCD$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3c14925a8a65017e$exports))), "spectrum-Dropdown-chevron")
-    }))), state.collection.size === 0 ? null : overlay);
-    let wrapperClassName = (0, $3toCD$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3c14925a8a65017e$exports))), "spectrum-Field", {
-        "spectrum-Dropdown-fieldWrapper--quiet": isQuiet,
-        "spectrum-Dropdown-fieldWrapper--positionSide": labelPosition === "side"
-    });
-    return /*#__PURE__*/ (0, $3toCD$react).createElement((0, $3toCD$Field), {
-        ...props,
-        ref: domRef,
-        wrapperClassName: wrapperClassName,
-        labelProps: labelProps,
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
-        isInvalid: isInvalid,
-        validationErrors: validationErrors,
-        validationDetails: validationDetails,
-        showErrorIcon: false,
-        includeNecessityIndicatorInAccessibilityName: true,
-        elementType: "span"
-    }, picker);
-}
-/**
- * Pickers allow users to choose a single option from a collapsible list of options when space is limited.
- */ // forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-const $51664a9007a3c6f9$export$ba25329847403e11 = /*#__PURE__*/ (0, $3toCD$react).forwardRef($51664a9007a3c6f9$var$Picker);
-
 
 
 

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/picker/src/index.ts","packages/@react-spectrum/picker/src/Picker.tsx","packages/@react-spectrum/picker/src/*.js","packages/@adobe/spectrum-css-temp/components/dropdown/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Picker} from './Picker';\nexport {Item, Section} from '@react-stately/collections';\nexport type {SpectrumPickerProps} from '@react-types/select';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n  classNames,\n  dimensionValue,\n  SlotProvider,\n  useDOMRef,\n  useIsMobileDevice,\n  useSlotProps,\n  useUnwrapDOMRef\n} from '@react-spectrum/utils';\nimport {DOMRef, DOMRefValue, FocusableRefValue, LabelPosition} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FieldButton} from '@react-spectrum/button';\nimport {HiddenSelect, useSelect} from '@react-aria/select';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListBoxBase, useListBoxLayout} from '@react-spectrum/listbox';\nimport {mergeProps, useId, useLayoutEffect, useResizeObserver} from '@react-aria/utils';\nimport {Popover, Tray} from '@react-spectrum/overlays';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport React, {ReactElement, useCallback, useRef, useState} from 'react';\nimport {SpectrumPickerProps} from '@react-types/select';\nimport styles from '@adobe/spectrum-css-temp/components/dropdown/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\nimport {useSelectState} from '@react-stately/select';\n\nfunction Picker<T extends object>(props: SpectrumPickerProps<T>, ref: DOMRef<HTMLDivElement>) {\n  props = useSlotProps(props, 'picker');\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/picker');\n  let {\n    autoComplete,\n    isDisabled,\n    direction = 'bottom',\n    align = 'start',\n    shouldFlip = true,\n    placeholder = stringFormatter.format('placeholder'),\n    isQuiet,\n    label,\n    labelPosition = 'top' as LabelPosition,\n    menuWidth,\n    name,\n    autoFocus\n  } = props;\n\n  let state = useSelectState(props);\n  let domRef = useDOMRef(ref);\n\n  let popoverRef = useRef<DOMRefValue<HTMLDivElement>>();\n  let triggerRef = useRef<FocusableRefValue<HTMLElement>>();\n  let unwrappedTriggerRef = useUnwrapDOMRef(triggerRef);\n  let listboxRef = useRef();\n\n  let isLoadingInitial = props.isLoading && state.collection.size === 0;\n  let isLoadingMore = props.isLoading && state.collection.size > 0;\n  let progressCircleId = useId();\n\n  // We create the listbox layout in Picker and pass it to ListBoxBase below\n  // so that the layout information can be cached even while the listbox is not mounted.\n  // We also use the layout as the keyboard delegate for type to select.\n  let layout = useListBoxLayout(state, isLoadingMore);\n  let {labelProps, triggerProps, valueProps, menuProps, descriptionProps, errorMessageProps, isInvalid, validationErrors, validationDetails} = useSelect({\n    ...props,\n    'aria-describedby': (isLoadingInitial ? progressCircleId : undefined),\n    keyboardDelegate: layout\n  }, state, unwrappedTriggerRef);\n\n  let isMobile = useIsMobileDevice();\n  let {hoverProps, isHovered} = useHover({isDisabled});\n\n  // On small screen devices, the listbox is rendered in a tray, otherwise a popover.\n  let listbox = (\n    <ListBoxBase\n      {...menuProps}\n      ref={listboxRef}\n      disallowEmptySelection\n      autoFocus={state.focusStrategy || true}\n      shouldSelectOnPressUp\n      focusOnPointerEnter\n      layout={layout}\n      state={state}\n      width={isMobile ? '100%' : undefined}\n      // Set max height: inherit so Tray scrolling works\n      UNSAFE_style={{maxHeight: 'inherit'}}\n      isLoading={props.isLoading}\n      onLoadMore={props.onLoadMore} />\n  );\n\n  // Measure the width of the button to inform the width of the menu (below).\n  let [buttonWidth, setButtonWidth] = useState(null);\n  let {scale} = useProvider();\n\n  let onResize = useCallback(() => {\n    if (!isMobile && unwrappedTriggerRef.current) {\n      let width = unwrappedTriggerRef.current.offsetWidth;\n      setButtonWidth(width);\n    }\n  }, [unwrappedTriggerRef, setButtonWidth, isMobile]);\n\n  useResizeObserver({\n    ref: unwrappedTriggerRef,\n    onResize: onResize\n  });\n\n  useLayoutEffect(onResize, [scale, state.selectedKey, onResize]);\n\n  let overlay;\n  if (isMobile) {\n    overlay = (\n      <Tray state={state}>\n        {listbox}\n      </Tray>\n    );\n  } else {\n    // If quiet, use the default width, otherwise match the width of the button. This can be overridden by the menuWidth prop.\n    // Always have a minimum width of the button width. When quiet, there is an extra offset to add.\n    // Not using style props for this because they don't support `calc`.\n    let width = isQuiet ? null : buttonWidth;\n    let style = {\n      width: menuWidth ? dimensionValue(menuWidth) : width,\n      minWidth: isQuiet ? `calc(${buttonWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : buttonWidth\n    };\n\n    overlay = (\n      <Popover\n        UNSAFE_style={style}\n        UNSAFE_className={classNames(styles, 'spectrum-Dropdown-popover', {'spectrum-Dropdown-popover--quiet': isQuiet})}\n        ref={popoverRef}\n        placement={`${direction} ${align}`}\n        shouldFlip={shouldFlip}\n        hideArrow\n        state={state}\n        triggerRef={unwrappedTriggerRef}\n        scrollRef={listboxRef}>\n        {listbox}\n      </Popover>\n    );\n  }\n\n  let contents = state.selectedItem ? state.selectedItem.rendered : placeholder;\n  if (typeof contents === 'string') {\n    contents = <Text>{contents}</Text>;\n  }\n\n  let picker = (\n    <div\n      className={\n        classNames(\n          styles,\n          'spectrum-Dropdown',\n          {\n            'is-invalid': isInvalid && !isDisabled,\n            'is-disabled': isDisabled,\n            'spectrum-Dropdown--quiet': isQuiet\n          }\n        )\n      }>\n      <HiddenSelect\n        autoComplete={autoComplete}\n        isDisabled={isDisabled}\n        state={state}\n        triggerRef={unwrappedTriggerRef}\n        label={label}\n        name={name} />\n      <PressResponder {...mergeProps(hoverProps, triggerProps)}>\n        <FieldButton\n          ref={triggerRef}\n          isActive={state.isOpen}\n          isQuiet={isQuiet}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          autoFocus={autoFocus}\n          UNSAFE_className={classNames(styles, 'spectrum-Dropdown-trigger', {'is-hovered': isHovered})}>\n          <SlotProvider\n            slots={{\n              icon: {UNSAFE_className: classNames(styles, 'spectrum-Icon'), size: 'S'},\n              avatar: {UNSAFE_className: classNames(styles, 'spectrum-Dropdown-avatar'), size: 'avatar-size-100'},\n              text: {\n                ...valueProps,\n                UNSAFE_className: classNames(\n                  styles,\n                  'spectrum-Dropdown-label',\n                  {'is-placeholder': !state.selectedItem}\n                )\n              },\n              description: {\n                isHidden: true\n              }\n            }}>\n            {contents}\n          </SlotProvider>\n          {isLoadingInitial &&\n            <ProgressCircle\n              id={progressCircleId}\n              isIndeterminate\n              size=\"S\"\n              aria-label={stringFormatter.format('loading')}\n              UNSAFE_className={classNames(styles, 'spectrum-Dropdown-progressCircle')} />\n          }\n          {isInvalid && !isLoadingInitial && !isDisabled &&\n            <AlertMedium UNSAFE_className={classNames(styles, 'spectrum-Dropdown-invalidIcon')} />\n          }\n          <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-Dropdown-chevron')} />\n        </FieldButton>\n      </PressResponder>\n      {state.collection.size === 0 ? null : overlay}\n    </div>\n  );\n\n  let wrapperClassName = classNames(\n    styles,\n    'spectrum-Field',\n    {\n      'spectrum-Dropdown-fieldWrapper--quiet': isQuiet,\n      'spectrum-Dropdown-fieldWrapper--positionSide': labelPosition === 'side'\n    }\n  );\n\n  return (\n    <Field\n      {...props}\n      ref={domRef}\n      wrapperClassName={wrapperClassName}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      isInvalid={isInvalid}\n      validationErrors={validationErrors}\n      validationDetails={validationDetails}\n      showErrorIcon={false}\n      includeNecessityIndicatorInAccessibilityName\n      elementType=\"span\">\n      {picker}\n    </Field>\n  );\n}\n\n/**\n * Pickers allow users to choose a single option from a collapsible list of options when space is limited.\n */\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nconst _Picker = React.forwardRef(Picker) as <T>(props: SpectrumPickerProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_Picker as Picker};\n","const _temp0 = require(\"../intl/ar-AE.json\");\nconst _temp1 = require(\"../intl/bg-BG.json\");\nconst _temp2 = require(\"../intl/cs-CZ.json\");\nconst _temp3 = require(\"../intl/da-DK.json\");\nconst _temp4 = require(\"../intl/de-DE.json\");\nconst _temp5 = require(\"../intl/el-GR.json\");\nconst _temp6 = require(\"../intl/en-US.json\");\nconst _temp7 = require(\"../intl/es-ES.json\");\nconst _temp8 = require(\"../intl/et-EE.json\");\nconst _temp9 = require(\"../intl/fi-FI.json\");\nconst _temp10 = require(\"../intl/fr-FR.json\");\nconst _temp11 = require(\"../intl/he-IL.json\");\nconst _temp12 = require(\"../intl/hr-HR.json\");\nconst _temp13 = require(\"../intl/hu-HU.json\");\nconst _temp14 = require(\"../intl/it-IT.json\");\nconst _temp15 = require(\"../intl/ja-JP.json\");\nconst _temp16 = require(\"../intl/ko-KR.json\");\nconst _temp17 = require(\"../intl/lt-LT.json\");\nconst _temp18 = require(\"../intl/lv-LV.json\");\nconst _temp19 = require(\"../intl/nb-NO.json\");\nconst _temp20 = require(\"../intl/nl-NL.json\");\nconst _temp21 = require(\"../intl/pl-PL.json\");\nconst _temp22 = require(\"../intl/pt-BR.json\");\nconst _temp23 = require(\"../intl/pt-PT.json\");\nconst _temp24 = require(\"../intl/ro-RO.json\");\nconst _temp25 = require(\"../intl/ru-RU.json\");\nconst _temp26 = require(\"../intl/sk-SK.json\");\nconst _temp27 = require(\"../intl/sl-SI.json\");\nconst _temp28 = require(\"../intl/sr-SP.json\");\nconst _temp29 = require(\"../intl/sv-SE.json\");\nconst _temp30 = require(\"../intl/tr-TR.json\");\nconst _temp31 = require(\"../intl/uk-UA.json\");\nconst _temp32 = require(\"../intl/zh-CN.json\");\nconst _temp33 = require(\"../intl/zh-TW.json\");\nmodule.exports = {\n  \"ar-AE\": _temp0,\n  \"bg-BG\": _temp1,\n  \"cs-CZ\": _temp2,\n  \"da-DK\": _temp3,\n  \"de-DE\": _temp4,\n  \"el-GR\": _temp5,\n  \"en-US\": _temp6,\n  \"es-ES\": _temp7,\n  \"et-EE\": _temp8,\n  \"fi-FI\": _temp9,\n  \"fr-FR\": _temp10,\n  \"he-IL\": _temp11,\n  \"hr-HR\": _temp12,\n  \"hu-HU\": _temp13,\n  \"it-IT\": _temp14,\n  \"ja-JP\": _temp15,\n  \"ko-KR\": _temp16,\n  \"lt-LT\": _temp17,\n  \"lv-LV\": _temp18,\n  \"nb-NO\": _temp19,\n  \"nl-NL\": _temp20,\n  \"pl-PL\": _temp21,\n  \"pt-BR\": _temp22,\n  \"pt-PT\": _temp23,\n  \"ro-RO\": _temp24,\n  \"ru-RU\": _temp25,\n  \"sk-SK\": _temp26,\n  \"sl-SI\": _temp27,\n  \"sr-SP\": _temp28,\n  \"sv-SE\": _temp29,\n  \"tr-TR\": _temp30,\n  \"uk-UA\": _temp31,\n  \"zh-CN\": _temp32,\n  \"zh-TW\": _temp33\n}","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/picker/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Picker} from './Picker';\nexport {Item, Section} from '@react-stately/collections';\nexport type {SpectrumPickerProps} from '@react-types/select';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/nb-NO.mjs

@@ -6,4 +6,4 @@ $42b05097f4e27f73$exports = {
 
 
 export {$42b05097f4e27f73$exports as default};
-//# sourceMappingURL=nb-NO.module.js.map
+//# sourceMappingURL=nb-NO.mjs.map

package/dist/nl-NL.mjs

@@ -6,4 +6,4 @@ $74dd3f417665b06f$exports = {
 
 
 export {$74dd3f417665b06f$exports as default};
-//# sourceMappingURL=nl-NL.module.js.map
+//# sourceMappingURL=nl-NL.mjs.map

package/dist/pl-PL.mjs

@@ -6,4 +6,4 @@ $6221651ca0306be3$exports = {
 
 
 export {$6221651ca0306be3$exports as default};
-//# sourceMappingURL=pl-PL.module.js.map
+//# sourceMappingURL=pl-PL.mjs.map

package/dist/pt-BR.mjs

@@ -6,4 +6,4 @@ $45bd58553e21ec53$exports = {
 
 
 export {$45bd58553e21ec53$exports as default};
-//# sourceMappingURL=pt-BR.module.js.map
+//# sourceMappingURL=pt-BR.mjs.map

package/dist/pt-PT.mjs

@@ -6,4 +6,4 @@ $7ae7985d84009e3a$exports = {
 
 
 export {$7ae7985d84009e3a$exports as default};
-//# sourceMappingURL=pt-PT.module.js.map
+//# sourceMappingURL=pt-PT.mjs.map

package/dist/ro-RO.mjs

@@ -6,4 +6,4 @@ $c83f9725f6024f47$exports = {
 
 
 export {$c83f9725f6024f47$exports as default};
-//# sourceMappingURL=ro-RO.module.js.map
+//# sourceMappingURL=ro-RO.mjs.map

package/dist/ru-RU.mjs

@@ -6,4 +6,4 @@ $0fb522ae7b51fefd$exports = {
 
 
 export {$0fb522ae7b51fefd$exports as default};
-//# sourceMappingURL=ru-RU.module.js.map
+//# sourceMappingURL=ru-RU.mjs.map

package/dist/sk-SK.mjs

@@ -6,4 +6,4 @@ $5ca94db2a021a726$exports = {
 
 
 export {$5ca94db2a021a726$exports as default};
-//# sourceMappingURL=sk-SK.module.js.map
+//# sourceMappingURL=sk-SK.mjs.map

package/dist/sl-SI.mjs

@@ -6,4 +6,4 @@ $2c7a753ed24e9851$exports = {
 
 
 export {$2c7a753ed24e9851$exports as default};
-//# sourceMappingURL=sl-SI.module.js.map
+//# sourceMappingURL=sl-SI.mjs.map

package/dist/sr-SP.mjs

@@ -6,4 +6,4 @@ $14a1d1750c9de591$exports = {
 
 
 export {$14a1d1750c9de591$exports as default};
-//# sourceMappingURL=sr-SP.module.js.map
+//# sourceMappingURL=sr-SP.mjs.map

package/dist/sv-SE.mjs

@@ -6,4 +6,4 @@ $bf3f89a84488b301$exports = {
 
 
 export {$bf3f89a84488b301$exports as default};
-//# sourceMappingURL=sv-SE.module.js.map
+//# sourceMappingURL=sv-SE.mjs.map

package/dist/tr-TR.mjs

@@ -6,4 +6,4 @@ $1ff90abddf42fc72$exports = {
 
 
 export {$1ff90abddf42fc72$exports as default};
-//# sourceMappingURL=tr-TR.module.js.map
+//# sourceMappingURL=tr-TR.mjs.map

package/dist/uk-UA.mjs

@@ -6,4 +6,4 @@ $4f07d8c17926a679$exports = {
 
 
 export {$4f07d8c17926a679$exports as default};
-//# sourceMappingURL=uk-UA.module.js.map
+//# sourceMappingURL=uk-UA.mjs.map

package/dist/{main.css → vars.7b6f8dc5.css}

@@ -285,4 +285,4 @@
     color: graytext;
   }
 }
-/*# sourceMappingURL=main.css.map */
+/*# sourceMappingURL=vars.7b6f8dc5.css.map */

package/dist/{main.css.map → vars.7b6f8dc5.css.map}

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;AAWE;;;;;AAIE;;;;AAIA;;;;AAIA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASJ;;;;;;;;;AAWA;;;;;;;;;;;AAeE;;;;;;AASF;;;;AAIA;;;;AAUA;;;;AAIA;;;;;;;;;;;AAiBE;;;;;AAMA;;;;AAWF;;;;AAIA;;;;;AAIE;;;;AAKF;;;;;;AAWA;;;;;;;AAME;;;;;AAIE;;;;;AAMF;;;;AAiBF;;;;AAOM;;;;AAQF;;;;AAKE;;;;AAQF;;;;AAIE;;;;AAQJ;;;;AAMA;;;;AAIA;;;;AAMA;;;;AAKF;EACE;;;;;;;;;;;;;;;EAgBE;;;;EAEE","sources":["packages/@adobe/spectrum-css-temp/components/dropdown/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;AAWE;;;;;AAIE;;;;AAIA;;;;AAIA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASJ;;;;;;;;;AAWA;;;;;;;;;;;AAeE;;;;;;AASF;;;;AAIA;;;;AAUA;;;;AAIA;;;;;;;;;;;AAiBE;;;;;AAMA;;;;AAWF;;;;AAIA;;;;;AAIE;;;;AAKF;;;;;;AAWA;;;;;;;AAME;;;;;AAIE;;;;;AAMF;;;;AAiBF;;;;AAOM;;;;AAQF;;;;AAKE;;;;AAQF;;;;AAIE;;;;AAQJ;;;;AAMA;;;;AAIA;;;;AAMA;;;;AAKF;EACE;;;;;;;;;;;;;;;EAgBE;;;;EAEE","sources":["packages/@adobe/spectrum-css-temp/components/dropdown/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.7b6f8dc5.css.map"}

package/dist/zh-CN.mjs

@@ -6,4 +6,4 @@ $07a8d3b903fa886f$exports = {
 
 
 export {$07a8d3b903fa886f$exports as default};
-//# sourceMappingURL=zh-CN.module.js.map
+//# sourceMappingURL=zh-CN.mjs.map

package/dist/zh-TW.mjs

@@ -6,4 +6,4 @@ $e1416a5539091e36$exports = {
 
 
 export {$e1416a5539091e36$exports as default};
-//# sourceMappingURL=zh-TW.module.js.map
+//# sourceMappingURL=zh-TW.mjs.map