laif-ds 0.2.20 → 0.2.22

package/dist/node_modules/@radix-ui/react-menubar/dist/index.js

@@ -5,16 +5,16 @@ import { useDirection as ae } from "../../react-direction/dist/index.js";
 import { composeEventHandlers as h } from "../../primitive/dist/index.js";
 import { useComposedRefs as oe } from "../../react-compose-refs/dist/index.js";
 import { createContextScope as ne } from "../../react-context/dist/index.js";
-import { useId as I } from "../../react-id/dist/index.js";
-import { createMenuScope as te, Root as ue, Anchor as se, Content as ie, Item as ce, Separator as pe, Label as le, CheckboxItem as de, ItemIndicator as be, RadioItem as me, RadioGroup as fe, Portal as ve, SubContent as Me, SubTrigger as ge, Group as he, Sub as Re, Arrow as Se } from "../../react-menu/dist/index.js";
-import { createRovingFocusGroupScope as O, Root as _e, Item as Ie } from "../../react-roving-focus/dist/index.js";
+import { useId as S } from "../../react-id/dist/index.js";
+import { createMenuScope as te, Root as ue, Anchor as se, Content as ie, Item as ce, Separator as pe, Label as le, CheckboxItem as de, ItemIndicator as be, RadioItem as me, RadioGroup as fe, Portal as ve, SubContent as Me, SubTrigger as ge, Group as he, Sub as Re, Arrow as _e } from "../../react-menu/dist/index.js";
+import { createRovingFocusGroupScope as O, Root as Ie, Item as Se } from "../../react-roving-focus/dist/index.js";
 import { Primitive as T } from "../../react-primitive/dist/index.js";
 import { useControllableState as G } from "../../react-use-controllable-state/dist/index.js";
 import { jsx as t } from "react/jsx-runtime";
