react-aria-components 1.0.0-rc.0 → 1.0.0

package/dist/main.js

@@ -1,3 +1,39 @@
+"use client";
+
+var $7e3b9f6c0d3f98a7$exports = require("./ar-AE.main.js");
+var $7c11c8bafabff514$exports = require("./bg-BG.main.js");
+var $d55d6a46d896aa4e$exports = require("./cs-CZ.main.js");
+var $0bf85a6224525466$exports = require("./da-DK.main.js");
+var $3cffc1bd30a143a7$exports = require("./de-DE.main.js");
+var $af25cfd8212114c4$exports = require("./el-GR.main.js");
+var $4f0d6cca330ebbae$exports = require("./en-US.main.js");
+var $1e942d208b3f081e$exports = require("./es-ES.main.js");
+var $7ecf22cba6524ed5$exports = require("./et-EE.main.js");
+var $4c3e2c694f8954f2$exports = require("./fi-FI.main.js");
+var $5c093d840945be34$exports = require("./fr-FR.main.js");
+var $54ebe5cc44e081ca$exports = require("./he-IL.main.js");
+var $c87f289edc3c8208$exports = require("./hr-HR.main.js");
+var $6752ef148a3dc43f$exports = require("./hu-HU.main.js");
+var $58fa24283081b65c$exports = require("./it-IT.main.js");
+var $770533c19d7b553a$exports = require("./ja-JP.main.js");
+var $de8f7b8ad7f54d6d$exports = require("./ko-KR.main.js");
+var $de235b5235305f02$exports = require("./lt-LT.main.js");
+var $1badb5b4b4fa9042$exports = require("./lv-LV.main.js");
+var $e0e47ca0931d41e2$exports = require("./nb-NO.main.js");
+var $adb96033a361a81b$exports = require("./nl-NL.main.js");
+var $96ebda5b7b663ef6$exports = require("./pl-PL.main.js");
+var $010ef53c23794e08$exports = require("./pt-BR.main.js");
+var $a0d0918dbe8cd238$exports = require("./pt-PT.main.js");
+var $b73baeec3a0b138d$exports = require("./ro-RO.main.js");
+var $aed1f56161d4731e$exports = require("./ru-RU.main.js");
+var $3ff95b3a8291cbd7$exports = require("./sk-SK.main.js");
+var $c7459bccfcc668d8$exports = require("./sl-SI.main.js");
+var $d4deb497858acd42$exports = require("./sr-SP.main.js");
+var $f07511ec9106f700$exports = require("./sv-SE.main.js");
+var $8ecd910775d75b2a$exports = require("./tr-TR.main.js");
+var $db0c53fb82554560$exports = require("./uk-UA.main.js");
+var $c6fb62cc552205b8$exports = require("./zh-CN.main.js");
+var $1830911445b53dbf$exports = require("./zh-TW.main.js");
 var $bzgmy$reactaria = require("react-aria");
 var $bzgmy$reactstately = require("react-stately");
 var $bzgmy$reactariautils = require("@react-aria/utils");
