@indico-data/design-system 3.14.0 → 3.15.0

package/lib/index.js

@@ -13852,6 +13852,7 @@ const defaultOptions$1 = {
     middleware: [offset$2(5), flip$2(), shift$2()],
 };
 function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: controlledSetIsOpen, isPortal = false, portalOptions = {}, floatingOptions = defaultOptions$1, className, hover = false, onOpenChange, }) {
+    var _a;
     const [internalIsOpen, setInternalIsOpen] = React.useState(false);
     // Determine whether the component is controlled or uncontrolled
     const isControlled = controlledIsOpen !== undefined && controlledSetIsOpen !== undefined;
@@ -13867,11 +13868,12 @@ function FloatUI({ children, ariaLabel, isOpen: controlledIsOpen, setIsOpen: con
     if (!React.isValidElement(trigger) || !React.isValidElement(content)) {
         throw new Error('Both children of FloatUI must be valid React elements.');
     }
+    const referenceElement = ((_a = floatingOptions.elements) === null || _a === void 0 ? void 0 : _a.reference) || referenceElementRef.current;
     const { refs, floatingStyles, context } = useFloating(Object.assign(Object.assign({}, floatingOptions), { open: isOpen, onOpenChange: (isOpen) => {
             setIsOpen(isOpen);
             onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
         }, elements: {
-            reference: referenceElementRef.current,
+            reference: referenceElement,
         } }));
     // Can't call hooks conditionally so this enabled option is needed.
     const click = useClick(context, { enabled: !hover });