@react-spectrum/listbox 3.12.9-nightly.4624 → 3.12.9

package/dist/ListBoxBase.main.js

@@ -54,15 +54,15 @@ $parcel$export(module.exports, "ListBoxBase", () => $60eb4b34c53310cb$export$1af
 function $60eb4b34c53310cb$export$25768ea656ae32a7(state, isLoading) {
     let { scale: scale } = (0, $7w19U$reactspectrumprovider.useProvider)();
     let collator = (0, $7w19U$reactariai18n.useCollator)({
-        usage: "search",
-        sensitivity: "base"
+        usage: 'search',
+        sensitivity: 'base'
     });
     let layout = (0, $7w19U$react.useMemo)(()=>new (0, $7w19U$reactstatelylayout.ListLayout)({
-            estimatedRowHeight: scale === "large" ? 48 : 32,
-            estimatedHeadingHeight: scale === "large" ? 33 : 26,
-            padding: scale === "large" ? 5 : 4,
+            estimatedRowHeight: scale === 'large' ? 48 : 32,
+            estimatedHeadingHeight: scale === 'large' ? 33 : 26,
+            padding: scale === 'large' ? 5 : 4,
             loaderHeight: 40,
-            placeholderHeight: scale === "large" ? 48 : 32,
+            placeholderHeight: scale === 'large' ? 48 : 32,
             collator: collator
         }), [
         collator,
@@ -91,15 +91,15 @@ function $60eb4b34c53310cb$export$25768ea656ae32a7(state, isLoading) {
         isVirtualized: true
     }, state, ref);
     let { styleProps: styleProps } = (0, $7w19U$reactspectrumutils.useStyleProps)(props);
-    let stringFormatter = (0, $7w19U$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($3d9fe9b46e2d649a$exports))), "@react-spectrum/listbox");
+    let stringFormatter = (0, $7w19U$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($3d9fe9b46e2d649a$exports))), '@react-spectrum/listbox');
     let renderWrapper = (parent, reusableView, children, renderChildren)=>{
-        if (reusableView.viewType === "section") return /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).createElement((0, $0f5fd8483f48ef09$exports.ListBoxSection), {
+        if (reusableView.viewType === 'section') return /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).createElement((0, $0f5fd8483f48ef09$exports.ListBoxSection), {
             key: reusableView.key,
             item: reusableView.content,
             layoutInfo: reusableView.layoutInfo,
             virtualizer: reusableView.virtualizer,
-            headerLayoutInfo: children.find((c)=>c.viewType === "header").layoutInfo
-        }, renderChildren(children.filter((c)=>c.viewType === "item")));
+            headerLayoutInfo: children.find((c)=>c.viewType === 'header').layoutInfo
+        }, renderChildren(children.filter((c)=>c.viewType === 'item')));
         return /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).createElement((0, $7w19U$reactariavirtualizer.VirtualizerItem), {
             key: reusableView.key,
             layoutInfo: reusableView.layoutInfo,
@@ -117,7 +117,7 @@ function $60eb4b34c53310cb$export$25768ea656ae32a7(state, isLoading) {
         autoFocus: !!props.autoFocus,
         sizeToFit: "height",
         scrollDirection: "vertical",
-        className: (0, $7w19U$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu", styleProps.className),
+        className: (0, $7w19U$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu', styleProps.className),
         layout: layout,
         collection: state.collection,
         renderWrapper: renderWrapper,
@@ -127,29 +127,29 @@ function $60eb4b34c53310cb$export$25768ea656ae32a7(state, isLoading) {
         shouldUseVirtualFocus: shouldUseVirtualFocus,
         onScroll: onScroll
     }, (type, item)=>{
-        if (type === "item") return /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).createElement((0, $2205d250ee1cb1ac$exports.ListBoxOption), {
+        if (type === 'item') return /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).createElement((0, $2205d250ee1cb1ac$exports.ListBoxOption), {
             item: item,
             shouldSelectOnPressUp: shouldSelectOnPressUp,
             shouldFocusOnHover: focusOnPointerEnter,
             shouldUseVirtualFocus: shouldUseVirtualFocus
         });
-        else if (type === "loader") return(// aria-selected isn't needed here since this option is not selectable.
+        else if (type === 'loader') return(// aria-selected isn't needed here since this option is not selectable.
         // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
         /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).createElement("div", {
             role: "option",
             style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                height: "100%"
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                height: '100%'
             }
         }, /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).createElement((0, $7w19U$reactspectrumprogress.ProgressCircle), {
             isIndeterminate: true,
             size: "S",
-            "aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading"),
-            UNSAFE_className: (0, $7w19U$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Dropdown-progressCircle")
+            "aria-label": state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading'),
+            UNSAFE_className: (0, $7w19U$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Dropdown-progressCircle')
         })));
-        else if (type === "placeholder") {
+        else if (type === 'placeholder') {
             let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
             if (emptyState == null) return null;
             return /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).createElement("div", {

package/dist/ListBoxBase.mjs

@@ -47,15 +47,15 @@ function $parcel$interopDefault(a) {
 function $3247d4a89e6094e9$export$25768ea656ae32a7(state, isLoading) {
     let { scale: scale } = (0, $gF3QK$useProvider)();
     let collator = (0, $gF3QK$useCollator)({
-        usage: "search",
-        sensitivity: "base"
+        usage: 'search',
+        sensitivity: 'base'
     });
     let layout = (0, $gF3QK$useMemo)(()=>new (0, $gF3QK$ListLayout)({
-            estimatedRowHeight: scale === "large" ? 48 : 32,
-            estimatedHeadingHeight: scale === "large" ? 33 : 26,
-            padding: scale === "large" ? 5 : 4,
+            estimatedRowHeight: scale === 'large' ? 48 : 32,
+            estimatedHeadingHeight: scale === 'large' ? 33 : 26,
+            padding: scale === 'large' ? 5 : 4,
             loaderHeight: 40,
-            placeholderHeight: scale === "large" ? 48 : 32,
+            placeholderHeight: scale === 'large' ? 48 : 32,
             collator: collator
         }), [
         collator,
@@ -84,15 +84,15 @@ function $3247d4a89e6094e9$export$25768ea656ae32a7(state, isLoading) {
         isVirtualized: true
     }, state, ref);
     let { styleProps: styleProps } = (0, $gF3QK$useStyleProps)(props);
-    let stringFormatter = (0, $gF3QK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($gF3QK$intlStringsmodulejs))), "@react-spectrum/listbox");
+    let stringFormatter = (0, $gF3QK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($gF3QK$intlStringsmodulejs))), '@react-spectrum/listbox');
     let renderWrapper = (parent, reusableView, children, renderChildren)=>{
-        if (reusableView.viewType === "section") return /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $92d678ed88836094$export$dca12b0bb56e4fc), {
+        if (reusableView.viewType === 'section') return /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $92d678ed88836094$export$dca12b0bb56e4fc), {
             key: reusableView.key,
             item: reusableView.content,
             layoutInfo: reusableView.layoutInfo,
             virtualizer: reusableView.virtualizer,
-            headerLayoutInfo: children.find((c)=>c.viewType === "header").layoutInfo
-        }, renderChildren(children.filter((c)=>c.viewType === "item")));
+            headerLayoutInfo: children.find((c)=>c.viewType === 'header').layoutInfo
+        }, renderChildren(children.filter((c)=>c.viewType === 'item')));
         return /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $gF3QK$VirtualizerItem), {
             key: reusableView.key,
             layoutInfo: reusableView.layoutInfo,
@@ -110,7 +110,7 @@ function $3247d4a89e6094e9$export$25768ea656ae32a7(state, isLoading) {
         autoFocus: !!props.autoFocus,
         sizeToFit: "height",
         scrollDirection: "vertical",
-        className: (0, $gF3QK$classNames)((0, ($parcel$interopDefault($gF3QK$menu_vars_cssmodulejs))), "spectrum-Menu", styleProps.className),
+        className: (0, $gF3QK$classNames)((0, ($parcel$interopDefault($gF3QK$menu_vars_cssmodulejs))), 'spectrum-Menu', styleProps.className),
         layout: layout,
         collection: state.collection,
         renderWrapper: renderWrapper,
@@ -120,29 +120,29 @@ function $3247d4a89e6094e9$export$25768ea656ae32a7(state, isLoading) {
         shouldUseVirtualFocus: shouldUseVirtualFocus,
         onScroll: onScroll
     }, (type, item)=>{
-        if (type === "item") return /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $86983ea1fa3f7312$export$feb3b6b552c14a12), {
+        if (type === 'item') return /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $86983ea1fa3f7312$export$feb3b6b552c14a12), {
             item: item,
             shouldSelectOnPressUp: shouldSelectOnPressUp,
             shouldFocusOnHover: focusOnPointerEnter,
             shouldUseVirtualFocus: shouldUseVirtualFocus
         });
-        else if (type === "loader") return(// aria-selected isn't needed here since this option is not selectable.
+        else if (type === 'loader') return(// aria-selected isn't needed here since this option is not selectable.
         // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
         /*#__PURE__*/ (0, $gF3QK$react).createElement("div", {
             role: "option",
             style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                height: "100%"
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                height: '100%'
             }
         }, /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $gF3QK$ProgressCircle), {
             isIndeterminate: true,
             size: "S",
-            "aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading"),
-            UNSAFE_className: (0, $gF3QK$classNames)((0, ($parcel$interopDefault($gF3QK$menu_vars_cssmodulejs))), "spectrum-Dropdown-progressCircle")
+            "aria-label": state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading'),
+            UNSAFE_className: (0, $gF3QK$classNames)((0, ($parcel$interopDefault($gF3QK$menu_vars_cssmodulejs))), 'spectrum-Dropdown-progressCircle')
         })));
-        else if (type === "placeholder") {
+        else if (type === 'placeholder') {
             let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
             if (emptyState == null) return null;
             return /*#__PURE__*/ (0, $gF3QK$react).createElement("div", {

package/dist/ListBoxBase.module.js

@@ -47,15 +47,15 @@ function $parcel$interopDefault(a) {
 function $3247d4a89e6094e9$export$25768ea656ae32a7(state, isLoading) {
     let { scale: scale } = (0, $gF3QK$useProvider)();
     let collator = (0, $gF3QK$useCollator)({
-        usage: "search",
-        sensitivity: "base"
+        usage: 'search',
+        sensitivity: 'base'
     });
     let layout = (0, $gF3QK$useMemo)(()=>new (0, $gF3QK$ListLayout)({
-            estimatedRowHeight: scale === "large" ? 48 : 32,
-            estimatedHeadingHeight: scale === "large" ? 33 : 26,
-            padding: scale === "large" ? 5 : 4,
+            estimatedRowHeight: scale === 'large' ? 48 : 32,
+            estimatedHeadingHeight: scale === 'large' ? 33 : 26,
+            padding: scale === 'large' ? 5 : 4,
             loaderHeight: 40,
-            placeholderHeight: scale === "large" ? 48 : 32,
+            placeholderHeight: scale === 'large' ? 48 : 32,
             collator: collator
         }), [
         collator,
@@ -84,15 +84,15 @@ function $3247d4a89e6094e9$export$25768ea656ae32a7(state, isLoading) {
         isVirtualized: true
     }, state, ref);
     let { styleProps: styleProps } = (0, $gF3QK$useStyleProps)(props);
-    let stringFormatter = (0, $gF3QK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($gF3QK$intlStringsmodulejs))), "@react-spectrum/listbox");
+    let stringFormatter = (0, $gF3QK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($gF3QK$intlStringsmodulejs))), '@react-spectrum/listbox');
     let renderWrapper = (parent, reusableView, children, renderChildren)=>{
-        if (reusableView.viewType === "section") return /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $92d678ed88836094$export$dca12b0bb56e4fc), {
+        if (reusableView.viewType === 'section') return /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $92d678ed88836094$export$dca12b0bb56e4fc), {
             key: reusableView.key,
             item: reusableView.content,
             layoutInfo: reusableView.layoutInfo,
             virtualizer: reusableView.virtualizer,
-            headerLayoutInfo: children.find((c)=>c.viewType === "header").layoutInfo
-        }, renderChildren(children.filter((c)=>c.viewType === "item")));
+            headerLayoutInfo: children.find((c)=>c.viewType === 'header').layoutInfo
+        }, renderChildren(children.filter((c)=>c.viewType === 'item')));
         return /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $gF3QK$VirtualizerItem), {
             key: reusableView.key,
             layoutInfo: reusableView.layoutInfo,
@@ -110,7 +110,7 @@ function $3247d4a89e6094e9$export$25768ea656ae32a7(state, isLoading) {
         autoFocus: !!props.autoFocus,
         sizeToFit: "height",
         scrollDirection: "vertical",
-        className: (0, $gF3QK$classNames)((0, ($parcel$interopDefault($gF3QK$menu_vars_cssmodulejs))), "spectrum-Menu", styleProps.className),
+        className: (0, $gF3QK$classNames)((0, ($parcel$interopDefault($gF3QK$menu_vars_cssmodulejs))), 'spectrum-Menu', styleProps.className),
         layout: layout,
         collection: state.collection,
         renderWrapper: renderWrapper,
@@ -120,29 +120,29 @@ function $3247d4a89e6094e9$export$25768ea656ae32a7(state, isLoading) {
         shouldUseVirtualFocus: shouldUseVirtualFocus,
         onScroll: onScroll
     }, (type, item)=>{
-        if (type === "item") return /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $86983ea1fa3f7312$export$feb3b6b552c14a12), {
+        if (type === 'item') return /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $86983ea1fa3f7312$export$feb3b6b552c14a12), {
             item: item,
             shouldSelectOnPressUp: shouldSelectOnPressUp,
             shouldFocusOnHover: focusOnPointerEnter,
             shouldUseVirtualFocus: shouldUseVirtualFocus
         });
-        else if (type === "loader") return(// aria-selected isn't needed here since this option is not selectable.
+        else if (type === 'loader') return(// aria-selected isn't needed here since this option is not selectable.
         // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
         /*#__PURE__*/ (0, $gF3QK$react).createElement("div", {
             role: "option",
             style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                height: "100%"
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                height: '100%'
             }
         }, /*#__PURE__*/ (0, $gF3QK$react).createElement((0, $gF3QK$ProgressCircle), {
             isIndeterminate: true,
             size: "S",
-            "aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading"),
-            UNSAFE_className: (0, $gF3QK$classNames)((0, ($parcel$interopDefault($gF3QK$menu_vars_cssmodulejs))), "spectrum-Dropdown-progressCircle")
+            "aria-label": state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading'),
+            UNSAFE_className: (0, $gF3QK$classNames)((0, ($parcel$interopDefault($gF3QK$menu_vars_cssmodulejs))), 'spectrum-Dropdown-progressCircle')
         })));