@@ -43,6 +79,10 @@ $parcel$export(module.exports, "CheckboxGroupStateContext", () => $e733553516d84
 $parcel$export(module.exports, "ComboBox", () => $1d716ce69f118fad$export$72b9695b8216309a);
 $parcel$export(module.exports, "ComboBoxContext", () => $1d716ce69f118fad$export$d414ccceff7063c3);
 $parcel$export(module.exports, "ComboBoxStateContext", () => $1d716ce69f118fad$export$c02625b26074192c);
+$parcel$export(module.exports, "composeRenderProps", () => $c5ccf687772c0422$export$c245e6201fed2f75);
+$parcel$export(module.exports, "Provider", () => $c5ccf687772c0422$export$2881499e37b75b9a);
+$parcel$export(module.exports, "useContextProps", () => $c5ccf687772c0422$export$29f1550f4b0d4415);
+$parcel$export(module.exports, "useSlottedContext", () => $c5ccf687772c0422$export$fabf2dc03a41866e);
 $parcel$export(module.exports, "DateField", () => $9eb4e1c2268ca198$export$d9781c7894a82487);
 $parcel$export(module.exports, "DateInput", () => $9eb4e1c2268ca198$export$7edc06cf1783b30f);
 $parcel$export(module.exports, "DateSegment", () => $9eb4e1c2268ca198$export$336ab7fa954c4b5f);
@@ -107,9 +147,6 @@ $parcel$export(module.exports, "Popover", () => $61e2b7078adb18bc$export$5b6b194
 $parcel$export(module.exports, "PopoverContext", () => $61e2b7078adb18bc$export$9b9a0cd73afb7ca4);
 $parcel$export(module.exports, "ProgressBar", () => $0d6436f6a1b0b001$export$c17561cb55d4db30);
 $parcel$export(module.exports, "ProgressBarContext", () => $0d6436f6a1b0b001$export$e9f3bf65a26ce129);
-$parcel$export(module.exports, "Provider", () => $c5ccf687772c0422$export$2881499e37b75b9a);
-$parcel$export(module.exports, "useContextProps", () => $c5ccf687772c0422$export$29f1550f4b0d4415);
-$parcel$export(module.exports, "useSlottedContext", () => $c5ccf687772c0422$export$fabf2dc03a41866e);
 $parcel$export(module.exports, "RadioGroup", () => $1456b76f687bd4ed$export$a98f0dcb43a68a25);
 $parcel$export(module.exports, "Radio", () => $1456b76f687bd4ed$export$d7b12c4107be0d61);
 $parcel$export(module.exports, "RadioGroupContext", () => $1456b76f687bd4ed$export$a79eda4ff50e30b6);
@@ -182,6 +219,7 @@ $parcel$export(module.exports, "isTextDropItem", () => $bzgmy$reactaria.isTextDr
 $parcel$export(module.exports, "SSRProvider", () => $bzgmy$reactaria.SSRProvider);
 $parcel$export(module.exports, "RouterProvider", () => $bzgmy$reactaria.RouterProvider);
 $parcel$export(module.exports, "I18nProvider", () => $bzgmy$reactaria.I18nProvider);
+$parcel$export(module.exports, "useLocale", () => $bzgmy$reactaria.useLocale);
 $parcel$export(module.exports, "FormValidationContext", () => $bzgmy$reactstately.FormValidationContext);
 /*
  * Copyright 2022 Adobe. All rights reserved.
@@ -302,6 +340,10 @@ class $3114c2382242bdc0$export$f5d856d854e74713 {
         this._parentNode = parentNode;
         this.ownerDocument.markDirty(this);
     }
+    get isConnected() {
+        var _this_parentNode;
+        return ((_this_parentNode = this.parentNode) === null || _this_parentNode === void 0 ? void 0 : _this_parentNode.isConnected) || false;
+    }
     appendChild(child) {
         this.ownerDocument.startTransaction();
         if (child.parentNode) child.parentNode.removeChild(child);
@@ -542,6 +584,9 @@ class $3114c2382242bdc0$export$408d25a4e12db025 {
     }
 }
 class $3114c2382242bdc0$export$b34a105447964f9f extends $3114c2382242bdc0$var$BaseNode {
+    get isConnected() {
+        return true;
+    }
     createElement(type) {
         return new $3114c2382242bdc0$export$dc064fe9e59310fd(type, this);
     }
@@ -583,10 +628,7 @@ class $3114c2382242bdc0$export$b34a105447964f9f extends $3114c2382242bdc0$var$Ba
         this.markDirty(element);
     }
     removeNode(node) {
-        for (let child of node){
-            child.parentNode = null;
-            this.removeNode(child);
-        }
+        for (let child of node)this.removeNode(child);
         let collection = this.getMutableCollection();
         collection.removeNode(node.node.key);
         this.markDirty(node);
@@ -597,12 +639,12 @@ class $3114c2382242bdc0$export$b34a105447964f9f extends $3114c2382242bdc0$var$Ba
         return this.collection;
     }
     updateCollection() {
-        for (let element of this.dirtyNodes)if (element instanceof $3114c2382242bdc0$export$dc064fe9e59310fd && element.parentNode) element.updateNode();
+        for (let element of this.dirtyNodes)if (element instanceof $3114c2382242bdc0$export$dc064fe9e59310fd && element.isConnected) element.updateNode();
         this.dirtyNodes.clear();
         if (this.mutatedNodes.size) {
             var _this_firstChild, _this_lastChild;
             let collection = this.getMutableCollection();
-            for (let element of this.mutatedNodes)if (element.parentNode) collection.addNode(element.node);
+            for (let element of this.mutatedNodes)if (element.isConnected) collection.addNode(element.node);
             var _this_firstChild_node_key, _this_lastChild_node_key;
             collection.commit((_this_firstChild_node_key = (_this_firstChild = this.firstChild) === null || _this_firstChild === void 0 ? void 0 : _this_firstChild.node.key) !== null && _this_firstChild_node_key !== void 0 ? _this_firstChild_node_key : null, (_this_lastChild_node_key = (_this_lastChild = this.lastChild) === null || _this_lastChild === void 0 ? void 0 : _this_lastChild.node.key) !== null && _this_lastChild_node_key !== void 0 ? _this_lastChild_node_key : null, this.isSSR);
             this.mutatedNodes.clear();
@@ -645,8 +687,9 @@ class $3114c2382242bdc0$export$b34a105447964f9f extends $3114c2382242bdc0$var$Ba
     }
 }
 function $3114c2382242bdc0$export$727c8fc270210f13(props) {
-    let { children: children, items: items, idScope: idScope, addIdAndValue: addIdAndValue } = props;
-    let cache = (0, $bzgmy$react.useMemo)(()=>new WeakMap(), []);
+    let { children: children, items: items, idScope: idScope, addIdAndValue: addIdAndValue, dependencies: dependencies = [] } = props;
+    // Invalidate the cache whenever the parent value changes.
+    let cache = (0, $bzgmy$react.useMemo)(()=>new WeakMap(), dependencies);
     return (0, $bzgmy$react.useMemo)(()=>{
         if (items && typeof children === "function") {
             let res = [];
@@ -654,23 +697,21 @@ function $3114c2382242bdc0$export$727c8fc270210f13(props) {
                 let rendered = cache.get(item);
                 if (!rendered) {
                     rendered = children(item);
-                    if (rendered.key == null) {
-                        var _rendered_props_id, _ref;
-                        // @ts-ignore
-                        let key = (_ref = (_rendered_props_id = rendered.props.id) !== null && _rendered_props_id !== void 0 ? _rendered_props_id : item.key) !== null && _ref !== void 0 ? _ref : item.id;
-                        // eslint-disable-next-line max-depth
-                        if (key == null) throw new Error("Could not determine key for item");
-                        // eslint-disable-next-line max-depth
-                        if (idScope) key = idScope + ":" + key;
-                        // TODO: only works if wrapped Item passes through id...
-                        rendered = /*#__PURE__*/ (0, $bzgmy$react.cloneElement)(rendered, addIdAndValue ? {
-                            key: key,
-                            id: key,
-                            value: item
-                        } : {
-                            key: key
-                        });
-                    }
+                    var _rendered_props_id, _ref;
+                    // @ts-ignore
+                    let key = (_ref = (_rendered_props_id = rendered.props.id) !== null && _rendered_props_id !== void 0 ? _rendered_props_id : item.key) !== null && _ref !== void 0 ? _ref : item.id;
+                    // eslint-disable-next-line max-depth
+                    if (key == null) throw new Error("Could not determine key for item");
+                    // eslint-disable-next-line max-depth
+                    if (idScope) key = idScope + ":" + key;
+                    // Note: only works if wrapped Item passes through id...
+                    rendered = /*#__PURE__*/ (0, $bzgmy$react.cloneElement)(rendered, addIdAndValue ? {
+                        key: key,
+                        id: key,
+                        value: item
+                    } : {
+                        key: key
+                    });
                     cache.set(item, rendered);
                 }
                 res.push(rendered);
@@ -825,6 +866,7 @@ const $3114c2382242bdc0$export$4feb769f8ddf26c5 = /*#__PURE__*/ (0, $bzgmy$react
 function $3114c2382242bdc0$export$fb8073518f34e6ec(props) {
     let ctx = (0, $bzgmy$react.useContext)($3114c2382242bdc0$export$db36075d98ba73d3);
     props = (0, $bzgmy$reactaria.mergeProps)(ctx, props);
+    props.dependencies = ((ctx === null || ctx === void 0 ? void 0 : ctx.dependencies) || []).concat(props.dependencies);
     let renderer = typeof props.children === "function" ? props.children : null;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($3114c2382242bdc0$export$4feb769f8ddf26c5.Provider, {
         value: renderer
@@ -883,6 +925,10 @@ function $c5ccf687772c0422$export$4d86445c2cf5e3(props) {
         values
     ]);
 }
+function $c5ccf687772c0422$export$c245e6201fed2f75(// https://stackoverflow.com/questions/60898079/typescript-type-t-or-function-t-usage
+value, wrap) {
+    return (renderProps)=>wrap(typeof value === "function" ? value(renderProps) : value, renderProps);
+}
 function $c5ccf687772c0422$export$fabf2dc03a41866e(context, slot) {
     let ctx = (0, $bzgmy$react.useContext)(context);
     if (slot === null) // An explicit `null` slot means don't use context.
@@ -1158,6 +1204,7 @@ function $afa44b644f65ed30$var$BreadcrumbItem({ node: node, isCurrent: isCurrent
     var _node_props_className;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("li", {
         ...(0, $bzgmy$reactariautils.filterDOMProps)(node.props),
+        ref: node.props.ref,
         style: node.props.style,
         className: (_node_props_className = node.props.className) !== null && _node_props_className !== void 0 ? _node_props_className : "react-aria-Breadcrumb"
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c87397ee936d2bda$export$e2509388b49734e7).Provider, {
@@ -1263,6 +1310,7 @@ function $1063ac64677bb13f$var$Heading(props, ref) {
     let Element = `h${level}`;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement(Element, {
         ...domProps,
+        ref: ref,
         className: className !== null && className !== void 0 ? className : "react-aria-Heading"
     }, children);
 }
@@ -1527,10 +1575,10 @@ function $3f539f26b167ddde$var$CalendarCell({ date: date, ...otherProps }, ref)
     let { startDate: currentMonth } = (_useContext = (0, $bzgmy$react.useContext)($3f539f26b167ddde$var$InternalCalendarGridContext)) !== null && _useContext !== void 0 ? _useContext : {
         startDate: state.visibleRange.start
     };
-    let objectRef = (0, $bzgmy$reactariautils.useObjectRef)(ref);
+    let buttonRef = (0, $bzgmy$react.useRef)(null);
     let { cellProps: cellProps, buttonProps: buttonProps, ...states } = (0, $bzgmy$reactaria.useCalendarCell)({
         date: date
-    }, state, objectRef);
+    }, state, buttonRef);
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
         ...otherProps,
         isDisabled: states.isDisabled
@@ -1571,9 +1619,12 @@ function $3f539f26b167ddde$var$CalendarCell({ date: date, ...otherProps }, ref)
         "data-selection-end": isSelectionEnd || undefined,
         "data-invalid": states.isInvalid || undefined
     };
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("td", cellProps, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("td", {
+        ...cellProps,
+        ref: ref
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
         ...(0, $bzgmy$reactaria.mergeProps)((0, $bzgmy$reactariautils.filterDOMProps)(otherProps), buttonProps, focusProps, hoverProps, dataAttrs, renderProps),
-        ref: objectRef
+        ref: buttonRef
     }));
 }
 /**
@@ -1733,9 +1784,10 @@ function $e733553516d848a9$var$CheckboxGroup(props, ref) {
 const $e733553516d848a9$export$b085522c77523c51 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
 function $e733553516d848a9$var$Checkbox(props, ref) {
     [props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $e733553516d848a9$export$b085522c77523c51);
+    let inputRef = (0, $bzgmy$react.useRef)(null);
     let groupState = (0, $bzgmy$react.useContext)($e733553516d848a9$export$139c5b8563afc1fc);
     var _props_validationBehavior;
-    let { inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressedKeyboard, isInvalid: isInvalid } = groupState ? (0, $bzgmy$reactaria.useCheckboxGroupItem)({
+    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? (0, $bzgmy$reactaria.useCheckboxGroupItem)({
         ...props,
         // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
         // it's passed explicitly here to avoid typescript error (requires ignore).
@@ -1743,30 +1795,17 @@ function $e733553516d848a9$var$Checkbox(props, ref) {
         value: props.value,
         // ReactNode type doesn't allow function children.
         children: typeof props.children === "function" ? true : props.children
-    }, groupState, ref) : (0, $bzgmy$reactaria.useCheckbox)({
+    }, groupState, inputRef) : (0, $bzgmy$reactaria.useCheckbox)({
         ...props,
         children: typeof props.children === "function" ? true : props.children,
         validationBehavior: (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : "native"
-    }, (0, $bzgmy$reactstately.useToggleState)(props), ref);
+    }, (0, $bzgmy$reactstately.useToggleState)(props), inputRef);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
     let isInteractionDisabled = isDisabled || isReadOnly;
-    // Handle press state for full label. Keyboard press state is returned by useCheckbox
-    // since it is handled on the <input> element itself.
-    let [isPressed, setPressed] = (0, $bzgmy$react.useState)(false);
-    let { pressProps: pressProps } = (0, $bzgmy$reactaria.usePress)({
-        isDisabled: isInteractionDisabled,
-        onPressStart (e) {
-            if (e.pointerType !== "keyboard") setPressed(true);
-        },
-        onPressEnd (e) {
-            if (e.pointerType !== "keyboard") setPressed(false);
-        }
-    });
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
         ...props,
         isDisabled: isInteractionDisabled
     });
-    let pressed = isInteractionDisabled ? false : isPressed || isPressedKeyboard;
     let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
         // TODO: should data attrs go on the label or on the <input>? useCheckbox passes them to the input...
         ...props,
@@ -1774,7 +1813,7 @@ function $e733553516d848a9$var$Checkbox(props, ref) {
         values: {
             isSelected: isSelected,
             isIndeterminate: props.isIndeterminate || false,
-            isPressed: pressed,
+            isPressed: isPressed,
             isHovered: isHovered,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
@@ -1787,11 +1826,12 @@ function $e733553516d848a9$var$Checkbox(props, ref) {
     let DOMProps = (0, $bzgmy$reactariautils.filterDOMProps)(props);
     delete DOMProps.id;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("label", {
-        ...(0, $bzgmy$reactaria.mergeProps)(DOMProps, pressProps, hoverProps, renderProps),
+        ...(0, $bzgmy$reactaria.mergeProps)(DOMProps, labelProps, hoverProps, renderProps),
+        ref: ref,
         slot: props.slot || undefined,
         "data-selected": isSelected || undefined,
         "data-indeterminate": props.isIndeterminate || undefined,
-        "data-pressed": pressed || undefined,
+        "data-pressed": isPressed || undefined,
         "data-hovered": isHovered || undefined,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
@@ -1804,7 +1844,7 @@ function $e733553516d848a9$var$Checkbox(props, ref) {
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("input", {
         ...inputProps,
         ...focusProps,
-        ref: ref
+        ref: inputRef
     })), renderProps.children);
 }
 /**
@@ -1833,6 +1873,64 @@ function $e733553516d848a9$var$Checkbox(props, ref) {
 
 
 
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+const $dcae72abc18c0045$export$f9c6924e160136d1 = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
+function $dcae72abc18c0045$var$Group(props, ref) {
+    [props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $dcae72abc18c0045$export$f9c6924e160136d1);
+    let { isDisabled: isDisabled, isInvalid: isInvalid, onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
+        onHoverStart: onHoverStart,
+        onHoverChange: onHoverChange,
+        onHoverEnd: onHoverEnd,
+        isDisabled: isDisabled
+    });
+    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)({
+        within: true
+    });
+    isDisabled !== null && isDisabled !== void 0 ? isDisabled : isDisabled = !!props["aria-disabled"] && props["aria-disabled"] !== "false";
+    isInvalid !== null && isInvalid !== void 0 ? isInvalid : isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
+    let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isHovered: isHovered,
+            isFocusWithin: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: isDisabled,
+            isInvalid: isInvalid
+        },
+        defaultClassName: "react-aria-Group"
+    });
+    var _props_role, _props_slot;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
+        ...(0, $bzgmy$reactaria.mergeProps)(otherProps, focusProps, hoverProps),
+        ...renderProps,
+        ref: ref,
+        role: (_props_role = props.role) !== null && _props_role !== void 0 ? _props_role : "group",
+        slot: (_props_slot = props.slot) !== null && _props_slot !== void 0 ? _props_slot : undefined,
+        "data-focus-within": isFocused || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-disabled": isDisabled || undefined,
+        "data-invalid": isInvalid || undefined
+    }, renderProps.children);
+}
+/**
+ * A group represents a set of related UI controls, and supports interactive states for styling.
+ */ const $dcae72abc18c0045$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($dcae72abc18c0045$var$Group);
+
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -2208,6 +2306,7 @@ function $a03b42240404b420$var$ListBoxInner({ state: state, props: props, listBo
         ...renderProps,
         ref: listBoxRef,
         slot: props.slot || undefined,
+        onScroll: props.onScroll,
         "data-drop-target": isRootDropTarget || undefined,
         "data-empty": state.collection.size === 0 || undefined,
         "data-focused": isFocused || undefined,
@@ -2251,10 +2350,10 @@ function $a03b42240404b420$var$ListBoxSection({ section: section, className: cla
     var _section_props, _section_props1;
     let state = (0, $bzgmy$react.useContext)($a03b42240404b420$export$7c5906fe4f1f2af2);
     let [headingRef, heading] = (0, $c5ccf687772c0422$export$9d4c57ee4c6ffdd8)();
-    var _section_arialabel;
+    var _section_props_arialabel;
     let { headingProps: headingProps, groupProps: groupProps } = (0, $bzgmy$reactaria.useListBoxSection)({
         heading: heading,
-        "aria-label": (_section_arialabel = section["aria-label"]) !== null && _section_arialabel !== void 0 ? _section_arialabel : undefined
+        "aria-label": (_section_props_arialabel = section.props["aria-label"]) !== null && _section_props_arialabel !== void 0 ? _section_props_arialabel : undefined
     });
     let children = (0, $3114c2382242bdc0$export$727c8fc270210f13)({
         items: state.collection.getChildren(section.key),
@@ -2301,18 +2400,13 @@ function $a03b42240404b420$var$ListBoxItem(props, ref) {
 function $a03b42240404b420$var$Option({ item: item }) {
     let ref = (0, $bzgmy$reactariautils.useObjectRef)(item.props.ref);
     let state = (0, $bzgmy$react.useContext)($a03b42240404b420$export$7c5906fe4f1f2af2);
-    let { shouldFocusOnHover: shouldFocusOnHover } = (0, $c5ccf687772c0422$export$fabf2dc03a41866e)($a03b42240404b420$export$7ff8f37d2d81a48d);
     let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $bzgmy$react.useContext)((0, $368d79437ab76c11$export$d188a835a7bc5783));
     let { optionProps: optionProps, labelProps: labelProps, descriptionProps: descriptionProps, ...states } = (0, $bzgmy$reactaria.useOption)({
         key: item.key
     }, state, ref);
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
-        isDisabled: shouldFocusOnHover || !states.allowsSelection && !states.hasAction
+        isDisabled: !states.allowsSelection && !states.hasAction
     });
-    if (shouldFocusOnHover) {
-        hoverProps = {};
-        isHovered = states.isFocused;
-    }
     let draggableItem = null;
     if (dragState && dragAndDropHooks) draggableItem = dragAndDropHooks.useDraggableItem({
         key: item.key
@@ -2478,12 +2572,15 @@ function $ee5958cbdc6becc1$var$OverlayArrow(props, ref) {
             placement: placement
         }
     });
+    // remove undefined values from renderProps.style object so that it can be
+    // spread merged with the other style object
+    if (renderProps.style) Object.keys(renderProps.style).forEach((key)=>renderProps.style[key] === undefined && delete renderProps.style[key]);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
         ...props,
         ...renderProps,
         style: {
-            ...renderProps.style,
-            ...style
+            ...style,
+            ...renderProps.style
         },
         ref: ref,
         "data-placement": placement
@@ -2510,6 +2607,7 @@ function $61e2b7078adb18bc$var$Popover(props, ref) {
     if (isHidden) {
         let children = props.children;
         if (typeof children === "function") children = children({
+            trigger: props.trigger || null,
             placement: "bottom",
             isEntering: false,
             isExiting: false
@@ -2528,7 +2626,7 @@ function $61e2b7078adb18bc$var$Popover(props, ref) {
 /**
  * A popover is an overlay element positioned relative to a trigger.
  */ const $61e2b7078adb18bc$export$5b6b19405a83ff9d = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($61e2b7078adb18bc$var$Popover);
-function $61e2b7078adb18bc$var$PopoverInner({ state: state, isExiting: isExiting, ...props }) {
+function $61e2b7078adb18bc$var$PopoverInner({ state: state, isExiting: isExiting, UNSTABLE_portalContainer: UNSTABLE_portalContainer, ...props }) {
     var _props_offset;
     let { popoverProps: popoverProps, underlayProps: underlayProps, arrowProps: arrowProps, placement: placement } = (0, $bzgmy$reactaria.usePopover)({
         ...props,
@@ -2540,17 +2638,19 @@ function $61e2b7078adb18bc$var$PopoverInner({ state: state, isExiting: isExiting
         ...props,
         defaultClassName: "react-aria-Popover",
         values: {
+            trigger: props.trigger || null,
             placement: placement,
             isEntering: isEntering,
             isExiting: isExiting
         }
     });
     let style = {
-        ...renderProps.style,
-        ...popoverProps.style
+        ...popoverProps.style,
+        ...renderProps.style
     };
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactaria.Overlay), {
-        isExiting: isExiting
+        isExiting: isExiting,
+        portalContainer: UNSTABLE_portalContainer
     }, !props.isNonModal && state.isOpen && /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
         ...underlayProps,
         style: {
@@ -2563,6 +2663,7 @@ function $61e2b7078adb18bc$var$PopoverInner({ state: state, isExiting: isExiting
         ref: ref,
         slot: props.slot || undefined,
         style: style,
+        "data-trigger": props.trigger,
         "data-placement": placement,
         "data-entering": isEntering || undefined,
         "data-exiting": isExiting || undefined
@@ -2608,6 +2709,7 @@ function $2979ab89b336194b$export$2e1e1122cf0cba88(props) {
             [
                 (0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
                 {
+                    trigger: "DialogTrigger",
                     triggerRef: buttonRef
                 }
             ]
@@ -2818,6 +2920,7 @@ function $1d716ce69f118fad$var$ComboBoxInner({ props: props, collection: collect
                     triggerRef: inputRef,
                     placement: "bottom start",
                     isNonModal: true,
+                    trigger: "ComboBox",
                     style: {
                         "--trigger-width": menuWidth
                     }
@@ -2843,6 +2946,13 @@ function $1d716ce69f118fad$var$ComboBoxInner({ props: props, collection: collect
                     }
                 }
             ],
+            [
+                (0, $dcae72abc18c0045$export$f9c6924e160136d1),
+                {
+                    isInvalid: validation.isInvalid,
+                    isDisabled: props.isDisabled || false
+                }
+            ],
             [
                 (0, $846a838139f2ac6b$export$ff05c3ac10437e03),
                 validation
@@ -2869,6 +2979,7 @@ function $1d716ce69f118fad$var$ComboBoxInner({ props: props, collection: collect
  */ const $1d716ce69f118fad$export$72b9695b8216309a = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($1d716ce69f118fad$var$ComboBox);
 
 
+
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -2885,63 +2996,6 @@ function $1d716ce69f118fad$var$ComboBoxInner({ props: props, collection: collect
 
 
 
-/*
- * Copyright 2022 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-const $dcae72abc18c0045$export$f9c6924e160136d1 = /*#__PURE__*/ (0, $bzgmy$react.createContext)({});
-function $dcae72abc18c0045$var$Group(props, ref) {
-    [props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $dcae72abc18c0045$export$f9c6924e160136d1);
-    let { isDisabled: isDisabled, isInvalid: isInvalid, onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
-        onHoverStart: onHoverStart,
-        onHoverChange: onHoverChange,
-        onHoverEnd: onHoverEnd,
-        isDisabled: isDisabled
-    });
-    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)({
-        within: true
-    });
-    isDisabled !== null && isDisabled !== void 0 ? isDisabled : isDisabled = !!props["aria-disabled"] && props["aria-disabled"] !== "false";
-    isInvalid !== null && isInvalid !== void 0 ? isInvalid : isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
-    let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
-        ...props,
-        values: {
-            isHovered: isHovered,
-            isFocusWithin: isFocused,
-            isFocusVisible: isFocusVisible,
-            isDisabled: isDisabled,
-            isInvalid: isInvalid
-        },
-        defaultClassName: "react-aria-Group"
-    });
-    var _props_role, _props_slot;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
-        ...(0, $bzgmy$reactaria.mergeProps)(otherProps, focusProps, hoverProps),
-        ...renderProps,
-        ref: ref,
-        role: (_props_role = props.role) !== null && _props_role !== void 0 ? _props_role : "group",
-        slot: (_props_slot = props.slot) !== null && _props_slot !== void 0 ? _props_slot : undefined,
-        "data-focus-within": isFocused || undefined,
-        "data-hovered": isHovered || undefined,
-        "data-focus-visible": isFocusVisible || undefined,
-        "data-disabled": isDisabled || undefined,
-        "data-invalid": isInvalid || undefined
-    }, renderProps.children);
-}
-/**
- * A group represents a set of related UI controls, and supports interactive states for styling.
- */ const $dcae72abc18c0045$export$eb2fcfdbd7ba97d4 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($dcae72abc18c0045$var$Group);
-
 
 
 
@@ -2992,7 +3046,8 @@ function $9eb4e1c2268ca198$var$DateField(props, ref) {
                 (0, $dcae72abc18c0045$export$f9c6924e160136d1),
                 {
                     ...fieldProps,
-                    ref: fieldRef
+                    ref: fieldRef,
+                    isInvalid: state.isInvalid
                 }
             ],
             [
@@ -3076,7 +3131,8 @@ function $9eb4e1c2268ca198$var$TimeField(props, ref) {
                 (0, $dcae72abc18c0045$export$f9c6924e160136d1),
                 {
                     ...fieldProps,
-                    ref: fieldRef
+                    ref: fieldRef,
+                    isInvalid: state.isInvalid
                 }
             ],
             [
@@ -3165,7 +3221,8 @@ const $9eb4e1c2268ca198$var$DateInputStandalone = /*#__PURE__*/ (0, $bzgmy$react
                 (0, $dcae72abc18c0045$export$f9c6924e160136d1),
                 {
                     ...fieldProps,
-                    ref: fieldRef
+                    ref: fieldRef,
+                    isInvalid: state.isInvalid
                 }
             ]
         ]
@@ -3302,7 +3359,8 @@ function $adfe8d3f75d5162e$var$DatePicker(props, ref) {
                 (0, $dcae72abc18c0045$export$f9c6924e160136d1),
                 {
                     ...groupProps,
-                    ref: groupRef
+                    ref: groupRef,
+                    isInvalid: state.isInvalid
                 }
             ],
             [
@@ -3335,6 +3393,7 @@ function $adfe8d3f75d5162e$var$DatePicker(props, ref) {
             [
                 (0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
                 {
+                    trigger: "DatePicker",
                     triggerRef: groupRef,
                     placement: "bottom start"
                 }
@@ -3415,7 +3474,8 @@ function $adfe8d3f75d5162e$var$DateRangePicker(props, ref) {
                 (0, $dcae72abc18c0045$export$f9c6924e160136d1),
                 {
                     ...groupProps,
-                    ref: groupRef
+                    ref: groupRef,
+                    isInvalid: state.isInvalid
                 }
             ],
             [
@@ -3444,6 +3504,7 @@ function $adfe8d3f75d5162e$var$DateRangePicker(props, ref) {
             [
                 (0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
                 {
+                    trigger: "DateRangePicker",
                     triggerRef: groupRef,
                     placement: "bottom start"
                 }
@@ -3509,140 +3570,38 @@ function $adfe8d3f75d5162e$var$DateRangePicker(props, ref) {
 
 
 var $d72d752ea1c67b9a$exports = {};
-var $7e3b9f6c0d3f98a7$exports = {};
-$7e3b9f6c0d3f98a7$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"\u062D\u062F\u062F \u0639\u0646\u0635\u0631\u064B\u0627","tableResizer":"\u0623\u062F\u0627\u0629 \u062A\u063A\u064A\u064A\u0631 \u0627\u0644\u062D\u062C\u0645"}');
-
-
-var $7c11c8bafabff514$exports = {};
-$7c11c8bafabff514$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043F\u0440\u0435\u0434\u043C\u0435\u0442","tableResizer":"\u041F\u0440\u0435\u043E\u0440\u0430\u0437\u043C\u0435\u0440\u0438\u0442\u0435\u043B"}');
-
-
-var $d55d6a46d896aa4e$exports = {};
-$d55d6a46d896aa4e$exports = JSON.parse('{"dropzoneLabel":"M\xedsto pro p\u0159eta\u017Een\xed","selectPlaceholder":"Vyberte polo\u017Eku","tableResizer":"Zm\u011Bna velikosti"}');
-
-
-var $0bf85a6224525466$exports = {};
-$0bf85a6224525466$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"V\xe6lg et element","tableResizer":"St\xf8rrelses\xe6ndring"}');
-
-
-var $3cffc1bd30a143a7$exports = {};
-$3cffc1bd30a143a7$exports = JSON.parse('{"dropzoneLabel":"Ablegebereich","selectPlaceholder":"Element w\xe4hlen","tableResizer":"Gr\xf6\xdfenanpassung"}');
-
-
-var $af25cfd8212114c4$exports = {};
-$af25cfd8212114c4$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AD\u03BD\u03B1 \u03B1\u03BD\u03C4\u03B9\u03BA\u03B5\u03AF\u03BC\u03B5\u03BD\u03BF","tableResizer":"\u0391\u03BB\u03BB\u03B1\u03B3\u03AE \u03BC\u03B5\u03B3\u03AD\u03B8\u03BF\u03C5\u03C2"}');
-
-
-var $4f0d6cca330ebbae$exports = {};
-$4f0d6cca330ebbae$exports = JSON.parse('{"selectPlaceholder":"Select an item","tableResizer":"Resizer","dropzoneLabel":"DropZone"}');
-
-
-var $1e942d208b3f081e$exports = {};
-$1e942d208b3f081e$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Seleccionar un art\xedculo","tableResizer":"Cambiador de tama\xf1o"}');
-
-
-var $7ecf22cba6524ed5$exports = {};
-$7ecf22cba6524ed5$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Valige \xfcksus","tableResizer":"Suuruse muutja"}');
-
-
-var $4c3e2c694f8954f2$exports = {};
-$4c3e2c694f8954f2$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Valitse kohde","tableResizer":"Koon muuttaja"}');
-
-
-var $5c093d840945be34$exports = {};
-$5c093d840945be34$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"S\xe9lectionner un \xe9l\xe9ment","tableResizer":"Redimensionneur"}');
-
-
-var $54ebe5cc44e081ca$exports = {};
-$54ebe5cc44e081ca$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"\u05D1\u05D7\u05E8 \u05E4\u05E8\u05D9\u05D8","tableResizer":"\u05E9\u05D9\u05E0\u05D5\u05D9 \u05D2\u05D5\u05D3\u05DC"}');
-
-
-var $c87f289edc3c8208$exports = {};
-$c87f289edc3c8208$exports = JSON.parse('{"dropzoneLabel":"Zona spu\u0161tanja","selectPlaceholder":"Odaberite stavku","tableResizer":"Promjena veli\u010Dine"}');
-
-
-var $6752ef148a3dc43f$exports = {};
-$6752ef148a3dc43f$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"V\xe1lasszon ki egy elemet","tableResizer":"\xc1tm\xe9retez\u0151"}');
 
 
-var $58fa24283081b65c$exports = {};
-$58fa24283081b65c$exports = JSON.parse('{"dropzoneLabel":"Zona di rilascio","selectPlaceholder":"Seleziona un elemento","tableResizer":"Ridimensionamento"}');
 
 
-var $770533c19d7b553a$exports = {};
-$770533c19d7b553a$exports = JSON.parse('{"dropzoneLabel":"\u30C9\u30ED\u30C3\u30D7\u30BE\u30FC\u30F3","selectPlaceholder":"\u9805\u76EE\u3092\u9078\u629E","tableResizer":"\u30B5\u30A4\u30BA\u5909\u66F4\u30C4\u30FC\u30EB"}');
 
 
-var $de8f7b8ad7f54d6d$exports = {};
-$de8f7b8ad7f54d6d$exports = JSON.parse('{"dropzoneLabel":"\uB4DC\uB86D \uC601\uC5ED","selectPlaceholder":"\uD56D\uBAA9 \uC120\uD0DD","tableResizer":"\uD06C\uAE30 \uC870\uC815\uAE30"}');
 
 
-var $de235b5235305f02$exports = {};
-$de235b5235305f02$exports = JSON.parse('{"dropzoneLabel":"\u201EDropZone\u201C","selectPlaceholder":"Pasirinkite element\u0105","tableResizer":"Dyd\u017Eio keitiklis"}');
 
 
-var $1badb5b4b4fa9042$exports = {};
-$1badb5b4b4fa9042$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Izv\u0113l\u0113ties vienumu","tableResizer":"Izm\u0113ra main\u012Bt\u0101js"}');
 
 
-var $e0e47ca0931d41e2$exports = {};
-$e0e47ca0931d41e2$exports = JSON.parse('{"dropzoneLabel":"Droppsone","selectPlaceholder":"Velg et element","tableResizer":"St\xf8rrelsesendrer"}');
 
 
-var $adb96033a361a81b$exports = {};
-$adb96033a361a81b$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Selecteer een item","tableResizer":"Resizer"}');
 
 
-var $96ebda5b7b663ef6$exports = {};
-$96ebda5b7b663ef6$exports = JSON.parse('{"dropzoneLabel":"Strefa upuszczania","selectPlaceholder":"Wybierz element","tableResizer":"Zmiana rozmiaru"}');
 
 
-var $010ef53c23794e08$exports = {};
-$010ef53c23794e08$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Selecione um item","tableResizer":"Redimensionador"}');
 
 
-var $a0d0918dbe8cd238$exports = {};
-$a0d0918dbe8cd238$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Selecione um item","tableResizer":"Redimensionador"}');
 
 
-var $b73baeec3a0b138d$exports = {};
-$b73baeec3a0b138d$exports = JSON.parse('{"dropzoneLabel":"Zon\u0103 de plasare","selectPlaceholder":"Selecta\u021Bi un element","tableResizer":"Instrument de redimensionare"}');
 
 
-var $aed1f56161d4731e$exports = {};
-$aed1f56161d4731e$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442","tableResizer":"\u0421\u0440\u0435\u0434\u0441\u0442\u0432\u043E \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F \u0440\u0430\u0437\u043C\u0435\u0440\u0430"}');
 
 
-var $3ff95b3a8291cbd7$exports = {};
-$3ff95b3a8291cbd7$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Vyberte polo\u017Eku","tableResizer":"N\xe1stroj na zmenu ve\u013Ekosti"}');
 
 
-var $c7459bccfcc668d8$exports = {};
-$c7459bccfcc668d8$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Izberite element","tableResizer":"Spreminjanje velikosti"}');
 
 
-var $d4deb497858acd42$exports = {};
-$d4deb497858acd42$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"Izaberite stavku","tableResizer":"Promena veli\u010Dine"}');
 
 
-var $f07511ec9106f700$exports = {};
-$f07511ec9106f700$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"V\xe4lj en artikel","tableResizer":"Storleks\xe4ndrare"}');
-
-
-var $8ecd910775d75b2a$exports = {};
-$8ecd910775d75b2a$exports = JSON.parse('{"dropzoneLabel":"B\u0131rakma B\xf6lgesi","selectPlaceholder":"Bir \xf6\u011Fe se\xe7in","tableResizer":"Yeniden boyutland\u0131r\u0131c\u0131"}');
-
-
-var $db0c53fb82554560$exports = {};
-$db0c53fb82554560$exports = JSON.parse('{"dropzoneLabel":"DropZone","selectPlaceholder":"\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u0435\u043B\u0435\u043C\u0435\u043D\u0442","tableResizer":"\u0417\u0430\u0441\u0456\u0431 \u0437\u043C\u0456\u043D\u0435\u043D\u043D\u044F \u0440\u043E\u0437\u043C\u0456\u0440\u0443"}');
-
-
-var $c6fb62cc552205b8$exports = {};
-$c6fb62cc552205b8$exports = JSON.parse('{"dropzoneLabel":"\u653E\u7F6E\u533A\u57DF","selectPlaceholder":"\u9009\u62E9\u4E00\u4E2A\u9879\u76EE","tableResizer":"\u5C3A\u5BF8\u8C03\u6574\u5668"}');
-
-
-var $1830911445b53dbf$exports = {};
-$1830911445b53dbf$exports = JSON.parse('{"dropzoneLabel":"\u653E\u7F6E\u5340","selectPlaceholder":"\u9078\u53D6\u9805\u76EE","tableResizer":"\u5927\u5C0F\u8ABF\u6574\u5668"}');
 
 
 $d72d752ea1c67b9a$exports = {
@@ -3696,7 +3655,7 @@ function $80a65baccb138f12$var$DropZone(props, ref) {
     });
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)(props);
     let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $bzgmy$reactaria.useFocusRing)();
-    let stringFormatter = (0, $bzgmy$reactaria.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d72d752ea1c67b9a$exports))));
+    let stringFormatter = (0, $bzgmy$reactaria.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d72d752ea1c67b9a$exports))), "react-aria-components");
     let textId = (0, $bzgmy$reactariautils.useSlotId)();
     let dropzoneId = (0, $bzgmy$reactariautils.useSlotId)();
     let ariaLabel = props["aria-label"] || stringFormatter.format("dropzoneLabel");
@@ -3786,7 +3745,7 @@ function $80a65baccb138f12$var$DropZone(props, ref) {
 
 
 function $8e055a19745f522c$var$FileTrigger(props, ref) {
-    let { onSelect: onSelect, acceptedFileTypes: acceptedFileTypes, allowsMultiple: allowsMultiple, defaultCamera: defaultCamera, children: children, ...rest } = props;
+    let { onSelect: onSelect, acceptedFileTypes: acceptedFileTypes, allowsMultiple: allowsMultiple, defaultCamera: defaultCamera, children: children, acceptDirectory: acceptDirectory, ...rest } = props;
     let inputRef = (0, $bzgmy$reactariautils.useObjectRef)(ref);
     let domProps = (0, $bzgmy$reactariautils.filterDOMProps)(rest);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, ($parcel$interopDefault($bzgmy$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactariainteractions.PressResponder), {
@@ -3805,7 +3764,9 @@ function $8e055a19745f522c$var$FileTrigger(props, ref) {
         accept: acceptedFileTypes === null || acceptedFileTypes === void 0 ? void 0 : acceptedFileTypes.toString(),
         onChange: (e)=>onSelect === null || onSelect === void 0 ? void 0 : onSelect(e.target.files),
         capture: defaultCamera,
-        multiple: allowsMultiple
+        multiple: allowsMultiple,
+        // @ts-expect-error
+        webkitdirectory: acceptDirectory ? "" : undefined
     }));
 }
 /**
@@ -3975,6 +3936,7 @@ function $132cbde493282f82$var$GridListInner({ props: props, collection: collect
         ...(0, $bzgmy$reactaria.mergeProps)(gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps, emptyStatePropOverrides),
         ref: ref,
         slot: props.slot || undefined,
+        onScroll: props.onScroll,
         "data-drop-target": isRootDropTarget || undefined,
         "data-empty": state.collection.size === 0 || undefined,
         "data-focused": isFocused || undefined,
@@ -4184,7 +4146,7 @@ function $132cbde493282f82$var$GridListDropIndicator(props, ref) {
         role: "button",
         ...dropIndicatorProps,
         ref: buttonRef
-    })));
+    }), renderProps.children));
 }
 const $132cbde493282f82$var$GridListDropIndicatorForwardRef = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($132cbde493282f82$var$GridListDropIndicator);
 function $132cbde493282f82$var$RootDropIndicator() {
@@ -4281,6 +4243,17 @@ function $a8f6e7d095d1cc86$export$27d2ad3c5815583e(props) {
         ...props,
         type: "menu"
     }, state, ref);
+    // Allows menu width to match button
+    let [buttonWidth, setButtonWidth] = (0, $bzgmy$react.useState)(null);
+    let onResize = (0, $bzgmy$react.useCallback)(()=>{
+        if (ref.current) setButtonWidth(ref.current.offsetWidth + "px");
+    }, [
+        ref
+    ]);
+    (0, $bzgmy$reactariautils.useResizeObserver)({
+        ref: ref,
+        onResize: onResize
+    });
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
         values: [
             [
@@ -4294,8 +4267,12 @@ function $a8f6e7d095d1cc86$export$27d2ad3c5815583e(props) {
             [
                 (0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
                 {
+                    trigger: "MenuTrigger",
                     triggerRef: ref,
-                    placement: "bottom start"
+                    placement: "bottom start",
+                    style: {
+                        "--trigger-width": buttonWidth
+                    }
                 }
             ]
         ]
@@ -4347,6 +4324,7 @@ function $a8f6e7d095d1cc86$var$MenuInner({ props: props, collection: collection,
         ...menuProps,
         ref: ref,
         slot: props.slot || undefined,
+        onScroll: props.onScroll,
         style: props.style,
         className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : "react-aria-Menu"
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $c5ccf687772c0422$export$2881499e37b75b9a), {
@@ -4540,7 +4518,7 @@ function $71899cff63e14b82$var$Modal(props, ref) {
         ...props,
         modalRef: ref
     }, props.children);
-    let { isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: children, isEntering: isEntering, isExiting: isExiting, ...otherProps } = props;
+    let { isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: children, isEntering: isEntering, isExiting: isExiting, UNSTABLE_portalContainer: UNSTABLE_portalContainer, ...otherProps } = props;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$export$8948f78d83984c69, {
         isDismissable: isDismissable,
         isKeyboardDismissDisabled: isKeyboardDismissDisabled,
@@ -4548,7 +4526,8 @@ function $71899cff63e14b82$var$Modal(props, ref) {
         defaultOpen: defaultOpen,
         onOpenChange: onOpenChange,
         isEntering: isEntering,
-        isExiting: isExiting
+        isExiting: isExiting,
+        UNSTABLE_portalContainer: UNSTABLE_portalContainer
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($71899cff63e14b82$var$ModalContent, {
         ...otherProps,
         modalRef: ref
@@ -4578,7 +4557,7 @@ function $71899cff63e14b82$var$ModalOverlayWithForwardRef(props, ref) {
     });
 }
 const $71899cff63e14b82$export$8948f78d83984c69 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($71899cff63e14b82$var$ModalOverlayWithForwardRef);
-function $71899cff63e14b82$var$ModalOverlayInner(props) {
+function $71899cff63e14b82$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNSTABLE_portalContainer, ...props }) {
     let modalRef = props.modalRef;
     let { state: state } = props;
     let { modalProps: modalProps, underlayProps: underlayProps } = (0, $bzgmy$reactaria.useModalOverlay)(props, state, modalRef);
@@ -4598,7 +4577,8 @@ function $71899cff63e14b82$var$ModalOverlayInner(props) {
         "--visual-viewport-height": viewport.height + "px"
     };
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactaria.Overlay), {
-        isExiting: props.isExiting
+        isExiting: props.isExiting,
+        portalContainer: UNSTABLE_portalContainer
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("div", {
         ...(0, $bzgmy$reactariautils.mergeProps)((0, $bzgmy$reactariautils.filterDOMProps)(props), underlayProps),
         ...renderProps,
@@ -4825,7 +4805,6 @@ function $0d6436f6a1b0b001$var$ProgressBar(props, ref) {
  */ const $0d6436f6a1b0b001$export$c17561cb55d4db30 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($0d6436f6a1b0b001$var$ProgressBar);
 
 
-
 /*
  * Copyright 2022 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -4916,37 +4895,24 @@ function $1456b76f687bd4ed$var$RadioGroup(props, ref) {
 function $1456b76f687bd4ed$var$Radio(props, ref) {
     [props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $1456b76f687bd4ed$export$b118023277d4a5c3);
     let state = (0, ($parcel$interopDefault($bzgmy$react))).useContext($1456b76f687bd4ed$export$29d84393af70866c);
-    let domRef = (0, $bzgmy$reactariautils.useObjectRef)(ref);
-    let { inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isPressed: isPressedKeyboard } = (0, $bzgmy$reactaria.useRadio)({
+    let inputRef = (0, $bzgmy$react.useRef)(null);
+    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isPressed: isPressed } = (0, $bzgmy$reactaria.useRadio)({
         ...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
         // ReactNode type doesn't allow function children.
         children: typeof props.children === "function" ? true : props.children
-    }, state, domRef);
+    }, state, inputRef);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
     let interactionDisabled = isDisabled || state.isReadOnly;
-    // Handle press state for full label. Keyboard press state is returned by useRadio
-    // since it is handled on the <input> element itself.
-    let [isPressed, setPressed] = (0, $bzgmy$react.useState)(false);
-    let { pressProps: pressProps } = (0, $bzgmy$reactaria.usePress)({
-        isDisabled: interactionDisabled,
-        onPressStart (e) {
-            if (e.pointerType !== "keyboard") setPressed(true);
-        },
-        onPressEnd (e) {
-            if (e.pointerType !== "keyboard") setPressed(false);
-        }
-    });
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
         ...props,
         isDisabled: interactionDisabled
     });
-    let pressed = interactionDisabled ? false : isPressed || isPressedKeyboard;
     let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: "react-aria-Radio",
         values: {
             isSelected: isSelected,
-            isPressed: pressed,
+            isPressed: isPressed,
             isHovered: isHovered,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
@@ -4959,9 +4925,10 @@ function $1456b76f687bd4ed$var$Radio(props, ref) {
     let DOMProps = (0, $bzgmy$reactariautils.filterDOMProps)(props);
     delete DOMProps.id;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("label", {
-        ...(0, $bzgmy$reactariautils.mergeProps)(DOMProps, pressProps, hoverProps, renderProps),
+        ...(0, $bzgmy$reactariautils.mergeProps)(DOMProps, labelProps, hoverProps, renderProps),
+        ref: ref,
         "data-selected": isSelected || undefined,
-        "data-pressed": pressed || undefined,
+        "data-pressed": isPressed || undefined,
         "data-hovered": isHovered || undefined,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
@@ -4973,7 +4940,7 @@ function $1456b76f687bd4ed$var$Radio(props, ref) {
         elementType: "span"
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("input", {
         ...(0, $bzgmy$reactariautils.mergeProps)(inputProps, focusProps),
-        ref: domRef
+        ref: inputRef
     })), renderProps.children);
 }
 /**
@@ -5004,6 +4971,7 @@ function $1456b76f687bd4ed$var$Radio(props, ref) {
 
 
 
+
 const $a83c69b310385d53$export$d1c4e4c63cb03a11 = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
 function $a83c69b310385d53$var$SearchField(props, ref) {
     [props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $a83c69b310385d53$export$d1c4e4c63cb03a11);
@@ -5069,6 +5037,13 @@ function $a83c69b310385d53$var$SearchField(props, ref) {
                     }
                 }
             ],
+            [
+                (0, $dcae72abc18c0045$export$f9c6924e160136d1),
+                {
+                    isInvalid: validation.isInvalid,
+                    isDisabled: props.isDisabled || false
+                }
+            ],
             [
                 (0, $846a838139f2ac6b$export$ff05c3ac10437e03),
                 validation
@@ -5215,6 +5190,7 @@ function $17f0ecdc17674b23$var$Select(props, ref) {
             [
                 (0, $61e2b7078adb18bc$export$9b9a0cd73afb7ca4),
                 {
+                    trigger: "Select",
                     triggerRef: buttonRef,
                     placement: "bottom start",
                     style: {
@@ -5289,7 +5265,7 @@ function $17f0ecdc17674b23$var$SelectValue(props, ref) {
             selectionBehavior: "toggle"
         });
     }
-    let stringFormatter = (0, $bzgmy$reactaria.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d72d752ea1c67b9a$exports))));
+    let stringFormatter = (0, $bzgmy$reactaria.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d72d752ea1c67b9a$exports))), "react-aria-components");
     var _state_selectedItem_value, _state_selectedItem_textValue;
     let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
         ...props,
@@ -5538,37 +5514,25 @@ function $b7152ce4839d0838$var$SliderThumb(props, ref) {
 const $8d81efc5c2ff8011$export$8699e3b644d5a28a = /*#__PURE__*/ (0, $bzgmy$react.createContext)(null);
 function $8d81efc5c2ff8011$var$Switch(props, ref) {
     [props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $8d81efc5c2ff8011$export$8699e3b644d5a28a);
+    let inputRef = (0, $bzgmy$react.useRef)(null);
     let state = (0, $bzgmy$reactstately.useToggleState)(props);
-    let { inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressedKeyboard } = (0, $bzgmy$reactaria.useSwitch)({
+    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed } = (0, $bzgmy$reactaria.useSwitch)({
         ...(0, $c5ccf687772c0422$export$ef03459518577ad4)(props),
         // ReactNode type doesn't allow function children.
         children: typeof props.children === "function" ? true : props.children
-    }, state, ref);
+    }, state, inputRef);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
     let isInteractionDisabled = props.isDisabled || props.isReadOnly;
-    // Handle press state for full label. Keyboard press state is returned by useSwitch
-    // since it is handled on the <input> element itself.
-    let [isPressed, setPressed] = (0, $bzgmy$react.useState)(false);
-    let { pressProps: pressProps } = (0, $bzgmy$reactaria.usePress)({
-        isDisabled: isInteractionDisabled,
-        onPressStart (e) {
-            if (e.pointerType !== "keyboard") setPressed(true);
-        },
-        onPressEnd (e) {
-            if (e.pointerType !== "keyboard") setPressed(false);
-        }
-    });
     let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
         ...props,
         isDisabled: isInteractionDisabled
     });
-    let pressed = isInteractionDisabled ? false : isPressed || isPressedKeyboard;
     let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
         ...props,
         defaultClassName: "react-aria-Switch",
         values: {
             isSelected: isSelected,
-            isPressed: pressed,
+            isPressed: isPressed,
             isHovered: isHovered,
             isFocused: isFocused,
             isFocusVisible: isFocusVisible,
@@ -5580,10 +5544,11 @@ function $8d81efc5c2ff8011$var$Switch(props, ref) {
     let DOMProps = (0, $bzgmy$reactariautils.filterDOMProps)(props);
     delete DOMProps.id;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("label", {
-        ...(0, $bzgmy$reactaria.mergeProps)(DOMProps, pressProps, hoverProps, renderProps),
+        ...(0, $bzgmy$reactaria.mergeProps)(DOMProps, labelProps, hoverProps, renderProps),
+        ref: ref,
         slot: props.slot || undefined,
         "data-selected": isSelected || undefined,
-        "data-pressed": pressed || undefined,
+        "data-pressed": isPressed || undefined,
         "data-hovered": isHovered || undefined,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
@@ -5594,7 +5559,7 @@ function $8d81efc5c2ff8011$var$Switch(props, ref) {
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement("input", {
         ...inputProps,
         ...focusProps,
-        ref: ref
+        ref: inputRef
     })), renderProps.children);
 }
 /**
@@ -5765,7 +5730,8 @@ function $37b9a5d4bd0d4ded$var$ResizableTableContainer(props, ref) {
         ...(0, $bzgmy$reactariautils.filterDOMProps)(props),
         ref: objectRef,
         className: props.className || "react-aria-ResizableTableContainer",
-        style: props.style
+        style: props.style,
+        onScroll: props.onScroll
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($37b9a5d4bd0d4ded$var$ResizableTableContainerContext.Provider, {
         value: ctx
     }, props.children));
@@ -5901,6 +5867,7 @@ function $37b9a5d4bd0d4ded$var$Table(props, ref) {
         style: style,
         ref: ref,
         slot: props.slot || undefined,
+        onScroll: props.onScroll,
         "data-allows-dragging": isListDraggable || undefined,
         "data-drop-target": isRootDropTarget || undefined,
         "data-focused": isFocused || undefined,
@@ -5923,7 +5890,8 @@ function $37b9a5d4bd0d4ded$export$fddc468cd8cb4db9() {
 function $37b9a5d4bd0d4ded$var$TableHeader(props, ref) {
     let children = (0, $3114c2382242bdc0$export$901dbff4e54a6dd0)({
         children: props.children,
-        items: props.columns
+        items: props.columns,
+        dependencies: props.dependencies
     });
     let renderer = typeof props.children === "function" ? props.children : null;
     return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $3114c2382242bdc0$export$4feb769f8ddf26c5).Provider, {
@@ -5934,16 +5902,7 @@ function $37b9a5d4bd0d4ded$var$TableHeader(props, ref) {
  * A header within a `<Table>`, containing the table columns.
  */ const $37b9a5d4bd0d4ded$export$f850895b287ef28e = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($37b9a5d4bd0d4ded$var$TableHeader);
 function $37b9a5d4bd0d4ded$var$Column(props, ref) {
-    let render = (0, $bzgmy$react.useContext)((0, $3114c2382242bdc0$export$4feb769f8ddf26c5));
-    let childColumns;
-    if (typeof render === "function") childColumns = render;
-    else if (typeof props.children !== "function") childColumns = props.children;
-    let children = (0, $3114c2382242bdc0$export$901dbff4e54a6dd0)({
-        children: props.title || props.childColumns ? childColumns : null,
-        items: props.childColumns
-    });
-    var _props_title;
-    return (0, $3114c2382242bdc0$export$e7c29ae2353b16ea)("column", props, ref, (_props_title = props.title) !== null && _props_title !== void 0 ? _props_title : props.children, children);
+    return (0, $3114c2382242bdc0$export$e7c29ae2353b16ea)("column", props, ref, props.children);
 }
 /**
  * A column within a `<Table>`.
@@ -5956,15 +5915,21 @@ function $37b9a5d4bd0d4ded$var$TableBody(props, ref) {
  * The body of a `<Table>`, containing the table rows.
  */ const $37b9a5d4bd0d4ded$export$76ccd210b9029917 = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($37b9a5d4bd0d4ded$var$TableBody);
 function $37b9a5d4bd0d4ded$var$Row(props, ref) {
+    let dependencies = [
+        props.value
+    ].concat(props.dependencies);
     let children = (0, $3114c2382242bdc0$export$901dbff4e54a6dd0)({
+        dependencies: dependencies,
         children: props.children,
         items: props.columns,
         idScope: props.id
     });
     let ctx = (0, $bzgmy$react.useMemo)(()=>({
-            idScope: props.id
+            idScope: props.id,
+            dependencies: dependencies
         }), [
-        props.id
+        props.id,
+        ...dependencies
     ]);
     return (0, $3114c2382242bdc0$export$e7c29ae2353b16ea)("item", props, ref, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $3114c2382242bdc0$export$db36075d98ba73d3).Provider, {
         value: ctx
@@ -6096,7 +6061,6 @@ function $37b9a5d4bd0d4ded$var$TableColumnHeader({ column: column }) {
         node: column
     }, state, ref);
     let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $bzgmy$reactaria.useFocusRing)();
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({});
     let layoutState = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$export$a2680a798823803c);
     let isResizing = false;
     if (layoutState) isResizing = layoutState.resizingColumn === column.key;
@@ -6109,6 +6073,9 @@ function $37b9a5d4bd0d4ded$var$TableColumnHeader({ column: column }) {
         ])if (prop in column.props) console.warn(`The ${prop} prop on a <Column> only applies when a <Table> is wrapped in a <ResizableTableContainer>. If you aren't using column resizing, you can set the width of a column with CSS.`);
     }
     let props = column.props;
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $bzgmy$reactaria.useHover)({
+        isDisabled: !props.allowsSorting
+    });
     let renderProps = (0, $c5ccf687772c0422$export$4d86445c2cf5e3)({
         ...props,
         id: undefined,
@@ -6143,6 +6110,7 @@ function $37b9a5d4bd0d4ded$var$TableColumnHeader({ column: column }) {
         style: style,
         colSpan: column.colspan,
         ref: ref,
+        "data-hovered": isHovered || undefined,
         "data-focused": isFocused || undefined,
         "data-focus-visible": isFocusVisible || undefined,
         "data-resizing": isResizing || undefined,
@@ -6158,7 +6126,7 @@ function $37b9a5d4bd0d4ded$var$TableColumnHeader({ column: column }) {
 function $37b9a5d4bd0d4ded$var$ColumnResizer(props, ref) {
     let layoutState = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$export$a2680a798823803c);
     if (!layoutState) throw new Error("Wrap your <Table> in a <ResizableTableContainer> to enable column resizing");
-    let stringFormatter = (0, $bzgmy$reactaria.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d72d752ea1c67b9a$exports))));
+    let stringFormatter = (0, $bzgmy$reactaria.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d72d752ea1c67b9a$exports))), "react-aria-components");
     let { onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd } = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$var$ResizableTableContainerContext);
     let { column: column, triggerRef: triggerRef } = (0, $bzgmy$react.useContext)($37b9a5d4bd0d4ded$var$ColumnResizerContext);
     let inputRef = (0, $bzgmy$react.useRef)(null);
@@ -6441,7 +6409,7 @@ function $37b9a5d4bd0d4ded$var$TableDropIndicator(props, ref) {
         role: "button",
         ...dropIndicatorProps,
         ref: buttonRef
-    })));
+    }), renderProps.children));
 }
 const $37b9a5d4bd0d4ded$var$TableDropIndicatorForwardRef = /*#__PURE__*/ (0, $bzgmy$react.forwardRef)($37b9a5d4bd0d4ded$var$TableDropIndicator);
 function $37b9a5d4bd0d4ded$var$RootDropIndicator() {
@@ -7172,14 +7140,16 @@ function $f9dd4061eb43ac38$export$8c610744efcf8a1d(props) {
         ref: ref
     }, props.children));
 }
-function $f9dd4061eb43ac38$var$Tooltip(props, ref) {
+function $f9dd4061eb43ac38$var$Tooltip({ UNSTABLE_portalContainer: UNSTABLE_portalContainer, ...props }, ref) {
     [props, ref] = (0, $c5ccf687772c0422$export$29f1550f4b0d4415)(props, ref, $f9dd4061eb43ac38$export$39ae08fa83328b12);
     let contextState = (0, $bzgmy$react.useContext)($f9dd4061eb43ac38$export$7a7623236eec67fa);
     let localState = (0, $bzgmy$reactstately.useTooltipTriggerState)(props);
     let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
     let isExiting = (0, $c5ccf687772c0422$export$45fda7c47f93fd48)(ref, state.isOpen) || props.isExiting || false;
     if (!state.isOpen && !isExiting) return null;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactaria.OverlayContainer), null, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($f9dd4061eb43ac38$var$TooltipInner, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement((0, $bzgmy$reactaria.OverlayContainer), {
+        portalContainer: UNSTABLE_portalContainer
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bzgmy$react))).createElement($f9dd4061eb43ac38$var$TooltipInner, {
         ...props,
         tooltipRef: ref,
         isExiting: isExiting
@@ -7216,8 +7186,8 @@ function $f9dd4061eb43ac38$var$TooltipInner(props) {
         ref: props.tooltipRef,
         ...renderProps,
         style: {
-            ...renderProps.style,
-            ...overlayProps.style
+            ...overlayProps.style,
+            ...renderProps.style
         },
         "data-placement": placement,
         "data-entering": isEntering || undefined,