@new-black/lyra 0.0.13 → 0.0.15

package/dist/lyra45.js

@@ -1,16 +1,486 @@
-import { createMotionProxy as t } from "./lyra96.js";
-import { createDomMotionConfig as m } from "./lyra97.js";
-import { gestureAnimations as i } from "./lyra98.js";
-import { animations as e } from "./lyra99.js";
-import { drag as a } from "./lyra100.js";
-import { createDomVisualElement as n } from "./lyra101.js";
-import { layout as p } from "./lyra102.js";
-const f = {
-  ...e,
-  ...i,
-  ...a,
-  ...p
-}, y = /* @__PURE__ */ t((o, r) => m(o, r, f, n));
+import E, { useRef as N, useState as A, useCallback as R, useContext as _, useMemo as L, useEffect as P } from "react";
+import { runAfterTransition as j, focusWithoutScrolling as I, useLayoutEffect as T, mergeProps as K, useSyncRef as q } from "./lyra39.js";
+import { isFocusVisible as G, useFocusVisibleListener as H, useFocus as D, useFocusWithin as U, getInteractionModality as J, useKeyboard as Y } from "./lyra42.js";
+function W(e) {
+  if (J() === "virtual") {
+    let t = document.activeElement;
+    j(() => {
+      document.activeElement === t && document.contains(e) && I(e);
+    });
+  } else
+    I(e);
+}
+function Q(e) {
+  if (!(e instanceof HTMLElement) && !(e instanceof SVGElement))
+    return !1;
+  let { display: t, visibility: r } = e.style, o = t !== "none" && r !== "hidden" && r !== "collapse";
+  if (o) {
+    const { getComputedStyle: i } = e.ownerDocument.defaultView;
+    let { display: n, visibility: c } = i(e);
+    o = n !== "none" && c !== "hidden" && c !== "collapse";
+  }
+  return o;
+}
+function X(e, t) {
+  return !e.hasAttribute("hidden") && (e.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? e.hasAttribute("open") : !0);
+}
+function O(e, t) {
+  return e.nodeName !== "#comment" && Q(e) && X(e, t) && (!e.parentElement || O(e.parentElement, e));
+}
+const V = /* @__PURE__ */ E.createContext(null);
+let s = null;
+function fe(e) {
+  let { children: t, contain: r, restoreFocus: o, autoFocus: i } = e, n = N(), c = N(), a = N([]), { parentNode: u } = _(V) || {}, l = L(() => new C({
+    scopeRef: a
+  }), [
+    a
+  ]);
+  T(() => {
+    let f = u || b.root;
+    if (b.getTreeNode(f.scopeRef) && s && !S(s, f.scopeRef)) {
+      let v = b.getTreeNode(s);
+      v && (f = v);
+    }
+    f.addChild(l), b.addNode(l);
+  }, [
+    l,
+    u
+  ]), T(() => {
+    let f = b.getTreeNode(a);
+    f.contain = r;
+  }, [
+    r
+  ]), T(() => {
+    let f = n.current.nextSibling, v = [];
+    for (; f && f !== c.current; )
+      v.push(f), f = f.nextSibling;
+    a.current = v;
+  }, [
+    t
+  ]), oe(a, o, r), re(a, r), ie(a, o, r), ne(a, i), P(() => {
+    if (a) {
+      let f = document.activeElement, v = null;
+      if ($(f, a.current)) {
+        for (let x of b.traverse())
+          $(f, x.scopeRef.current) && (v = x);
+        v === b.getTreeNode(a) && (s = v.scopeRef);
+      }
+      return () => {
+        let x = b.getTreeNode(a).parent.scopeRef;
+        (a === s || S(a, s)) && (!x || b.getTreeNode(x)) && (s = x), b.removeTreeNode(a);
+      };
+    }
+  }, [
+    a
+  ]);
+  let d = L(() => Z(a), []), m = L(() => ({
+    focusManager: d,
+    parentNode: l
+  }), [
+    l,
+    d
+  ]);
+  return /* @__PURE__ */ E.createElement(V.Provider, {
+    value: m
+  }, /* @__PURE__ */ E.createElement("span", {
+    "data-focus-scope-start": !0,
+    hidden: !0,
+    ref: n
+  }), t, /* @__PURE__ */ E.createElement("span", {
+    "data-focus-scope-end": !0,
+    hidden: !0,
+    ref: c
+  }));
+}
+function Z(e) {
+  return {
+    focusNext(t = {}) {
+      let r = e.current, { from: o, tabbable: i, wrap: n, accept: c } = t, a = o || document.activeElement, u = r[0].previousElementSibling, l = h(F(r), {
+        tabbable: i,
+        accept: c
+      }, r);
+      l.currentNode = $(a, r) ? a : u;
+      let d = l.nextNode();
+      return !d && n && (l.currentNode = u, d = l.nextNode()), d && p(d, !0), d;
+    },
+    focusPrevious(t = {}) {
+      let r = e.current, { from: o, tabbable: i, wrap: n, accept: c } = t, a = o || document.activeElement, u = r[r.length - 1].nextElementSibling, l = h(F(r), {
+        tabbable: i,
+        accept: c
+      }, r);
+      l.currentNode = $(a, r) ? a : u;
+      let d = l.previousNode();
+      return !d && n && (l.currentNode = u, d = l.previousNode()), d && p(d, !0), d;
+    },
+    focusFirst(t = {}) {
+      let r = e.current, { tabbable: o, accept: i } = t, n = h(F(r), {
+        tabbable: o,
+        accept: i
+      }, r);
+      n.currentNode = r[0].previousElementSibling;
+      let c = n.nextNode();
+      return c && p(c, !0), c;
+    },
+    focusLast(t = {}) {
+      let r = e.current, { tabbable: o, accept: i } = t, n = h(F(r), {
+        tabbable: o,
+        accept: i
+      }, r);
+      n.currentNode = r[r.length - 1].nextElementSibling;
+      let c = n.previousNode();
+      return c && p(c, !0), c;
+    }
+  };
+}
+const M = [
+  "input:not([disabled]):not([type=hidden])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "button:not([disabled])",
+  "a[href]",
+  "area[href]",
+  "summary",
+  "iframe",
+  "object",
+  "embed",
+  "audio[controls]",
+  "video[controls]",
+  "[contenteditable]"
+], ee = M.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
+M.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
+const te = M.join(':not([hidden]):not([tabindex="-1"]),');
+function F(e) {
+  return e[0].parentElement;
+}
+function g(e) {
+  let t = b.getTreeNode(s);
+  for (; t && t.scopeRef !== e; ) {
+    if (t.contain)
+      return !1;
+    t = t.parent;
+  }
+  return !0;
+}
+function re(e, t) {
+  let r = N(), o = N(null);
+  T(() => {
+    let i = e.current;
+    if (!t) {
+      o.current && (cancelAnimationFrame(o.current), o.current = null);
+      return;
+    }
+    let n = (u) => {
+      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !g(e))
+        return;
+      let l = document.activeElement, d = e.current;
+      if (!$(l, d))
+        return;
+      let m = h(F(d), {
+        tabbable: !0
+      }, d);
+      m.currentNode = l;
+      let f = u.shiftKey ? m.previousNode() : m.nextNode();
+      f || (m.currentNode = u.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, f = u.shiftKey ? m.previousNode() : m.nextNode()), u.preventDefault(), f && p(f, !0);
+    }, c = (u) => {
+      (!s || S(s, e)) && $(u.target, e.current) ? (s = e, r.current = u.target) : g(e) && !y(u.target, e) ? r.current ? r.current.focus() : s && w(s.current) : g(e) && (r.current = u.target);
+    }, a = (u) => {
+      o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
+        g(e) && !y(document.activeElement, e) && (s = e, document.body.contains(u.target) ? (r.current = u.target, r.current.focus()) : s && w(s.current));
+      });
+    };
+    return document.addEventListener("keydown", n, !1), document.addEventListener("focusin", c, !1), i.forEach((u) => u.addEventListener("focusin", c, !1)), i.forEach((u) => u.addEventListener("focusout", a, !1)), () => {
+      document.removeEventListener("keydown", n, !1), document.removeEventListener("focusin", c, !1), i.forEach((u) => u.removeEventListener("focusin", c, !1)), i.forEach((u) => u.removeEventListener("focusout", a, !1));
+    };
+  }, [
+    e,
+    t
+  ]), T(() => () => {
+    o.current && cancelAnimationFrame(o.current);
+  }, [
+    o
+  ]);
+}
+function B(e) {
+  return y(e);
+}
+function $(e, t) {
+  return t.some((r) => r.contains(e));
+}
+function y(e, t = null) {
+  if (e instanceof Element && e.closest("[data-react-aria-top-layer]"))
+    return !0;
+  for (let { scopeRef: r } of b.traverse(b.getTreeNode(t)))
+    if ($(e, r.current))
+      return !0;
+  return !1;
+}
+function be(e) {
+  return y(e, s);
+}
+function S(e, t) {
+  var r;
+  let o = (r = b.getTreeNode(t)) === null || r === void 0 ? void 0 : r.parent;
+  for (; o; ) {
+    if (o.scopeRef === e)
+      return !0;
+    o = o.parent;
+  }
+  return !1;
+}
+function p(e, t = !1) {
+  if (e != null && !t)
+    try {
+      W(e);
+    } catch {
+    }
+  else if (e != null)
+    try {
+      e.focus();
+    } catch {
+    }
+}
+function w(e, t = !0) {
+  let r = e[0].previousElementSibling, o = h(F(e), {
+    tabbable: t
+  }, e);
+  o.currentNode = r;
+  let i = o.nextNode();
+  t && !i && (o = h(F(e), {
+    tabbable: !1
+  }, e), o.currentNode = r, i = o.nextNode()), p(i);
+}
+function ne(e, t) {
+  const r = E.useRef(t);
+  P(() => {
+    r.current && (s = e, $(document.activeElement, s.current) || w(e.current)), r.current = !1;
+  }, [
+    e
+  ]);
+}
+function oe(e, t, r) {
+  T(() => {
+    if (t || r)
+      return;
+    let o = e.current, i = (n) => {
+      let c = n.target;
+      $(c, e.current) ? s = e : B(c) || (s = null);
+    };
+    return document.addEventListener("focusin", i, !1), o.forEach((n) => n.addEventListener("focusin", i, !1)), () => {
+      document.removeEventListener("focusin", i, !1), o.forEach((n) => n.removeEventListener("focusin", i, !1));
+    };
+  }, [
+    e,
+    t,
+    r
+  ]);
+}
+function ae(e) {
+  let t = b.getTreeNode(s);
+  for (; t && t.scopeRef !== e; ) {
+    if (t.nodeToRestore)
+      return !1;
+    t = t.parent;
+  }
+  return (t == null ? void 0 : t.scopeRef) === e;
+}
+function ie(e, t, r) {
+  const o = N(typeof document < "u" ? document.activeElement : null);
+  T(() => {
+    let i = e.current;
+    if (!t || r)
+      return;
+    let n = () => {
+      (!s || S(s, e)) && $(document.activeElement, e.current) && (s = e);
+    };
+    return document.addEventListener("focusin", n, !1), i.forEach((c) => c.addEventListener("focusin", n, !1)), () => {
+      document.removeEventListener("focusin", n, !1), i.forEach((c) => c.removeEventListener("focusin", n, !1));
+    };
+  }, [
+    e,
+    r
+  ]), T(() => {
+    if (!t)
+      return;
+    b.getTreeNode(e).nodeToRestore = o.current;
+    let i = (n) => {
+      if (n.key !== "Tab" || n.altKey || n.ctrlKey || n.metaKey || !g(e))
+        return;
+      let c = document.activeElement;
+      if (!$(c, e.current))
+        return;
+      let a = b.getTreeNode(e).nodeToRestore, u = h(document.body, {
+        tabbable: !0
+      });
+      u.currentNode = c;
+      let l = n.shiftKey ? u.previousNode() : u.nextNode();
+      if ((!document.body.contains(a) || a === document.body) && (a = null, b.getTreeNode(e).nodeToRestore = null), (!l || !$(l, e.current)) && a) {
+        u.currentNode = a;
+        do
+          l = n.shiftKey ? u.previousNode() : u.nextNode();
+        while ($(l, e.current));
+        n.preventDefault(), n.stopPropagation(), l ? p(l, !0) : B(a) ? p(a, !0) : c.blur();
+      }
+    };
+    return r || document.addEventListener("keydown", i, !0), () => {
+      r || document.removeEventListener("keydown", i, !0);
+      let n = b.getTreeNode(e).nodeToRestore;
+      if (t && n && // eslint-disable-next-line react-hooks/exhaustive-deps
+      ($(document.activeElement, e.current) || document.activeElement === document.body && ae(e))) {
+        let c = b.clone();
+        requestAnimationFrame(() => {
+          if (document.activeElement === document.body) {
+            let a = c.getTreeNode(e);
+            for (; a; ) {
+              if (a.nodeToRestore && document.body.contains(a.nodeToRestore)) {
+                p(a.nodeToRestore);
+                return;
+              }
+              a = a.parent;
+            }
+            for (a = c.getTreeNode(e); a; ) {
+              if (a.scopeRef && b.getTreeNode(a.scopeRef)) {
+                w(a.scopeRef.current, !0);
+                return;
+              }
+              a = a.parent;
+            }
+          }
+        });
+      }
+    };
+  }, [
+    e,
+    t,
+    r
+  ]);
+}
+function h(e, t, r) {
+  let o = t != null && t.tabbable ? te : ee, i = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode(n) {
+      var c;
+      return !(t == null || (c = t.from) === null || c === void 0) && c.contains(n) ? NodeFilter.FILTER_REJECT : n.matches(o) && O(n) && (!r || $(n, r)) && (!(t != null && t.accept) || t.accept(n)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  return t != null && t.from && (i.currentNode = t.from), i;
+}
+class k {
+  get size() {
+    return this.fastMap.size;
+  }
+  getTreeNode(t) {
+    return this.fastMap.get(t);
+  }
+  addTreeNode(t, r, o) {
+    let i = this.fastMap.get(r ?? null), n = new C({
+      scopeRef: t
+    });
+    i.addChild(n), n.parent = i, this.fastMap.set(t, n), o && (n.nodeToRestore = o);
+  }
+  addNode(t) {
+    this.fastMap.set(t.scopeRef, t);
+  }
+  removeTreeNode(t) {
+    if (t === null)
+      return;
+    let r = this.fastMap.get(t), o = r.parent;
+    for (let n of this.traverse())
+      n !== r && r.nodeToRestore && n.nodeToRestore && r.scopeRef.current && $(n.nodeToRestore, r.scopeRef.current) && (n.nodeToRestore = r.nodeToRestore);
+    let i = r.children;
+    o.removeChild(r), i.size > 0 && i.forEach((n) => o.addChild(n)), this.fastMap.delete(r.scopeRef);
+  }
+  // Pre Order Depth First
+  *traverse(t = this.root) {
+    if (t.scopeRef != null && (yield t), t.children.size > 0)
+      for (let r of t.children)
+        yield* this.traverse(r);
+  }
+  clone() {
+    let t = new k();
+    for (let r of this.traverse())
+      t.addTreeNode(r.scopeRef, r.parent.scopeRef, r.nodeToRestore);
+    return t;
+  }
+  constructor() {
+    this.fastMap = /* @__PURE__ */ new Map(), this.root = new C({
+      scopeRef: null
+    }), this.fastMap.set(null, this.root);
+  }
+}
+class C {
+  addChild(t) {
+    this.children.add(t), t.parent = this;
+  }
+  removeChild(t) {
+    this.children.delete(t), t.parent = void 0;
+  }
+  constructor(t) {
+    this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = t.scopeRef;
+  }
+}
+let b = new k();
+function $e(e = {}) {
+  let { autoFocus: t = !1, isTextInput: r, within: o } = e, i = N({
+    isFocused: !1,
+    isFocusVisible: t || G()
+  }), [n, c] = A(!1), [a, u] = A(() => i.current.isFocused && i.current.isFocusVisible), l = R(() => u(i.current.isFocused && i.current.isFocusVisible), []), d = R((v) => {
+    i.current.isFocused = v, c(v), l();
+  }, [
+    l
+  ]);
+  H((v) => {
+    i.current.isFocusVisible = v, l();
+  }, [], {
+    isTextInput: r
+  });
+  let { focusProps: m } = D({
+    isDisabled: o,
+    onFocusChange: d
+  }), { focusWithinProps: f } = U({
+    isDisabled: !o,
+    onFocusWithinChange: d
+  });
+  return {
+    isFocused: n,
+    isFocusVisible: a,
+    focusProps: o ? f : m
+  };
+}
+let z = /* @__PURE__ */ E.createContext(null);
+function ce(e) {
+  let t = _(z) || {};
+  q(t, e);
+  let { ref: r, ...o } = t;
+  return o;
+}
+function ue(e, t) {
+  let { children: r, ...o } = e, i = {
+    ...o,
+    ref: t
+  };
+  return /* @__PURE__ */ E.createElement(z.Provider, {
+    value: i
+  }, r);
+}
+let ve = /* @__PURE__ */ E.forwardRef(ue);
+function me(e, t) {
+  let { focusProps: r } = D(e), { keyboardProps: o } = Y(e), i = K(r, o), n = ce(t), c = e.isDisabled ? {} : n, a = N(e.autoFocus);
+  return P(() => {
+    a.current && t.current && W(t.current), a.current = !1;
+  }, [
+    t
+  ]), {
+    focusableProps: K({
+      ...i,
+      tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
+    }, c)
+  };
+}
 export {
-  y as motion
+  fe as FocusScope,
+  ve as FocusableProvider,
+  W as focusSafely,
+  h as getFocusableTreeWalker,
+  be as isElementInChildOfActiveScope,
+  $e as useFocusRing,
+  me as useFocusable
 };

package/dist/lyra46.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");function g(l){return null}g.getCollectionNode=function*(e,t){let{childItems:r,title:i,children:n}=e,d=e.title||e.children,f=e.textValue||(typeof d=="string"?d:"")||e["aria-label"]||"";!f&&!(t!=null&&t.suppressTextValueWarning)&&console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."),yield{type:"item",props:e,rendered:d,textValue:f,"aria-label":e["aria-label"],hasChildNodes:k(e),*childNodes(){if(r)for(let u of r)yield{type:"item",value:u};else if(i){let u=[];y.Children.forEach(n,c=>{u.push({type:"item",element:c})}),yield*u}}}};function k(l){return l.hasChildItems!=null?l.hasChildItems:!!(l.childItems||l.title&&y.Children.count(l.children)>0)}let w=g;class p{build(e,t){return this.context=t,x(()=>this.iterateCollection(e))}*iterateCollection(e){let{children:t,items:r}=e;if(typeof t=="function"){if(!r)throw new Error("props.children was a function but props.items is missing");for(let i of e.items)yield*this.getFullNode({value:i},{renderer:t})}else{let i=[];y.Children.forEach(t,d=>{i.push(d)});let n=0;for(let d of i){let f=this.getFullNode({element:d,index:n},{});for(let u of f)n++,yield u}}}getKey(e,t,r,i){if(e.key!=null)return e.key;if(t.type==="cell"&&t.key!=null)return`${i}${t.key}`;let n=t.value;if(n!=null){var d;let f=(d=n.key)!==null&&d!==void 0?d:n.id;if(f==null)throw new Error("No key found for item");return f}return i?`${i}.${t.index}`:`$.${t.index}`}getChildState(e,t){return{renderer:t.renderer||e.renderer}}*getFullNode(e,t,r,i){let n=e.element;if(!n&&e.value&&t&&t.renderer){let u=this.cache.get(e.value);if(u&&(!u.shouldInvalidate||!u.shouldInvalidate(this.context))){u.index=e.index,u.parentKey=i?i.key:null,yield u;return}n=t.renderer(e.value)}if(y.isValidElement(n)){let u=n.type;if(typeof u!="function"&&typeof u.getCollectionNode!="function"){let o=typeof n.type=="function"?n.type.name:n.type;throw new Error(`Unknown element <${o}> in collection.`)}let c=u.getCollectionNode(n.props,this.context),$=e.index,h=c.next();for(;!h.done&&h.value;){let o=h.value;e.index=$;let a=o.key;a||(a=o.element?null:this.getKey(n,e,t,r));let b=[...this.getFullNode({...o,key:a,index:$,wrapper:I(e.wrapper,o.wrapper)},this.getChildState(t,o),r?`${r}${n.key}`:n.key,i)];for(let s of b){if(s.value=o.value||e.value,s.value&&this.cache.set(s.value,s),e.type&&s.type!==e.type)throw new Error(`Unsupported type <${m(s.type)}> in <${m(i.type)}>. Only <${m(e.type)}> is supported.`);$++,yield s}h=c.next(b)}return}if(e.key==null)return;let d=this,f={type:e.type,props:e.props,key:e.key,parentKey:i?i.key:null,value:e.value,level:i?i.level+1:0,index:e.index,rendered:e.rendered,textValue:e.textValue,"aria-label":e["aria-label"],wrapper:e.wrapper,shouldInvalidate:e.shouldInvalidate,hasChildNodes:e.hasChildNodes,childNodes:x(function*(){if(!e.hasChildNodes)return;let u=0;for(let c of e.childNodes()){c.key!=null&&(c.key=`${f.key}${c.key}`),c.index=u;let $=d.getFullNode(c,d.getChildState(t,c),f.key,f);for(let h of $)u++,yield h}})};yield f}constructor(){this.cache=new WeakMap}}function x(l){let e=[],t=null;return{*[Symbol.iterator](){for(let r of e)yield r;t||(t=l());for(let r of t)e.push(r),yield r}}}function I(l,e){if(l&&e)return t=>l(e(t));if(l)return l;if(e)return e}function m(l){return l[0].toUpperCase()+l.slice(1)}function E(l,e,t){let r=y.useMemo(()=>new p,[]),{children:i,items:n,collection:d}=l;return y.useMemo(()=>{if(d)return d;let u=r.build({children:i,items:n},t);return e(u)},[r,i,n,d,t,e])}function V(l,e){return typeof e.getChildren=="function"?e.getChildren(l.key):l.childNodes}function F(l){return C(l,0)}function C(l,e){if(e<0)return;let t=0;for(let r of l){if(t===e)return r;t++}}function S(l,e,t){if(e.parentKey===t.parentKey)return e.index-t.index;let r=v(l,e),i=v(l,t),n=r.slice(0,i.length).findIndex((d,f)=>d!==i[f]);return n!==-1?(e=r[n],t=i[n],e.index-t.index):-1}function v(l,e){let t=[];for(;(e==null?void 0:e.parentKey)!=null;)e=l.getItem(e.parentKey),t.unshift(e);return t}exports.Item=w;exports.compareNodeOrder=S;exports.getChildNodes=V;exports.getFirstItem=F;exports.getNthItem=C;exports.useCollection=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),j=require("./lyra117.cjs"),k=require("./lyra118.cjs"),P=require("./lyra119.cjs"),L=require("./lyra120.cjs"),z=require("./lyra121.cjs"),A=require("./lyra122.cjs"),F=require("./lyra123.cjs");function G(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,u.get?u:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const a=G(c),l=t=>t.key||"";function S(t,o){t.forEach(r=>{const u=l(r);o.set(u,r)})}function T(t){const o=[];return c.Children.forEach(t,r=>{c.isValidElement(r)&&o.push(r)}),o}const U=({children:t,custom:o,initial:r=!0,onExitComplete:u,exitBeforeEnter:w,presenceAffectsLayout:E=!0,mode:f="sync"})=>{F.invariant(!w,"Replace exitBeforeEnter with mode='wait'");const b=c.useContext(L.LayoutGroupContext).forceRender||j.useForceUpdate()[0],q=k.useIsMounted(),m=T(t);let s=m;const i=c.useRef(new Map).current,d=c.useRef(s),p=c.useRef(new Map).current,g=c.useRef(!0);if(z.useIsomorphicLayoutEffect(()=>{g.current=!1,S(m,p),d.current=s}),A.useUnmountEffect(()=>{g.current=!0,p.clear(),i.clear()}),g.current)return a.createElement(a.Fragment,null,s.map(e=>a.createElement(P.PresenceChild,{key:l(e),isPresent:!0,initial:r?void 0:!1,presenceAffectsLayout:E,mode:f},e)));s=[...s];const y=d.current.map(l),x=m.map(l),O=y.length;for(let e=0;e<O;e++){const n=y[e];x.indexOf(n)===-1&&!i.has(n)&&i.set(n,void 0)}return f==="wait"&&i.size&&(s=[]),i.forEach((e,n)=>{if(x.indexOf(n)!==-1)return;const C=p.get(n);if(!C)return;const R=y.indexOf(n);let h=e;if(!h){const I=()=>{p.delete(n),i.delete(n);const v=d.current.findIndex(M=>M.key===n);if(d.current.splice(v,1),!i.size){if(d.current=m,q.current===!1)return;b(),u&&u()}};h=a.createElement(P.PresenceChild,{key:l(C),isPresent:!1,onExitComplete:I,custom:o,presenceAffectsLayout:E,mode:f},C),i.set(n,h)}s.splice(R,0,h)}),s=s.map(e=>{const n=e.key;return i.has(n)?e:a.createElement(P.PresenceChild,{key:l(e),isPresent:!0,presenceAffectsLayout:E,mode:f},e)}),process.env.NODE_ENV!=="production"&&f==="wait"&&s.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`),a.createElement(a.Fragment,null,i.size?s:s.map(e=>c.cloneElement(e)))};exports.AnimatePresence=U;