-        else if (type === "placeholder") {
+        else if (type === 'placeholder') {
             let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
             if (emptyState == null) return null;
             return /*#__PURE__*/ (0, $gF3QK$react).createElement("div", {

package/dist/ListBoxOption.main.js

@@ -45,11 +45,11 @@ $parcel$export(module.exports, "ListBoxOption", () => $2205d250ee1cb1ac$export$f
 function $2205d250ee1cb1ac$export$feb3b6b552c14a12(props) {
     let { item: item, shouldSelectOnPressUp: shouldSelectOnPressUp, shouldFocusOnHover: shouldFocusOnHover, shouldUseVirtualFocus: shouldUseVirtualFocus } = props;
     let { rendered: rendered, key: key } = item;
-    let ElementType = item.props.href ? "a" : "div";
+    let ElementType = item.props.href ? 'a' : 'div';
     let state = (0, $8xmxv$react.useContext)((0, $611e93c7b7c0413c$exports.ListBoxContext));
     let ref = (0, $8xmxv$react.useRef)();
     let { optionProps: optionProps, labelProps: labelProps, descriptionProps: descriptionProps, isSelected: isSelected, isDisabled: isDisabled, isFocused: isFocused } = (0, $8xmxv$reactarialistbox.useOption)({
-        "aria-label": item["aria-label"],
+        'aria-label': item['aria-label'],
         key: key,
         shouldSelectOnPressUp: shouldSelectOnPressUp,
         shouldFocusOnHover: shouldFocusOnHover,
@@ -60,47 +60,47 @@ function $2205d250ee1cb1ac$export$feb3b6b552c14a12(props) {
         ...props,
         isDisabled: isDisabled
     });
-    let contents = typeof rendered === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($8xmxv$react))).createElement((0, $8xmxv$reactspectrumtext.Text), null, rendered) : rendered;
+    let contents = typeof rendered === 'string' ? /*#__PURE__*/ (0, ($parcel$interopDefault($8xmxv$react))).createElement((0, $8xmxv$reactspectrumtext.Text), null, rendered) : rendered;
     let isKeyboardModality = (0, $8xmxv$reactariainteractions.isFocusVisible)();
     return /*#__PURE__*/ (0, ($parcel$interopDefault($8xmxv$react))).createElement((0, $8xmxv$reactariafocus.FocusRing), {
-        focusRingClass: (0, $8xmxv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "focus-ring")
+        focusRingClass: (0, $8xmxv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'focus-ring')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($8xmxv$react))).createElement(ElementType, {
         ...(0, $8xmxv$reactariautils.mergeProps)(optionProps, shouldFocusOnHover ? {} : hoverProps),
         ref: ref,
-        className: (0, $8xmxv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-item", {
+        className: (0, $8xmxv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu-item', {
             // If using virtual focus, apply focused styles to the item when the user is interacting with keyboard modality
-            "is-focused": shouldUseVirtualFocus && isFocused && isKeyboardModality,
-            "is-disabled": isDisabled,
-            "is-selected": isSelected,
-            "is-selectable": state.selectionManager.selectionMode !== "none",
+            'is-focused': shouldUseVirtualFocus && isFocused && isKeyboardModality,
+            'is-disabled': isDisabled,
+            'is-selected': isSelected,
+            'is-selectable': state.selectionManager.selectionMode !== 'none',
             // When shouldFocusOnHover is false, apply hover styles both when hovered with the mouse.
             // Otherwise, apply hover styles when focused using non-keyboard modality.
-            "is-hovered": isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
+            'is-hovered': isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
         })
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($8xmxv$react))).createElement((0, $8xmxv$reactspectrumlayout.Grid), {
-        UNSAFE_className: (0, $8xmxv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-itemGrid")
+        UNSAFE_className: (0, $8xmxv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu-itemGrid')
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($8xmxv$react))).createElement((0, $8xmxv$reactspectrumutils.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($8xmxv$react))).createElement((0, $8xmxv$reactspectrumutils.SlotProvider), {
         slots: {
             text: {
-                UNSAFE_className: (0, ($parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-itemLabel"],
+                UNSAFE_className: (0, ($parcel$interopDefault($3deee0fd2b46e64f$exports)))['spectrum-Menu-itemLabel'],
                 ...labelProps
             },
             icon: {
-                size: "S",
-                UNSAFE_className: (0, ($parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-icon"]
+                size: 'S',
+                UNSAFE_className: (0, ($parcel$interopDefault($3deee0fd2b46e64f$exports)))['spectrum-Menu-icon']
             },
             avatar: {
-                size: "avatar-size-100",
-                UNSAFE_className: (0, ($parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-avatar"]
+                size: 'avatar-size-100',
+                UNSAFE_className: (0, ($parcel$interopDefault($3deee0fd2b46e64f$exports)))['spectrum-Menu-avatar']
             },
             description: {
-                UNSAFE_className: (0, ($parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-description"],
+                UNSAFE_className: (0, ($parcel$interopDefault($3deee0fd2b46e64f$exports)))['spectrum-Menu-description'],
                 ...descriptionProps
             }
         }
     }, contents, isSelected && /*#__PURE__*/ (0, ($parcel$interopDefault($8xmxv$react))).createElement((0, ($parcel$interopDefault($8xmxv$spectrumiconsuiCheckmarkMedium))), {
         slot: "checkmark",
-        UNSAFE_className: (0, $8xmxv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-checkmark")
+        UNSAFE_className: (0, $8xmxv$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu-checkmark')
     }))))));
 }
 

package/dist/ListBoxOption.mjs

@@ -39,11 +39,11 @@ function $parcel$interopDefault(a) {
 function $86983ea1fa3f7312$export$feb3b6b552c14a12(props) {
     let { item: item, shouldSelectOnPressUp: shouldSelectOnPressUp, shouldFocusOnHover: shouldFocusOnHover, shouldUseVirtualFocus: shouldUseVirtualFocus } = props;
     let { rendered: rendered, key: key } = item;
-    let ElementType = item.props.href ? "a" : "div";
+    let ElementType = item.props.href ? 'a' : 'div';
     let state = (0, $6TrMC$useContext)((0, $0c6f792811e33483$export$7ff8f37d2d81a48d));
     let ref = (0, $6TrMC$useRef)();
     let { optionProps: optionProps, labelProps: labelProps, descriptionProps: descriptionProps, isSelected: isSelected, isDisabled: isDisabled, isFocused: isFocused } = (0, $6TrMC$useOption)({
-        "aria-label": item["aria-label"],
+        'aria-label': item['aria-label'],
         key: key,
         shouldSelectOnPressUp: shouldSelectOnPressUp,
         shouldFocusOnHover: shouldFocusOnHover,
@@ -54,47 +54,47 @@ function $86983ea1fa3f7312$export$feb3b6b552c14a12(props) {
         ...props,
         isDisabled: isDisabled
     });
-    let contents = typeof rendered === "string" ? /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$Text), null, rendered) : rendered;
+    let contents = typeof rendered === 'string' ? /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$Text), null, rendered) : rendered;
     let isKeyboardModality = (0, $6TrMC$isFocusVisible)();
     return /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$FocusRing), {
-        focusRingClass: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), "focus-ring")
+        focusRingClass: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), 'focus-ring')
     }, /*#__PURE__*/ (0, $6TrMC$react).createElement(ElementType, {
         ...(0, $6TrMC$mergeProps)(optionProps, shouldFocusOnHover ? {} : hoverProps),
         ref: ref,
-        className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), "spectrum-Menu-item", {
+        className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), 'spectrum-Menu-item', {
             // If using virtual focus, apply focused styles to the item when the user is interacting with keyboard modality
-            "is-focused": shouldUseVirtualFocus && isFocused && isKeyboardModality,
-            "is-disabled": isDisabled,
-            "is-selected": isSelected,
-            "is-selectable": state.selectionManager.selectionMode !== "none",
+            'is-focused': shouldUseVirtualFocus && isFocused && isKeyboardModality,
+            'is-disabled': isDisabled,
+            'is-selected': isSelected,
+            'is-selectable': state.selectionManager.selectionMode !== 'none',
             // When shouldFocusOnHover is false, apply hover styles both when hovered with the mouse.
             // Otherwise, apply hover styles when focused using non-keyboard modality.
-            "is-hovered": isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
+            'is-hovered': isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
         })
     }, /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$Grid), {
-        UNSAFE_className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), "spectrum-Menu-itemGrid")
+        UNSAFE_className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), 'spectrum-Menu-itemGrid')
     }, /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$ClearSlots), null, /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$SlotProvider), {
         slots: {
             text: {
-                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))["spectrum-Menu-itemLabel"],
+                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))['spectrum-Menu-itemLabel'],
                 ...labelProps
             },
             icon: {
-                size: "S",
-                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))["spectrum-Menu-icon"]
+                size: 'S',
+                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))['spectrum-Menu-icon']
             },
             avatar: {
-                size: "avatar-size-100",
-                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))["spectrum-Menu-avatar"]
+                size: 'avatar-size-100',
+                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))['spectrum-Menu-avatar']
             },
             description: {
-                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))["spectrum-Menu-description"],
+                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))['spectrum-Menu-description'],
                 ...descriptionProps
             }
         }
     }, contents, isSelected && /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$spectrumiconsuiCheckmarkMedium), {
         slot: "checkmark",
-        UNSAFE_className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), "spectrum-Menu-checkmark")
+        UNSAFE_className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), 'spectrum-Menu-checkmark')
     }))))));
 }
 

