@datawire-ai/busyfile-design-library 1.30.2 → 1.30.4

package/dist/index10.js

@@ -1,21 +1,21 @@
-import { j as t } from "./index40.js";
-import { useState as c, useMemo as w, useEffect as k } from "react";
-import { InputWithLabel as V } from "./index54.js";
-import { Button as u } from "./index3.js";
-import { cn as o } from "./index37.js";
-import z from "./index55.js";
-import E from "./index56.js";
-const M = ({
-  label: d = "Password",
-  showForgot: f = !1,
-  forgotPasswordUrl: b = "/forgot-password",
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useState as o, useMemo as V, useEffect as z } from "react";
+import { InputWithLabel as S } from "./index53.js";
+import { Button as f } from "./index3.js";
+import { cn as m } from "./index37.js";
+import j from "./index54.js";
+import E from "./index55.js";
+const O = ({
+  label: x = "Password",
+  showForgot: b = !1,
+  forgotPasswordUrl: h = "/forgot-password",
   onValidityChange: l,
   customValidator: n,
-  showPasswordValidation: s = !0,
-  labelClassName: m = "",
-  ...h
+  showPasswordValidation: r = !0,
+  labelClassName: p = "",
+  ...g
 }) => {
-  const [i, g] = c(!1), [r, j] = c(""), [x, v] = c(!1), N = (e) => [
+  const [i, v] = o(!1), [a, N] = o(""), [d, y] = o(!1), w = (e) => [
     {
       label: "minimum 8 characters",
       isValid: e.length >= 8
@@ -36,74 +36,74 @@ const M = ({
       label: "one number",
       isValid: /\d/.test(e)
     }
-  ], a = w(() => s ? n ? n(r) : N(r) : [], [s, n, r]), p = a.every((e) => e.isValid);
-  return k(() => {
-    s && l && l(p, a);
-  }, [r, p, a, l, s]), /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2 w-full", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ t.jsx(
+  ], s = V(() => r ? n ? n(a) : w(a) : [], [r, n, a]), u = s.every((e) => e.isValid);
+  return z(() => {
+    r && l && l(u, s);
+  }, [a, u, s, l, r]), /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ c("div", { className: "flex flex-col gap-2 w-full", children: [
+    /* @__PURE__ */ c("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ t(
         "label",
         {
-          className: o("text-sm font-medium text-neutral-0", m),
-          children: d
+          className: m("text-sm font-medium text-neutral-0", p),
+          children: x
         }
       ),
-      f && /* @__PURE__ */ t.jsx(
-        u,
+      b && /* @__PURE__ */ t(
+        f,
         {
           className: "text-xs text-neutral-0 hover:underline bg-transparent p-0 hover:bg-transparent",
           variant: "primary",
           onClick: () => {
-            window.location.href = b;
+            window.location.href = h;
           },
           children: "Forgot Password?"
         }
       )
     ] }),
-    /* @__PURE__ */ t.jsx(
-      V,
+    /* @__PURE__ */ t(
+      S,
       {
-        labelClassName: m,
+        labelClassName: p,
         type: i ? "text" : "password",
-        value: r,
-        onChange: (e) => j(e.target.value),
-        onFocus: () => v(!0),
-        ...h,
-        endSlot: /* @__PURE__ */ t.jsx(
-          u,
+        value: a,
+        onChange: (e) => N(e.target.value),
+        onFocus: () => y(!0),
+        ...g,
+        endSlot: /* @__PURE__ */ t(
+          f,
           {
             type: "button",
             className: "text-xs text-neutral-0 hover:underline bg-transparent p-0 hover:bg-transparent",
             variant: "primary",
-            onClick: () => g(!i),
-            children: i ? /* @__PURE__ */ t.jsx(z, { size: 24, className: "text-neutral-black-2" }) : /* @__PURE__ */ t.jsx(E, { size: 24, className: "text-neutral-black-2" })
+            onClick: () => v(!i),
+            children: i ? /* @__PURE__ */ t(j, { size: 24, className: "text-neutral-black-2" }) : /* @__PURE__ */ t(E, { size: 24, className: "text-neutral-black-2" })
           }
         )
       }
     ),
-    s && /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-2 gap-y-1 text-xs mt-3", children: a.map((e, y) => /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ t.jsx(
+    r && /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-y-1 text-xs mt-3", children: s.map((e, k) => /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ t(
         "div",
         {
-          className: o(
+          className: m(
             "w-1.5 h-1.5 rounded-full transition-colors",
-            e.isValid ? "bg-success-1" : x ? "bg-primary-1" : "bg-neutral-black-2"
+            e.isValid ? "bg-success-1" : d ? "bg-primary-1" : "bg-neutral-black-2"
           )
         }
       ),
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t(
         "span",
         {
-          className: o(
+          className: m(
             "transition-colors",
-            e.isValid ? "text-success-1" : x ? "text-primary-1" : "text-neutral-black-2"
+            e.isValid ? "text-success-1" : d ? "text-primary-1" : "text-neutral-black-2"
           ),
           children: e.label
         }
       )
-    ] }, y)) })
+    ] }, k)) })
   ] }) });
 };
 export {
-  M as PasswordInput
+  O as PasswordInput
 };

