@easypost/easy-ui 1.0.0-alpha.4 → 1.0.0-alpha.6

package/__chunks__/{import-0d1b4d93.js → import-2b302763.js}

@@ -5,6 +5,11 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __knownSymbol = (name, symbol) => {
+  if (symbol = Symbol[name])
+    return symbol;
+  throw Error("Symbol." + name + " is not defined");
+};
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
@@ -30,21 +35,45 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const React = require("react");
-const _import = require("./import-63bf0645.js");
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")];
+  var isAwait = false;
+  var method;
+  var it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
   } else {
-    obj[key] = value;
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw")
+          throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object))
+            throw TypeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
   }
-  return obj;
-}
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
+const React = require("react");
+const _import = require("./import-a1e0f814.js");
 let $14c0b72509d70225$var$state = "default";
 let $14c0b72509d70225$var$savedUserSelect = "";
 let $14c0b72509d70225$var$modifiedElementMap = /* @__PURE__ */ new WeakMap();
@@ -125,16 +154,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     "ref"
   ]);
-  let propsRef = React.useRef(null);
-  propsRef.current = {
-    onPress,
-    onPressChange,
-    onPressStart,
-    onPressEnd,
-    onPressUp,
-    isDisabled,
-    shouldCancelOnPointerExit
-  };
   let [isPressed, setPressed] = React.useState(false);
   let ref = React.useRef({
     isPressed: false,
@@ -147,85 +166,89 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     pointerType: null
   });
   let { addGlobalListener, removeAllGlobalListeners } = _import.$03deb23ff14920c4$export$4eaf04e54aa8eed6();
