@serendie/ui 2.0.0 → 2.1.0

package/dist/node_modules/@zag-js/popper/dist/index.js

@@ -1,92 +1,92 @@
-import { autoUpdate as S, offset as A, flip as D, shift as R, arrow as W, size as I, hide as B, computePosition as H, limitShift as T } from "../../../@floating-ui/dom/dist/floating-ui.dom.js";
-import { raf as V, isHTMLElement as k, getWindow as C } from "../../dom-query/dist/index.js";
-import { noop as L, isNull as N, runIfFn as j, compact as U } from "../../utils/dist/index.js";
-function v(t = 0, e = 0, r = 0, i = 0) {
+import { autoUpdate as S, offset as A, flip as D, shift as H, arrow as R, size as W, hide as B, computePosition as I, limitShift as T } from "../../../@floating-ui/dom/dist/floating-ui.dom.js";
+import { raf as V, isHTMLElement as k, getWindow as C, getComputedStyle as L } from "../../dom-query/dist/index.js";
+import { noop as N, isNull as j, runIfFn as U, compact as _ } from "../../utils/dist/index.js";
+function b(e = 0, t = 0, r = 0, i = 0) {
   if (typeof DOMRect == "function")
-    return new DOMRect(t, e, r, i);
+    return new DOMRect(e, t, r, i);
   const n = {
-    x: t,
-    y: e,
+    x: e,
+    y: t,
     width: r,
     height: i,
-    top: e,
-    right: t + r,
-    bottom: e + i,
-    left: t
+    top: t,
+    right: e + r,
+    bottom: t + i,
+    left: e
   };
   return { ...n, toJSON: () => n };
 }
-function _(t) {
-  if (!t) return v();
-  const { x: e, y: r, width: i, height: n } = t;
-  return v(e, r, i, n);
+function q(e) {
+  if (!e) return b();
+  const { x: t, y: r, width: i, height: n } = e;
+  return b(t, r, i, n);
 }
-function q(t, e) {
+function E(e, t) {
   return {
-    contextElement: k(t) ? t : void 0,
+    contextElement: k(e) ? e : void 0,
     getBoundingClientRect: () => {
-      const r = t, i = e == null ? void 0 : e(r);
-      return i || !r ? _(i) : r.getBoundingClientRect();
+      const r = e, i = t == null ? void 0 : t(r);
+      return i || !r ? q(i) : r.getBoundingClientRect();
     }
   };
 }
-var u = (t) => ({ variable: t, reference: `var(${t})` }), c = {
+var u = (e) => ({ variable: e, reference: `var(${e})` }), f = {
   arrowSize: u("--arrow-size"),
   arrowSizeHalf: u("--arrow-size-half"),
   arrowBg: u("--arrow-background"),
   transformOrigin: u("--transform-origin"),
   arrowOffset: u("--arrow-offset")
-}, G = (t) => ({
+}, G = (e) => ({
   top: "bottom center",
-  "top-start": t ? `${t.x}px bottom` : "left bottom",
-  "top-end": t ? `${t.x}px bottom` : "right bottom",
+  "top-start": e ? `${e.x}px bottom` : "left bottom",
+  "top-end": e ? `${e.x}px bottom` : "right bottom",
   bottom: "top center",
-  "bottom-start": t ? `${t.x}px top` : "top left",
-  "bottom-end": t ? `${t.x}px top` : "top right",
+  "bottom-start": e ? `${e.x}px top` : "top left",
+  "bottom-end": e ? `${e.x}px top` : "top right",
   left: "right center",
-  "left-start": t ? `right ${t.y}px` : "right top",
-  "left-end": t ? `right ${t.y}px` : "right bottom",
+  "left-start": e ? `right ${e.y}px` : "right top",
+  "left-end": e ? `right ${e.y}px` : "right bottom",
   right: "left center",
-  "right-start": t ? `left ${t.y}px` : "left top",
-  "right-end": t ? `left ${t.y}px` : "left bottom"
+  "right-start": e ? `left ${e.y}px` : "left top",
+  "right-end": e ? `left ${e.y}px` : "left bottom"
 }), J = {
   name: "transformOrigin",
-  fn({ placement: t, elements: e, middlewareData: r }) {
-    const { arrow: i } = r, n = G(i)[t], { floating: o } = e;
-    return o.style.setProperty(c.transformOrigin.variable, n), {
+  fn({ placement: e, elements: t, middlewareData: r }) {
+    const { arrow: i } = r, n = G(i)[e], { floating: o } = t;
+    return o.style.setProperty(f.transformOrigin.variable, n), {
       data: { transformOrigin: n }
     };
   }
 }, Y = {
   name: "rects",
-  fn({ rects: t }) {
+  fn({ rects: e }) {
     return {
-      data: t
+      data: e
     };
   }
-}, E = (t) => {
-  if (t)
+}, K = (e) => {
+  if (e)
     return {
       name: "shiftArrow",
-      fn({ placement: e, middlewareData: r }) {
+      fn({ placement: t, middlewareData: r }) {
         if (!r.arrow) return {};
-        const { x: i, y: n } = r.arrow, o = e.split("-")[0];
-        return Object.assign(t.style, {
+        const { x: i, y: n } = r.arrow, o = t.split("-")[0];
+        return Object.assign(e.style, {
           left: i != null ? `${i}px` : "",
           top: n != null ? `${n}px` : "",
-          [o]: `calc(100% + ${c.arrowOffset.reference})`
+          [o]: `calc(100% + ${f.arrowOffset.reference})`
         }), {};
       }
     };
 };
-function K(t) {
-  const [e, r] = t.split("-");
-  return { side: e, align: r, hasAlign: r != null };
+function Q(e) {
+  const [t, r] = e.split("-");
+  return { side: t, align: r, hasAlign: r != null };
 }
-function ct(t) {
-  return t.split("-")[0];
+function de(e) {
+  return e.split("-")[0];
 }
-var Q = {
+var X = {
   strategy: "absolute",
   placement: "bottom",
   listeners: !0,
@@ -99,134 +99,134 @@ var Q = {
   overflowPadding: 8,
   arrowPadding: 4
 };
-function b(t, e) {
-  const r = t.devicePixelRatio || 1;
-  return Math.round(e * r) / r;
+function P(e, t) {
+  const r = e.devicePixelRatio || 1;
+  return Math.round(t * r) / r;
 }
-function P(t) {
-  return j(t.boundary);
+function M(e) {
+  return U(e.boundary);
 }
-function X(t, e) {
-  if (t)
-    return W({
-      element: t,
-      padding: e.arrowPadding
+function Z(e, t) {
+  if (e)
+    return R({
+      element: e,
+      padding: t.arrowPadding
     });
 }
-function Z(t, e) {
-  if (!N(e.offset ?? e.gutter))
+function F(e, t) {
+  if (!j(t.offset ?? t.gutter))
     return A(({ placement: r }) => {
       var d, a;
-      const i = ((t == null ? void 0 : t.clientHeight) || 0) / 2, n = ((d = e.offset) == null ? void 0 : d.mainAxis) ?? e.gutter, o = typeof n == "number" ? n + i : n ?? i, { hasAlign: f } = K(r), s = f ? void 0 : e.shift, l = ((a = e.offset) == null ? void 0 : a.crossAxis) ?? s;
-      return U({
+      const i = ((e == null ? void 0 : e.clientHeight) || 0) / 2, n = ((d = t.offset) == null ? void 0 : d.mainAxis) ?? t.gutter, o = typeof n == "number" ? n + i : n ?? i, { hasAlign: c } = Q(r), s = c ? void 0 : t.shift, l = ((a = t.offset) == null ? void 0 : a.crossAxis) ?? s;
+      return _({
         crossAxis: l,
         mainAxis: o,
-        alignmentAxis: e.shift
+        alignmentAxis: t.shift
       });
     });
 }
-function F(t) {
-  if (t.flip)
+function ee(e) {
+  if (e.flip)
     return D({
-      boundary: P(t),
-      padding: t.overflowPadding,
-      fallbackPlacements: t.flip === !0 ? void 0 : t.flip
+      boundary: M(e),
+      padding: e.overflowPadding,
+      fallbackPlacements: e.flip === !0 ? void 0 : e.flip
     });
 }
-function tt(t) {
-  if (!(!t.slide && !t.overlap))
-    return R({
-      boundary: P(t),
-      mainAxis: t.slide,
-      crossAxis: t.overlap,
-      padding: t.overflowPadding,
+function te(e) {
+  if (!(!e.slide && !e.overlap))
+    return H({
+      boundary: M(e),
+      mainAxis: e.slide,
+      crossAxis: e.overlap,
+      padding: e.overflowPadding,
       limiter: T()
     });
 }
-function et(t) {
-  return I({
-    padding: t.overflowPadding,
-    apply({ elements: e, rects: r, availableHeight: i, availableWidth: n }) {
-      const o = e.floating, f = Math.round(r.reference.width);
-      n = Math.floor(n), i = Math.floor(i), o.style.setProperty("--reference-width", `${f}px`), o.style.setProperty("--available-width", `${n}px`), o.style.setProperty("--available-height", `${i}px`);
+function re(e) {
+  return W({
+    padding: e.overflowPadding,
+    apply({ elements: t, rects: r, availableHeight: i, availableWidth: n }) {
+      const o = t.floating, c = Math.round(r.reference.width);
+      n = Math.floor(n), i = Math.floor(i), o.style.setProperty("--reference-width", `${c}px`), o.style.setProperty("--available-width", `${n}px`), o.style.setProperty("--available-height", `${i}px`);
     }
   });
 }
-function rt(t) {
-  var e;
-  if (t.hideWhenDetached)
-    return B({ strategy: "referenceHidden", boundary: ((e = t.boundary) == null ? void 0 : e.call(t)) ?? "clippingAncestors" });
+function ne(e) {
+  var t;
+  if (e.hideWhenDetached)
+    return B({ strategy: "referenceHidden", boundary: ((t = e.boundary) == null ? void 0 : t.call(e)) ?? "clippingAncestors" });
 }
-function nt(t) {
-  return t ? t === !0 ? { ancestorResize: !0, ancestorScroll: !0, elementResize: !0, layoutShift: !0 } : t : {};
+function ie(e) {
+  return e ? e === !0 ? { ancestorResize: !0, ancestorScroll: !0, elementResize: !0, layoutShift: !0 } : e : {};
 }
-function it(t, e, r = {}) {
-  const i = q(t, r.getAnchorRect);
-  if (!e || !i) return;
-  const n = Object.assign({}, Q, r), o = e.querySelector("[data-part=arrow]"), f = [
+function oe(e, t, r = {}) {
+  const i = E(e, r.getAnchorRect);
+  if (!t || !i) return;
+  const n = Object.assign({}, X, r), o = t.querySelector("[data-part=arrow]"), c = [
+    F(o, n),
+    ee(n),
+    te(n),
     Z(o, n),
-    F(n),
-    tt(n),
-    X(o, n),
-    E(o),
+    K(o),
     J,
-    et(n),
-    rt(n),
+    re(n),
+    ne(n),
     Y
-  ], { placement: s, strategy: l, onComplete: d, onPositioned: a } = n, m = async () => {
-    var w;
-    if (!i || !e) return;
-    const p = await H(i, e, {
+  ], { placement: s, strategy: l, onComplete: d, onPositioned: a } = n, h = async () => {
+    var x;
+    if (!i || !t) return;
+    const p = await I(i, t, {
       placement: s,
-      middleware: f,
+      middleware: c,
       strategy: l
     });
     d == null || d(p), a == null || a({ placed: !0 });
-    const h = C(e), M = b(h, p.x), O = b(h, p.y);
-    e.style.setProperty("--x", `${M}px`), e.style.setProperty("--y", `${O}px`), n.hideWhenDetached && ((w = p.middlewareData.hide) != null && w.referenceHidden) && e.style.setProperty("visibility", "hidden");
-    const x = e.firstElementChild;
-    if (x) {
-      const $ = h.getComputedStyle(x).zIndex;
-      e.style.setProperty("--z-index", $);
+    const y = C(t), $ = P(y, p.x), z = P(y, p.y);
+    t.style.setProperty("--x", `${$}px`), t.style.setProperty("--y", `${z}px`), n.hideWhenDetached && (((x = p.middlewareData.hide) == null ? void 0 : x.referenceHidden) ? (t.style.setProperty("visibility", "hidden"), t.style.setProperty("pointer-events", "none")) : (t.style.removeProperty("visibility"), t.style.removeProperty("pointer-events")));
+    const v = t.firstElementChild;
+    if (v) {
+      const w = L(v);
+      t.style.setProperty("--z-index", w.zIndex);
     }
-  }, y = async () => {
-    r.updatePosition ? (await r.updatePosition({ updatePosition: m }), a == null || a({ placed: !0 })) : await m();
-  }, z = nt(n.listeners), g = n.listeners ? S(i, e, y, z) : L;
-  return y(), () => {
+  }, m = async () => {
+    r.updatePosition ? (await r.updatePosition({ updatePosition: h }), a == null || a({ placed: !0 })) : await h();
+  }, O = ie(n.listeners), g = n.listeners ? S(i, t, m, O) : N;
+  return m(), () => {
     g == null || g(), a == null || a({ placed: !1 });
   };
 }
-function dt(t, e, r = {}) {
-  const { defer: i, ...n } = r, o = i ? V : (s) => s(), f = [];
-  return f.push(
+function le(e, t, r = {}) {
+  const { defer: i, ...n } = r, o = i ? V : (s) => s(), c = [];
+  return c.push(
     o(() => {
-      const s = typeof t == "function" ? t() : t, l = typeof e == "function" ? e() : e;
-      f.push(it(s, l, n));
+      const s = typeof e == "function" ? e() : e, l = typeof t == "function" ? t() : t;
+      c.push(oe(s, l, n));
     })
   ), () => {
-    f.forEach((s) => s == null ? void 0 : s());
+    c.forEach((s) => s == null ? void 0 : s());
   };
 }
-var ot = {
+var ae = {
   bottom: "rotate(45deg)",
   left: "rotate(135deg)",
   top: "rotate(225deg)",
   right: "rotate(315deg)"
 };
-function lt(t = {}) {
-  const { placement: e, sameWidth: r, fitViewport: i, strategy: n = "absolute" } = t;
+function ue(e = {}) {
+  const { placement: t, sameWidth: r, fitViewport: i, strategy: n = "absolute" } = e;
   return {
     arrow: {
       position: "absolute",
-      width: c.arrowSize.reference,
-      height: c.arrowSize.reference,
-      [c.arrowSizeHalf.variable]: `calc(${c.arrowSize.reference} / 2)`,
-      [c.arrowOffset.variable]: `calc(${c.arrowSizeHalf.reference} * -1)`
+      width: f.arrowSize.reference,
+      height: f.arrowSize.reference,
+      [f.arrowSizeHalf.variable]: `calc(${f.arrowSize.reference} / 2)`,
+      [f.arrowOffset.variable]: `calc(${f.arrowSizeHalf.reference} * -1)`
     },
     arrowTip: {
       // @ts-expect-error - Fix this
-      transform: e ? ot[e.split("-")[0]] : void 0,
-      background: c.arrowBg.reference,
+      transform: t ? ae[t.split("-")[0]] : void 0,
+      background: f.arrowBg.reference,
       top: "0",
       left: "0",
       width: "100%",
@@ -241,16 +241,17 @@ function lt(t = {}) {
       width: r ? "var(--reference-width)" : void 0,
       maxWidth: i ? "var(--available-width)" : void 0,
       maxHeight: i ? "var(--available-height)" : void 0,
+      pointerEvents: t ? void 0 : "none",
       top: "0px",
       left: "0px",
       // move off-screen if placement is not defined
-      transform: e ? "translate3d(var(--x), var(--y), 0)" : "translate3d(0, -100vh, 0)",
+      transform: t ? "translate3d(var(--x), var(--y), 0)" : "translate3d(0, -100vh, 0)",
       zIndex: "var(--z-index)"
     }
   };
 }
 export {
-  dt as getPlacement,
-  ct as getPlacementSide,
-  lt as getPlacementStyles
+  le as getPlacement,
+  de as getPlacementSide,
+  ue as getPlacementStyles
 };

package/dist/node_modules/@zag-js/presence/dist/index.js

@@ -1,141 +1,158 @@
-import { createMachine as N } from "../../core/dist/index.js";
-import { createProps as c } from "../../types/dist/index.js";
-import { ref as u } from "../../store/dist/index.js";
-function E(a, e, t) {
-  const i = a.matches("mounted", "unmountSuspended");
+import { setStyle as N, nextTick as d, raf as p, getComputedStyle as g, getEventTarget as v } from "../../dom-query/dist/index.js";
+import { createMachine as y } from "../../core/dist/index.js";
+import { createProps as f } from "../../types/dist/index.js";
+function S(e, t) {
+  const { state: i, send: n, context: s } = e, a = i.matches("mounted", "unmountSuspended");
   return {
-    skip: !a.context.initial && i,
-    present: i,
-    setNode(n) {
-      n && e({ type: "NODE.SET", node: n });
+    skip: !s.get("initial"),
+    present: a,
+    setNode(r) {
+      r && n({ type: "NODE.SET", node: r });
     },
     unmount() {
-      e({ type: "UNMOUNT" });
+      n({ type: "UNMOUNT" });
     }
   };
 }
-function r(a) {
-  return (a == null ? void 0 : a.animationName) || "none";
-}
-function A(a) {
-  return N(
-    {
-      initial: a.present ? "mounted" : "unmounted",
-      context: {
-        node: null,
-        styles: null,
-        unmountAnimationName: null,
-        prevAnimationName: null,
-        present: !1,
-        initial: !1,
-        ...a
-      },
-      exit: ["clearInitial"],
-      watch: {
-        present: ["setInitial", "syncPresence"]
-      },
+var O = y({
+  props({ props: e }) {
+    return { ...e, present: !!e.present };
+  },
+  initialState({ prop: e }) {
+    return e("present") ? "mounted" : "unmounted";
+  },
+  refs() {
+    return {
+      node: null,
+      styles: null
+    };
+  },
+  context({ bindable: e }) {
+    return {
+      unmountAnimationName: e(() => ({ defaultValue: null })),
+      prevAnimationName: e(() => ({ defaultValue: null })),
+      present: e(() => ({ defaultValue: !1 })),
+      initial: e(() => ({
+        sync: !0,
+        defaultValue: !1
+      }))
+    };
+  },
+  exit: ["clearInitial", "cleanupNode"],
+  watch({ track: e, action: t, prop: i }) {
+    e([() => i("present")], () => {
+      t(["setInitial", "syncPresence"]);
+    });
+  },
+  on: {
+    "NODE.SET": {
+      actions: ["setNode", "setStyles"]
+    }
+  },
+  states: {
+    mounted: {
       on: {
-        "NODE.SET": {
-          actions: ["setNode", "setStyles"]
-        }
-      },
-      states: {
-        mounted: {
-          on: {
-            UNMOUNT: {
-              target: "unmounted",
-              actions: ["invokeOnExitComplete"]
-            },
-            "UNMOUNT.SUSPEND": "unmountSuspended"
-          }
+        UNMOUNT: {
+          target: "unmounted",
+          actions: ["clearPrevAnimationName", "invokeOnExitComplete"]
         },
-        unmountSuspended: {
-          activities: ["trackAnimationEvents"],
-          on: {
-            MOUNT: {
-              target: "mounted",
-              actions: ["setPrevAnimationName"]
-            },
-            "ANIMATION.END": {
-              target: "unmounted",
-              actions: ["invokeOnExitComplete"]
-            },
-            UNMOUNT: {
-              target: "unmounted",
-              actions: ["invokeOnExitComplete"]
-            }
-          }
-        },
-        unmounted: {
-          entry: ["clearPrevAnimationName"],
-          on: {
-            MOUNT: {
-              target: "mounted",
-              actions: ["setPrevAnimationName"]
-            }
-          }
+        "UNMOUNT.SUSPEND": {
+          target: "unmountSuspended"
         }
       }
     },
-    {
-      actions: {
-        setInitial(e) {
-          e.initial = !0;
-        },
-        clearInitial(e) {
-          e.initial = !1;
-        },
-        invokeOnExitComplete(e) {
-          var t;
-          (t = e.onExitComplete) == null || t.call(e);
-        },
-        setNode(e, t) {
-          e.node = u(t.node);
-        },
-        setStyles(e, t) {
-          const i = t.node.ownerDocument.defaultView || window;
-          e.styles = u(i.getComputedStyle(t.node));
-        },
-        syncPresence(e, t, { send: i }) {
-          if (e.present) {
-            i({ type: "MOUNT", src: "presence.changed" });
-            return;
-          }
-          const n = r(e.styles);
-          (e.immediate ? queueMicrotask : requestAnimationFrame)(() => {
-            var o, m;
-            e.unmountAnimationName = n, n === "none" || n === e.prevAnimationName || ((o = e.styles) == null ? void 0 : o.display) === "none" || ((m = e.styles) == null ? void 0 : m.animationDuration) === "0s" ? i({ type: "UNMOUNT", src: "presence.changed" }) : i({ type: "UNMOUNT.SUSPEND" });
-          });
-        },
-        setPrevAnimationName(e) {
-          (e.immediate ? queueMicrotask : requestAnimationFrame)(() => {
-            e.prevAnimationName = r(e.styles);
-          });
+    unmountSuspended: {
+      effects: ["trackAnimationEvents"],
+      on: {
+        MOUNT: {
+          target: "mounted",
+          actions: ["setPrevAnimationName"]
         },
-        clearPrevAnimationName(e) {
-          e.prevAnimationName = null;
+        UNMOUNT: {
+          target: "unmounted",
+          actions: ["clearPrevAnimationName", "invokeOnExitComplete"]
         }
-      },
-      activities: {
-        trackAnimationEvents(e, t, { send: i }) {
-          const n = e.node;
-          if (!n) return;
-          const s = (m) => {
-            m.target === n && (e.prevAnimationName = r(e.styles));
-          }, o = (m) => {
-            const l = r(e.styles);
-            m.target === n && l === e.unmountAnimationName && i({ type: "UNMOUNT", src: "animationend" });
-          };
-          return n.addEventListener("animationstart", s), n.addEventListener("animationcancel", o), n.addEventListener("animationend", o), () => {
-            n.removeEventListener("animationstart", s), n.removeEventListener("animationcancel", o), n.removeEventListener("animationend", o);
-          };
+      }
+    },
+    unmounted: {
+      on: {
+        MOUNT: {
+          target: "mounted",
+          actions: ["setPrevAnimationName"]
         }
       }
     }
-  );
+  },
+  implementations: {
+    actions: {
+      setInitial: ({ context: e }) => {
+        e.get("initial") || queueMicrotask(() => {
+          e.set("initial", !0);
+        });
+      },
+      clearInitial: ({ context: e }) => {
+        e.set("initial", !1);
+      },
+      cleanupNode: ({ refs: e }) => {
+        e.set("node", null), e.set("styles", null);
+      },
+      invokeOnExitComplete: ({ prop: e }) => {
+        var t;
+        (t = e("onExitComplete")) == null || t();
+      },
+      setNode: ({ refs: e, event: t }) => {
+        e.set("node", t.node);
+      },
+      setStyles: ({ refs: e, event: t }) => {
+        e.set("styles", g(t.node));
+      },
+      syncPresence: ({ context: e, refs: t, send: i, prop: n }) => {
+        const s = n("present");
+        if (s)
+          return i({ type: "MOUNT", src: "presence.changed" });
+        const a = t.get("node");
+        if (!s && (a == null ? void 0 : a.ownerDocument.visibilityState) === "hidden")
+          return i({ type: "UNMOUNT", src: "visibilitychange" });
+        p(() => {
+          var o, m;
+          const r = u(t.get("styles"));
+          e.set("unmountAnimationName", r), r === "none" || r === e.get("prevAnimationName") || ((o = t.get("styles")) == null ? void 0 : o.display) === "none" || ((m = t.get("styles")) == null ? void 0 : m.animationDuration) === "0s" ? i({ type: "UNMOUNT", src: "presence.changed" }) : i({ type: "UNMOUNT.SUSPEND" });
+        });
+      },
+      setPrevAnimationName: ({ context: e, refs: t }) => {
+        p(() => {
+          e.set("prevAnimationName", u(t.get("styles")));
+        });
+      },
+      clearPrevAnimationName: ({ context: e }) => {
+        e.set("prevAnimationName", null);
+      }
+    },
+    effects: {
+      trackAnimationEvents: ({ context: e, refs: t, send: i }) => {
+        const n = t.get("node");
+        if (!n) return;
+        const s = (o) => {
+          var l, c;
+          (((c = (l = o.composedPath) == null ? void 0 : l.call(o)) == null ? void 0 : c[0]) ?? o.target) === n && e.set("prevAnimationName", u(t.get("styles")));
+        }, a = (o) => {
+          const m = u(t.get("styles"));
+          v(o) === n && m === e.get("unmountAnimationName") && i({ type: "UNMOUNT", src: "animationend" });
+        };
+        n.addEventListener("animationstart", s), n.addEventListener("animationcancel", a), n.addEventListener("animationend", a);
+        const r = N(n, { animationFillMode: "forwards" });
+        return () => {
+          n.removeEventListener("animationstart", s), n.removeEventListener("animationcancel", a), n.removeEventListener("animationend", a), d(() => r());
+        };
+      }
+    }
+  }
+});
+function u(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
 }
-c()(["onExitComplete", "present", "immediate"]);
+f()(["onExitComplete", "present", "immediate"]);
 export {
-  E as connect,
-  A as machine
+  S as connect,
+  O as machine
 };