package/dist/index100.js

@@ -1,184 +1,13 @@
-"use client";
-import * as s from "react";
-import { composeEventHandlers as p } from "./index93.js";
-import { createCollection as H } from "./index118.js";
-import { useComposedRefs as V } from "./index94.js";
-import { createContextScope as z } from "./index95.js";
-import { useId as q } from "./index103.js";
-import { Primitive as G } from "./index99.js";
-import { useCallbackRef as J } from "./index113.js";
-import { useControllableState as Q } from "./index96.js";
-import { useDirection as W } from "./index101.js";
-import { j as d } from "./index40.js";
-var _ = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, I = "RovingFocusGroup", [y, N, Z] = H(I), [$, Fe] = z(
-  I,
-  [Z]
-), [ee, oe] = $(I), O = s.forwardRef(
-  (e, r) => /* @__PURE__ */ d.jsx(y.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(y.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(te, { ...e, ref: r }) }) })
-);
-O.displayName = I;
-var te = s.forwardRef((e, r) => {
-  const {
-    __scopeRovingFocusGroup: c,
-    orientation: o,
-    loop: T = !1,
-    dir: w,
-    currentTabStopId: v,
-    defaultCurrentTabStopId: C,
-    onCurrentTabStopIdChange: S,
-    onEntryFocus: m,
-    preventScrollOnEntryFocus: u = !1,
-    ...b
-  } = e, F = s.useRef(null), g = V(r, F), R = W(w), [E, t] = Q({
-    prop: v,
-    defaultProp: C ?? null,
-    onChange: S,
-    caller: I
-  }), [i, h] = s.useState(!1), a = J(m), l = N(c), x = s.useRef(!1), [k, D] = s.useState(0);
-  return s.useEffect(() => {
-    const n = F.current;
-    if (n)
-      return n.addEventListener(_, a), () => n.removeEventListener(_, a);
-  }, [a]), /* @__PURE__ */ d.jsx(
-    ee,
-    {
-      scope: c,
-      orientation: o,
-      dir: R,
-      loop: T,
-      currentTabStopId: E,
-      onItemFocus: s.useCallback(
-        (n) => t(n),
-        [t]
-      ),
-      onItemShiftTab: s.useCallback(() => h(!0), []),
-      onFocusableItemAdd: s.useCallback(
-        () => D((n) => n + 1),
-        []
-      ),
-      onFocusableItemRemove: s.useCallback(
-        () => D((n) => n - 1),
-        []
-      ),
-      children: /* @__PURE__ */ d.jsx(
-        G.div,
-        {
-          tabIndex: i || k === 0 ? -1 : 0,
-          "data-orientation": o,
-          ...b,
-          ref: g,
-          style: { outline: "none", ...e.style },
-          onMouseDown: p(e.onMouseDown, () => {
-            x.current = !0;
-          }),
-          onFocus: p(e.onFocus, (n) => {
-            const L = !x.current;
-            if (n.target === n.currentTarget && L && !i) {
-              const P = new CustomEvent(_, X);
-              if (n.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
-                const A = l().filter((f) => f.focusable), U = A.find((f) => f.active), B = A.find((f) => f.id === E), Y = [U, B, ...A].filter(
-                  Boolean
-                ).map((f) => f.ref.current);
-                M(Y, u);
-              }
-            }
-            x.current = !1;
-          }),
-          onBlur: p(e.onBlur, () => h(!1))
-        }
-      )
-    }
-  );
-}), K = "RovingFocusGroupItem", j = s.forwardRef(
-  (e, r) => {
-    const {
-      __scopeRovingFocusGroup: c,
-      focusable: o = !0,
-      active: T = !1,
-      tabStopId: w,
-      children: v,
-      ...C
-    } = e, S = q(), m = w || S, u = oe(K, c), b = u.currentTabStopId === m, F = N(c), { onFocusableItemAdd: g, onFocusableItemRemove: R, currentTabStopId: E } = u;
-    return s.useEffect(() => {
-      if (o)
-        return g(), () => R();
-    }, [o, g, R]), /* @__PURE__ */ d.jsx(
-      y.ItemSlot,
-      {
-        scope: c,
-        id: m,
-        focusable: o,
-        active: T,
-        children: /* @__PURE__ */ d.jsx(
-          G.span,
-          {
-            tabIndex: b ? 0 : -1,
-            "data-orientation": u.orientation,
-            ...C,
-            ref: r,
-            onMouseDown: p(e.onMouseDown, (t) => {
-              o ? u.onItemFocus(m) : t.preventDefault();
-            }),
-            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
-            onKeyDown: p(e.onKeyDown, (t) => {
-              if (t.key === "Tab" && t.shiftKey) {
-                u.onItemShiftTab();
-                return;
-              }
-              if (t.target !== t.currentTarget) return;
-              const i = se(t, u.orientation, u.dir);
-              if (i !== void 0) {
-                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
-                t.preventDefault();
-                let a = F().filter((l) => l.focusable).map((l) => l.ref.current);
-                if (i === "last") a.reverse();
-                else if (i === "prev" || i === "next") {
-                  i === "prev" && a.reverse();
-                  const l = a.indexOf(t.currentTarget);
-                  a = u.loop ? ce(a, l + 1) : a.slice(l + 1);
-                }
-                setTimeout(() => M(a));
-              }
-            }),
-            children: typeof v == "function" ? v({ isCurrentTabStop: b, hasTabStop: E != null }) : v
-          }
-        )
-      }
-    );
-  }
-);
-j.displayName = K;
-var re = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function ne(e, r) {
-  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
-}
-function se(e, r, c) {
-  const o = ne(e.key, c);
-  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return re[o];
-}
-function M(e, r = !1) {
-  const c = document.activeElement;
-  for (const o of e)
-    if (o === c || (o.focus({ preventScroll: r }), document.activeElement !== c)) return;
-}
-function ce(e, r) {
-  return e.map((c, o) => e[(r + o) % e.length]);
+import * as e from "react";
+import { useLayoutEffect as a } from "./index109.js";
+var s = e[" useId ".trim().toString()] || (() => {
+}), i = 0;
+function d(r) {
+  const [t, o] = e.useState(s());
+  return a(() => {
+    o((u) => u ?? String(i++));
+  }, [r]), t ? `radix-${t}` : "";
 }
-var ge = O, Re = j;
 export {
-  Re as Item,
-  ge as Root,
-  O as RovingFocusGroup,
-  j as RovingFocusGroupItem,
-  Fe as createRovingFocusGroupScope
+  d as useId
 };

package/dist/index101.js

@@ -1,10 +1,222 @@
-import * as t from "react";
-import "./index40.js";
-var r = t.createContext(void 0);
-function n(o) {
-  const e = t.useContext(r);
-  return o || e || "ltr";
+"use client";
+import * as p from "react";
+import { useFloating as xe, offset as Pe, shift as ye, flip as Ae, size as ve, arrow as Ce, hide as be, limitShift as Se } from "./index122.js";
+import { Root as Oe } from "./index123.js";
+import { useComposedRefs as j } from "./index90.js";
+import { createContextScope as Re } from "./index91.js";
+import { Primitive as z } from "./index95.js";
+import { useCallbackRef as Ee } from "./index108.js";
+import { useLayoutEffect as T } from "./index109.js";
+import { useSize as Ne } from "./index94.js";
+import { jsx as f } from "react/jsx-runtime";
+import { autoUpdate as _e } from "./index124.js";
+var N = "Popper", [L, Ue] = Re(N), [$e, Z] = L(N), U = (e) => {
+  const { __scopePopper: s, children: a } = e, [t, i] = p.useState(null);
+  return /* @__PURE__ */ f($e, { scope: s, anchor: t, onAnchorChange: i, children: a });
+};
+U.displayName = N;
+var q = "PopperAnchor", G = p.forwardRef(
+  (e, s) => {
+    const { __scopePopper: a, virtualRef: t, ...i } = e, r = Z(q, a), o = p.useRef(null), w = j(s, o), n = p.useRef(null);
+    return p.useEffect(() => {
+      const c = n.current;
+      n.current = (t == null ? void 0 : t.current) || o.current, c !== n.current && r.onAnchorChange(n.current);
+    }), t ? null : /* @__PURE__ */ f(z.div, { ...i, ref: w });
+  }
+);
+G.displayName = q;
+var _ = "PopperContent", [He, We] = L(_), J = p.forwardRef(
+  (e, s) => {
+    var Y, M, X, D, F, k;
+    const {
+      __scopePopper: a,
+      side: t = "bottom",
+      sideOffset: i = 0,
+      align: r = "center",
+      alignOffset: o = 0,
+      arrowPadding: w = 0,
+      avoidCollisions: n = !0,
+      collisionBoundary: c = [],
+      collisionPadding: x = 0,
+      sticky: m = "partial",
+      hideWhenDetached: y = !1,
+      updatePositionStrategy: A = "optimized",
+      onPlaced: l,
+      ...d
+    } = e, v = Z(_, a), [h, C] = p.useState(null), ee = j(s, (P) => C(P)), [E, te] = p.useState(null), u = Ne(E), re = (u == null ? void 0 : u.width) ?? 0, $ = (u == null ? void 0 : u.height) ?? 0, oe = t + (r !== "center" ? "-" + r : ""), ne = typeof x == "number" ? x : { top: 0, right: 0, bottom: 0, left: 0, ...x }, H = Array.isArray(c) ? c : [c], ae = H.length > 0, b = {
+      padding: ne,
+      boundary: H.filter(Ye),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: ae
+    }, { refs: ie, floatingStyles: W, placement: se, isPositioned: S, middlewareData: g } = xe({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: oe,
+      whileElementsMounted: (...P) => _e(...P, {
+        animationFrame: A === "always"
+      }),
+      elements: {
+        reference: v.anchor
+      },
+      middleware: [
+        Pe({ mainAxis: i + $, alignmentAxis: o }),
+        n && ye({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: m === "partial" ? Se() : void 0,
+          ...b
+        }),
+        n && Ae({ ...b }),
+        ve({
+          ...b,
+          apply: ({ elements: P, rects: B, availableWidth: he, availableHeight: ue }) => {
+            const { width: ge, height: we } = B.reference, R = P.floating.style;
+            R.setProperty("--radix-popper-available-width", `${he}px`), R.setProperty("--radix-popper-available-height", `${ue}px`), R.setProperty("--radix-popper-anchor-width", `${ge}px`), R.setProperty("--radix-popper-anchor-height", `${we}px`);
+          }
+        }),
+        E && Ce({ element: E, padding: w }),
+        Me({ arrowWidth: re, arrowHeight: $ }),
+        y && be({ strategy: "referenceHidden", ...b })
+      ]
+    }), [I, ce] = V(se), O = Ee(l);
+    T(() => {
+      S && (O == null || O());
+    }, [S, O]);
+    const pe = (Y = g.arrow) == null ? void 0 : Y.x, de = (M = g.arrow) == null ? void 0 : M.y, le = ((X = g.arrow) == null ? void 0 : X.centerOffset) !== 0, [fe, me] = p.useState();
+    return T(() => {
+      h && me(window.getComputedStyle(h).zIndex);
+    }, [h]), /* @__PURE__ */ f(
+      "div",
+      {
+        ref: ie.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...W,
+          transform: S ? W.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: fe,
+          "--radix-popper-transform-origin": [
+            (D = g.transformOrigin) == null ? void 0 : D.x,
+            (F = g.transformOrigin) == null ? void 0 : F.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...((k = g.hide) == null ? void 0 : k.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ f(
+          He,
+          {
+            scope: a,
+            placedSide: I,
+            onArrowChange: te,
+            arrowX: pe,
+            arrowY: de,
+            shouldHideArrow: le,
+            children: /* @__PURE__ */ f(
+              z.div,
+              {
+                "data-side": I,
+                "data-align": ce,
+                ...d,
+                ref: ee,
+                style: {
+                  ...d.style,
+                  // if the PopperContent hasn't been placed yet (not all measurements done)
+                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
+                  animation: S ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+J.displayName = _;
+var K = "PopperArrow", Ie = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Q = p.forwardRef(function(s, a) {
+  const { __scopePopper: t, ...i } = s, r = We(K, t), o = Ie[r.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.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ f(
+      "span",
+      {
+        ref: r.onArrowChange,
+        style: {
+          position: "absolute",
+          left: r.arrowX,
+          top: r.arrowY,
+          [o]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[r.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[r.placedSide],
+          visibility: r.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ f(
+          Oe,
+          {
+            ...i,
+            ref: a,
+            style: {
+              ...i.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+Q.displayName = K;
+function Ye(e) {
+  return e !== null;
+}
+var Me = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(s) {
+    var v, h, C;
+    const { placement: a, rects: t, middlewareData: i } = s, o = ((v = i.arrow) == null ? void 0 : v.centerOffset) !== 0, w = o ? 0 : e.arrowWidth, n = o ? 0 : e.arrowHeight, [c, x] = V(a), m = { start: "0%", center: "50%", end: "100%" }[x], y = (((h = i.arrow) == null ? void 0 : h.x) ?? 0) + w / 2, A = (((C = i.arrow) == null ? void 0 : C.y) ?? 0) + n / 2;
+    let l = "", d = "";
+    return c === "bottom" ? (l = o ? m : `${y}px`, d = `${-n}px`) : c === "top" ? (l = o ? m : `${y}px`, d = `${t.floating.height + n}px`) : c === "right" ? (l = `${-n}px`, d = o ? m : `${A}px`) : c === "left" && (l = `${t.floating.width + n}px`, d = o ? m : `${A}px`), { data: { x: l, y: d } };
+  }
+});
+function V(e) {
+  const [s, a = "center"] = e.split("-");
+  return [s, a];
 }
+var qe = U, Ge = G, Je = J, Ke = Q;
 export {
-  n as useDirection
+  Ge as Anchor,
+  Ke as Arrow,
+  Je as Content,
+  U as Popper,
+  G as PopperAnchor,
+  Q as PopperArrow,
+  J as PopperContent,
+  qe as Root,
+  Ue as createPopperScope
 };

package/dist/index102.js

@@ -1,72 +1,17 @@
 "use client";
-import * as a from "react";
-import { useComposedRefs as E } from "./index94.js";
-import { useLayoutEffect as A } from "./index114.js";
-function T(n, e) {
-  return a.useReducer((r, t) => e[r][t] ?? r, n);
-}
-var R = (n) => {
-  const { present: e, children: r } = n, t = v(e), i = typeof r == "function" ? r({ present: t.isPresent }) : a.Children.only(r), c = E(t.ref, P(i));
-  return typeof r == "function" || t.isPresent ? a.cloneElement(i, { ref: c }) : null;
-};
-R.displayName = "Presence";
-function v(n) {
-  const [e, r] = a.useState(), t = a.useRef(null), i = a.useRef(n), c = a.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = T(p, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return a.useEffect(() => {
-    const o = l(t.current);
-    c.current = N === "mounted" ? o : "none";
-  }, [N]), A(() => {
-    const o = t.current, m = i.current;
-    if (m !== n) {
-      const f = c.current, u = l(o);
-      n ? s("MOUNT") : u === "none" || (o == null ? void 0 : o.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
-    }
-  }, [n, s]), A(() => {
-    if (e) {
-      let o;
-      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
-        const g = l(t.current).includes(CSS.escape(u.animationName));
-        if (u.target === e && g && (s("ANIMATION_END"), !i.current)) {
-          const O = e.style.animationFillMode;
-          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
-            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
-          });
-        }
-      }, f = (u) => {
-        u.target === e && (c.current = l(t.current));
-      };
-      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
-        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
-      };
-    } else
-      s("ANIMATION_END");
-  }, [e, s]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(N),
-    ref: a.useCallback((o) => {
-      t.current = o ? getComputedStyle(o) : null, r(o);
-    }, [])
-  };
-}
-function l(n) {
-  return (n == null ? void 0 : n.animationName) || "none";
-}
-function P(n) {
-  var t, i;
-  let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
-  return r ? n.ref : (e = (i = Object.getOwnPropertyDescriptor(n, "ref")) == null ? void 0 : i.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
-}
+import * as r from "react";
+import s from "react-dom";
+import { Primitive as c } from "./index95.js";
+import { useLayoutEffect as u } from "./index109.js";
+import { jsx as l } from "react/jsx-runtime";
+var p = "Portal", d = r.forwardRef((e, a) => {
+  var o;
+  const { container: f, ...i } = e, [m, n] = r.useState(!1);
+  u(() => n(!0), []);
+  const t = f || m && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
+  return t ? s.createPortal(/* @__PURE__ */ l(c.div, { ...i, ref: a }), t) : null;
+});
+d.displayName = p;
 export {
-  R as Presence
+  d as Portal
 };