-var S = "Menubar", [C, Ce, xe] = re(S), [D, er] = ne(S, [
+var _ = "Menubar", [C, Ce, xe] = re(_), [D] = ne(_, [
   xe,
   O
-]), p = te(), k = O(), [we, A] = D(S), K = u.forwardRef(
+]), p = te(), k = O(), [we, A] = D(_), K = u.forwardRef(
   (e, o) => {
     const {
       __scopeMenubar: r,
@@ -28,7 +28,7 @@ var S = "Menubar", [C, Ce, xe] = re(S), [D, er] = ne(S, [
       prop: a,
       onChange: n,
       defaultProp: M ?? "",
-      caller: S
+      caller: _
     }), [v, d] = u.useState(null);
     return /* @__PURE__ */ t(
       we,
@@ -51,7 +51,7 @@ var S = "Menubar", [C, Ce, xe] = re(S), [D, er] = ne(S, [
         dir: b,
         loop: l,
         children: /* @__PURE__ */ t(C.Provider, { scope: r, children: /* @__PURE__ */ t(C.Slot, { scope: r, children: /* @__PURE__ */ t(
-          _e,
+          Ie,
           {
             asChild: !0,
             ...i,
@@ -67,9 +67,9 @@ var S = "Menubar", [C, Ce, xe] = re(S), [D, er] = ne(S, [
     );
   }
 );
-K.displayName = S;
+K.displayName = _;
 var N = "MenubarMenu", [Ae, F] = D(N), L = (e) => {
-  const { __scopeMenubar: o, value: r, ...a } = e, n = I(), M = r || n || "LEGACY_REACT_AUTO_VALUE", l = A(N, o), c = p(o), s = u.useRef(null), b = u.useRef(!1), i = l.value === M;
+  const { __scopeMenubar: o, value: r, ...a } = e, n = S(), M = r || n || "LEGACY_REACT_AUTO_VALUE", l = A(N, o), c = p(o), s = u.useRef(null), b = u.useRef(!1), i = l.value === M;
   return u.useEffect(() => {
     i || (b.current = !1);
   }, [i]), /* @__PURE__ */ t(
@@ -77,9 +77,9 @@ var N = "MenubarMenu", [Ae, F] = D(N), L = (e) => {
     {
       scope: o,
       value: M,
-      triggerId: I(),
+      triggerId: S(),
       triggerRef: s,
-      contentId: I(),
+      contentId: S(),
       wasKeyboardTriggerOpenRef: b,
       children: /* @__PURE__ */ t(
         ue,
@@ -102,7 +102,7 @@ var x = "MenubarTrigger", B = u.forwardRef(
   (e, o) => {
     const { __scopeMenubar: r, disabled: a = !1, ...n } = e, M = k(r), l = p(r), c = A(x, r), s = F(x, r), b = u.useRef(null), i = oe(o, b, s.triggerRef), [f, m] = u.useState(!1), v = c.value === s.value;
     return /* @__PURE__ */ t(C.ItemSlot, { scope: r, value: s.value, disabled: a, children: /* @__PURE__ */ t(
-      Ie,
+      Se,
       {
         asChild: !0,
         ...M,
@@ -178,7 +178,7 @@ var w = "MenubarContent", V = u.forwardRef(
             if (["ArrowRight", "ArrowLeft"].includes(i.key)) {
               const f = i.target, m = f.hasAttribute("data-radix-menubar-subtrigger"), v = f.closest("[data-radix-menubar-content]") !== i.currentTarget, g = (l.dir === "rtl" ? "ArrowRight" : "ArrowLeft") === i.key;
               if (!g && m || v && g) return;
-              let R = s().filter((_) => !_.disabled).map((_) => _.value);
+              let R = s().filter((I) => !I.disabled).map((I) => I.value);
               g && R.reverse();
               const P = R.indexOf(c.value);
               R = l.loop ? Ue(R, P + 1) : R.slice(P + 1);
@@ -258,7 +258,7 @@ q.displayName = ke;
 var Ke = "MenubarArrow", Fe = u.forwardRef(
   (e, o) => {
     const { __scopeMenubar: r, ...a } = e, n = p(r);
-    return /* @__PURE__ */ t(Se, { ...n, ...a, ref: o });
+    return /* @__PURE__ */ t(_e, { ...n, ...a, ref: o });
   }
 );
 Fe.displayName = Ke;
@@ -313,15 +313,15 @@ ee.displayName = Be;
 function Ue(e, o) {
   return e.map((r, a) => e[(o + a) % e.length]);
 }
-var rr = K, ar = L, or = B, nr = U, tr = V, ur = H, sr = $, ir = j, cr = z, pr = W, lr = X, dr = Y, br = q, mr = Q, fr = Z, vr = ee;
+var er = K, rr = L, ar = B, or = U, nr = V, tr = H, ur = $, sr = j, ir = z, cr = W, pr = X, lr = Y, dr = q, br = Q, mr = Z, fr = ee;
 export {
-  cr as CheckboxItem,
-  tr as Content,
-  ur as Group,
-  ir as Item,
-  dr as ItemIndicator,
-  sr as Label,
-  ar as Menu,
+  ir as CheckboxItem,
+  nr as Content,
+  tr as Group,
+  sr as Item,
+  lr as ItemIndicator,
+  ur as Label,
+  rr as Menu,
   K as Menubar,
   Fe as MenubarArrow,
   z as MenubarCheckboxItem,
@@ -339,14 +339,13 @@ export {
   ee as MenubarSubContent,
   Z as MenubarSubTrigger,
   B as MenubarTrigger,
-  nr as Portal,
-  pr as RadioGroup,
-  lr as RadioItem,
-  rr as Root,
-  br as Separator,
-  mr as Sub,
-  vr as SubContent,
-  fr as SubTrigger,
-  or as Trigger,
-  er as createMenubarScope
+  or as Portal,
+  cr as RadioGroup,
+  pr as RadioItem,
+  er as Root,
+  dr as Separator,
+  br as Sub,
+  fr as SubContent,
+  mr as SubTrigger,
+  ar as Trigger
 };

package/dist/node_modules/@radix-ui/react-navigation-menu/dist/index.js

@@ -16,7 +16,7 @@ import { useLayoutEffect as z } from "../../react-use-layout-effect/dist/index.j
 import { useCallbackRef as D } from "../../react-use-callback-ref/dist/index.js";
 import { Root as xe } from "../../react-visually-hidden/dist/index.js";
 import { jsx as u, jsxs as Z, Fragment as ee } from "react/jsx-runtime";
-var A = "NavigationMenu", [$, ae, Se] = ie(A), [G, De, Ae] = ie(A), [Y, ct] = Ie(
+var A = "NavigationMenu", [$, ae, Se] = ie(A), [G, De, Ae] = ie(A), [Y] = Ie(
   A,
   [Se, Ae]
 ), [Oe, y] = Y(A), [ke, Le] = Y(A), se = a.forwardRef(
@@ -31,31 +31,31 @@ var A = "NavigationMenu", [$, ae, Se] = ie(A), [G, De, Ae] = ie(A), [Y, ct] = Ie
       orientation: l = "horizontal",
       dir: R,
       ...c
-    } = e, [m, h] = a.useState(null), E = k(t, (M) => h(M)), p = be(R), w = a.useRef(0), N = a.useRef(0), T = a.useRef(0), [_, v] = a.useState(!0), [g, f] = oe({
+    } = e, [m, h] = a.useState(null), E = k(t, (M) => h(M)), p = be(R), w = a.useRef(0), N = a.useRef(0), T = a.useRef(0), [_, f] = a.useState(!0), [g, v] = oe({
       prop: i,
       onChange: (M) => {
         const x = M !== "", V = d > 0;
-        x ? (window.clearTimeout(T.current), V && v(!1)) : (window.clearTimeout(T.current), T.current = window.setTimeout(
-          () => v(!0),
+        x ? (window.clearTimeout(T.current), V && f(!1)) : (window.clearTimeout(T.current), T.current = window.setTimeout(
+          () => f(!0),
           d
         )), n?.(M);
       },
       defaultProp: o ?? "",
       caller: A
     }), C = a.useCallback(() => {
-      window.clearTimeout(N.current), N.current = window.setTimeout(() => f(""), 150);
-    }, [f]), P = a.useCallback(
+      window.clearTimeout(N.current), N.current = window.setTimeout(() => v(""), 150);
+    }, [v]), P = a.useCallback(
       (M) => {
-        window.clearTimeout(N.current), f(M);
+        window.clearTimeout(N.current), v(M);
       },
-      [f]
+      [v]
     ), S = a.useCallback(
       (M) => {
         g === M ? window.clearTimeout(N.current) : w.current = window.setTimeout(() => {
-          window.clearTimeout(N.current), f(M);
+          window.clearTimeout(N.current), v(M);
         }, s);
       },
-      [g, f, s]
+      [g, v, s]
     );
     return a.useEffect(() => () => {
       window.clearTimeout(w.current), window.clearTimeout(N.current), window.clearTimeout(T.current);
@@ -77,9 +77,9 @@ var A = "NavigationMenu", [$, ae, Se] = ie(A), [G, De, Ae] = ie(A), [Y, ct] = Ie
         onContentEnter: () => window.clearTimeout(N.current),
         onContentLeave: C,
         onItemSelect: (M) => {
-          f((x) => x === M ? "" : M);
+          v((x) => x === M ? "" : M);
         },
-        onItemDismiss: () => f(""),
+        onItemDismiss: () => v(""),
         children: /* @__PURE__ */ u(
           b.nav,
           {
@@ -143,7 +143,7 @@ var ce = (e) => {
     onTriggerLeave: m,
     onContentEnter: h,
     onContentLeave: E
-  } = e, [p, w] = a.useState(null), [N, T] = a.useState(/* @__PURE__ */ new Map()), [_, v] = a.useState(null);
+  } = e, [p, w] = a.useState(null), [N, T] = a.useState(/* @__PURE__ */ new Map()), [_, f] = a.useState(null);
   return /* @__PURE__ */ u(
     Oe,
     {
@@ -158,18 +158,18 @@ var ce = (e) => {
       viewport: p,
       onViewportChange: w,
       indicatorTrack: _,
-      onIndicatorTrackChange: v,
+      onIndicatorTrackChange: f,
       onTriggerEnter: D(c),
       onTriggerLeave: D(m),
       onContentEnter: D(h),
       onContentLeave: D(E),
       onItemSelect: D(l),
       onItemDismiss: D(R),
-      onViewportContentChange: a.useCallback((g, f) => {
-        T((C) => (C.set(g, f), new Map(C)));
+      onViewportContentChange: a.useCallback((g, v) => {
+        T((C) => (C.set(g, v), new Map(C)));
       }, []),
       onViewportContentRemove: a.useCallback((g) => {
-        T((f) => f.has(g) ? (f.delete(g), new Map(f)) : f);
+        T((v) => v.has(g) ? (v.delete(g), new Map(v)) : v);
       }, []),
       children: /* @__PURE__ */ u($.Provider, { scope: t, children: /* @__PURE__ */ u(ke, { scope: t, items: N, children: s }) })
     }
@@ -181,7 +181,7 @@ var ce = (e) => {
   }
 );
 le.displayName = ue;
-var de = "NavigationMenuItem", [Ke, ve] = Y(de), fe = a.forwardRef(
+var de = "NavigationMenuItem", [Ke, fe] = Y(de), ve = a.forwardRef(
   (e, t) => {
     const { __scopeNavigationMenu: r, value: i, ...n } = e, o = re(), s = i || o || "LEGACY_REACT_AUTO_VALUE", d = a.useRef(null), l = a.useRef(null), R = a.useRef(null), c = a.useRef(() => {
     }), m = a.useRef(!1), h = a.useCallback((p = "start") => {
@@ -214,9 +214,9 @@ var de = "NavigationMenuItem", [Ke, ve] = Y(de), fe = a.forwardRef(
     );
   }
 );
-fe.displayName = de;
+ve.displayName = de;
 var H = "NavigationMenuTrigger", me = a.forwardRef((e, t) => {
-  const { __scopeNavigationMenu: r, disabled: i, ...n } = e, o = y(H, e.__scopeNavigationMenu), s = ve(H, e.__scopeNavigationMenu), d = a.useRef(null), l = k(d, s.triggerRef, t), R = he(o.baseId, s.value), c = Ee(o.baseId, s.value), m = a.useRef(!1), h = a.useRef(!1), E = s.value === o.value;
+  const { __scopeNavigationMenu: r, disabled: i, ...n } = e, o = y(H, e.__scopeNavigationMenu), s = fe(H, e.__scopeNavigationMenu), d = a.useRef(null), l = k(d, s.triggerRef, t), R = he(o.baseId, s.value), c = Ee(o.baseId, s.value), m = a.useRef(!1), h = a.useRef(!1), E = s.value === o.value;
   return /* @__PURE__ */ Z(ee, { children: [
     /* @__PURE__ */ u($.ItemSlot, { scope: r, value: s.value, children: /* @__PURE__ */ u(Ne, { asChild: !0, children: /* @__PURE__ */ u(
       b.button,
@@ -349,7 +349,7 @@ var ze = a.forwardRef((e, t) => {
     }
   ) : null;
 }), O = "NavigationMenuContent", we = a.forwardRef((e, t) => {
-  const { forceMount: r, ...i } = e, n = y(O, e.__scopeNavigationMenu), o = ve(O, e.__scopeNavigationMenu), s = k(o.contentRef, t), d = o.value === n.value, l = {
+  const { forceMount: r, ...i } = e, n = y(O, e.__scopeNavigationMenu), o = fe(O, e.__scopeNavigationMenu), s = k(o.contentRef, t), d = o.value === n.value, l = {
     value: o.value,
     triggerRef: o.triggerRef,
     focusProxyRef: o.focusProxyRef,
@@ -398,23 +398,23 @@ var Ge = a.forwardRef((e, t) => {
     ...R
   } = e, c = y(O, r), m = a.useRef(null), h = k(m, t), E = he(c.baseId, i), p = Ee(c.baseId, i), w = ae(r), N = a.useRef(null), { onItemDismiss: T } = c;
   a.useEffect(() => {
-    const v = m.current;
-    if (c.isRootMenu && v) {
+    const f = m.current;
+    if (c.isRootMenu && f) {
       const g = () => {
-        T(), d(), v.contains(document.activeElement) && n.current?.focus();
+        T(), d(), f.contains(document.activeElement) && n.current?.focus();
       };
-      return v.addEventListener(L, g), () => v.removeEventListener(L, g);
+      return f.addEventListener(L, g), () => f.removeEventListener(L, g);
     }
   }, [c.isRootMenu, e.value, n, T, d]);
   const _ = a.useMemo(() => {
     const g = w().map((x) => x.value);
     c.dir === "rtl" && g.reverse();
-    const f = g.indexOf(c.value), C = g.indexOf(c.previousValue), P = i === c.value, S = C === g.indexOf(i);
+    const v = g.indexOf(c.value), C = g.indexOf(c.previousValue), P = i === c.value, S = C === g.indexOf(i);
     if (!P && !S) return N.current;
     const M = (() => {
-      if (f !== C) {
-        if (P && C !== -1) return f > C ? "from-end" : "from-start";
-        if (S && f !== -1) return f > C ? "to-start" : "to-end";
+      if (v !== C) {
+        if (P && C !== -1) return v > C ? "from-end" : "from-start";
+        if (S && v !== -1) return v > C ? "to-start" : "to-end";
       }
       return null;
     })();
@@ -431,29 +431,29 @@ var Ge = a.forwardRef((e, t) => {
       ref: h,
       disableOutsidePointerEvents: !1,
       onDismiss: () => {
-        const v = new Event(L, {
+        const f = new Event(L, {
           bubbles: !0,
           cancelable: !0
         });
-        m.current?.dispatchEvent(v);
+        m.current?.dispatchEvent(f);
       },
-      onFocusOutside: I(e.onFocusOutside, (v) => {
+      onFocusOutside: I(e.onFocusOutside, (f) => {
         l();
-        const g = v.target;
-        c.rootNavigationMenu?.contains(g) && v.preventDefault();
+        const g = f.target;
+        c.rootNavigationMenu?.contains(g) && f.preventDefault();
       }),
-      onPointerDownOutside: I(e.onPointerDownOutside, (v) => {
-        const g = v.target, f = w().some((P) => P.ref.current?.contains(g)), C = c.isRootMenu && c.viewport?.contains(g);
-        (f || C || !c.isRootMenu) && v.preventDefault();
+      onPointerDownOutside: I(e.onPointerDownOutside, (f) => {
+        const g = f.target, v = w().some((P) => P.ref.current?.contains(g)), C = c.isRootMenu && c.viewport?.contains(g);
+        (v || C || !c.isRootMenu) && f.preventDefault();
       }),
-      onKeyDown: I(e.onKeyDown, (v) => {
-        const g = v.altKey || v.ctrlKey || v.metaKey;
-        if (v.key === "Tab" && !g) {
-          const C = B(v.currentTarget), P = document.activeElement, S = C.findIndex((V) => V === P), x = v.shiftKey ? C.slice(0, S).reverse() : C.slice(S + 1, C.length);
-          X(x) ? v.preventDefault() : o.current?.focus();
+      onKeyDown: I(e.onKeyDown, (f) => {
+        const g = f.altKey || f.ctrlKey || f.metaKey;
+        if (f.key === "Tab" && !g) {
+          const C = B(f.currentTarget), P = document.activeElement, S = C.findIndex((V) => V === P), x = f.shiftKey ? C.slice(0, S).reverse() : C.slice(S + 1, C.length);
+          X(x) ? f.preventDefault() : o.current?.focus();
         }
       }),
-      onEscapeKeyDown: I(e.onEscapeKeyDown, (v) => {
+      onEscapeKeyDown: I(e.onEscapeKeyDown, (f) => {
         s.current = !0;
       })
     }
@@ -486,14 +486,14 @@ var Ue = a.forwardRef((e, t) => {
       },
       onPointerEnter: I(e.onPointerEnter, o.onContentEnter),
       onPointerLeave: I(e.onPointerLeave, F(o.onContentLeave)),
-      children: Array.from(d.items).map(([T, { ref: _, forceMount: v, ...g }]) => {
-        const f = w === T;
-        return /* @__PURE__ */ u(K, { present: v || f, children: /* @__PURE__ */ u(
+      children: Array.from(d.items).map(([T, { ref: _, forceMount: f, ...g }]) => {
+        const v = w === T;
+        return /* @__PURE__ */ u(K, { present: f || v, children: /* @__PURE__ */ u(
           Ce,
           {
             ...g,
             ref: ye(_, (C) => {
-              f && C && m(C);
+              v && C && m(C);
             })
           }
         ) }, T);
@@ -577,24 +577,23 @@ function Ee(e, t) {
 function F(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var ut = se, lt = le, dt = fe, vt = me, ft = ge, mt = pe, gt = we, pt = Re;
+var ct = se, ut = le, lt = ve, dt = me, ft = ge, vt = pe, mt = we, gt = Re;
 export {
-  gt as Content,
-  mt as Indicator,
-  dt as Item,
+  mt as Content,
+  vt as Indicator,
+  lt as Item,
   ft as Link,
-  lt as List,
+  ut as List,
   se as NavigationMenu,
   we as NavigationMenuContent,
   pe as NavigationMenuIndicator,
-  fe as NavigationMenuItem,
+  ve as NavigationMenuItem,
   ge as NavigationMenuLink,
   le as NavigationMenuList,
   Fe as NavigationMenuSub,
   me as NavigationMenuTrigger,
   Re as NavigationMenuViewport,
-  ut as Root,
-  vt as Trigger,
-  pt as Viewport,
-  ct as createNavigationMenuScope
+  ct as Root,
+  dt as Trigger,
+  gt as Viewport
 };

package/dist/node_modules/@radix-ui/react-popover/dist/index.js

@@ -16,7 +16,7 @@ import { useControllableState as q } from "../../react-use-controllable-state/di
 import { hideOthers as z } from "../../../aria-hidden/dist/es2015/index.js";
 import B from "../../../react-remove-scroll/dist/es2015/Combination.js";
 import { jsx as p } from "react/jsx-runtime";
-var C = "Popover", [b, _o] = L(C, [
+var C = "Popover", [b] = L(C, [
   _
 ]), m = _(), [J, u] = b(C), F = (o) => {
   const {
@@ -224,9 +224,9 @@ ao.displayName = no;
 function T(o) {
   return o ? "open" : "closed";
 }
-var xo = F, wo = y, Eo = D, bo = M;
+var _o = F, xo = y, wo = D, Eo = M;
 export {
-  bo as Content,
+  Eo as Content,
   F as Popover,
   Q as PopoverAnchor,
   ao as PopoverArrow,
@@ -234,8 +234,7 @@ export {
   M as PopoverContent,
   D as PopoverPortal,
   y as PopoverTrigger,
-  Eo as Portal,
-  xo as Root,
-  wo as Trigger,
-  _o as createPopoverScope
+  wo as Portal,
+  _o as Root,
+  xo as Trigger
 };

package/dist/node_modules/@radix-ui/react-popper/dist/index.js

@@ -1,6 +1,6 @@
 "use client";
-import * as s from "react";
-import { useFloating as fe, offset as me, shift as he, flip as ge, size as ue, arrow as we, hide as Pe, limitShift as xe } from "../../../@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+import * as p from "react";
+import { useFloating as fe, offset as me, shift as he, flip as ue, size as ge, arrow as we, hide as Pe, limitShift as xe } from "../../../@floating-ui/react-dom/dist/floating-ui.react-dom.js";
 import { Root as ye } from "../../react-arrow/dist/index.js";
 import { useComposedRefs as I } from "../../react-compose-refs/dist/index.js";
 import { createContextScope as Ae } from "../../react-context/dist/index.js";
@@ -10,38 +10,39 @@ import { useLayoutEffect as z } from "../../react-use-layout-effect/dist/index.j
 import { useSize as Ce } from "../../react-use-size/dist/index.js";
 import { jsx as f } from "react/jsx-runtime";
 import { autoUpdate as Se } from "../../../@floating-ui/dom/dist/floating-ui.dom.js";
-var b = "Popper", [M, ke] = Ae(b), [be, X] = M(b), D = (e) => {
-  const { __scopePopper: a, children: o } = e, [i, n] = s.useState(null);
-  return /* @__PURE__ */ f(be, { scope: a, anchor: i, onAnchorChange: n, children: o });
+var R = "Popper", [M, ke] = Ae(R), [Re, X] = M(R), D = (e) => {
+  const { __scopePopper: i, children: n } = e, [s, a] = p.useState(null);
+  return /* @__PURE__ */ f(Re, { scope: i, anchor: s, onAnchorChange: a, children: n });
 };
-D.displayName = b;
-var F = "PopperAnchor", k = s.forwardRef(
-  (e, a) => {
-    const { __scopePopper: o, virtualRef: i, ...n } = e, t = X(F, o), r = s.useRef(null), g = I(a, r);
-    return s.useEffect(() => {
-      t.onAnchorChange(i?.current || r.current);
-    }), i ? null : /* @__PURE__ */ f(Y.div, { ...n, ref: g });
+D.displayName = R;
+var F = "PopperAnchor", k = p.forwardRef(
+  (e, i) => {
+    const { __scopePopper: n, virtualRef: s, ...a } = e, t = X(F, n), r = p.useRef(null), u = I(i, r), o = p.useRef(null);
+    return p.useEffect(() => {
+      const c = o.current;
+      o.current = s?.current || r.current, c !== o.current && t.onAnchorChange(o.current);
+    }), s ? null : /* @__PURE__ */ f(Y.div, { ...a, ref: u });
   }
 );
 k.displayName = F;
-var O = "PopperContent", [Oe, Re] = M(O), B = s.forwardRef(
-  (e, a) => {
+var b = "PopperContent", [be, Oe] = M(b), B = p.forwardRef(
+  (e, i) => {
     const {
-      __scopePopper: o,
-      side: i = "bottom",
-      sideOffset: n = 0,
+      __scopePopper: n,
+      side: s = "bottom",
+      sideOffset: a = 0,
       align: t = "center",
       alignOffset: r = 0,
-      arrowPadding: g = 0,
-      avoidCollisions: p = !0,
+      arrowPadding: u = 0,
+      avoidCollisions: o = !0,
       collisionBoundary: c = [],
-      collisionPadding: u = 0,
+      collisionPadding: g = 0,
       sticky: m = "partial",
       hideWhenDetached: P = !1,
       updatePositionStrategy: x = "optimized",
       onPlaced: d,
       ...l
-    } = e, Z = X(O, o), [C, U] = s.useState(null), q = I(a, (w) => U(w)), [S, G] = s.useState(null), R = Ce(S), J = R?.width ?? 0, E = R?.height ?? 0, K = i + (t !== "center" ? "-" + t : ""), Q = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, N = Array.isArray(c) ? c : [c], V = N.length > 0, y = {
+    } = e, Z = X(b, n), [C, U] = p.useState(null), q = I(i, (w) => U(w)), [S, G] = p.useState(null), O = Ce(S), J = O?.width ?? 0, E = O?.height ?? 0, K = s + (t !== "center" ? "-" + t : ""), Q = typeof g == "number" ? g : { top: 0, right: 0, bottom: 0, left: 0, ...g }, N = Array.isArray(c) ? c : [c], V = N.length > 0, y = {
       padding: Q,
       boundary: N.filter(Ne),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -57,22 +58,22 @@ var O = "PopperContent", [Oe, Re] = M(O), B = s.forwardRef(
         reference: Z.anchor
       },
       middleware: [
-        me({ mainAxis: n + E, alignmentAxis: r }),
-        p && he({
+        me({ mainAxis: a + E, alignmentAxis: r }),
+        o && he({
           mainAxis: !0,
           crossAxis: !1,
           limiter: m === "partial" ? xe() : void 0,
           ...y
         }),
-        p && ge({ ...y }),
-        ue({
+        o && ue({ ...y }),
+        ge({
           ...y,
-          apply: ({ elements: w, rects: W, availableWidth: pe, availableHeight: ce }) => {
+          apply: ({ elements: w, rects: W, availableWidth: ce, availableHeight: pe }) => {
             const { width: le, height: de } = W.reference, v = w.floating.style;
-            v.setProperty("--radix-popper-available-width", `${pe}px`), v.setProperty("--radix-popper-available-height", `${ce}px`), v.setProperty("--radix-popper-anchor-width", `${le}px`), v.setProperty("--radix-popper-anchor-height", `${de}px`);
+            v.setProperty("--radix-popper-available-width", `${ce}px`), v.setProperty("--radix-popper-available-height", `${pe}px`), v.setProperty("--radix-popper-anchor-width", `${le}px`), v.setProperty("--radix-popper-anchor-height", `${de}px`);
           }
         }),
-        S && we({ element: S, padding: g }),
+        S && we({ element: S, padding: u }),
         _e({ arrowWidth: J, arrowHeight: E }),
         P && Pe({ strategy: "referenceHidden", ...y })
       ]
@@ -80,7 +81,7 @@ var O = "PopperContent", [Oe, Re] = M(O), B = s.forwardRef(
     z(() => {
       A && H?.();
     }, [A, H]);
-    const oe = h.arrow?.x, ne = h.arrow?.y, ae = h.arrow?.centerOffset !== 0, [ie, se] = s.useState();
+    const oe = h.arrow?.x, ne = h.arrow?.y, ae = h.arrow?.centerOffset !== 0, [ie, se] = p.useState();
     return z(() => {
       C && se(window.getComputedStyle(C).zIndex);
     }, [C]), /* @__PURE__ */ f(
@@ -108,9 +109,9 @@ var O = "PopperContent", [Oe, Re] = M(O), B = s.forwardRef(
         },
         dir: e.dir,
         children: /* @__PURE__ */ f(
-          Oe,
+          be,
           {
-            scope: o,
+            scope: n,
             placedSide: $,
             onArrowChange: G,
             arrowX: oe,
@@ -137,14 +138,14 @@ var O = "PopperContent", [Oe, Re] = M(O), B = s.forwardRef(
     );
   }
 );
-B.displayName = O;
+B.displayName = b;
 var T = "PopperArrow", Ee = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, j = s.forwardRef(function(a, o) {
-  const { __scopePopper: i, ...n } = a, t = Re(T, i), r = Ee[t.placedSide];
+}, j = p.forwardRef(function(i, n) {
+  const { __scopePopper: s, ...a } = i, t = Oe(T, s), r = Ee[t.placedSide];
   return (
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
@@ -175,10 +176,10 @@ var T = "PopperArrow", Ee = {
         children: /* @__PURE__ */ f(
           ye,
           {
-            ...n,
-            ref: o,
+            ...a,
+            ref: n,
             style: {
-              ...n.style,
+              ...a.style,
               // ensures the element can be measured correctly (mostly for if SVG)
               display: "block"
             }
@@ -195,15 +196,15 @@ function Ne(e) {
 var _e = (e) => ({
   name: "transformOrigin",
   options: e,
-  fn(a) {
-    const { placement: o, rects: i, middlewareData: n } = a, r = n.arrow?.centerOffset !== 0, g = r ? 0 : e.arrowWidth, p = r ? 0 : e.arrowHeight, [c, u] = L(o), m = { start: "0%", center: "50%", end: "100%" }[u], P = (n.arrow?.x ?? 0) + g / 2, x = (n.arrow?.y ?? 0) + p / 2;
+  fn(i) {
+    const { placement: n, rects: s, middlewareData: a } = i, r = a.arrow?.centerOffset !== 0, u = r ? 0 : e.arrowWidth, o = r ? 0 : e.arrowHeight, [c, g] = L(n), m = { start: "0%", center: "50%", end: "100%" }[g], P = (a.arrow?.x ?? 0) + u / 2, x = (a.arrow?.y ?? 0) + o / 2;
     let d = "", l = "";
-    return c === "bottom" ? (d = r ? m : `${P}px`, l = `${-p}px`) : c === "top" ? (d = r ? m : `${P}px`, l = `${i.floating.height + p}px`) : c === "right" ? (d = `${-p}px`, l = r ? m : `${x}px`) : c === "left" && (d = `${i.floating.width + p}px`, l = r ? m : `${x}px`), { data: { x: d, y: l } };
+    return c === "bottom" ? (d = r ? m : `${P}px`, l = `${-o}px`) : c === "top" ? (d = r ? m : `${P}px`, l = `${s.floating.height + o}px`) : c === "right" ? (d = `${-o}px`, l = r ? m : `${x}px`) : c === "left" && (d = `${s.floating.width + o}px`, l = r ? m : `${x}px`), { data: { x: d, y: l } };
   }
 });
 function L(e) {
-  const [a, o = "center"] = e.split("-");
-  return [a, o];
+  const [i, n = "center"] = e.split("-");
+  return [i, n];
 }
 var Be = D, Te = k, je = B, Le = j;
 export {

package/dist/node_modules/@radix-ui/react-presence/dist/index.js

@@ -37,7 +37,7 @@ function R(n) {
     if (e) {
       let o;
       const m = e.ownerDocument.defaultView ?? window, d = (u) => {
-        const g = l(r.current).includes(u.animationName);
+        const g = l(r.current).includes(CSS.escape(u.animationName));
         if (u.target === e && g && (s("ANIMATION_END"), !a.current)) {
           const y = e.style.animationFillMode;
           e.style.animationFillMode = "forwards", o = m.setTimeout(() => {