@a-ui/react 7.13.0-beta.6 → 7.13.0-beta.8

package/es/index94.mjs

@@ -1,237 +1,393 @@
-import { __exports as p } from "./index95.mjs";
-import N from "react";
-import T from "react-dom";
-import { p as x } from "./index101.mjs";
-import { M as A } from "./index102.mjs";
-import "./index103.mjs";
-import "./index104.mjs";
-import D from "./index105.mjs";
-import { __exports as w } from "./index106.mjs";
-import { __exports as q } from "./index107.mjs";
-Object.defineProperty(p, "__esModule", {
-  value: !0
-});
-p.bodyOpenClassName = p.portalClassName = void 0;
-var g = Object.assign || function(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var o = arguments[e];
-    for (var a in o)
-      Object.prototype.hasOwnProperty.call(o, a) && (r[a] = o[a]);
+import { evaluate as $, getPaddingObject as H, getAlignmentAxis as I, getAlignment as X, getSide as _, getSideAxis as M, getOppositePlacement as q, getExpandedPlacements as G, getOppositeAxisPlacements as J, getAlignmentSides as K, clamp as B, getAxisLength as N, min as Y, rectToClientRect as W, getOppositeAxis as Q } from "./index95.mjs";
+function z(a, s, m) {
+  let {
+    reference: n,
+    floating: r
+  } = a;
+  const e = M(s), i = I(s), l = N(i), d = _(s), g = e === "y", x = n.x + n.width / 2 - r.width / 2, c = n.y + n.height / 2 - r.height / 2, f = n[l] / 2 - r[l] / 2;
+  let t;
+  switch (d) {
+    case "top":
+      t = {
+        x,
+        y: n.y - r.height
+      };
+      break;
+    case "bottom":
+      t = {
+        x,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      t = {
+        x: n.x + n.width,
+        y: c
+      };
+      break;
+    case "left":
+      t = {
+        x: n.x - r.width,
+        y: c
+      };
+      break;
+    default:
+      t = {
+        x: n.x,
+        y: n.y
+      };
   }
-  return r;
-}, H = /* @__PURE__ */ function() {
-  function r(e, o) {
-    for (var a = 0; a < o.length; a++) {
-      var n = o[a];
-      n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
-    }
+  switch (X(s)) {
+    case "start":
+      t[i] -= f * (m && g ? -1 : 1);
+      break;
+    case "end":
+      t[i] += f * (m && g ? -1 : 1);
+      break;
   }
-  return function(e, o, a) {
-    return o && r(e.prototype, o), a && r(e, a), e;
-  };
-}(), R = N, O = m(R), U = T, _ = m(U), L = x, t = m(L), k = A, C = m(k), $ = q, W = B($), u = w, M = m(u), F = D;
-function B(r) {
-  if (r && r.__esModule)
-    return r;
-  var e = {};
-  if (r != null)
-    for (var o in r)
-      Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
-  return e.default = r, e;
-}
-function m(r) {
-  return r && r.__esModule ? r : { default: r };
-}
-function j(r, e) {
-  if (!(r instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function E(r, e) {
-  if (!r)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e && (typeof e == "object" || typeof e == "function") ? e : r;
-}
-function I(r, e) {
-  if (typeof e != "function" && e !== null)
-    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
-  r.prototype = Object.create(e && e.prototype, { constructor: { value: r, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(r, e) : r.__proto__ = e);
+  return t;
 }
-var V = p.portalClassName = "ReactModalPortal", z = p.bodyOpenClassName = "ReactModal__Body--open", s = u.canUseDOM && _.default.createPortal !== void 0, b = function(e) {
-  return document.createElement(e);
-}, P = function() {
-  return s ? _.default.createPortal : _.default.unstable_renderSubtreeIntoContainer;
-};
-function y(r) {
-  return r();
+async function Z(a, s) {
+  var m;
+  s === void 0 && (s = {});
+  const {
+    x: n,
+    y: r,
+    platform: e,
+    rects: i,
+    elements: l,
+    strategy: d
+  } = a, {
+    boundary: g = "clippingAncestors",
+    rootBoundary: x = "viewport",
+    elementContext: c = "floating",
+    altBoundary: f = !1,
+    padding: t = 0
+  } = $(s, a), o = H(t), v = l[f ? c === "floating" ? "reference" : "floating" : c], w = W(await e.getClippingRect({
+    element: (m = await (e.isElement == null ? void 0 : e.isElement(v))) == null || m ? v : v.contextElement || await (e.getDocumentElement == null ? void 0 : e.getDocumentElement(l.floating)),
+    boundary: g,
+    rootBoundary: x,
+    strategy: d
+  })), y = c === "floating" ? {
+    x: n,
+    y: r,
+    width: i.floating.width,
+    height: i.floating.height
+  } : i.reference, p = await (e.getOffsetParent == null ? void 0 : e.getOffsetParent(l.floating)), h = await (e.isElement == null ? void 0 : e.isElement(p)) ? await (e.getScale == null ? void 0 : e.getScale(p)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, P = W(e.convertOffsetParentRelativeRectToViewportRelativeRect ? await e.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: y,
+    offsetParent: p,
+    strategy: d
+  }) : y);
+  return {
+    top: (w.top - P.top + o.top) / h.y,
+    bottom: (P.bottom - w.bottom + o.bottom) / h.y,
+    left: (w.left - P.left + o.left) / h.x,
+    right: (P.right - w.right + o.right) / h.x
+  };
 }
-var d = function(r) {
-  I(e, r);
-  function e() {
-    var o, a, n, l;
-    j(this, e);
-    for (var c = arguments.length, v = Array(c), f = 0; f < c; f++)
-      v[f] = arguments[f];
-    return l = (a = (n = E(this, (o = e.__proto__ || Object.getPrototypeOf(e)).call.apply(o, [this].concat(v))), n), n.removePortal = function() {
-      !s && _.default.unmountComponentAtNode(n.node);
-      var i = y(n.props.parentSelector);
-      i && i.contains(n.node) ? i.removeChild(n.node) : console.warn('React-Modal: "parentSelector" prop did not returned any DOM element. Make sure that the parent element is unmounted to avoid any memory leaks.');
-    }, n.portalRef = function(i) {
-      n.portal = i;
-    }, n.renderPortal = function(i) {
-      var h = P(), S = h(n, O.default.createElement(C.default, g({ defaultStyles: e.defaultStyles }, i)), n.node);
-      n.portalRef(S);
-    }, a), E(n, l);
+const ee = 50, oe = async (a, s, m) => {
+  const {
+    placement: n = "bottom",
+    strategy: r = "absolute",
+    middleware: e = [],
+    platform: i
+  } = m, l = i.detectOverflow ? i : {
+    ...i,
+    detectOverflow: Z
+  }, d = await (i.isRTL == null ? void 0 : i.isRTL(s));
+  let g = await i.getElementRects({
+    reference: a,
+    floating: s,
+    strategy: r
+  }), {
+    x,
+    y: c
+  } = z(g, n, d), f = n, t = 0;
+  const o = {};
+  for (let u = 0; u < e.length; u++) {
+    const v = e[u];
+    if (!v)
+      continue;
+    const {
+      name: w,
+      fn: y
+    } = v, {
+      x: p,
+      y: h,
+      data: P,
+      reset: b
+    } = await y({
+      x,
+      y: c,
+      initialPlacement: n,
+      placement: f,
+      strategy: r,
+      middlewareData: o,
+      rects: g,
+      platform: l,
+      elements: {
+        reference: a,
+        floating: s
+      }
+    });
+    x = p ?? x, c = h ?? c, o[w] = {
+      ...o[w],
+      ...P
+    }, b && t < ee && (t++, typeof b == "object" && (b.placement && (f = b.placement), b.rects && (g = b.rects === !0 ? await i.getElementRects({
+      reference: a,
+      floating: s,
+      strategy: r
+    }) : b.rects), {
+      x,
+      y: c
+    } = z(g, f, d)), u = -1);
   }
-  return H(e, [{
-    key: "componentDidMount",
-    value: function() {
-      if (u.canUseDOM) {
-        s || (this.node = b("div")), this.node.className = this.props.portalClassName;
-        var a = y(this.props.parentSelector);
-        a.appendChild(this.node), !s && this.renderPortal(this.props);
+  return {
+    x,
+    y: c,
+    placement: f,
+    strategy: r,
+    middlewareData: o
+  };
+}, se = (a) => ({
+  name: "arrow",
+  options: a,
+  async fn(s) {
+    const {
+      x: m,
+      y: n,
+      placement: r,
+      rects: e,
+      platform: i,
+      elements: l,
+      middlewareData: d
+    } = s, {
+      element: g,
+      padding: x = 0
+    } = $(a, s) || {};
+    if (g == null)
+      return {};
+    const c = H(x), f = {
+      x: m,
+      y: n
+    }, t = I(r), o = N(t), u = await i.getDimensions(g), v = t === "y", w = v ? "top" : "left", y = v ? "bottom" : "right", p = v ? "clientHeight" : "clientWidth", h = e.reference[o] + e.reference[t] - f[t] - e.floating[o], P = f[t] - e.reference[t], b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(g));
+    let D = b ? b[p] : 0;
+    (!D || !await (i.isElement == null ? void 0 : i.isElement(b))) && (D = l.floating[p] || e.floating[o]);
+    const V = h / 2 - P / 2, E = D / 2 - u[o] / 2 - 1, C = Y(c[w], E), F = Y(c[y], E), T = C, j = D - u[o] - F, A = D / 2 - u[o] / 2 + V, L = B(T, A, j), S = !d.arrow && X(r) != null && A !== L && e.reference[o] / 2 - (A < T ? C : F) - u[o] / 2 < 0, O = S ? A < T ? A - T : A - j : 0;
+    return {
+      [t]: f[t] + O,
+      data: {
+        [t]: L,
+        centerOffset: A - L - O,
+        ...S && {
+          alignmentOffset: O
+        }
+      },
+      reset: S
+    };
+  }
+}), ae = function(a) {
+  return a === void 0 && (a = {}), {
+    name: "flip",
+    options: a,
+    async fn(s) {
+      var m, n;
+      const {
+        placement: r,
+        middlewareData: e,
+        rects: i,
+        initialPlacement: l,
+        platform: d,
+        elements: g
+      } = s, {
+        mainAxis: x = !0,
+        crossAxis: c = !0,
+        fallbackPlacements: f,
+        fallbackStrategy: t = "bestFit",
+        fallbackAxisSideDirection: o = "none",
+        flipAlignment: u = !0,
+        ...v
+      } = $(a, s);
+      if ((m = e.arrow) != null && m.alignmentOffset)
+        return {};
+      const w = _(r), y = M(l), p = _(l) === l, h = await (d.isRTL == null ? void 0 : d.isRTL(g.floating)), P = f || (p || !u ? [q(l)] : G(l)), b = o !== "none";
+      !f && b && P.push(...J(l, u, o, h));
+      const D = [l, ...P], V = await d.detectOverflow(s, v), E = [];
+      let C = ((n = e.flip) == null ? void 0 : n.overflows) || [];
+      if (x && E.push(V[w]), c) {
+        const A = K(r, i, h);
+        E.push(V[A[0]], V[A[1]]);
+      }
+      if (C = [...C, {
+        placement: r,
+        overflows: E
+      }], !E.every((A) => A <= 0)) {
+        var F, T;
+        const A = (((F = e.flip) == null ? void 0 : F.index) || 0) + 1, L = D[A];
+        if (L && (!(c === "alignment" ? y !== M(L) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        C.every((R) => M(R.placement) === y ? R.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: A,
+              overflows: C
+            },
+            reset: {
+              placement: L
+            }
+          };
+        let S = (T = C.filter((O) => O.overflows[0] <= 0).sort((O, R) => O.overflows[1] - R.overflows[1])[0]) == null ? void 0 : T.placement;
+        if (!S)
+          switch (t) {
+            case "bestFit": {
+              var j;
+              const O = (j = C.filter((R) => {
+                if (b) {
+                  const k = M(R.placement);
+                  return k === y || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  k === "y";
+                }
+                return !0;
+              }).map((R) => [R.placement, R.overflows.filter((k) => k > 0).reduce((k, U) => k + U, 0)]).sort((R, k) => R[1] - k[1])[0]) == null ? void 0 : j[0];
+              O && (S = O);
+              break;
+            }
+            case "initialPlacement":
+              S = l;
+              break;
+          }
+        if (r !== S)
+          return {
+            reset: {
+              placement: S
+            }
+          };
       }
+      return {};
     }
-  }, {
-    key: "getSnapshotBeforeUpdate",
-    value: function(a) {
-      var n = y(a.parentSelector), l = y(this.props.parentSelector);
-      return { prevParent: n, nextParent: l };
+  };
+}, te = /* @__PURE__ */ new Set(["left", "top"]);
+async function ne(a, s) {
+  const {
+    placement: m,
+    platform: n,
+    elements: r
+  } = a, e = await (n.isRTL == null ? void 0 : n.isRTL(r.floating)), i = _(m), l = X(m), d = M(m) === "y", g = te.has(i) ? -1 : 1, x = e && d ? -1 : 1, c = $(s, a);
+  let {
+    mainAxis: f,
+    crossAxis: t,
+    alignmentAxis: o
+  } = typeof c == "number" ? {
+    mainAxis: c,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: c.mainAxis || 0,
+    crossAxis: c.crossAxis || 0,
+    alignmentAxis: c.alignmentAxis
+  };
+  return l && typeof o == "number" && (t = l === "end" ? o * -1 : o), d ? {
+    x: t * x,
+    y: f * g
+  } : {
+    x: f * g,
+    y: t * x
+  };
+}
+const le = function(a) {
+  return a === void 0 && (a = 0), {
+    name: "offset",
+    options: a,
+    async fn(s) {
+      var m, n;
+      const {
+        x: r,
+        y: e,
+        placement: i,
+        middlewareData: l
+      } = s, d = await ne(s, a);
+      return i === ((m = l.offset) == null ? void 0 : m.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
+        x: r + d.x,
+        y: e + d.y,
+        data: {
+          ...d,
+          placement: i
+        }
+      };
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function(a, n, l) {
-      if (u.canUseDOM) {
-        var c = this.props, v = c.isOpen, f = c.portalClassName;
-        a.portalClassName !== f && (this.node.className = f);
-        var i = l.prevParent, h = l.nextParent;
-        h !== i && (i.removeChild(this.node), h.appendChild(this.node)), !(!a.isOpen && !v) && !s && this.renderPortal(this.props);
+  };
+}, ce = function(a) {
+  return a === void 0 && (a = {}), {
+    name: "shift",
+    options: a,
+    async fn(s) {
+      const {
+        x: m,
+        y: n,
+        placement: r,
+        platform: e
+      } = s, {
+        mainAxis: i = !0,
+        crossAxis: l = !1,
+        limiter: d = {
+          fn: (w) => {
+            let {
+              x: y,
+              y: p
+            } = w;
+            return {
+              x: y,
+              y: p
+            };
+          }
+        },
+        ...g
+      } = $(a, s), x = {
+        x: m,
+        y: n
+      }, c = await e.detectOverflow(s, g), f = M(_(r)), t = Q(f);
+      let o = x[t], u = x[f];
+      if (i) {
+        const w = t === "y" ? "top" : "left", y = t === "y" ? "bottom" : "right", p = o + c[w], h = o - c[y];
+        o = B(p, o, h);
       }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function() {
-      if (!(!u.canUseDOM || !this.node || !this.portal)) {
-        var a = this.portal.state, n = Date.now(), l = a.isOpen && this.props.closeTimeoutMS && (a.closesAt || n + this.props.closeTimeoutMS);
-        l ? (a.beforeClose || this.portal.closeWithTimeout(), setTimeout(this.removePortal, l - n)) : this.removePortal();
+      if (l) {
+        const w = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", p = u + c[w], h = u - c[y];
+        u = B(p, u, h);
       }
+      const v = d.fn({
+        ...s,
+        [t]: o,
+        [f]: u
+      });
+      return {
+        ...v,
+        data: {
+          x: v.x - m,
+          y: v.y - n,
+          enabled: {
+            [t]: i,
+            [f]: l
+          }
+        }
+      };
     }
-  }, {
-    key: "render",
-    value: function() {
-      if (!u.canUseDOM || !s)
-        return null;
-      !this.node && s && (this.node = b("div"));
-      var a = P();
-      return a(O.default.createElement(C.default, g({
-        ref: this.portalRef,
-        defaultStyles: e.defaultStyles
-      }, this.props)), this.node);
-    }
-  }], [{
-    key: "setAppElement",
-    value: function(a) {
-      W.setElement(a);
-    }
-    /* eslint-disable react/no-unused-prop-types */
-    /* eslint-enable react/no-unused-prop-types */
-  }]), e;
-}(R.Component);
-d.propTypes = {
-  isOpen: t.default.bool.isRequired,
-  style: t.default.shape({
-    content: t.default.object,
-    overlay: t.default.object
-  }),
-  portalClassName: t.default.string,
-  bodyOpenClassName: t.default.string,
-  htmlOpenClassName: t.default.string,
-  className: t.default.oneOfType([t.default.string, t.default.shape({
-    base: t.default.string.isRequired,
-    afterOpen: t.default.string.isRequired,
-    beforeClose: t.default.string.isRequired
-  })]),
-  overlayClassName: t.default.oneOfType([t.default.string, t.default.shape({
-    base: t.default.string.isRequired,
-    afterOpen: t.default.string.isRequired,
-    beforeClose: t.default.string.isRequired
-  })]),
-  appElement: t.default.oneOfType([t.default.instanceOf(M.default), t.default.instanceOf(u.SafeHTMLCollection), t.default.instanceOf(u.SafeNodeList), t.default.arrayOf(t.default.instanceOf(M.default))]),
-  onAfterOpen: t.default.func,
-  onRequestClose: t.default.func,
-  closeTimeoutMS: t.default.number,
-  ariaHideApp: t.default.bool,
-  shouldFocusAfterRender: t.default.bool,
-  shouldCloseOnOverlayClick: t.default.bool,
-  shouldReturnFocusAfterClose: t.default.bool,
-  preventScroll: t.default.bool,
-  parentSelector: t.default.func,
-  aria: t.default.object,
-  data: t.default.object,
-  role: t.default.string,
-  contentLabel: t.default.string,
-  shouldCloseOnEsc: t.default.bool,
-  overlayRef: t.default.func,
-  contentRef: t.default.func,
-  id: t.default.string,
-  overlayElement: t.default.func,
-  contentElement: t.default.func
-};
-d.defaultProps = {
-  isOpen: !1,
-  portalClassName: V,
-  bodyOpenClassName: z,
-  role: "dialog",
-  ariaHideApp: !0,
-  closeTimeoutMS: 0,
-  shouldFocusAfterRender: !0,
-  shouldCloseOnEsc: !0,
-  shouldCloseOnOverlayClick: !0,
-  shouldReturnFocusAfterClose: !0,
-  preventScroll: !1,
-  parentSelector: function() {
-    return document.body;
-  },
-  overlayElement: function(e, o) {
-    return O.default.createElement(
-      "div",
-      e,
-      o
-    );
-  },
-  contentElement: function(e, o) {
-    return O.default.createElement(
-      "div",
-      e,
-      o
-    );
-  }
+  };
 };
-d.defaultStyles = {
-  overlay: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: "rgba(255, 255, 255, 0.75)"
-  },
-  content: {
-    position: "absolute",
-    top: "40px",
-    left: "40px",
-    right: "40px",
-    bottom: "40px",
-    border: "1px solid #ccc",
-    background: "#fff",
-    overflow: "auto",
-    WebkitOverflowScrolling: "touch",
-    borderRadius: "4px",
-    outline: "none",
-    padding: "20px"
-  }
+export {
+  se as arrow,
+  oe as computePosition,
+  Z as detectOverflow,
+  ae as flip,
+  le as offset,
+  W as rectToClientRect,
+  ce as shift
 };
-(0, F.polyfill)(d);
-process.env.NODE_ENV !== "production" && (d.setCreateHTMLElement = function(r) {
-  return b = r;
-});
-p.default = d;