package/dist/ListBoxOption.module.js

@@ -39,11 +39,11 @@ function $parcel$interopDefault(a) {
 function $86983ea1fa3f7312$export$feb3b6b552c14a12(props) {
     let { item: item, shouldSelectOnPressUp: shouldSelectOnPressUp, shouldFocusOnHover: shouldFocusOnHover, shouldUseVirtualFocus: shouldUseVirtualFocus } = props;
     let { rendered: rendered, key: key } = item;
-    let ElementType = item.props.href ? "a" : "div";
+    let ElementType = item.props.href ? 'a' : 'div';
     let state = (0, $6TrMC$useContext)((0, $0c6f792811e33483$export$7ff8f37d2d81a48d));
     let ref = (0, $6TrMC$useRef)();
     let { optionProps: optionProps, labelProps: labelProps, descriptionProps: descriptionProps, isSelected: isSelected, isDisabled: isDisabled, isFocused: isFocused } = (0, $6TrMC$useOption)({
-        "aria-label": item["aria-label"],
+        'aria-label': item['aria-label'],
         key: key,
         shouldSelectOnPressUp: shouldSelectOnPressUp,
         shouldFocusOnHover: shouldFocusOnHover,
@@ -54,47 +54,47 @@ function $86983ea1fa3f7312$export$feb3b6b552c14a12(props) {
         ...props,
         isDisabled: isDisabled
     });
-    let contents = typeof rendered === "string" ? /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$Text), null, rendered) : rendered;
+    let contents = typeof rendered === 'string' ? /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$Text), null, rendered) : rendered;
     let isKeyboardModality = (0, $6TrMC$isFocusVisible)();
     return /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$FocusRing), {
-        focusRingClass: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), "focus-ring")
+        focusRingClass: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), 'focus-ring')
     }, /*#__PURE__*/ (0, $6TrMC$react).createElement(ElementType, {
         ...(0, $6TrMC$mergeProps)(optionProps, shouldFocusOnHover ? {} : hoverProps),
         ref: ref,
-        className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), "spectrum-Menu-item", {
+        className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), 'spectrum-Menu-item', {
             // If using virtual focus, apply focused styles to the item when the user is interacting with keyboard modality
-            "is-focused": shouldUseVirtualFocus && isFocused && isKeyboardModality,
-            "is-disabled": isDisabled,
-            "is-selected": isSelected,
-            "is-selectable": state.selectionManager.selectionMode !== "none",
+            'is-focused': shouldUseVirtualFocus && isFocused && isKeyboardModality,
+            'is-disabled': isDisabled,
+            'is-selected': isSelected,
+            'is-selectable': state.selectionManager.selectionMode !== 'none',
             // When shouldFocusOnHover is false, apply hover styles both when hovered with the mouse.
             // Otherwise, apply hover styles when focused using non-keyboard modality.
-            "is-hovered": isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
+            'is-hovered': isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
         })
     }, /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$Grid), {
-        UNSAFE_className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), "spectrum-Menu-itemGrid")
+        UNSAFE_className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), 'spectrum-Menu-itemGrid')
     }, /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$ClearSlots), null, /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$SlotProvider), {
         slots: {
             text: {
-                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))["spectrum-Menu-itemLabel"],
+                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))['spectrum-Menu-itemLabel'],
                 ...labelProps
             },
             icon: {
-                size: "S",
-                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))["spectrum-Menu-icon"]
+                size: 'S',
+                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))['spectrum-Menu-icon']
             },
             avatar: {
-                size: "avatar-size-100",
-                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))["spectrum-Menu-avatar"]
+                size: 'avatar-size-100',
+                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))['spectrum-Menu-avatar']
             },
             description: {
-                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))["spectrum-Menu-description"],
+                UNSAFE_className: (0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs)))['spectrum-Menu-description'],
                 ...descriptionProps
             }
         }
     }, contents, isSelected && /*#__PURE__*/ (0, $6TrMC$react).createElement((0, $6TrMC$spectrumiconsuiCheckmarkMedium), {
         slot: "checkmark",
-        UNSAFE_className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), "spectrum-Menu-checkmark")
+        UNSAFE_className: (0, $6TrMC$classNames)((0, ($parcel$interopDefault($6TrMC$menu_vars_cssmodulejs))), 'spectrum-Menu-checkmark')
     }))))));
 }
 