+  let triggerPressStart = _import.$8ae05eaa5c114e9c$export$7f54fc3180508a52((originalEvent, pointerType) => {
+    let state = ref.current;
+    if (isDisabled || state.didFirePressStart)
+      return;
+    if (onPressStart)
+      onPressStart({
+        type: "pressstart",
+        pointerType,
+        target: originalEvent.currentTarget,
+        shiftKey: originalEvent.shiftKey,
+        metaKey: originalEvent.metaKey,
+        ctrlKey: originalEvent.ctrlKey,
+        altKey: originalEvent.altKey
+      });
+    if (onPressChange)
+      onPressChange(true);
+    state.didFirePressStart = true;
+    setPressed(true);
+  });
+  let triggerPressEnd = _import.$8ae05eaa5c114e9c$export$7f54fc3180508a52((originalEvent, pointerType, wasPressed = true) => {
+    let state = ref.current;
+    if (!state.didFirePressStart)
+      return;
+    state.ignoreClickAfterPress = true;
+    state.didFirePressStart = false;
+    if (onPressEnd)
+      onPressEnd({
+        type: "pressend",
+        pointerType,
+        target: originalEvent.currentTarget,
+        shiftKey: originalEvent.shiftKey,
+        metaKey: originalEvent.metaKey,
+        ctrlKey: originalEvent.ctrlKey,
+        altKey: originalEvent.altKey
+      });
+    if (onPressChange)
+      onPressChange(false);
+    setPressed(false);
+    if (onPress && wasPressed && !isDisabled)
+      onPress({
+        type: "press",
+        pointerType,
+        target: originalEvent.currentTarget,
+        shiftKey: originalEvent.shiftKey,
+        metaKey: originalEvent.metaKey,
+        ctrlKey: originalEvent.ctrlKey,
+        altKey: originalEvent.altKey
+      });
+  });
+  let triggerPressUp = _import.$8ae05eaa5c114e9c$export$7f54fc3180508a52((originalEvent, pointerType) => {
+    if (isDisabled)
+      return;
+    if (onPressUp)
+      onPressUp({
+        type: "pressup",
+        pointerType,
+        target: originalEvent.currentTarget,
+        shiftKey: originalEvent.shiftKey,
+        metaKey: originalEvent.metaKey,
+        ctrlKey: originalEvent.ctrlKey,
+        altKey: originalEvent.altKey
+      });
+  });
+  let cancel = _import.$8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    let state = ref.current;
+    if (state.isPressed) {
+      if (state.isOverTarget)
+        triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
+      state.isPressed = false;
+      state.isOverTarget = false;
+      state.activePointerId = null;
+      state.pointerType = null;
+      removeAllGlobalListeners();
+      if (!allowTextSelectionOnPress)
+        $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
+    }
+  });
+  let cancelOnPointerExit = _import.$8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    if (shouldCancelOnPointerExit)
+      cancel(e);
+  });
   let pressProps = React.useMemo(() => {
     let state = ref.current;
-    let triggerPressStart = (originalEvent, pointerType) => {
-      let { onPressStart: onPressStart2, onPressChange: onPressChange2, isDisabled: isDisabled2 } = propsRef.current;
-      if (isDisabled2 || state.didFirePressStart)
-        return;
-      if (onPressStart2)
-        onPressStart2({
-          type: "pressstart",
-          pointerType,
-          target: originalEvent.currentTarget,
-          shiftKey: originalEvent.shiftKey,
-          metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey,
-          altKey: originalEvent.altKey
-        });
-      if (onPressChange2)
-        onPressChange2(true);
-      state.didFirePressStart = true;
-      setPressed(true);
-    };
-    let triggerPressEnd = (originalEvent, pointerType, wasPressed = true) => {
-      let { onPressEnd: onPressEnd2, onPressChange: onPressChange2, onPress: onPress2, isDisabled: isDisabled2 } = propsRef.current;
-      if (!state.didFirePressStart)
-        return;
-      state.ignoreClickAfterPress = true;
-      state.didFirePressStart = false;
-      if (onPressEnd2)
-        onPressEnd2({
-          type: "pressend",
-          pointerType,
-          target: originalEvent.currentTarget,
-          shiftKey: originalEvent.shiftKey,
-          metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey,
-          altKey: originalEvent.altKey
-        });
-      if (onPressChange2)
-        onPressChange2(false);
-      setPressed(false);
-      if (onPress2 && wasPressed && !isDisabled2)
-        onPress2({
-          type: "press",
-          pointerType,
-          target: originalEvent.currentTarget,
-          shiftKey: originalEvent.shiftKey,
-          metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey,
-          altKey: originalEvent.altKey
-        });
-    };
-    let triggerPressUp = (originalEvent, pointerType) => {
-      let { onPressUp: onPressUp2, isDisabled: isDisabled2 } = propsRef.current;
-      if (isDisabled2)
-        return;
-      if (onPressUp2)
-        onPressUp2({
-          type: "pressup",
-          pointerType,
-          target: originalEvent.currentTarget,
-          shiftKey: originalEvent.shiftKey,
-          metaKey: originalEvent.metaKey,
-          ctrlKey: originalEvent.ctrlKey,
-          altKey: originalEvent.altKey
-        });
-    };
-    let cancel = (e) => {
-      if (state.isPressed) {
-        if (state.isOverTarget)
-          triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-        state.isPressed = false;
-        state.isOverTarget = false;
-        state.activePointerId = null;
-        state.pointerType = null;
-        removeAllGlobalListeners();
-        if (!allowTextSelectionOnPress)
-          $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
-      }
-    };
     let pressProps2 = {
       onKeyDown(e) {
         if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {
@@ -330,8 +353,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         } else if (state.isOverTarget) {
           state.isOverTarget = false;
           triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-          if (propsRef.current.shouldCancelOnPointerExit)
-            cancel(e);
+          cancelOnPointerExit(e);
         }
       };
       let onPointerUp = (e) => {
@@ -391,8 +413,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         if (state.isPressed && !state.ignoreEmulatedMouseEvents) {
           state.isOverTarget = false;
           triggerPressEnd(e, state.pointerType, false);
-          if (propsRef.current.shouldCancelOnPointerExit)
-            cancel(e);
+          cancelOnPointerExit(e);
         }
       };
       pressProps2.onMouseUp = (e) => {
@@ -451,8 +472,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         } else if (state.isOverTarget) {
           state.isOverTarget = false;
           triggerPressEnd(e, state.pointerType, false);
-          if (propsRef.current.shouldCancelOnPointerExit)
-            cancel(e);
+          cancelOnPointerExit(e);
         }
       };
       pressProps2.onTouchEnd = (e) => {
@@ -504,7 +524,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     isDisabled,
     preventFocusOnPress,
     removeAllGlobalListeners,
-    allowTextSelectionOnPress
+    allowTextSelectionOnPress,
+    cancel,
+    cancelOnPointerExit,
+    triggerPressEnd,
+    triggerPressStart,
+    triggerPressUp
   ]);
   React.useEffect(() => {
     return () => {
@@ -635,10 +660,8 @@ class $8a9cb279dc87e130$export$905e7fc544a71f36 {
 function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
   let stateRef = React.useRef({
     isFocused: false,
-    onBlur,
     observer: null
   });
-  stateRef.current.onBlur = onBlur;
   _import.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
     const state = stateRef.current;
     return () => {
@@ -648,15 +671,17 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
       }
     };
   }, []);
+  let dispatchBlur = _import.$8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  });
   return React.useCallback((e) => {
     if (e.target instanceof HTMLButtonElement || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement) {
       stateRef.current.isFocused = true;
       let target = e.target;
       let onBlurHandler = (e2) => {
-        var _stateRef_current, _stateRef_current_onBlur;
         stateRef.current.isFocused = false;
         if (target.disabled)
-          (_stateRef_current_onBlur = (_stateRef_current = stateRef.current).onBlur) === null || _stateRef_current_onBlur === void 0 ? void 0 : _stateRef_current_onBlur.call(_stateRef_current, new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e2));
+          dispatchBlur(new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", e2));
         if (stateRef.current.observer) {
           stateRef.current.observer.disconnect();
           stateRef.current.observer = null;
@@ -668,9 +693,13 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
       stateRef.current.observer = new MutationObserver(() => {
         if (stateRef.current.isFocused && target.disabled) {
           stateRef.current.observer.disconnect();
-          target.dispatchEvent(new FocusEvent("blur"));
+          let relatedTargetEl = target === document.activeElement ? null : document.activeElement;
+          target.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: relatedTargetEl
+          }));
           target.dispatchEvent(new FocusEvent("focusout", {
-            bubbles: true
+            bubbles: true,
+            relatedTarget: relatedTargetEl
           }));
         }
       });
@@ -681,7 +710,9 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
         ]
       });
     }
