@easypost/easy-ui 1.0.0-alpha.61 → 1.0.0-alpha.62

package/__chunks__/{useOverlayTrigger-Do68TGFi.mjs → useOverlayTrigger-DDcXdZOM.mjs}

@@ -1,6 +1,6 @@
-import { $ as $dd149f63282afbbf$export$f6211563215e3b37 } from "./Overlay-d3z5W5Nn.mjs";
+import { $ as $dd149f63282afbbf$export$f6211563215e3b37 } from "./Overlay-DyfvFsGi.mjs";
 import { useEffect } from "react";
-import { d as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-T961Q1yJ.mjs";
+import { c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-DSi85raC.mjs";
 function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
   let { type } = props;
   let { isOpen } = state;

package/__chunks__/{useOverlayTrigger-MyMg5wFE.js → useOverlayTrigger-Dp7RXQ9B.js}

@@ -1,5 +1,5 @@
 "use strict";
-const Overlay = require("./Overlay-ZinDp2HW.js");
+const Overlay = require("./Overlay-Dmwy9VjC.js");
 const React = require("react");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {

package/__chunks__/{usePress-Dz8YYpge.js → usePress-DNETV97g.js}

@@ -15,10 +15,9 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const isVirtualEvent = require("./isVirtualEvent-DwoP1rNI.js");
-const context = require("./context-C6CFGY_J.js");
+const context = require("./context-CYcq9Zvo.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const React = require("react");
-const useSyncRef = require("./useSyncRef-CPg4onT-.js");
 function _check_private_redeclaration(obj, privateCollection) {
   if (privateCollection.has(obj)) {
     throw new TypeError("Cannot initialize the same private elements twice on an object");
@@ -244,7 +243,7 @@ function $f6c31cce2adf654f$var$usePressResponderContext(props) {
     props = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(contextProps, props);
     register();
   }
-  useSyncRef.$e7801be82b4b2a53$export$4debdb1a3f0fa79e(context$1, props.ref);
+  context.$e7801be82b4b2a53$export$4debdb1a3f0fa79e(context$1, props.ref);
   return props;
 }
 var $f6c31cce2adf654f$var$_shouldStopPropagation = /* @__PURE__ */ new WeakMap();

package/__chunks__/{usePress-BAsZaqDB.mjs → usePress-Db4pSZfY.mjs}

@@ -14,10 +14,9 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { g as $c87311424ea30a05$export$b7d78993b74f766d, c as $c87311424ea30a05$export$9ac100e40613ea10, d as $c87311424ea30a05$export$78551043582a6a98, h as $c87311424ea30a05$export$7bef049ce92e4224, e as $c87311424ea30a05$export$fedb369cb70207f1, $ as $431fbd86ca7dc216$export$b204af158042fbac, i as $6a7db85432448f7f$export$29bf1b5f2c56cf63, b as $6a7db85432448f7f$export$60278871457622de, a as $431fbd86ca7dc216$export$f21a1ffae260145a } from "./isVirtualEvent-BPCuFO54.mjs";
-import { a as $7215afc6de606d6b$export$de79e2c695e052f3, $ as $bbed8b41f857bcc0$export$24490316f764c430, b as $ae1eeba8b9eafd08$export$5165eccb35aaadb5 } from "./context-CgOWZch5.mjs";
-import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./mergeProps-T961Q1yJ.mjs";
+import { a as $7215afc6de606d6b$export$de79e2c695e052f3, $ as $bbed8b41f857bcc0$export$24490316f764c430, c as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, b as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./context-EpOG85wC.mjs";
+import { a as $8ae05eaa5c114e9c$export$7f54fc3180508a52, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./mergeProps-DSi85raC.mjs";
 import React__default, { useMemo, createContext, useContext, useRef, useCallback, useEffect, useState } from "react";
-import { $ as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./useSyncRef-CpaiKz0R.mjs";
 function _check_private_redeclaration(obj, privateCollection) {
   if (privateCollection.has(obj)) {
     throw new TypeError("Cannot initialize the same private elements twice on an object");

package/__chunks__/{useSelectableItem-DL-4kc1g.mjs → useSelectableItem-D61t76J1.mjs}

@@ -19,15 +19,15 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { useRef, useEffect } from "react";
 import { flushSync } from "react-dom";
-import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-CjcZn1Rq.mjs";
-import { $ as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-DcMa3q3g.mjs";
-import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
-import { a as $7215afc6de606d6b$export$de79e2c695e052f3 } from "./context-CgOWZch5.mjs";
-import { e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, f as $ea8dcbcb9ea1b556$export$95185d699e05d4d7 } from "./usePress-BAsZaqDB.mjs";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-C5RCZjKr.mjs";
-import { $ as $ef06256079686ba0$export$f8aeda7b10753fa1, a as $2f04cbc44ee30ce0$export$53a0910f038337bd, b as $2f04cbc44ee30ce0$export$c826860796309d1b } from "./scrollIntoView-GfnXaOCE.mjs";
-import { $ as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useFocusVisible-8tH_I2iV.mjs";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DEwqildc.mjs";
+import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-Qg8vUhZ_.mjs";
+import { $ as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-BWGCG3W3.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
+import { a as $7215afc6de606d6b$export$de79e2c695e052f3 } from "./context-EpOG85wC.mjs";
+import { e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, f as $ea8dcbcb9ea1b556$export$95185d699e05d4d7 } from "./usePress-Db4pSZfY.mjs";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-B0fsKtsf.mjs";
+import { $ as $ef06256079686ba0$export$f8aeda7b10753fa1, a as $2f04cbc44ee30ce0$export$53a0910f038337bd, b as $2f04cbc44ee30ce0$export$c826860796309d1b } from "./scrollIntoView-CZM0k-rp.mjs";
+import { $ as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useFocusVisible-ng1Hn25t.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BZCcafjG.mjs";
 import { f as $c87311424ea30a05$export$e1865c3bedcd822b, c as $c87311424ea30a05$export$9ac100e40613ea10 } from "./isVirtualEvent-BPCuFO54.mjs";
 const $8a26561d2877236e$var$DEFAULT_THRESHOLD = 500;
 function $8a26561d2877236e$export$c24ed0104d07eab9(props) {

package/__chunks__/{useSelectableItem-BGvBbIwY.js → useSelectableItem-DpEX9QBc.js}

@@ -20,11 +20,11 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const React = require("react");
 const ReactDOM = require("react-dom");
-const FocusScope = require("./FocusScope-Co1hHX8R.js");
-const focusSafely = require("./focusSafely-sLifanM7.js");
+const FocusScope = require("./FocusScope-DFE0IeGl.js");
+const focusSafely = require("./focusSafely-BvrXUhlW.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
-const context$1 = require("./context-C6CFGY_J.js");
-const usePress = require("./usePress-Dz8YYpge.js");
+const context$1 = require("./context-CYcq9Zvo.js");
+const usePress = require("./usePress-DNETV97g.js");
 const useEvent = require("./useEvent-DY7dR7Mi.js");
 const scrollIntoView = require("./scrollIntoView-DkcUbB3D.js");
 const useFocusVisible = require("./useFocusVisible-PBQuklI8.js");

package/__chunks__/{useSelectableList-BQ06AmlV.mjs → useSelectableList-BdG5I7cy.mjs}

@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { $ as $ae20dd8cbca75726$export$d6daf82dcd84e87c } from "./useSelectableItem-DL-4kc1g.mjs";
+import { $ as $ae20dd8cbca75726$export$d6daf82dcd84e87c } from "./useSelectableItem-D61t76J1.mjs";
 import { $ as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./isScrollable-DwbLAiO0.mjs";
-import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "./useCollator-DXoNI6C-.mjs";
+import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "./useCollator-B-keb3wA.mjs";
 import { useMemo } from "react";
 class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
   getItemRect(key) {

package/__chunks__/{useSelectableList-F8fB4Dtg.js → useSelectableList-UkBCcTuC.js}

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const useSelectableItem = require("./useSelectableItem-BGvBbIwY.js");
+const useSelectableItem = require("./useSelectableItem-DpEX9QBc.js");
 const isScrollable = require("./isScrollable-CE3Xdlg4.js");
 const useCollator = require("./useCollator-DGrSWVh4.js");
 const React = require("react");

package/__chunks__/{useToggle-CU6aSiOx.mjs → useToggle-BDx-p-Zv.mjs}

@@ -17,11 +17,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CmXMJVpO.mjs";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-DoNt-Wd3.mjs";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-BAsZaqDB.mjs";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DA1Lwdha.mjs";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CNor_Zjt.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Db4pSZfY.mjs";
 function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
   let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
   let onChange = (e) => {

package/__chunks__/{useToggle-D7gzXCXF.js → useToggle-BfpHeO2F.js}

@@ -21,8 +21,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
 const useFormReset = require("./useFormReset-Bgj93eR3.js");
-const useFocusable = require("./useFocusable-BfXLORiH.js");
-const usePress = require("./usePress-Dz8YYpge.js");
+const useFocusable = require("./useFocusable-8kJcp2yc.js");
+const usePress = require("./usePress-DNETV97g.js");
 function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
   let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
   let onChange = (e) => {

package/__chunks__/{useTriggerWidth-DA668KiC.mjs → useTriggerWidth-CRz8zSDa.mjs}

@@ -55,10 +55,10 @@ var __yieldStar = (value) => {
 };
 import React__default, { useState, useRef, useEffect } from "react";
 import { c as $c5a24bc478652b5f$export$1005530eda016c13 } from "./SelectionManager-DCO_d3m1.mjs";
-import { d as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-T961Q1yJ.mjs";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CLrYoOi9.mjs";
-import { c as $8a26561d2877236e$export$c24ed0104d07eab9 } from "./useSelectableItem-DL-4kc1g.mjs";
-import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "./useOverlayTrigger-Do68TGFi.mjs";
+import { c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-DSi85raC.mjs";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BHXy3Wtu.mjs";
+import { c as $8a26561d2877236e$export$c24ed0104d07eab9 } from "./useSelectableItem-D61t76J1.mjs";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d } from "./useOverlayTrigger-DDcXdZOM.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
 import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "./useResizeObserver-Dyb4wvuA.mjs";
 function $9fc4852771d079eb$var$Section(props) {

package/__chunks__/{useTriggerWidth-ROE4ZhGv.js → useTriggerWidth-Dj7C0lza.js}

@@ -58,8 +58,8 @@ const React = require("react");
 const SelectionManager = require("./SelectionManager-DuX6geJg.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-CaF1VsOH.js");
-const useSelectableItem = require("./useSelectableItem-BGvBbIwY.js");
-const useOverlayTrigger = require("./useOverlayTrigger-MyMg5wFE.js");
+const useSelectableItem = require("./useSelectableItem-DpEX9QBc.js");
+const useOverlayTrigger = require("./useOverlayTrigger-Dp7RXQ9B.js");
 const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
 const useResizeObserver = require("./useResizeObserver-BsbT3mjh.js");
 function $9fc4852771d079eb$var$Section(props) {

package/__chunks__/{utilities-DKvHenAr.js → utilities-CaBPUKEB.js}

@@ -34,8 +34,8 @@ const React = require("react");
 const useLabels = require("./useLabels-KmwewLTv.js");
 const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-CaF1VsOH.js");
 const VisuallyHidden = require("./VisuallyHidden-CVfjb1YY.js");
-const ariaHideOutside = require("./ariaHideOutside-a1MUBVQF.js");
-const useOverlayPosition = require("./useOverlayPosition-ucZjuzzI.js");
+const ariaHideOutside = require("./ariaHideOutside-B6WqGXJj.js");
+const useOverlayPosition = require("./useOverlayPosition-CMvGmqVL.js");
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const utilities_css = require("../utilities/css.js");
 var $773d5888b972f1cf$exports = {};

package/__chunks__/{utilities-DmLL16up.mjs → utilities-DASknbaa.mjs}

@@ -30,12 +30,12 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import React__default, { useCallback, useEffect } from "react";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Bly436JP.mjs";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CLrYoOi9.mjs";
-import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-DmDK0fH3.mjs";
-import { $ as $a11501f3d1d39e6c$export$ea8f71083e90600f, a as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, b as $5e3802645cc19319$export$1c3ebcada18427bf } from "./ariaHideOutside-B-UoCW1g.mjs";
-import { $ as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./useOverlayPosition-B_X4JGFp.mjs";
-import { a as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-5f58TiCH.mjs";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BHXy3Wtu.mjs";
+import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-BC5PXI9q.mjs";
+import { $ as $a11501f3d1d39e6c$export$ea8f71083e90600f, a as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, b as $5e3802645cc19319$export$1c3ebcada18427bf } from "./ariaHideOutside-CxWZQtI1.mjs";
+import { $ as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./useOverlayPosition-BjK7cu6U.mjs";
+import { d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-DSi85raC.mjs";
 import { getComponentToken, pxToRem, getResponsiveValue } from "../utilities/css.mjs";
 var $773d5888b972f1cf$exports = {};
 $773d5888b972f1cf$exports = {

package/__chunks__/{utils-XuD3IFpv.mjs → utils-D4ddhsBL.mjs}

@@ -29,25 +29,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-T961Q1yJ.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./mergeProps-DSi85raC.mjs";
 import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-CCV6itCY.mjs";
-import React__default, { useRef, useMemo, useState, useCallback, useContext } from "react";
-import "react-dom";
-function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
-  const objRef = useRef(null);
-  return useMemo(() => ({
-    get current() {
-      return objRef.current;
-    },
-    set current(value) {
-      objRef.current = value;
-      if (typeof forwardedRef === "function") forwardedRef(value);
-      else if (forwardedRef) forwardedRef.current = value;
-    }
-  }), [
-    forwardedRef
-  ]);
-}
+import { $ as $df56164dff5785e2$export$4338b53315abf666 } from "./useObjectRef-wU82Pkgx.mjs";
+import React__default, { useMemo, useState, useRef, useCallback, useContext } from "react";
+import ReactDOM from "react-dom";
 const $64fa3d84918910a7$export$c62b8e45d58ddad9 = Symbol("default");
 function $64fa3d84918910a7$export$2881499e37b75b9a({ values, children }) {
   for (let [Context, value] of values)
@@ -146,10 +132,61 @@ function $64fa3d84918910a7$export$9d4c57ee4c6ffdd8() {
     hasSlot
   ];
 }
+function $64fa3d84918910a7$export$6d3443f2c48bfc20(ref, isReady = true) {
+  let [isEntering, setEntering] = useState(true);
+  $64fa3d84918910a7$var$useAnimation(ref, isEntering && isReady, useCallback(() => setEntering(false), []));
+  return isEntering && isReady;
+}
+function $64fa3d84918910a7$export$45fda7c47f93fd48(ref, isOpen) {
+  let [isExiting, setExiting] = useState(false);
+  let [exitState, setExitState] = useState("idle");
+  if (!isOpen && ref.current && exitState === "idle") {
+    isExiting = true;
+    setExiting(true);
+    setExitState("exiting");
+  }
+  if (!ref.current && exitState === "exited") setExitState("idle");
+  $64fa3d84918910a7$var$useAnimation(ref, isExiting, useCallback(() => {
+    setExitState("exited");
+    setExiting(false);
+  }, []));
+  return isExiting;
+}
+function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
+  let prevAnimation = useRef(null);
+  if (isActive && ref.current)
+    prevAnimation.current = window.getComputedStyle(ref.current).animation;
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isActive && ref.current) {
+      let computedStyle = window.getComputedStyle(ref.current);
+      if (computedStyle.animationName && computedStyle.animationName !== "none" && computedStyle.animation !== prevAnimation.current) {
+        let onAnimationEnd = (e) => {
+          if (e.target === ref.current) {
+            element.removeEventListener("animationend", onAnimationEnd);
+            ReactDOM.flushSync(() => {
+              onEnd();
+            });
+          }
+        };
+        let element = ref.current;
+        element.addEventListener("animationend", onAnimationEnd);
+        return () => {
+          element.removeEventListener("animationend", onAnimationEnd);
+        };
+      } else onEnd();
+    }
+  }, [
+    ref,
+    isActive,
+    onEnd
+  ]);
+}
 export {
   $64fa3d84918910a7$export$29f1550f4b0d4415 as $,
   $64fa3d84918910a7$export$4d86445c2cf5e3 as a,
-  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as b,
-  $64fa3d84918910a7$export$2881499e37b75b9a as c,
-  $df56164dff5785e2$export$4338b53315abf666 as d
+  $64fa3d84918910a7$export$45fda7c47f93fd48 as b,
+  $64fa3d84918910a7$export$6d3443f2c48bfc20 as c,
+  $64fa3d84918910a7$export$2881499e37b75b9a as d,
+  $64fa3d84918910a7$export$c62b8e45d58ddad9 as e,
+  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as f
 };

package/__chunks__/{utils-DXO9zsKE.js → utils-DIF5XAA2.js}

@@ -32,23 +32,9 @@ var __objRest = (source, exclude) => {
 };
 const mergeProps = require("./mergeProps-DniMwM6P.js");
 const mergeRefs = require("./mergeRefs-CQsNYO0P.js");
+const useObjectRef = require("./useObjectRef-BOGMJ5vM.js");
 const React = require("react");
-require("react-dom");
-function $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {
-  const objRef = React.useRef(null);
-  return React.useMemo(() => ({
-    get current() {
-      return objRef.current;
-    },
-    set current(value) {
-      objRef.current = value;
-      if (typeof forwardedRef === "function") forwardedRef(value);
-      else if (forwardedRef) forwardedRef.current = value;
-    }
-  }), [
-    forwardedRef
-  ]);
-}
+const ReactDOM = require("react-dom");
 const $64fa3d84918910a7$export$c62b8e45d58ddad9 = Symbol("default");
 function $64fa3d84918910a7$export$2881499e37b75b9a({ values, children }) {
   for (let [Context, value] of values)
@@ -109,7 +95,7 @@ function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
 function $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, context) {
   let ctx = $64fa3d84918910a7$export$fabf2dc03a41866e(context, props.slot) || {};
   let _a = ctx, { ref: contextRef } = _a, contextProps = __objRest(_a, ["ref"]);
-  let mergedRef = $df56164dff5785e2$export$4338b53315abf666(React.useMemo(() => mergeRefs.$5dc95899b306f630$export$c9058316764c140e(ref, contextRef), [
+  let mergedRef = useObjectRef.$df56164dff5785e2$export$4338b53315abf666(React.useMemo(() => mergeRefs.$5dc95899b306f630$export$c9058316764c140e(ref, contextRef), [
     ref,
     contextRef
   ]));
@@ -147,8 +133,59 @@ function $64fa3d84918910a7$export$9d4c57ee4c6ffdd8() {
     hasSlot
   ];
 }
+function $64fa3d84918910a7$export$6d3443f2c48bfc20(ref, isReady = true) {
+  let [isEntering, setEntering] = React.useState(true);
+  $64fa3d84918910a7$var$useAnimation(ref, isEntering && isReady, React.useCallback(() => setEntering(false), []));
+  return isEntering && isReady;
+}
+function $64fa3d84918910a7$export$45fda7c47f93fd48(ref, isOpen) {
+  let [isExiting, setExiting] = React.useState(false);
+  let [exitState, setExitState] = React.useState("idle");
+  if (!isOpen && ref.current && exitState === "idle") {
+    isExiting = true;
+    setExiting(true);
+    setExitState("exiting");
+  }
+  if (!ref.current && exitState === "exited") setExitState("idle");
+  $64fa3d84918910a7$var$useAnimation(ref, isExiting, React.useCallback(() => {
+    setExitState("exited");
+    setExiting(false);
+  }, []));
+  return isExiting;
+}
+function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
+  let prevAnimation = React.useRef(null);
+  if (isActive && ref.current)
+    prevAnimation.current = window.getComputedStyle(ref.current).animation;
+  mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (isActive && ref.current) {
+      let computedStyle = window.getComputedStyle(ref.current);
+      if (computedStyle.animationName && computedStyle.animationName !== "none" && computedStyle.animation !== prevAnimation.current) {
+        let onAnimationEnd = (e) => {
+          if (e.target === ref.current) {
+            element.removeEventListener("animationend", onAnimationEnd);
+            ReactDOM.flushSync(() => {
+              onEnd();
+            });
+          }
+        };
+        let element = ref.current;
+        element.addEventListener("animationend", onAnimationEnd);
+        return () => {
+          element.removeEventListener("animationend", onAnimationEnd);
+        };
+      } else onEnd();
+    }
+  }, [
+    ref,
+    isActive,
+    onEnd
+  ]);
+}
 exports.$64fa3d84918910a7$export$2881499e37b75b9a = $64fa3d84918910a7$export$2881499e37b75b9a;
 exports.$64fa3d84918910a7$export$29f1550f4b0d4415 = $64fa3d84918910a7$export$29f1550f4b0d4415;
+exports.$64fa3d84918910a7$export$45fda7c47f93fd48 = $64fa3d84918910a7$export$45fda7c47f93fd48;
 exports.$64fa3d84918910a7$export$4d86445c2cf5e3 = $64fa3d84918910a7$export$4d86445c2cf5e3;
+exports.$64fa3d84918910a7$export$6d3443f2c48bfc20 = $64fa3d84918910a7$export$6d3443f2c48bfc20;
 exports.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8 = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8;
-exports.$df56164dff5785e2$export$4338b53315abf666 = $df56164dff5785e2$export$4338b53315abf666;
+exports.$64fa3d84918910a7$export$c62b8e45d58ddad9 = $64fa3d84918910a7$export$c62b8e45d58ddad9;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easypost/easy-ui",
-  "version": "1.0.0-alpha.61",
+  "version": "1.0.0-alpha.62",
   "sideEffects": [
     "**/*.css"
   ],