package/dist/ListBoxSection.main.js

@@ -38,7 +38,7 @@ function $0f5fd8483f48ef09$export$dca12b0bb56e4fc(props) {
     let { children: children, layoutInfo: layoutInfo, headerLayoutInfo: headerLayoutInfo, virtualizer: virtualizer, item: item } = props;
     let { headingProps: headingProps, groupProps: groupProps } = (0, $cCu2p$reactarialistbox.useListBoxSection)({
         heading: item.rendered,
-        "aria-label": item["aria-label"]
+        'aria-label': item['aria-label']
     });
     let headerRef = (0, $cCu2p$react.useRef)();
     (0, $cCu2p$reactariavirtualizer.useVirtualizerItem)({
@@ -54,14 +54,14 @@ function $0f5fd8483f48ef09$export$dca12b0bb56e4fc(props) {
         style: (0, $cCu2p$reactariavirtualizer.layoutInfoToStyle)(headerLayoutInfo, direction)
     }, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, ($parcel$interopDefault($cCu2p$react))).createElement("div", {
         role: "presentation",
-        className: (0, $cCu2p$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-divider")
+        className: (0, $cCu2p$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu-divider')
     }), item.rendered && /*#__PURE__*/ (0, ($parcel$interopDefault($cCu2p$react))).createElement("div", {
         ...headingProps,
-        className: (0, $cCu2p$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-sectionHeading")
+        className: (0, $cCu2p$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu-sectionHeading')
     }, item.rendered)), /*#__PURE__*/ (0, ($parcel$interopDefault($cCu2p$react))).createElement("div", {
         ...groupProps,
         style: (0, $cCu2p$reactariavirtualizer.layoutInfoToStyle)(layoutInfo, direction),
-        className: (0, $cCu2p$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu")
+        className: (0, $cCu2p$reactspectrumutils.classNames)((0, ($parcel$interopDefault($3deee0fd2b46e64f$exports))), 'spectrum-Menu')
     }, children));
 }
 

package/dist/ListBoxSection.mjs

@@ -32,7 +32,7 @@ function $92d678ed88836094$export$dca12b0bb56e4fc(props) {
     let { children: children, layoutInfo: layoutInfo, headerLayoutInfo: headerLayoutInfo, virtualizer: virtualizer, item: item } = props;
     let { headingProps: headingProps, groupProps: groupProps } = (0, $dzUX8$useListBoxSection)({
         heading: item.rendered,
-        "aria-label": item["aria-label"]
+        'aria-label': item['aria-label']
     });
     let headerRef = (0, $dzUX8$useRef)();
     (0, $dzUX8$useVirtualizerItem)({
@@ -48,14 +48,14 @@ function $92d678ed88836094$export$dca12b0bb56e4fc(props) {
         style: (0, $dzUX8$layoutInfoToStyle)(headerLayoutInfo, direction)
     }, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, $dzUX8$react).createElement("div", {
         role: "presentation",
-        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), "spectrum-Menu-divider")
+        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), 'spectrum-Menu-divider')
     }), item.rendered && /*#__PURE__*/ (0, $dzUX8$react).createElement("div", {
         ...headingProps,
-        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), "spectrum-Menu-sectionHeading")
+        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), 'spectrum-Menu-sectionHeading')
     }, item.rendered)), /*#__PURE__*/ (0, $dzUX8$react).createElement("div", {
         ...groupProps,
         style: (0, $dzUX8$layoutInfoToStyle)(layoutInfo, direction),
-        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), "spectrum-Menu")
+        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), 'spectrum-Menu')
     }, children));
 }
 