-  }, []);
+  }, [
+    dispatchBlur
+  ]);
 }
 function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
   let { isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange } = props;
@@ -804,6 +835,24 @@ function $507fabe10e71c6fb$export$b9b3dfddab17db27() {
 function $507fabe10e71c6fb$export$630ff653c5ada6a9() {
   return $507fabe10e71c6fb$var$currentModality;
 }
+function $507fabe10e71c6fb$export$8397ddfc504fdb9a(modality) {
+  $507fabe10e71c6fb$var$currentModality = modality;
+  $507fabe10e71c6fb$var$triggerChangeHandlers(modality, null);
+}
+function $507fabe10e71c6fb$export$98e20ec92f614cfe() {
+  $507fabe10e71c6fb$var$setupGlobalFocusEvents();
+  let [modality, setModality] = React.useState($507fabe10e71c6fb$var$currentModality);
+  React.useEffect(() => {
+    let handler = () => {
+      setModality($507fabe10e71c6fb$var$currentModality);
+    };
+    $507fabe10e71c6fb$var$changeHandlers.add(handler);
+    return () => {
+      $507fabe10e71c6fb$var$changeHandlers.delete(handler);
+    };
+  }, []);
+  return _import.$704cf1d3b684cc5c$export$535bd6ca7f90a273() ? null : modality;
+}
 function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
   return !(isTextInput && modality === "keyboard" && e instanceof KeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
 }
@@ -996,27 +1045,27 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
   let { ref, onInteractOutside, isDisabled, onInteractOutsideStart } = props;
   let stateRef = React.useRef({
     isPointerDown: false,
-    ignoreEmulatedMouseEvents: false,
-    onInteractOutside,
-    onInteractOutsideStart
+    ignoreEmulatedMouseEvents: false
+  });
+  let onPointerDown = _import.$8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    if (onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref)) {
+      if (onInteractOutsideStart)
+        onInteractOutsideStart(e);
+      stateRef.current.isPointerDown = true;
+    }
+  });
+  let triggerInteractOutside = _import.$8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    if (onInteractOutside)
+      onInteractOutside(e);
   });
-  let state = stateRef.current;
-  state.onInteractOutside = onInteractOutside;
-  state.onInteractOutsideStart = onInteractOutsideStart;
   React.useEffect(() => {
+    let state = stateRef.current;
     if (isDisabled)
       return;
-    let onPointerDown = (e) => {
-      if ($e0b6e0b68ec7f50f$var$isValidEvent(e, ref) && state.onInteractOutside) {
-        if (state.onInteractOutsideStart)
-          state.onInteractOutsideStart(e);
-        state.isPointerDown = true;
-      }
-    };
     if (typeof PointerEvent !== "undefined") {
       let onPointerUp = (e) => {
-        if (state.isPointerDown && state.onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref))
-          state.onInteractOutside(e);
+        if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref))
+          triggerInteractOutside(e);
         state.isPointerDown = false;
       };
       document.addEventListener("pointerdown", onPointerDown, true);
