@eightshift/ui-components 6.0.13 → 6.1.0

package/dist/{proxy-B_RaYTfe.js → proxy-CgLBbUpw.js}

@@ -1800,7 +1800,8 @@ class NativeAnimation extends WithPromise {
    * while deferring the commit until the next animation frame.
    */
   commitStyles() {
-    if (!this.isPseudoElement) {
+    const element = this.options?.element;
+    if (!this.isPseudoElement && element?.isConnected) {
       this.animation.commitStyles?.();
     }
   }
@@ -2208,7 +2209,7 @@ const animateMotionValue = (name, value, target, transition = {}, element, isHan
       shouldSkip = true;
     }
   }
-  if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations) {
+  if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations || element?.shouldSkipAnimations) {
     shouldSkip = true;
     makeAnimationInstant(options);
     options.delay = 0;
@@ -3014,23 +3015,55 @@ function isValidHover(event) {
 }
 function hover(elementOrSelector, onHoverStart, options = {}) {
   const [elements, eventOptions, cancel] = setupGesture(elementOrSelector, options);
-  const onPointerEnter = (enterEvent) => {
-    if (!isValidHover(enterEvent))
-      return;
-    const { target } = enterEvent;
-    const onHoverEnd = onHoverStart(target, enterEvent);
-    if (typeof onHoverEnd !== "function" || !target)
-      return;
+  elements.forEach((element) => {
+    let isPressed = false;
+    let deferredHoverEnd = false;
+    let hoverEndCallback;
+    const removePointerLeave = () => {
+      element.removeEventListener("pointerleave", onPointerLeave);
+    };
+    const endHover = (event) => {
+      if (hoverEndCallback) {
+        hoverEndCallback(event);
+        hoverEndCallback = void 0;
+      }
+      removePointerLeave();
+    };
+    const onPointerUp = (event) => {
+      isPressed = false;
+      window.removeEventListener("pointerup", onPointerUp);
+      window.removeEventListener("pointercancel", onPointerUp);
+      if (deferredHoverEnd) {
+        deferredHoverEnd = false;
+        endHover(event);
+      }
+    };
+    const onPointerDown = () => {
+      isPressed = true;
+      window.addEventListener("pointerup", onPointerUp, eventOptions);
+      window.addEventListener("pointercancel", onPointerUp, eventOptions);
+    };
     const onPointerLeave = (leaveEvent) => {
-      if (!isValidHover(leaveEvent))
+      if (leaveEvent.pointerType === "touch")
         return;
-      onHoverEnd(leaveEvent);
-      target.removeEventListener("pointerleave", onPointerLeave);
+      if (isPressed) {
+        deferredHoverEnd = true;
+        return;
+      }
+      endHover(leaveEvent);
+    };
+    const onPointerEnter = (enterEvent) => {
+      if (!isValidHover(enterEvent))
+        return;
+      deferredHoverEnd = false;
+      const onHoverEnd = onHoverStart(element, enterEvent);
+      if (typeof onHoverEnd !== "function")
+        return;
+      hoverEndCallback = onHoverEnd;
+      element.addEventListener("pointerleave", onPointerLeave, eventOptions);
     };
-    target.addEventListener("pointerleave", onPointerLeave, eventOptions);
-  };
-  elements.forEach((element) => {
     element.addEventListener("pointerenter", onPointerEnter, eventOptions);
+    element.addEventListener("pointerdown", onPointerDown, eventOptions);
   });
   return cancel;
 }
@@ -3050,7 +3083,7 @@ const isPrimaryPointer = (event) => {
     return event.isPrimary !== false;
   }
 };
-const interactiveElements = /* @__PURE__ */ new Set([
+const keyboardAccessibleElements = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
@@ -3058,7 +3091,11 @@ const interactiveElements = /* @__PURE__ */ new Set([
   "A"
 ]);
 function isElementKeyboardAccessible(element) {
-  return interactiveElements.has(element.tagName) || element.isContentEditable === true;
+  return keyboardAccessibleElements.has(element.tagName) || element.isContentEditable === true;
+}
+const textInputElements = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
+function isElementTextInput(element) {
+  return textInputElements.has(element.tagName) || element.isContentEditable === true;
 }
 const isPressing = /* @__PURE__ */ new WeakSet();
 function filterEvents(callback) {
@@ -3137,6 +3174,93 @@ function press(targetOrSelector, onPressStart, options = {}) {
 function isSVGElement(element) {
   return isObject(element) && "ownerSVGElement" in element;
 }
+const resizeHandlers = /* @__PURE__ */ new WeakMap();
+let observer;
+const getSize = (borderBoxAxis, svgAxis, htmlAxis) => (target, borderBoxSize) => {
+  if (borderBoxSize && borderBoxSize[0]) {
+    return borderBoxSize[0][borderBoxAxis + "Size"];
+  } else if (isSVGElement(target) && "getBBox" in target) {
+    return target.getBBox()[svgAxis];
+  } else {
+    return target[htmlAxis];
+  }
+};
+const getWidth = /* @__PURE__ */ getSize("inline", "width", "offsetWidth");
+const getHeight = /* @__PURE__ */ getSize("block", "height", "offsetHeight");
+function notifyTarget({ target, borderBoxSize }) {
+  resizeHandlers.get(target)?.forEach((handler) => {
+    handler(target, {
+      get width() {
+        return getWidth(target, borderBoxSize);
+      },
+      get height() {
+        return getHeight(target, borderBoxSize);
+      }
+    });
+  });
+}
+function notifyAll(entries) {
+  entries.forEach(notifyTarget);
+}
+function createResizeObserver() {
+  if (typeof ResizeObserver === "undefined")
+    return;
+  observer = new ResizeObserver(notifyAll);
+}
+function resizeElement(target, handler) {
+  if (!observer)
+    createResizeObserver();
+  const elements = resolveElements(target);
+  elements.forEach((element) => {
+    let elementHandlers = resizeHandlers.get(element);
+    if (!elementHandlers) {
+      elementHandlers = /* @__PURE__ */ new Set();
+      resizeHandlers.set(element, elementHandlers);
+    }
+    elementHandlers.add(handler);
+    observer?.observe(element);
+  });
+  return () => {
+    elements.forEach((element) => {
+      const elementHandlers = resizeHandlers.get(element);
+      elementHandlers?.delete(handler);
+      if (!elementHandlers?.size) {
+        observer?.unobserve(element);
+      }
+    });
+  };
+}
+const windowCallbacks = /* @__PURE__ */ new Set();
+let windowResizeHandler;
+function createWindowResizeHandler() {
+  windowResizeHandler = () => {
+    const info = {
+      get width() {
+        return window.innerWidth;
+      },
+      get height() {
+        return window.innerHeight;
+      }
+    };
+    windowCallbacks.forEach((callback) => callback(info));
+  };
+  window.addEventListener("resize", windowResizeHandler);
+}
+function resizeWindow(callback) {
+  windowCallbacks.add(callback);
+  if (!windowResizeHandler)
+    createWindowResizeHandler();
+  return () => {
+    windowCallbacks.delete(callback);
+    if (!windowCallbacks.size && typeof windowResizeHandler === "function") {
+      window.removeEventListener("resize", windowResizeHandler);
+      windowResizeHandler = void 0;
+    }
+  };
+}
+function resize(a, b) {
+  return typeof a === "function" ? resizeWindow(a) : resizeElement(a, b);
+}
 function isSVGSVGElement(element) {
   return isSVGElement(element) && element.tagName === "svg";
 }
@@ -3251,12 +3375,13 @@ class VisualElement {
   scrapeMotionValuesFromProps(_props, _prevProps, _visualElement) {
     return {};
   }
-  constructor({ parent, props, presenceContext, reducedMotionConfig, blockInitialAnimation, visualState }, options = {}) {
+  constructor({ parent, props, presenceContext, reducedMotionConfig, skipAnimations, blockInitialAnimation, visualState }, options = {}) {
     this.current = null;
     this.children = /* @__PURE__ */ new Set();
     this.isVariantNode = false;
     this.isControllingVariants = false;
     this.shouldReduceMotion = null;
+    this.shouldSkipAnimations = false;
     this.values = /* @__PURE__ */ new Map();
     this.KeyframeResolver = KeyframeResolver;
     this.features = {};
@@ -3289,6 +3414,7 @@ class VisualElement {
     this.presenceContext = presenceContext;
     this.depth = parent ? parent.depth + 1 : 0;
     this.reducedMotionConfig = reducedMotionConfig;
+    this.skipAnimationsConfig = skipAnimations;
     this.options = options;
     this.blockInitialAnimation = Boolean(blockInitialAnimation);
     this.isControllingVariants = isControllingVariants(props);
@@ -3328,6 +3454,7 @@ class VisualElement {
     if (process.env.NODE_ENV !== "production") {
       warnOnce(this.shouldReduceMotion !== true, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled");
     }
+    this.shouldSkipAnimations = this.skipAnimationsConfig ?? false;
     this.parent?.addChild(this);
     this.update(this.props, this.presenceContext);
   }
@@ -5276,9 +5403,9 @@ function createProjectionNode$1({ attachResizeListener, defaultParent, measureSc
     show() {
       this.isVisible = true;
     }
-    scheduleRender(notifyAll = true) {
+    scheduleRender(notifyAll2 = true) {
       this.options.visualElement?.scheduleRender();
-      if (notifyAll) {
+      if (notifyAll2) {
         const stack = this.getStack();
         stack && stack.scheduleRender();
       }
@@ -5778,7 +5905,7 @@ function useComposedRefs(...refs) {
 class PopChildMeasure extends $dbSRa$react.Component {
   getSnapshotBeforeUpdate(prevProps) {
     const element = this.props.childRef.current;
-    if (element && prevProps.isPresent && !this.props.isPresent) {
+    if (element && prevProps.isPresent && !this.props.isPresent && this.props.pop !== false) {
       const parent = element.offsetParent;
       const parentWidth = isHTMLElement(parent) ? parent.offsetWidth || 0 : 0;
       const parentHeight = isHTMLElement(parent) ? parent.offsetHeight || 0 : 0;
@@ -5801,7 +5928,7 @@ class PopChildMeasure extends $dbSRa$react.Component {
     return this.props.children;
   }
 }
-function PopChild({ children, isPresent, anchorX, anchorY, root }) {
+function PopChild({ children, isPresent, anchorX, anchorY, root, pop }) {
   const id2 = useId();
   const ref = useRef(null);
   const size = useRef({
@@ -5817,7 +5944,7 @@ function PopChild({ children, isPresent, anchorX, anchorY, root }) {
   const composedRef = useComposedRefs(ref, childRef);
   useInsertionEffect(() => {
     const { width, height, top, left, right, bottom } = size.current;
-    if (isPresent || !ref.current || !width || !height)
+    if (isPresent || pop === false || !ref.current || !width || !height)
       return;
     const x = anchorX === "left" ? `left: ${left}` : `right: ${right}`;
     const y = anchorY === "bottom" ? `bottom: ${bottom}` : `top: ${top}`;
@@ -5844,7 +5971,7 @@ function PopChild({ children, isPresent, anchorX, anchorY, root }) {
       }
     };
   }, [isPresent]);
-  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: $dbSRa$react.cloneElement(children, { ref: composedRef }) });
+  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, pop, children: pop === false ? children : $dbSRa$react.cloneElement(children, { ref: composedRef }) });
 }
 const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, anchorY, root }) => {
   const presenceChildren = useConstant(newChildrenMap);
@@ -5880,9 +6007,7 @@ const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, p
   $dbSRa$react.useEffect(() => {
     !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent]);
-  if (mode === "popLayout") {
-    children = jsx(PopChild, { isPresent, anchorX, anchorY, root, children });
-  }
+  children = jsx(PopChild, { pop: mode === "popLayout", isPresent, anchorX, anchorY, root, children });
   return jsx(PresenceContext.Provider, { value: context, children });
 };
 function newChildrenMap() {
@@ -6337,7 +6462,9 @@ function useVisualElement(Component2, visualState, props, createVisualElement, P
   const { visualElement: parent } = useContext(MotionContext);
   const lazyContext = useContext(LazyContext);
   const presenceContext = useContext(PresenceContext);
-  const reducedMotionConfig = useContext(MotionConfigContext).reducedMotion;
+  const motionConfig = useContext(MotionConfigContext);
+  const reducedMotionConfig = motionConfig.reducedMotion;
+  const skipAnimations = motionConfig.skipAnimations;
   const visualElementRef = useRef(null);
   const hasMountedOnce = useRef(false);
   createVisualElement = createVisualElement || lazyContext.renderer;
@@ -6349,6 +6476,7 @@ function useVisualElement(Component2, visualState, props, createVisualElement, P
       presenceContext,
       blockInitialAnimation: presenceContext ? presenceContext.initial === false : false,
       reducedMotionConfig,
+      skipAnimations,
       isSVG
     });
     if (hasMountedOnce.current && visualElementRef.current) {
@@ -6942,7 +7070,7 @@ class VisualElementDragControls {
         this.originPoint[axis] = current;
       });
       if (onDragStart) {
-        frame.postRender(() => onDragStart(event, info));
+        frame.update(() => onDragStart(event, info), false, true);
       }
       addValueToWillChange(this.visualElement, "transform");
       const { animationState } = this.visualElement;
@@ -6965,7 +7093,9 @@ class VisualElementDragControls {
       this.updateAxis("x", info.point, offset);
       this.updateAxis("y", info.point, offset);
       this.visualElement.render();
-      onDrag && onDrag(event, info);
+      if (onDrag) {
+        frame.update(() => onDrag(event, info), false, true);
+      }
     };
     const onSessionEnd = (event, info) => {
       this.latestPointerEvent = event;
@@ -7061,7 +7191,7 @@ class VisualElementDragControls {
       }
     }
     this.elastic = resolveDragElastic(dragElastic);
-    if (prevConstraints !== this.constraints && layout2 && this.constraints && !this.hasMutatedConstraints) {
+    if (prevConstraints !== this.constraints && !isRefObject(dragConstraints) && layout2 && this.constraints && !this.hasMutatedConstraints) {
       eachAxis((axis) => {
         if (this.constraints !== false && this.getAxisMotionValue(axis)) {
           this.constraints[axis] = rebaseAxisConstraints(layout2.layoutBox[axis], this.constraints[axis]);
@@ -7181,6 +7311,7 @@ class VisualElementDragControls {
     this.visualElement.current.style.transform = transformTemplate ? transformTemplate({}, "") : "none";
     projection.root && projection.root.updateScroll();
     projection.updateLayout();
+    this.constraints = false;
     this.resolveConstraints();
     eachAxis((axis) => {
       if (!shouldDrag(axis, drag2, null))
@@ -7189,6 +7320,7 @@ class VisualElementDragControls {
       const { min, max } = this.constraints[axis];
       axisValue.set(mixNumber$1(min, max, boxProgress[axis]));
     });
+    this.visualElement.render();
   }
   addListeners() {
     if (!this.visualElement.current)
@@ -7198,15 +7330,19 @@ class VisualElementDragControls {
     const stopPointerListener = addPointerEvent(element, "pointerdown", (event) => {
       const { drag: drag2, dragListener = true } = this.getProps();
       const target = event.target;
-      const isClickingKeyboardAccessibleChild = target !== element && isElementKeyboardAccessible(target);
-      if (drag2 && dragListener && !isClickingKeyboardAccessibleChild) {
+      const isClickingTextInputChild = target !== element && isElementTextInput(target);
+      if (drag2 && dragListener && !isClickingTextInputChild) {
         this.start(event);
       }
     });
+    let stopResizeObservers;
     const measureDragConstraints = () => {
       const { dragConstraints } = this.getProps();
       if (isRefObject(dragConstraints) && dragConstraints.current) {
         this.constraints = this.resolveRefConstraints();
+        if (!stopResizeObservers) {
+          stopResizeObservers = startResizeObservers(element, dragConstraints.current, () => this.scalePositionWithinConstraints());
+        }
       }
     };
     const { projection } = this.visualElement;
@@ -7234,6 +7370,7 @@ class VisualElementDragControls {
       stopPointerListener();
       stopMeasureLayoutListener();
       stopLayoutUpdateListener && stopLayoutUpdateListener();
+      stopResizeObservers && stopResizeObservers();
     };
   }
   getProps() {
@@ -7250,6 +7387,24 @@ class VisualElementDragControls {
     };
   }
 }
+function skipFirstCall(callback) {
+  let isFirst = true;
+  return () => {
+    if (isFirst) {
+      isFirst = false;
+      return;
+    }
+    callback();
+  };
+}
+function startResizeObservers(element, constraintsElement, onResize) {
+  const stopElement = resize(element, skipFirstCall(onResize));
+  const stopContainer = resize(constraintsElement, skipFirstCall(onResize));
+  return () => {
+    stopElement();
+    stopContainer();
+  };
+}
 function shouldDrag(direction, drag2, currentDirection) {
   return (drag2 === true || drag2 === direction) && (currentDirection === null || currentDirection === direction);
 }
@@ -7296,7 +7451,7 @@ class DragGesture extends Feature {
 }
 const asyncHandler = (handler) => (event, info) => {
   if (handler) {
-    frame.postRender(() => handler(event, info));
+    frame.update(() => handler(event, info), false, true);
   }
 };
 class PanGesture extends Feature {
@@ -7315,7 +7470,7 @@ class PanGesture extends Feature {
     return {
       onSessionStart: asyncHandler(onPanSessionStart),
       onStart: asyncHandler(onPanStart),
-      onMove: onPan,
+      onMove: asyncHandler(onPan),
       onEnd: (event, info) => {
         delete this.session;
         if (onPanEnd) {

package/dist/{shared-Bg9lx3pE.js → shared-DSTKnPjF.js}

@@ -1,26 +1,26 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { _ as __ } from "./default-i18n-CnQeC5Pl.js";
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-JRIu2BnS.js";
-import { c as $eed445e0843c11d0$export$7ff8f37d2d81a48d, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, e as $eed445e0843c11d0$export$a11e76429ed99b4 } from "./ListBox-DT1sFY3e.js";
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37, n as $ff5963eb1fccf552$export$e08e3b67e392101e, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$4d86445c2cf5e3, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "./utils-HC9_3Crc.js";
-import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-DmVwL6Dj.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-BTCA69Lt.js";
+import { c as $eed445e0843c11d0$export$7ff8f37d2d81a48d, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, e as $eed445e0843c11d0$export$a11e76429ed99b4 } from "./ListBox-yHUyUAAH.js";
+import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, o as $ff5963eb1fccf552$export$e08e3b67e392101e, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "./utils-Cr3pLd9c.js";
+import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-BPG0hKfB.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DPWyf-gp.js";
-import { i as $325a3faab7a68acd$export$a16aca283550c30d, t as $2a25aae57d74318e$export$a05409b8bb224a5a, w as $168583247155ddda$export$dc9c12ed27dd1b49, n as $de32f1b87079253c$export$d2f961adcb0afbe, x as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-Dd1yqNus.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-Dae33gHp.js";
-import { s as $fb3050f43d946246$export$e32c88dfddc6e1d8, g as $e1995378a142960e$export$bf788dd355e3a401 } from "./SelectionManager-DbBiF5M8.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-BDlf9vIY.js";
+import { i as $325a3faab7a68acd$export$a16aca283550c30d, t as $2a25aae57d74318e$export$a05409b8bb224a5a, w as $168583247155ddda$export$dc9c12ed27dd1b49, n as $de32f1b87079253c$export$d2f961adcb0afbe, x as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-BbNWvB5_.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-CjFEHSfr.js";
+import { s as $fb3050f43d946246$export$e32c88dfddc6e1d8, g as $e1995378a142960e$export$bf788dd355e3a401 } from "./SelectionManager-VgpR-1Ri.js";
 import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-Rfj-STx7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, d as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-DVJTTfZM.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, d as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-NzRV9wsn.js";
 import $dbSRa$react__default, { useMemo, useRef, useCallback, useState, forwardRef, createContext, useContext, Fragment } from "react";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DYYO3Ns3.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-M3L6Ge2c.js";
-import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-Dqzjv4jX.js";
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-Bya9g7W8.js";
-import { w as $507fabe10e71c6fb$export$8397ddfc504fdb9a, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CG39Ci3A.js";
-import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-WEswknAY.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BDF1K4E4.js";
-import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "./VisuallyHidden-eaCBtXhE.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-iUFQCK8m.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CEDs0LsA.js";
+import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-DwbcW-pN.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-jHobZH6F.js";
+import { g as $d4ee10de306f2510$export$4282f70798064fe0, w as $507fabe10e71c6fb$export$8397ddfc504fdb9a, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-VPZwb-1l.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Ct2N5S1b.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-KT27O1en.js";
+import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "./VisuallyHidden-DXVaR_RC.js";
 import { icons } from "./icons/icons.js";
 import "./react-jsx-parser.min-B_hvYYa1.js";
 import { c as clsx } from "./clsx-DgYk2OaC.js";
@@ -143,7 +143,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
       disallowEmptySelection: true,
       linkBehavior: "selection",
       onBlur: (e) => {
-        if (e.currentTarget.contains(e.relatedTarget)) return;
+        if ($d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget)) return;
         if (props.onBlur) props.onBlur(e);
         if (props.onFocusChange) props.onFocusChange(false);
         state.setFocused(false);
@@ -232,6 +232,9 @@ function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
     ...props,
     selectRef: state.collection.size <= 300 ? selectRef : inputRef
   }, state, triggerRef);
+  let values = Array.isArray(state.value) ? state.value : [
+    state.value
+  ];
   if (state.collection.size <= 300) return /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
     ...containerProps,
     "data-testid": "hidden-select-container"
@@ -246,13 +249,13 @@ function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
       key: item.key,
       value: item.key
     }, item.textValue);
-  }))));
+  }), state.collection.size === 0 && name && values.map((value, i) => /* @__PURE__ */ $dbSRa$react__default.createElement("option", {
+    key: i,
+    value: value !== null && value !== void 0 ? value : ""
+  })))));
   else if (name) {
     let data = $58aed456727eb0f3$export$703601b7e90536f8.get(state) || {};
     let { validationBehavior } = data;
-    let values = Array.isArray(state.value) ? state.value : [
-      state.value
-    ];
     if (values.length === 0) values = [
       null
     ];
@@ -837,7 +840,7 @@ function $82d7e5349645de74$var$SelectInner({ props, selectRef: ref, collection }
         validation
       ]
     ]
-  }, /* @__PURE__ */ $dbSRa$react__default.createElement("div", {
+  }, /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
     ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, focusProps),
     ref,
     slot: props.slot || void 0,
@@ -928,7 +931,7 @@ const $82d7e5349645de74$export$e288731fd71264f0 = /* @__PURE__ */ $f39a9eba43920
   let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     global: true
   });
-  return /* @__PURE__ */ $dbSRa$react__default.createElement("span", {
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.span, {
     ref,
     ...DOMProps,
     ...renderProps,

package/dist/{textSelection-Cq_Br7RW.js → textSelection-D_BSbtab.js}

@@ -1,4 +1,4 @@
-import { c as $c87311424ea30a05$export$fedb369cb70207f1, d as $431fbd86ca7dc216$export$b204af158042fbac, e as $bbed8b41f857bcc0$export$24490316f764c430 } from "./useHover-CG39Ci3A.js";
+import { c as $c87311424ea30a05$export$fedb369cb70207f1, d as $431fbd86ca7dc216$export$b204af158042fbac, e as $bbed8b41f857bcc0$export$24490316f764c430 } from "./useHover-VPZwb-1l.js";
 let $14c0b72509d70225$var$state = "default";
 let $14c0b72509d70225$var$savedUserSelect = "";
 let $14c0b72509d70225$var$modifiedElementMap = /* @__PURE__ */ new WeakMap();

package/dist/{useButton-CeuyDay5.js → useButton-DofKjCES.js}

@@ -1,7 +1,7 @@
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-HC9_3Crc.js";
+import { b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Cr3pLd9c.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-B9w0X4Ur.js";
-import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-CG39Ci3A.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-BPCda-AF.js";
+import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-VPZwb-1l.js";
 function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
   let { elementType = "button", isDisabled, onPress, onPressStart, onPressEnd, onPressUp, onPressChange, preventFocusOnPress, allowFocusWhenDisabled, onClick, href, target, rel, type = "button" } = props;
   let additionalProps;

package/dist/{useEvent-DoWvho2u.js → useEvent-ADVZr4I3.js}

@@ -1,4 +1,4 @@
-import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useHover-CG39Ci3A.js";
+import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useHover-VPZwb-1l.js";
 import { useEffect } from "react";
 function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {
   let handleEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(handler);

package/dist/{useFilter-DYtfYPua.js → useFilter-Cqw0-KoB.js}

@@ -1,4 +1,4 @@
-import { i as $325a3faab7a68acd$export$a16aca283550c30d } from "./Dialog-Dd1yqNus.js";
+import { i as $325a3faab7a68acd$export$a16aca283550c30d } from "./Dialog-BbNWvB5_.js";
 import { useCallback, useMemo } from "react";
 function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
   let collator = $325a3faab7a68acd$export$a16aca283550c30d({

package/dist/{useFocusRing-WEswknAY.js → useFocusRing-Ct2N5S1b.js}

@@ -1,4 +1,4 @@
-import { f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, g as $8a9cb279dc87e130$export$715c682d09d639cc, d as $431fbd86ca7dc216$export$b204af158042fbac, h as $d4ee10de306f2510$export$cd4e5573fbe2b576, i as $d4ee10de306f2510$export$e58f029f0fbfdb29, j as $d4ee10de306f2510$export$4282f70798064fe0, k as $8a9cb279dc87e130$export$c2b7abe5d61ec696, l as $8a9cb279dc87e130$export$525bc4921d56d4a, m as $507fabe10e71c6fb$export$b9b3dfddab17db27, n as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useHover-CG39Ci3A.js";
+import { f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, g as $d4ee10de306f2510$export$4282f70798064fe0, h as $8a9cb279dc87e130$export$715c682d09d639cc, d as $431fbd86ca7dc216$export$b204af158042fbac, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, j as $d4ee10de306f2510$export$e58f029f0fbfdb29, k as $8a9cb279dc87e130$export$c2b7abe5d61ec696, l as $8a9cb279dc87e130$export$525bc4921d56d4a, m as $507fabe10e71c6fb$export$b9b3dfddab17db27, n as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useHover-VPZwb-1l.js";
 import { useRef, useCallback, useState } from "react";
 function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
   let { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props;
@@ -7,8 +7,8 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
   });
   let { addGlobalListener, removeAllGlobalListeners } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
   let onBlur = useCallback((e) => {
-    if (!e.currentTarget.contains(e.target)) return;
-    if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
+    if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.target)) return;
+    if (state.current.isFocusWithin && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget)) {
       state.current.isFocusWithin = false;
       removeAllGlobalListeners();
       if (onBlurWithin) onBlurWithin(e);
@@ -22,7 +22,7 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
   ]);
   let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
   let onFocus = useCallback((e) => {
-    if (!e.currentTarget.contains(e.target)) return;
+    if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.target)) return;
     const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e.target);
     const activeElement = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
     if (!state.current.isFocusWithin && activeElement === $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent)) {
@@ -76,6 +76,7 @@ function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
   let updateState = useCallback(() => setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
   let onFocusChange = useCallback((isFocused2) => {
     state.current.isFocused = isFocused2;
+    state.current.isFocusVisible = $507fabe10e71c6fb$export$b9b3dfddab17db27();
     setFocused(isFocused2);
     updateState();
   }, [
@@ -84,7 +85,11 @@ function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
   $507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible) => {
     state.current.isFocusVisible = isFocusVisible;
     updateState();
-  }, [], {
+  }, [
+    isTextInput,
+    isFocused
+  ], {
+    enabled: isFocused,
     isTextInput
   });
   let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({

package/dist/{useFormReset-BDF1K4E4.js → useFormReset-KT27O1en.js}

@@ -1,4 +1,4 @@
-import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useHover-CG39Ci3A.js";
+import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useHover-VPZwb-1l.js";
 import { useEffect } from "react";
 function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
   let handleReset = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {

package/dist/{useFormValidation-Dqzjv4jX.js → useFormValidation-DwbcW-pN.js}

@@ -1,6 +1,6 @@
 import { useMemo, useContext, createContext, useState, useRef, useEffect } from "react";
-import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, w as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useHover-CG39Ci3A.js";
-import { b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-HC9_3Crc.js";
+import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, w as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useHover-VPZwb-1l.js";
+import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-Cr3pLd9c.js";
 const $e5be200c675c3b3a$export$aca958c65c314e6c = {
   badInput: false,
   customError: false,