package/dist/ListBoxSection.module.js

@@ -32,7 +32,7 @@ function $92d678ed88836094$export$dca12b0bb56e4fc(props) {
     let { children: children, layoutInfo: layoutInfo, headerLayoutInfo: headerLayoutInfo, virtualizer: virtualizer, item: item } = props;
     let { headingProps: headingProps, groupProps: groupProps } = (0, $dzUX8$useListBoxSection)({
         heading: item.rendered,
-        "aria-label": item["aria-label"]
+        'aria-label': item['aria-label']
     });
     let headerRef = (0, $dzUX8$useRef)();
     (0, $dzUX8$useVirtualizerItem)({
@@ -48,14 +48,14 @@ function $92d678ed88836094$export$dca12b0bb56e4fc(props) {
         style: (0, $dzUX8$layoutInfoToStyle)(headerLayoutInfo, direction)
     }, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, $dzUX8$react).createElement("div", {
         role: "presentation",
-        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), "spectrum-Menu-divider")
+        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), 'spectrum-Menu-divider')
     }), item.rendered && /*#__PURE__*/ (0, $dzUX8$react).createElement("div", {
         ...headingProps,
-        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), "spectrum-Menu-sectionHeading")
+        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), 'spectrum-Menu-sectionHeading')
     }, item.rendered)), /*#__PURE__*/ (0, $dzUX8$react).createElement("div", {
         ...groupProps,
         style: (0, $dzUX8$layoutInfoToStyle)(layoutInfo, direction),
-        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), "spectrum-Menu")
+        className: (0, $dzUX8$classNames)((0, ($parcel$interopDefault($dzUX8$menu_vars_cssmodulejs))), 'spectrum-Menu')
     }, children));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/listbox",
