@react-spectrum/picker 3.0.0-alpha.1 → 3.0.0-nightly-4980928d3-240906

package/dist/Picker.module.js

@@ -0,0 +1,233 @@
+import $6hDYZ$intlStringsmodulejs from "./intlStrings.module.js";
+import "./vars.7b6f8dc5.css";
+import $6hDYZ$dropdown_vars_cssmodulejs from "./dropdown_vars_css.module.js";
+import $6hDYZ$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
+import $6hDYZ$spectrumiconsuiChevronDownMedium from "@spectrum-icons/ui/ChevronDownMedium";
+import {useSlotProps as $6hDYZ$useSlotProps, useDOMRef as $6hDYZ$useDOMRef, useUnwrapDOMRef as $6hDYZ$useUnwrapDOMRef, useIsMobileDevice as $6hDYZ$useIsMobileDevice, dimensionValue as $6hDYZ$dimensionValue, classNames as $6hDYZ$classNames, SlotProvider as $6hDYZ$SlotProvider} from "@react-spectrum/utils";
+import {Field as $6hDYZ$Field} from "@react-spectrum/label";
+import {FieldButton as $6hDYZ$FieldButton} from "@react-spectrum/button";
+import {useSelect as $6hDYZ$useSelect, HiddenSelect as $6hDYZ$HiddenSelect} from "@react-aria/select";
+import {useListBoxLayout as $6hDYZ$useListBoxLayout, ListBoxBase as $6hDYZ$ListBoxBase} from "@react-spectrum/listbox";
+import {useId as $6hDYZ$useId, useResizeObserver as $6hDYZ$useResizeObserver, useLayoutEffect as $6hDYZ$useLayoutEffect, mergeProps as $6hDYZ$mergeProps} from "@react-aria/utils";
+import {Tray as $6hDYZ$Tray, Popover as $6hDYZ$Popover} from "@react-spectrum/overlays";
+import {useHover as $6hDYZ$useHover, PressResponder as $6hDYZ$PressResponder} from "@react-aria/interactions";
+import {ProgressCircle as $6hDYZ$ProgressCircle} from "@react-spectrum/progress";
+import $6hDYZ$react, {useRef as $6hDYZ$useRef, useState as $6hDYZ$useState, useCallback as $6hDYZ$useCallback} from "react";
+import {Text as $6hDYZ$Text} from "@react-spectrum/text";
+import {useFormProps as $6hDYZ$useFormProps} from "@react-spectrum/form";
+import {useLocalizedStringFormatter as $6hDYZ$useLocalizedStringFormatter} from "@react-aria/i18n";
+import {useProviderProps as $6hDYZ$useProviderProps, useProvider as $6hDYZ$useProvider} from "@react-spectrum/provider";
+import {useSelectState as $6hDYZ$useSelectState} from "@react-stately/select";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function $51664a9007a3c6f9$var$Picker(props, ref) {
+    props = (0, $6hDYZ$useSlotProps)(props, 'picker');
+    props = (0, $6hDYZ$useProviderProps)(props);
+    props = (0, $6hDYZ$useFormProps)(props);
+    let stringFormatter = (0, $6hDYZ$useLocalizedStringFormatter)((0, ($parcel$interopDefault($6hDYZ$intlStringsmodulejs))), '@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, $6hDYZ$useSelectState)(props);
+    let domRef = (0, $6hDYZ$useDOMRef)(ref);
+    let popoverRef = (0, $6hDYZ$useRef)(undefined);
+    let triggerRef = (0, $6hDYZ$useRef)(undefined);
+    let unwrappedTriggerRef = (0, $6hDYZ$useUnwrapDOMRef)(triggerRef);
+    let listboxRef = (0, $6hDYZ$useRef)(undefined);
+    let isLoadingInitial = props.isLoading && state.collection.size === 0;
+    let isLoadingMore = props.isLoading && state.collection.size > 0;
+    let progressCircleId = (0, $6hDYZ$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, $6hDYZ$useListBoxLayout)();
+    let { labelProps: labelProps, triggerProps: triggerProps, valueProps: valueProps, menuProps: menuProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $6hDYZ$useSelect)({
+        ...props,
+        'aria-describedby': isLoadingInitial ? progressCircleId : undefined
+    }, state, unwrappedTriggerRef);
+    let isMobile = (0, $6hDYZ$useIsMobileDevice)();
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $6hDYZ$useHover)({
+        isDisabled: isDisabled
+    });
+    // On small screen devices, the listbox is rendered in a tray, otherwise a popover.
+    let listbox = /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$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,
+        showLoadingSpinner: isLoadingMore,
+        onLoadMore: props.onLoadMore
+    });
+    // Measure the width of the button to inform the width of the menu (below).
+    let [buttonWidth, setButtonWidth] = (0, $6hDYZ$useState)(null);
+    let { scale: scale } = (0, $6hDYZ$useProvider)();
+    let onResize = (0, $6hDYZ$useCallback)(()=>{
+        if (!isMobile && unwrappedTriggerRef.current) {
+            let width = unwrappedTriggerRef.current.offsetWidth;
+            setButtonWidth(width);
+        }
+    }, [
+        unwrappedTriggerRef,
+        setButtonWidth,
+        isMobile
+    ]);
+    (0, $6hDYZ$useResizeObserver)({
+        ref: unwrappedTriggerRef,
+        onResize: onResize
+    });
+    (0, $6hDYZ$useLayoutEffect)(onResize, [
+        scale,
+        state.selectedKey,
+        onResize
+    ]);
+    let overlay;
+    if (isMobile) overlay = /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$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, $6hDYZ$dimensionValue)(menuWidth) : width,
+            minWidth: isQuiet ? `calc(${buttonWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : buttonWidth
+        };
+        overlay = /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$Popover), {
+            UNSAFE_style: style,
+            UNSAFE_className: (0, $6hDYZ$classNames)((0, ($parcel$interopDefault($6hDYZ$dropdown_vars_cssmodulejs))), '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, $6hDYZ$react).createElement((0, $6hDYZ$Text), null, contents);
+    let picker = /*#__PURE__*/ (0, $6hDYZ$react).createElement("div", {
+        className: (0, $6hDYZ$classNames)((0, ($parcel$interopDefault($6hDYZ$dropdown_vars_cssmodulejs))), 'spectrum-Dropdown', {
+            'is-invalid': isInvalid && !isDisabled,
+            'is-disabled': isDisabled,
+            'spectrum-Dropdown--quiet': isQuiet
+        })
+    }, /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$HiddenSelect), {
+        autoComplete: autoComplete,
+        isDisabled: isDisabled,
+        state: state,
+        triggerRef: unwrappedTriggerRef,
+        label: label,
+        name: name
+    }), /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$PressResponder), (0, $6hDYZ$mergeProps)(hoverProps, triggerProps), /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$FieldButton), {
+        ref: triggerRef,
+        isActive: state.isOpen,
+        isQuiet: isQuiet,
+        isDisabled: isDisabled,
+        isInvalid: isInvalid,
+        autoFocus: autoFocus,
+        UNSAFE_className: (0, $6hDYZ$classNames)((0, ($parcel$interopDefault($6hDYZ$dropdown_vars_cssmodulejs))), 'spectrum-Dropdown-trigger', {
+            'is-hovered': isHovered
+        })
+    }, /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$SlotProvider), {
+        slots: {
+            icon: {
+                UNSAFE_className: (0, $6hDYZ$classNames)((0, ($parcel$interopDefault($6hDYZ$dropdown_vars_cssmodulejs))), 'spectrum-Icon'),
+                size: 'S'
+            },
+            avatar: {
+                UNSAFE_className: (0, $6hDYZ$classNames)((0, ($parcel$interopDefault($6hDYZ$dropdown_vars_cssmodulejs))), 'spectrum-Dropdown-avatar'),
+                size: 'avatar-size-100'
+            },
+            text: {
+                ...valueProps,
+                UNSAFE_className: (0, $6hDYZ$classNames)((0, ($parcel$interopDefault($6hDYZ$dropdown_vars_cssmodulejs))), 'spectrum-Dropdown-label', {
+                    'is-placeholder': !state.selectedItem
+                })
+            },
+            description: {
+                isHidden: true
+            }
+        }
+    }, contents), isLoadingInitial && /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$ProgressCircle), {
+        id: progressCircleId,
+        isIndeterminate: true,
+        size: "S",
+        "aria-label": stringFormatter.format('loading'),
+        UNSAFE_className: (0, $6hDYZ$classNames)((0, ($parcel$interopDefault($6hDYZ$dropdown_vars_cssmodulejs))), 'spectrum-Dropdown-progressCircle')
+    }), isInvalid && !isLoadingInitial && !isDisabled && /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$spectrumiconsuiAlertMedium), {
+        UNSAFE_className: (0, $6hDYZ$classNames)((0, ($parcel$interopDefault($6hDYZ$dropdown_vars_cssmodulejs))), 'spectrum-Dropdown-invalidIcon')
+    }), /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$spectrumiconsuiChevronDownMedium), {
+        UNSAFE_className: (0, $6hDYZ$classNames)((0, ($parcel$interopDefault($6hDYZ$dropdown_vars_cssmodulejs))), 'spectrum-Dropdown-chevron')
+    }))), state.collection.size === 0 ? null : overlay);
+    let wrapperClassName = (0, $6hDYZ$classNames)((0, ($parcel$interopDefault($6hDYZ$dropdown_vars_cssmodulejs))), 'spectrum-Field', {
+        'spectrum-Dropdown-fieldWrapper--quiet': isQuiet,
+        'spectrum-Dropdown-fieldWrapper--positionSide': labelPosition === 'side'
+    });
+    return /*#__PURE__*/ (0, $6hDYZ$react).createElement((0, $6hDYZ$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, $6hDYZ$react).forwardRef($51664a9007a3c6f9$var$Picker);
+
+
+export {$51664a9007a3c6f9$export$ba25329847403e11 as Picker};
+//# sourceMappingURL=Picker.module.js.map

package/dist/Picker.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;;AAiCD,SAAS,6BAAyB,KAA6B,EAAE,GAA2B;IAC1F,QAAQ,CAAA,GAAA,mBAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,mBAAW,EAAE;IACrB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAChE,IAAI,gBACF,YAAY,cACZ,UAAU,aACV,YAAY,iBACZ,QAAQ,qBACR,aAAa,mBACb,cAAc,gBAAgB,MAAM,CAAC,yBACrC,OAAO,SACP,KAAK,iBACL,gBAAgB,kBAChB,SAAS,QACT,IAAI,aACJ,SAAS,EACV,GAAG;IAEJ,IAAI,QAAQ,CAAA,GAAA,qBAAa,EAAE;IAC3B,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAA+B;IACrD,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkC;IACxD,IAAI,sBAAsB,CAAA,GAAA,sBAAc,EAAE;IAC1C,IAAI,aAAa,CAAA,GAAA,aAAK,EAAE;IAExB,IAAI,mBAAmB,MAAM,SAAS,IAAI,MAAM,UAAU,CAAC,IAAI,KAAK;IACpE,IAAI,gBAAgB,MAAM,SAAS,IAAI,MAAM,UAAU,CAAC,IAAI,GAAG;IAC/D,IAAI,mBAAmB,CAAA,GAAA,YAAI;IAE3B,0EAA0E;IAC1E,sFAAsF;IACtF,sEAAsE;IACtE,IAAI,SAAS,CAAA,GAAA,uBAAe;IAC5B,IAAI,cAAC,UAAU,gBAAE,YAAY,cAAE,UAAU,aAAE,SAAS,oBAAE,gBAAgB,qBAAE,iBAAiB,aAAE,SAAS,oBAAE,gBAAgB,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,gBAAQ,EAAE;QACrJ,GAAG,KAAK;QACR,oBAAqB,mBAAmB,mBAAmB;IAC7D,GAAG,OAAO;IAEV,IAAI,WAAW,CAAA,GAAA,wBAAgB;IAC/B,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;oBAAC;IAAU;IAElD,mFAAmF;IACnF,IAAI,wBACF,gCAAC,CAAA,GAAA,kBAAU;QACR,GAAG,SAAS;QACb,KAAK;QACL,wBAAA;QACA,WAAW,MAAM,aAAa,IAAI;QAClC,uBAAA;QACA,qBAAA;QACA,QAAQ;QACR,OAAO;QACP,OAAO,WAAW,SAAS;QAC3B,kDAAkD;QAClD,cAAc;YAAC,WAAW;QAAS;QACnC,WAAW,MAAM,SAAS;QAC1B,oBAAoB;QACpB,YAAY,MAAM,UAAU;;IAGhC,2EAA2E;IAC3E,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,eAAO,EAAE;IAC7C,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,kBAAU;IAExB,IAAI,WAAW,CAAA,GAAA,kBAAU,EAAE;QACzB,IAAI,CAAC,YAAY,oBAAoB,OAAO,EAAE;YAC5C,IAAI,QAAQ,oBAAoB,OAAO,CAAC,WAAW;YACnD,eAAe;QACjB;IACF,GAAG;QAAC;QAAqB;QAAgB;KAAS;IAElD,CAAA,GAAA,wBAAgB,EAAE;QAChB,KAAK;QACL,UAAU;IACZ;IAEA,CAAA,GAAA,sBAAc,EAAE,UAAU;QAAC;QAAO,MAAM,WAAW;QAAE;KAAS;IAE9D,IAAI;IACJ,IAAI,UACF,wBACE,gCAAC,CAAA,GAAA,WAAG;QAAE,OAAO;OACV;SAGA;QACL,0HAA0H;QAC1H,gGAAgG;QAChG,oEAAoE;QACpE,IAAI,QAAQ,UAAU,OAAO;QAC7B,IAAI,QAAQ;YACV,OAAO,YAAY,CAAA,GAAA,qBAAa,EAAE,aAAa;YAC/C,UAAU,UAAU,CAAC,KAAK,EAAE,YAAY,qDAAqD,CAAC,GAAG;QACnG;QAEA,wBACE,gCAAC,CAAA,GAAA,cAAM;YACL,cAAc;YACd,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG,6BAA6B;gBAAC,oCAAoC;YAAO;YAC9G,KAAK;YACL,WAAW,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC;YAClC,YAAY;YACZ,WAAA;YACA,OAAO;YACP,YAAY;YACZ,WAAW;WACV;IAGP;IAEA,IAAI,WAAW,MAAM,YAAY,GAAG,MAAM,YAAY,CAAC,QAAQ,GAAG;IAClE,IAAI,OAAO,aAAa,UACtB,yBAAW,gCAAC,CAAA,GAAA,WAAG,SAAG;IAGpB,IAAI,uBACF,gCAAC;QACC,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,0DAAK,GACL,qBACA;YACE,cAAc,aAAa,CAAC;YAC5B,eAAe;YACf,4BAA4B;QAC9B;qBAGJ,gCAAC,CAAA,GAAA,mBAAW;QACV,cAAc;QACd,YAAY;QACZ,OAAO;QACP,YAAY;QACZ,OAAO;QACP,MAAM;sBACR,gCAAC,CAAA,GAAA,qBAAa,GAAM,CAAA,GAAA,iBAAS,EAAE,YAAY,6BACzC,gCAAC,CAAA,GAAA,kBAAU;QACT,KAAK;QACL,UAAU,MAAM,MAAM;QACtB,SAAS;QACT,YAAY;QACZ,WAAW;QACX,WAAW;QACX,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG,6BAA6B;YAAC,cAAc;QAAS;qBAC1F,gCAAC,CAAA,GAAA,mBAAW;QACV,OAAO;YACL,MAAM;gBAAC,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;gBAAkB,MAAM;YAAG;YACvE,QAAQ;gBAAC,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;gBAA6B,MAAM;YAAiB;YAClG,MAAM;gBACJ,GAAG,UAAU;gBACb,kBAAkB,CAAA,GAAA,iBAAS,EACzB,CAAA,GAAA,0DAAK,GACL,2BACA;oBAAC,kBAAkB,CAAC,MAAM,YAAY;gBAAA;YAE1C;YACA,aAAa;gBACX,UAAU;YACZ;QACF;OACC,WAEF,kCACC,gCAAC,CAAA,GAAA,qBAAa;QACZ,IAAI;QACJ,iBAAA;QACA,MAAK;QACL,cAAY,gBAAgB,MAAM,CAAC;QACnC,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;QAExC,aAAa,CAAC,oBAAoB,CAAC,4BAClC,gCAAC,CAAA,GAAA,iCAAU;QAAE,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;sBAEpD,gCAAC,CAAA,GAAA,uCAAgB;QAAE,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,0DAAK,GAAG;UAG3D,MAAM,UAAU,CAAC,IAAI,KAAK,IAAI,OAAO;IAI1C,IAAI,mBAAmB,CAAA,GAAA,iBAAS,EAC9B,CAAA,GAAA,0DAAK,GACL,kBACA;QACE,yCAAyC;QACzC,gDAAgD,kBAAkB;IACpE;IAGF,qBACE,gCAAC,CAAA,GAAA,YAAI;QACF,GAAG,KAAK;QACT,KAAK;QACL,kBAAkB;QAClB,YAAY;QACZ,kBAAkB;QAClB,mBAAmB;QACnB,WAAW;QACX,kBAAkB;QAClB,mBAAmB;QACnB,eAAe;QACf,8CAAA;QACA,aAAY;OACX;AAGP;AAEA;;CAEC,GACD,wFAAwF;AACxF,2GAA2G;AAC3G,MAAM,0DAAU,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/picker/src/Picker.tsx"],"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\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>>(undefined);\n  let triggerRef = useRef<FocusableRefValue<HTMLElement>>(undefined);\n  let unwrappedTriggerRef = useUnwrapDOMRef(triggerRef);\n  let listboxRef = useRef(undefined);\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();\n  let {labelProps, triggerProps, valueProps, menuProps, descriptionProps, errorMessageProps, isInvalid, validationErrors, validationDetails} = useSelect({\n    ...props,\n    'aria-describedby': (isLoadingInitial ? progressCircleId : undefined)\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      showLoadingSpinner={isLoadingMore}\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"],"names":[],"version":3,"file":"Picker.module.js.map"}

package/dist/ar-AE.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "loading": `\u{62C}\u{627}\u{631}\u{64D} \u{627}\u{644}\u{62A}\u{62D}\u{645}\u{64A}\u{644}...`,
+    "placeholder": `\u{62D}\u{62F}\u{62F} \u{62E}\u{64A}\u{627}\u{631}\u{64B}\u{627}...`
+};
+
+
+//# sourceMappingURL=ar-AE.main.js.map

package/dist/ar-AE.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,iFAAe,CAAC;IAC9C,eAAe,CAAC,mEAAa,CAAC;AAChC","sources":["packages/@react-spectrum/picker/intl/ar-AE.json"],"sourcesContent":["{\n  \"loading\": \"جارٍ التحميل...\",\n  \"placeholder\": \"حدد خيارًا...\"\n}\n"],"names":[],"version":3,"file":"ar-AE.main.js.map"}

package/dist/ar-AE.mjs

@@ -0,0 +1,9 @@
+var $d1a348ee160b1c35$exports = {};
+$d1a348ee160b1c35$exports = {
+    "loading": `\u{62C}\u{627}\u{631}\u{64D} \u{627}\u{644}\u{62A}\u{62D}\u{645}\u{64A}\u{644}...`,
+    "placeholder": `\u{62D}\u{62F}\u{62F} \u{62E}\u{64A}\u{627}\u{631}\u{64B}\u{627}...`
+};
+
+
+export {$d1a348ee160b1c35$exports as default};
+//# sourceMappingURL=ar-AE.module.js.map

package/dist/ar-AE.module.js

@@ -0,0 +1,9 @@
+var $d1a348ee160b1c35$exports = {};
+$d1a348ee160b1c35$exports = {
+    "loading": `\u{62C}\u{627}\u{631}\u{64D} \u{627}\u{644}\u{62A}\u{62D}\u{645}\u{64A}\u{644}...`,
+    "placeholder": `\u{62D}\u{62F}\u{62F} \u{62E}\u{64A}\u{627}\u{631}\u{64B}\u{627}...`
+};
+
+
+export {$d1a348ee160b1c35$exports as default};
+//# sourceMappingURL=ar-AE.module.js.map

package/dist/ar-AE.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,iFAAe,CAAC;IAC9C,eAAe,CAAC,mEAAa,CAAC;AAChC","sources":["packages/@react-spectrum/picker/intl/ar-AE.json"],"sourcesContent":["{\n  \"loading\": \"جارٍ التحميل...\",\n  \"placeholder\": \"حدد خيارًا...\"\n}\n"],"names":[],"version":3,"file":"ar-AE.module.js.map"}

package/dist/bg-BG.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "loading": `\u{417}\u{430}\u{440}\u{435}\u{436}\u{434}\u{430}\u{43D}\u{435}...`,
+    "placeholder": `\u{418}\u{437}\u{431}\u{435}\u{440}\u{435}\u{442}\u{435} \u{43E}\u{43F}\u{446}\u{438}\u{44F}`
+};
+
+
+//# sourceMappingURL=bg-BG.main.js.map

package/dist/bg-BG.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,kEAAY,CAAC;IAC3C,eAAe,CAAC,4FAAc,CAAC;AACjC","sources":["packages/@react-spectrum/picker/intl/bg-BG.json"],"sourcesContent":["{\n  \"loading\": \"Зареждане...\",\n  \"placeholder\": \"Изберете опция\"\n}\n"],"names":[],"version":3,"file":"bg-BG.main.js.map"}

package/dist/bg-BG.mjs

@@ -0,0 +1,9 @@
+var $6f4b5567d8931b2c$exports = {};
+$6f4b5567d8931b2c$exports = {
+    "loading": `\u{417}\u{430}\u{440}\u{435}\u{436}\u{434}\u{430}\u{43D}\u{435}...`,
+    "placeholder": `\u{418}\u{437}\u{431}\u{435}\u{440}\u{435}\u{442}\u{435} \u{43E}\u{43F}\u{446}\u{438}\u{44F}`
+};
+
+
+export {$6f4b5567d8931b2c$exports as default};
+//# sourceMappingURL=bg-BG.module.js.map

package/dist/bg-BG.module.js

@@ -0,0 +1,9 @@
+var $6f4b5567d8931b2c$exports = {};
+$6f4b5567d8931b2c$exports = {
+    "loading": `\u{417}\u{430}\u{440}\u{435}\u{436}\u{434}\u{430}\u{43D}\u{435}...`,
+    "placeholder": `\u{418}\u{437}\u{431}\u{435}\u{440}\u{435}\u{442}\u{435} \u{43E}\u{43F}\u{446}\u{438}\u{44F}`
+};
+
+
+export {$6f4b5567d8931b2c$exports as default};
+//# sourceMappingURL=bg-BG.module.js.map

package/dist/bg-BG.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,kEAAY,CAAC;IAC3C,eAAe,CAAC,4FAAc,CAAC;AACjC","sources":["packages/@react-spectrum/picker/intl/bg-BG.json"],"sourcesContent":["{\n  \"loading\": \"Зареждане...\",\n  \"placeholder\": \"Изберете опция\"\n}\n"],"names":[],"version":3,"file":"bg-BG.module.js.map"}

package/dist/cs-CZ.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "loading": `Na\u{10D}\xedt\xe1n\xed...`,
+    "placeholder": `Vyberte vhodnou mo\u{17E}nost...`
+};
+
+
+//# sourceMappingURL=cs-CZ.main.js.map

package/dist/cs-CZ.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,0BAAW,CAAC;IAC1C,eAAe,CAAC,gCAA0B,CAAC;AAC7C","sources":["packages/@react-spectrum/picker/intl/cs-CZ.json"],"sourcesContent":["{\n  \"loading\": \"Načítání...\",\n  \"placeholder\": \"Vyberte vhodnou možnost...\"\n}\n"],"names":[],"version":3,"file":"cs-CZ.main.js.map"}

package/dist/cs-CZ.mjs

@@ -0,0 +1,9 @@
+var $413f5c9b05a53d70$exports = {};
+$413f5c9b05a53d70$exports = {
+    "loading": `Na\u{10D}\xedt\xe1n\xed...`,
+    "placeholder": `Vyberte vhodnou mo\u{17E}nost...`
+};
+
+
+export {$413f5c9b05a53d70$exports as default};
+//# sourceMappingURL=cs-CZ.module.js.map

package/dist/cs-CZ.module.js

@@ -0,0 +1,9 @@
+var $413f5c9b05a53d70$exports = {};
+$413f5c9b05a53d70$exports = {
+    "loading": `Na\u{10D}\xedt\xe1n\xed...`,
+    "placeholder": `Vyberte vhodnou mo\u{17E}nost...`
+};
+
+
+export {$413f5c9b05a53d70$exports as default};
+//# sourceMappingURL=cs-CZ.module.js.map

package/dist/cs-CZ.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,0BAAW,CAAC;IAC1C,eAAe,CAAC,gCAA0B,CAAC;AAC7C","sources":["packages/@react-spectrum/picker/intl/cs-CZ.json"],"sourcesContent":["{\n  \"loading\": \"Načítání...\",\n  \"placeholder\": \"Vyberte vhodnou možnost...\"\n}\n"],"names":[],"version":3,"file":"cs-CZ.module.js.map"}

package/dist/da-DK.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "loading": `Indl\xe6ser ...`,
+    "placeholder": `V\xe6lg en mulighed ...`
+};
+
+
+//# sourceMappingURL=da-DK.main.js.map

package/dist/da-DK.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,eAAY,CAAC;IAC3C,eAAe,CAAC,uBAAoB,CAAC;AACvC","sources":["packages/@react-spectrum/picker/intl/da-DK.json"],"sourcesContent":["{\n  \"loading\": \"Indlæser ...\",\n  \"placeholder\": \"Vælg en mulighed ...\"\n}\n"],"names":[],"version":3,"file":"da-DK.main.js.map"}

package/dist/da-DK.mjs

@@ -0,0 +1,9 @@
+var $23214587b45d0c7a$exports = {};
+$23214587b45d0c7a$exports = {
+    "loading": `Indl\xe6ser ...`,
+    "placeholder": `V\xe6lg en mulighed ...`
+};
+
+
+export {$23214587b45d0c7a$exports as default};
+//# sourceMappingURL=da-DK.module.js.map

package/dist/da-DK.module.js

@@ -0,0 +1,9 @@
+var $23214587b45d0c7a$exports = {};
+$23214587b45d0c7a$exports = {
+    "loading": `Indl\xe6ser ...`,
+    "placeholder": `V\xe6lg en mulighed ...`
+};
+
+
+export {$23214587b45d0c7a$exports as default};
+//# sourceMappingURL=da-DK.module.js.map

package/dist/da-DK.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,eAAY,CAAC;IAC3C,eAAe,CAAC,uBAAoB,CAAC;AACvC","sources":["packages/@react-spectrum/picker/intl/da-DK.json"],"sourcesContent":["{\n  \"loading\": \"Indlæser ...\",\n  \"placeholder\": \"Vælg en mulighed ...\"\n}\n"],"names":[],"version":3,"file":"da-DK.module.js.map"}

package/dist/de-DE.main.js

@@ -0,0 +1,7 @@
+module.exports = {
+    "loading": `Laden...`,
+    "placeholder": `Option ausw\xe4hlen...`
+};
+
+
+//# sourceMappingURL=de-DE.main.js.map

package/dist/de-DE.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,WAAW,CAAC,QAAQ,CAAC;IACvC,eAAe,CAAC,sBAAmB,CAAC;AACtC","sources":["packages/@react-spectrum/picker/intl/de-DE.json"],"sourcesContent":["{\n  \"loading\": \"Laden...\",\n  \"placeholder\": \"Option auswählen...\"\n}\n"],"names":[],"version":3,"file":"de-DE.main.js.map"}

package/dist/de-DE.mjs

@@ -0,0 +1,9 @@
+var $291e2fb947064c57$exports = {};
+$291e2fb947064c57$exports = {
+    "loading": `Laden...`,
+    "placeholder": `Option ausw\xe4hlen...`
+};
+
+
+export {$291e2fb947064c57$exports as default};
+//# sourceMappingURL=de-DE.module.js.map

package/dist/de-DE.module.js

@@ -0,0 +1,9 @@
+var $291e2fb947064c57$exports = {};
+$291e2fb947064c57$exports = {
+    "loading": `Laden...`,
+    "placeholder": `Option ausw\xe4hlen...`
+};
+
+
+export {$291e2fb947064c57$exports as default};
+//# sourceMappingURL=de-DE.module.js.map

package/dist/de-DE.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,WAAW,CAAC,QAAQ,CAAC;IACvC,eAAe,CAAC,sBAAmB,CAAC;AACtC","sources":["packages/@react-spectrum/picker/intl/de-DE.json"],"sourcesContent":["{\n  \"loading\": \"Laden...\",\n  \"placeholder\": \"Option auswählen...\"\n}\n"],"names":[],"version":3,"file":"de-DE.module.js.map"}

package/dist/dropdown_vars_css.main.js

@@ -0,0 +1,77 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "focus-ring", () => $b39b306bfc9a5551$export$f39a09f249340e2a, (v) => $b39b306bfc9a5551$export$f39a09f249340e2a = v);
+$parcel$export(module.exports, "i18nFontFamily", () => $b39b306bfc9a5551$export$8c4ee2c50c22c514, (v) => $b39b306bfc9a5551$export$8c4ee2c50c22c514 = v);
+$parcel$export(module.exports, "is-disabled", () => $b39b306bfc9a5551$export$d35bc1e505d1ebbf, (v) => $b39b306bfc9a5551$export$d35bc1e505d1ebbf = v);
+$parcel$export(module.exports, "is-hovered", () => $b39b306bfc9a5551$export$b8813cd5d7824ce7, (v) => $b39b306bfc9a5551$export$b8813cd5d7824ce7 = v);
+$parcel$export(module.exports, "is-invalid", () => $b39b306bfc9a5551$export$14a30de2866685fa, (v) => $b39b306bfc9a5551$export$14a30de2866685fa = v);
+$parcel$export(module.exports, "is-placeholder", () => $b39b306bfc9a5551$export$e5b2f5233e4e5194, (v) => $b39b306bfc9a5551$export$e5b2f5233e4e5194 = v);
+$parcel$export(module.exports, "is-selected", () => $b39b306bfc9a5551$export$1e0fb04f31d3c22a, (v) => $b39b306bfc9a5551$export$1e0fb04f31d3c22a = v);
+$parcel$export(module.exports, "spectrum-Dropdown", () => $b39b306bfc9a5551$export$f33c6833ddc773bd, (v) => $b39b306bfc9a5551$export$f33c6833ddc773bd = v);
+$parcel$export(module.exports, "spectrum-Dropdown--quiet", () => $b39b306bfc9a5551$export$b2306417a70c7a62, (v) => $b39b306bfc9a5551$export$b2306417a70c7a62 = v);
+$parcel$export(module.exports, "spectrum-Dropdown-avatar", () => $b39b306bfc9a5551$export$f8e5a201376aedb0, (v) => $b39b306bfc9a5551$export$f8e5a201376aedb0 = v);
+$parcel$export(module.exports, "spectrum-Dropdown-chevron", () => $b39b306bfc9a5551$export$abbb0cf96dbbb8a0, (v) => $b39b306bfc9a5551$export$abbb0cf96dbbb8a0 = v);
+$parcel$export(module.exports, "spectrum-Dropdown-fieldWrapper--positionSide", () => $b39b306bfc9a5551$export$c0b4e9596538c7b1, (v) => $b39b306bfc9a5551$export$c0b4e9596538c7b1 = v);
+$parcel$export(module.exports, "spectrum-Dropdown-fieldWrapper--quiet", () => $b39b306bfc9a5551$export$66ddc2410b0e9eba, (v) => $b39b306bfc9a5551$export$66ddc2410b0e9eba = v);
+$parcel$export(module.exports, "spectrum-Dropdown-invalidIcon", () => $b39b306bfc9a5551$export$a32fdb5a063ea755, (v) => $b39b306bfc9a5551$export$a32fdb5a063ea755 = v);
+$parcel$export(module.exports, "spectrum-Dropdown-label", () => $b39b306bfc9a5551$export$1235a00795b885e7, (v) => $b39b306bfc9a5551$export$1235a00795b885e7 = v);
+$parcel$export(module.exports, "spectrum-Dropdown-popover--quiet", () => $b39b306bfc9a5551$export$cbeaf986973c0633, (v) => $b39b306bfc9a5551$export$cbeaf986973c0633 = v);
+$parcel$export(module.exports, "spectrum-Dropdown-progressCircle", () => $b39b306bfc9a5551$export$18281c34cabbd13f, (v) => $b39b306bfc9a5551$export$18281c34cabbd13f = v);
+$parcel$export(module.exports, "spectrum-Dropdown-trigger", () => $b39b306bfc9a5551$export$37a6d27a7cb47ce5, (v) => $b39b306bfc9a5551$export$37a6d27a7cb47ce5 = v);
+$parcel$export(module.exports, "spectrum-Field", () => $b39b306bfc9a5551$export$f6d480ae1e56eba0, (v) => $b39b306bfc9a5551$export$f6d480ae1e56eba0 = v);
+$parcel$export(module.exports, "spectrum-FocusRing-ring", () => $b39b306bfc9a5551$export$4109102f950813a6, (v) => $b39b306bfc9a5551$export$4109102f950813a6 = v);
+$parcel$export(module.exports, "spectrum-FocusRing", () => $b39b306bfc9a5551$export$24c7f46a6e3605dd, (v) => $b39b306bfc9a5551$export$24c7f46a6e3605dd = v);
+$parcel$export(module.exports, "spectrum-FocusRing--quiet", () => $b39b306bfc9a5551$export$2927016961429360, (v) => $b39b306bfc9a5551$export$2927016961429360 = v);
+$parcel$export(module.exports, "spectrum-Icon", () => $b39b306bfc9a5551$export$d374b04f30360026, (v) => $b39b306bfc9a5551$export$d374b04f30360026 = v);
+var $b39b306bfc9a5551$export$f39a09f249340e2a;
+var $b39b306bfc9a5551$export$8c4ee2c50c22c514;
+var $b39b306bfc9a5551$export$d35bc1e505d1ebbf;
+var $b39b306bfc9a5551$export$b8813cd5d7824ce7;
+var $b39b306bfc9a5551$export$14a30de2866685fa;
+var $b39b306bfc9a5551$export$e5b2f5233e4e5194;
+var $b39b306bfc9a5551$export$1e0fb04f31d3c22a;
+var $b39b306bfc9a5551$export$f33c6833ddc773bd;
+var $b39b306bfc9a5551$export$b2306417a70c7a62;
+var $b39b306bfc9a5551$export$f8e5a201376aedb0;
+var $b39b306bfc9a5551$export$abbb0cf96dbbb8a0;
+var $b39b306bfc9a5551$export$c0b4e9596538c7b1;
+var $b39b306bfc9a5551$export$66ddc2410b0e9eba;
+var $b39b306bfc9a5551$export$a32fdb5a063ea755;
+var $b39b306bfc9a5551$export$1235a00795b885e7;
+var $b39b306bfc9a5551$export$cbeaf986973c0633;
+var $b39b306bfc9a5551$export$18281c34cabbd13f;
+var $b39b306bfc9a5551$export$37a6d27a7cb47ce5;
+var $b39b306bfc9a5551$export$f6d480ae1e56eba0;
+var $b39b306bfc9a5551$export$4109102f950813a6;
+var $b39b306bfc9a5551$export$24c7f46a6e3605dd;
+var $b39b306bfc9a5551$export$2927016961429360;
+var $b39b306bfc9a5551$export$d374b04f30360026;
+$b39b306bfc9a5551$export$f39a09f249340e2a = `PBsjDW_focus-ring`;
+$b39b306bfc9a5551$export$8c4ee2c50c22c514 = `PBsjDW_i18nFontFamily`;
+$b39b306bfc9a5551$export$d35bc1e505d1ebbf = `PBsjDW_is-disabled`;
+$b39b306bfc9a5551$export$b8813cd5d7824ce7 = `PBsjDW_is-hovered`;
+$b39b306bfc9a5551$export$14a30de2866685fa = `PBsjDW_is-invalid`;
+$b39b306bfc9a5551$export$e5b2f5233e4e5194 = `PBsjDW_is-placeholder`;
+$b39b306bfc9a5551$export$1e0fb04f31d3c22a = `PBsjDW_is-selected`;
+$b39b306bfc9a5551$export$f33c6833ddc773bd = `PBsjDW_spectrum-Dropdown`;
+$b39b306bfc9a5551$export$b2306417a70c7a62 = `PBsjDW_spectrum-Dropdown--quiet`;
+$b39b306bfc9a5551$export$f8e5a201376aedb0 = `PBsjDW_spectrum-Dropdown-avatar`;
+$b39b306bfc9a5551$export$abbb0cf96dbbb8a0 = `PBsjDW_spectrum-Dropdown-chevron`;
+$b39b306bfc9a5551$export$c0b4e9596538c7b1 = `PBsjDW_spectrum-Dropdown-fieldWrapper--positionSide`;
+$b39b306bfc9a5551$export$66ddc2410b0e9eba = `PBsjDW_spectrum-Dropdown-fieldWrapper--quiet`;
+$b39b306bfc9a5551$export$a32fdb5a063ea755 = `PBsjDW_spectrum-Dropdown-invalidIcon`;
+$b39b306bfc9a5551$export$1235a00795b885e7 = `PBsjDW_spectrum-Dropdown-label`;
+$b39b306bfc9a5551$export$cbeaf986973c0633 = `PBsjDW_spectrum-Dropdown-popover--quiet`;
+$b39b306bfc9a5551$export$18281c34cabbd13f = `PBsjDW_spectrum-Dropdown-progressCircle`;
+$b39b306bfc9a5551$export$37a6d27a7cb47ce5 = `PBsjDW_spectrum-Dropdown-trigger`;
+$b39b306bfc9a5551$export$f6d480ae1e56eba0 = `PBsjDW_spectrum-Field`;
+$b39b306bfc9a5551$export$4109102f950813a6 = `PBsjDW_spectrum-FocusRing-ring`;
+$b39b306bfc9a5551$export$24c7f46a6e3605dd = `PBsjDW_spectrum-FocusRing ${$b39b306bfc9a5551$export$4109102f950813a6}`;
+$b39b306bfc9a5551$export$2927016961429360 = `PBsjDW_spectrum-FocusRing--quiet`;
+$b39b306bfc9a5551$export$d374b04f30360026 = `PBsjDW_spectrum-Icon`;
+
+
+//# sourceMappingURL=dropdown_vars_css.main.js.map

package/dist/dropdown_vars_css.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAtBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAiE,CAAC,mDAAmD,CAAC;AACtH,4CAA0D,CAAC,4CAA4C,CAAC;AACxG,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAkC,CAAC,oBAAoB,CAAC","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":"dropdown_vars_css.main.js.map"}

package/dist/dropdown_vars_css.mjs

@@ -0,0 +1,79 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+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`;
+
+
+export {$3c14925a8a65017e$exports as default};
+//# sourceMappingURL=dropdown_vars_css.module.js.map