@@ -1029,14 +1078,14 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
       let onMouseUp = (e) => {
         if (state.ignoreEmulatedMouseEvents)
           state.ignoreEmulatedMouseEvents = false;
-        else if (state.isPointerDown && state.onInteractOutside && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref))
-          state.onInteractOutside(e);
+        else if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref))
+          triggerInteractOutside(e);
         state.isPointerDown = false;
       };
       let onTouchEnd = (e) => {
         state.ignoreEmulatedMouseEvents = true;
-        if (state.onInteractOutside && state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref))
-          state.onInteractOutside(e);
+        if (state.isPointerDown && $e0b6e0b68ec7f50f$var$isValidEvent(e, ref))
+          triggerInteractOutside(e);
         state.isPointerDown = false;
       };
       document.addEventListener("mousedown", onPointerDown, true);
@@ -1052,8 +1101,9 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
     }
   }, [
     ref,
-    state,
-    isDisabled
+    isDisabled,
+    onPointerDown,
+    triggerInteractOutside
   ]);
 }
 function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
@@ -1273,7 +1323,7 @@ class $9bf71ea28793e738$var$Tree {
       yield node;
     if (node.children.size > 0)
       for (let child of node.children)
-        yield* this.traverse(child);
+        yield* __yieldStar(this.traverse(child));
   }
   clone() {
     let newTree = new $9bf71ea28793e738$var$Tree();
@@ -1282,7 +1332,7 @@ class $9bf71ea28793e738$var$Tree {
     return newTree;
   }
   constructor() {
-    _defineProperty(this, "fastMap", /* @__PURE__ */ new Map());
+    this.fastMap = /* @__PURE__ */ new Map();
     this.root = new $9bf71ea28793e738$var$TreeNode({
       scopeRef: null
     });
@@ -1299,8 +1349,8 @@ class $9bf71ea28793e738$var$TreeNode {
     node.parent = void 0;
   }
   constructor(props) {
-    _defineProperty(this, "children", /* @__PURE__ */ new Set());
-    _defineProperty(this, "contain", false);
+    this.children = /* @__PURE__ */ new Set();
+    this.contain = false;
     this.scopeRef = props.scopeRef;
   }
 }
@@ -1337,7 +1387,7 @@ function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
   });
   return {
     isFocused,
-    isFocusVisible: state.current.isFocused && isFocusVisibleState,
+    isFocusVisible: isFocusVisibleState,
     focusProps: within ? focusWithinProps : focusProps
   };
 }
@@ -1368,7 +1418,10 @@ function $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {
     }), interactionProps)
   };
 }
+exports.$46d819fcbaf35654$export$8f71654801c2f7cd = $46d819fcbaf35654$export$8f71654801c2f7cd;
 exports.$507fabe10e71c6fb$export$630ff653c5ada6a9 = $507fabe10e71c6fb$export$630ff653c5ada6a9;
+exports.$507fabe10e71c6fb$export$8397ddfc504fdb9a = $507fabe10e71c6fb$export$8397ddfc504fdb9a;
+exports.$507fabe10e71c6fb$export$98e20ec92f614cfe = $507fabe10e71c6fb$export$98e20ec92f614cfe;
 exports.$507fabe10e71c6fb$export$b9b3dfddab17db27 = $507fabe10e71c6fb$export$b9b3dfddab17db27;
 exports.$6179b936705e76d3$export$ae780daf29e6d456 = $6179b936705e76d3$export$ae780daf29e6d456;
 exports.$6a99195332edec8b$export$80f3e147d781571c = $6a99195332edec8b$export$80f3e147d781571c;
@@ -1380,4 +1433,3 @@ exports.$e0b6e0b68ec7f50f$export$872b660ac5a1ff98 = $e0b6e0b68ec7f50f$export$872
 exports.$e6afbd83fe6ebbd2$export$4c014de7c8940b4c = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c;
 exports.$f6c31cce2adf654f$export$45712eceda6fad21 = $f6c31cce2adf654f$export$45712eceda6fad21;
 exports.$f7dceffc5ad7768b$export$4e328f61c538687f = $f7dceffc5ad7768b$export$4e328f61c538687f;
-exports._defineProperty = _defineProperty;