-  "version": "3.12.9-nightly.4624+d80999e89",
+  "version": "3.12.9",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,27 +36,27 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/i18n": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/interactions": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/listbox": "3.12.1-nightly.4624+d80999e89",
-    "@react-aria/utils": "3.0.0-nightly.2912+d80999e89",
-    "@react-aria/virtualizer": "3.10.1-nightly.4624+d80999e89",
-    "@react-spectrum/layout": "3.6.5-nightly.4624+d80999e89",
-    "@react-spectrum/progress": "3.0.0-nightly.2912+d80999e89",
-    "@react-spectrum/text": "3.5.5-nightly.4624+d80999e89",
-    "@react-spectrum/utils": "3.0.0-nightly.2912+d80999e89",
-    "@react-stately/collections": "3.0.0-nightly.2912+d80999e89",
-    "@react-stately/layout": "3.13.9-nightly.4624+d80999e89",
-    "@react-stately/list": "3.10.5-nightly.4624+d80999e89",
-    "@react-stately/virtualizer": "3.7.1-nightly.4624+d80999e89",
-    "@react-types/listbox": "3.4.9-nightly.4624+d80999e89",
-    "@react-types/shared": "3.0.0-nightly.2912+d80999e89",
-    "@spectrum-icons/ui": "3.0.0-nightly.2912+d80999e89",
+    "@react-aria/focus": "^3.17.1",
+    "@react-aria/i18n": "^3.11.1",
+    "@react-aria/interactions": "^3.21.3",
+    "@react-aria/listbox": "^3.12.1",
+    "@react-aria/utils": "^3.24.1",
+    "@react-aria/virtualizer": "^3.10.1",
+    "@react-spectrum/layout": "^3.6.5",
+    "@react-spectrum/progress": "^3.7.7",
+    "@react-spectrum/text": "^3.5.5",
+    "@react-spectrum/utils": "^3.11.7",
+    "@react-stately/collections": "^3.10.7",
+    "@react-stately/layout": "^3.13.9",
+    "@react-stately/list": "^3.10.5",
+    "@react-stately/virtualizer": "^3.7.1",
+    "@react-types/listbox": "^3.4.9",
+    "@react-types/shared": "^3.23.1",
+    "@spectrum-icons/ui": "^3.6.7",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.2912+d80999e89"
+    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.2.0",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d80999e897b4d4db9fcfb4e9b8fcdc9fdd700882"
+  "gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
 }