@colabcommerce/elements 0.0.1 → 0.0.2

package/dist/Modal-BqRDRCTs.js

@@ -0,0 +1,863 @@
+import { w as Z, x as be, y as Q, r as de, z as Se, D as lt, G as ct, T as dt, t as ut, q as v, v as ft, E as ht, p as U, P as Ee, H as mt, J as gt, K as De, L as pt, N as Et } from "./globals-C3lGVSJ0.js";
+import * as E from "react";
+import { useState as H, useRef as h, useEffect as R, useCallback as y, useContext as Ke, createContext as yt, useMemo as Ge, useLayoutEffect as Rt, cloneElement as Ne, forwardRef as vt, useImperativeHandle as Tt } from "react";
+import wt from "react-dom";
+import { jsx as l, Fragment as Fe, jsxs as ze } from "react/jsx-runtime";
+var ce;
+function Ie(e) {
+  if ((!ce && ce !== 0 || e) && Z) {
+    var t = document.createElement("div");
+    t.style.position = "absolute", t.style.top = "-9999px", t.style.width = "50px", t.style.height = "50px", t.style.overflow = "scroll", document.body.appendChild(t), ce = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+  }
+  return ce;
+}
+function bt() {
+  return H(null);
+}
+function Nt(e) {
+  const t = h(e);
+  return R(() => {
+    t.current = e;
+  }, [e]), t;
+}
+function we(e) {
+  const t = Nt(e);
+  return y(function(...n) {
+    return t.current && t.current(...n);
+  }, [t]);
+}
+function Mt(e) {
+  const t = h(e);
+  return t.current = e, t;
+}
+function Ct(e) {
+  const t = Mt(e);
+  R(() => () => t.current(), []);
+}
+function ye(e) {
+  e === void 0 && (e = be());
+  try {
+    var t = e.activeElement;
+    return !t || !t.nodeName ? null : t;
+  } catch {
+    return e.body;
+  }
+}
+function We(e, t) {
+  if (e.contains) return e.contains(t);
+  if (e.compareDocumentPosition) return e === t || !!(e.compareDocumentPosition(t) & 16);
+}
+function Ot() {
+  const e = h(!0), t = h(() => e.current);
+  return R(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), t.current;
+}
+function kt(e) {
+  const t = h(e);
+  return t.current = e, t;
+}
+function xt(e) {
+  const t = kt(e);
+  R(() => () => t.current(), []);
+}
+function At(e) {
+  const t = h(null);
+  return R(() => {
+    t.current = e;
+  }), t.current;
+}
+function Bt(e) {
+  const t = h(e);
+  return R(() => {
+    t.current = e;
+  }, [e]), t;
+}
+function A(e) {
+  const t = Bt(e);
+  return y(function(...n) {
+    return t.current && t.current(...n);
+  }, [t]);
+}
+const Lt = "data-rr-ui-";
+function St(e) {
+  return `${Lt}${e}`;
+}
+function Dt(e = document) {
+  const t = e.defaultView;
+  return Math.abs(t.innerWidth - e.documentElement.clientWidth);
+}
+const $e = St("modal-open");
+class Me {
+  constructor({
+    ownerDocument: t,
+    handleContainerOverflow: n = !0,
+    isRTL: o = !1
+  } = {}) {
+    this.handleContainerOverflow = n, this.isRTL = o, this.modals = [], this.ownerDocument = t;
+  }
+  getScrollbarWidth() {
+    return Dt(this.ownerDocument);
+  }
+  getElement() {
+    return (this.ownerDocument || document).body;
+  }
+  setModalAttributes(t) {
+  }
+  removeModalAttributes(t) {
+  }
+  setContainerStyle(t) {
+    const n = {
+      overflow: "hidden"
+    }, o = this.isRTL ? "paddingLeft" : "paddingRight", r = this.getElement();
+    t.style = {
+      overflow: r.style.overflow,
+      [o]: r.style[o]
+    }, t.scrollBarWidth && (n[o] = `${parseInt(Q(r, o) || "0", 10) + t.scrollBarWidth}px`), r.setAttribute($e, ""), Q(r, n);
+  }
+  reset() {
+    [...this.modals].forEach((t) => this.remove(t));
+  }
+  removeContainerStyle(t) {
+    const n = this.getElement();
+    n.removeAttribute($e), Object.assign(n.style, t.style);
+  }
+  add(t) {
+    let n = this.modals.indexOf(t);
+    return n !== -1 || (n = this.modals.length, this.modals.push(t), this.setModalAttributes(t), n !== 0) || (this.state = {
+      scrollBarWidth: this.getScrollbarWidth(),
+      style: {}
+    }, this.handleContainerOverflow && this.setContainerStyle(this.state)), n;
+  }
+  remove(t) {
+    const n = this.modals.indexOf(t);
+    n !== -1 && (this.modals.splice(n, 1), !this.modals.length && this.handleContainerOverflow && this.removeContainerStyle(this.state), this.removeModalAttributes(t));
+  }
+  isTopModal(t) {
+    return !!this.modals.length && this.modals[this.modals.length - 1] === t;
+  }
+}
+const Ve = /* @__PURE__ */ yt(Z ? window : void 0);
+Ve.Provider;
+function Ce() {
+  return Ke(Ve);
+}
+const Re = (e, t) => Z ? e == null ? (t || be()).body : (typeof e == "function" && (e = e()), e && "current" in e && (e = e.current), e && ("nodeType" in e || e.getBoundingClientRect) ? e : null) : null;
+function Ft(e, t) {
+  const n = Ce(), [o, r] = H(() => Re(e, n == null ? void 0 : n.document));
+  if (!o) {
+    const s = Re(e);
+    s && r(s);
+  }
+  return R(() => {
+  }, [t, o]), R(() => {
+    const s = Re(e);
+    s !== o && r(s);
+  }, [e, o]), o;
+}
+const je = (e) => !e || typeof e == "function" ? e : (t) => {
+  e.current = t;
+};
+function It(e, t) {
+  const n = je(e), o = je(t);
+  return (r) => {
+    n && n(r), o && o(r);
+  };
+}
+function Oe(e, t) {
+  return Ge(() => It(e, t), [e, t]);
+}
+const Wt = typeof global < "u" && // @ts-ignore
+global.navigator && // @ts-ignore
+global.navigator.product === "ReactNative", $t = typeof document < "u", _e = $t || Wt ? Rt : R;
+function jt({
+  children: e,
+  in: t,
+  onExited: n,
+  mountOnEnter: o,
+  unmountOnExit: r
+}) {
+  const s = h(null), u = h(t), f = A(n);
+  R(() => {
+    t ? u.current = !0 : f(s.current);
+  }, [t, f]);
+  const d = Oe(s, de(e)), c = /* @__PURE__ */ Ne(e, {
+    ref: d
+  });
+  return t ? c : r || !u.current && o ? null : c;
+}
+const _t = ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "addEndListener", "children"];
+function Ht(e, t) {
+  if (e == null) return {};
+  var n = {};
+  for (var o in e) if ({}.hasOwnProperty.call(e, o)) {
+    if (t.indexOf(o) >= 0) continue;
+    n[o] = e[o];
+  }
+  return n;
+}
+function Ut(e) {
+  let {
+    onEnter: t,
+    onEntering: n,
+    onEntered: o,
+    onExit: r,
+    onExiting: s,
+    onExited: u,
+    addEndListener: f,
+    children: d
+  } = e, c = Ht(e, _t);
+  const g = h(null), T = Oe(g, de(d)), p = (M) => (k) => {
+    M && g.current && M(g.current, k);
+  }, b = y(p(t), [t]), K = y(p(n), [n]), B = y(p(o), [o]), G = y(p(r), [r]), N = y(p(s), [s]), z = y(p(u), [u]), L = y(p(f), [f]);
+  return Object.assign({}, c, {
+    nodeRef: g
+  }, t && {
+    onEnter: b
+  }, n && {
+    onEntering: K
+  }, o && {
+    onEntered: B
+  }, r && {
+    onExit: G
+  }, s && {
+    onExiting: N
+  }, u && {
+    onExited: z
+  }, f && {
+    addEndListener: L
+  }, {
+    children: typeof d == "function" ? (M, k) => (
+      // TODO: Types for RTG missing innerProps, so need to cast.
+      d(M, Object.assign({}, k, {
+        ref: T
+      }))
+    ) : /* @__PURE__ */ Ne(d, {
+      ref: T
+    })
+  });
+}
+const Kt = ["component"];
+function Gt(e, t) {
+  if (e == null) return {};
+  var n = {};
+  for (var o in e) if ({}.hasOwnProperty.call(e, o)) {
+    if (t.indexOf(o) >= 0) continue;
+    n[o] = e[o];
+  }
+  return n;
+}
+const zt = /* @__PURE__ */ E.forwardRef((e, t) => {
+  let {
+    component: n
+  } = e, o = Gt(e, Kt);
+  const r = Ut(o);
+  return /* @__PURE__ */ l(n, Object.assign({
+    ref: t
+  }, r));
+});
+function Vt({
+  in: e,
+  onTransition: t
+}) {
+  const n = h(null), o = h(!0), r = A(t);
+  return _e(() => {
+    if (!n.current)
+      return;
+    let s = !1;
+    return r({
+      in: e,
+      element: n.current,
+      initial: o.current,
+      isStale: () => s
+    }), () => {
+      s = !0;
+    };
+  }, [e, r]), _e(() => (o.current = !1, () => {
+    o.current = !0;
+  }), []), n;
+}
+function Xt({
+  children: e,
+  in: t,
+  onExited: n,
+  onEntered: o,
+  transition: r
+}) {
+  const [s, u] = H(!t);
+  t && s && u(!1);
+  const f = Vt({
+    in: !!t,
+    onTransition: (c) => {
+      const g = () => {
+        c.isStale() || (c.in ? o == null || o(c.element, c.initial) : (u(!0), n == null || n(c.element)));
+      };
+      Promise.resolve(r(c)).then(g, (T) => {
+        throw c.in || u(!0), T;
+      });
+    }
+  }), d = Oe(f, de(e));
+  return s && !t ? null : /* @__PURE__ */ Ne(e, {
+    ref: d
+  });
+}
+function He(e, t, n) {
+  return e ? /* @__PURE__ */ l(zt, Object.assign({}, n, {
+    component: e
+  })) : t ? /* @__PURE__ */ l(Xt, Object.assign({}, n, {
+    transition: t
+  })) : /* @__PURE__ */ l(jt, Object.assign({}, n));
+}
+const qt = ["show", "role", "className", "style", "children", "backdrop", "keyboard", "onBackdropClick", "onEscapeKeyDown", "transition", "runTransition", "backdropTransition", "runBackdropTransition", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "renderDialog", "renderBackdrop", "manager", "container", "onShow", "onHide", "onExit", "onExited", "onExiting", "onEnter", "onEntering", "onEntered"];
+function Yt(e, t) {
+  if (e == null) return {};
+  var n = {};
+  for (var o in e) if ({}.hasOwnProperty.call(e, o)) {
+    if (t.indexOf(o) >= 0) continue;
+    n[o] = e[o];
+  }
+  return n;
+}
+let ve;
+function Pt(e) {
+  return ve || (ve = new Me({
+    ownerDocument: e == null ? void 0 : e.document
+  })), ve;
+}
+function Jt(e) {
+  const t = Ce(), n = e || Pt(t), o = h({
+    dialog: null,
+    backdrop: null
+  });
+  return Object.assign(o.current, {
+    add: () => n.add(o.current),
+    remove: () => n.remove(o.current),
+    isTopModal: () => n.isTopModal(o.current),
+    setDialogRef: y((r) => {
+      o.current.dialog = r;
+    }, []),
+    setBackdropRef: y((r) => {
+      o.current.backdrop = r;
+    }, [])
+  });
+}
+const Xe = /* @__PURE__ */ vt((e, t) => {
+  let {
+    show: n = !1,
+    role: o = "dialog",
+    className: r,
+    style: s,
+    children: u,
+    backdrop: f = !0,
+    keyboard: d = !0,
+    onBackdropClick: c,
+    onEscapeKeyDown: g,
+    transition: T,
+    runTransition: p,
+    backdropTransition: b,
+    runBackdropTransition: K,
+    autoFocus: B = !0,
+    enforceFocus: G = !0,
+    restoreFocus: N = !0,
+    restoreFocusOptions: z,
+    renderDialog: L,
+    renderBackdrop: M = (i) => /* @__PURE__ */ l("div", Object.assign({}, i)),
+    manager: k,
+    container: ue,
+    onShow: ee,
+    onHide: V = () => {
+    },
+    onExit: fe,
+    onExited: X,
+    onExiting: te,
+    onEnter: ne,
+    onEntering: oe,
+    onEntered: re
+  } = e, he = Yt(e, qt);
+  const C = Ce(), S = Ft(ue), m = Jt(k), me = Ot(), se = At(n), [x, D] = H(!n), w = h(null);
+  Tt(t, () => m, [m]), Z && !se && n && (w.current = ye(C == null ? void 0 : C.document)), n && x && D(!1);
+  const O = A(() => {
+    if (m.add(), F.current = Se(document, "keydown", pe), Y.current = Se(
+      document,
+      "focus",
+      // the timeout is necessary b/c this will run before the new modal is mounted
+      // and so steals focus from it
+      () => setTimeout(ge),
+      !0
+    ), ee && ee(), B) {
+      var i, le;
+      const J = ye((i = (le = m.dialog) == null ? void 0 : le.ownerDocument) != null ? i : C == null ? void 0 : C.document);
+      m.dialog && J && !We(m.dialog, J) && (w.current = J, m.dialog.focus());
+    }
+  }), q = A(() => {
+    if (m.remove(), F.current == null || F.current(), Y.current == null || Y.current(), N) {
+      var i;
+      (i = w.current) == null || i.focus == null || i.focus(z), w.current = null;
+    }
+  });
+  R(() => {
+    !n || !S || O();
+  }, [
+    n,
+    S,
+    /* should never change: */
+    O
+  ]), R(() => {
+    x && q();
+  }, [x, q]), xt(() => {
+    q();
+  });
+  const ge = A(() => {
+    if (!G || !me() || !m.isTopModal())
+      return;
+    const i = ye(C == null ? void 0 : C.document);
+    m.dialog && i && !We(m.dialog, i) && m.dialog.focus();
+  }), ae = A((i) => {
+    i.target === i.currentTarget && (c == null || c(i), f === !0 && V());
+  }), pe = A((i) => {
+    d && lt(i) && m.isTopModal() && (g == null || g(i), i.defaultPrevented || V());
+  }), Y = h(), F = h(), ie = (...i) => {
+    D(!0), X == null || X(...i);
+  };
+  if (!S)
+    return null;
+  const I = Object.assign({
+    role: o,
+    ref: m.setDialogRef,
+    // apparently only works on the dialog role element
+    "aria-modal": o === "dialog" ? !0 : void 0
+  }, he, {
+    style: s,
+    className: r,
+    tabIndex: -1
+  });
+  let P = L ? L(I) : /* @__PURE__ */ l("div", Object.assign({}, I, {
+    children: /* @__PURE__ */ E.cloneElement(u, {
+      role: "document"
+    })
+  }));
+  P = He(T, p, {
+    unmountOnExit: !0,
+    mountOnEnter: !0,
+    appear: !0,
+    in: !!n,
+    onExit: fe,
+    onExiting: te,
+    onExited: ie,
+    onEnter: ne,
+    onEntering: oe,
+    onEntered: re,
+    children: P
+  });
+  let W = null;
+  return f && (W = M({
+    ref: m.setBackdropRef,
+    onClick: ae
+  }), W = He(b, K, {
+    in: !!n,
+    appear: !0,
+    mountOnEnter: !0,
+    unmountOnExit: !0,
+    children: W
+  })), /* @__PURE__ */ l(Fe, {
+    children: /* @__PURE__ */ wt.createPortal(/* @__PURE__ */ ze(Fe, {
+      children: [W, P]
+    }), S)
+  });
+});
+Xe.displayName = "Modal";
+const Qt = Object.assign(Xe, {
+  Manager: Me
+});
+function Zt(e, t) {
+  return e.classList ? e.classList.contains(t) : (" " + (e.className.baseVal || e.className) + " ").indexOf(" " + t + " ") !== -1;
+}
+function en(e, t) {
+  e.classList ? e.classList.add(t) : Zt(e, t) || (typeof e.className == "string" ? e.className = e.className + " " + t : e.setAttribute("class", (e.className && e.className.baseVal || "") + " " + t));
+}
+var tn = Function.prototype.bind.call(Function.prototype.call, [].slice);
+function j(e, t) {
+  return tn(e.querySelectorAll(t));
+}
+function Ue(e, t) {
+  return e.replace(new RegExp("(^|\\s)" + t + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+}
+function nn(e, t) {
+  e.classList ? e.classList.remove(t) : typeof e.className == "string" ? e.className = Ue(e.className, t) : e.setAttribute("class", Ue(e.className && e.className.baseVal || "", t));
+}
+const _ = {
+  FIXED_CONTENT: ".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",
+  STICKY_CONTENT: ".sticky-top",
+  NAVBAR_TOGGLER: ".navbar-toggler"
+};
+class on extends Me {
+  adjustAndStore(t, n, o) {
+    const r = n.style[t];
+    n.dataset[t] = r, Q(n, {
+      [t]: `${parseFloat(Q(n, t)) + o}px`
+    });
+  }
+  restore(t, n) {
+    const o = n.dataset[t];
+    o !== void 0 && (delete n.dataset[t], Q(n, {
+      [t]: o
+    }));
+  }
+  setContainerStyle(t) {
+    super.setContainerStyle(t);
+    const n = this.getElement();
+    if (en(n, "modal-open"), !t.scrollBarWidth) return;
+    const o = this.isRTL ? "paddingLeft" : "paddingRight", r = this.isRTL ? "marginLeft" : "marginRight";
+    j(n, _.FIXED_CONTENT).forEach((s) => this.adjustAndStore(o, s, t.scrollBarWidth)), j(n, _.STICKY_CONTENT).forEach((s) => this.adjustAndStore(r, s, -t.scrollBarWidth)), j(n, _.NAVBAR_TOGGLER).forEach((s) => this.adjustAndStore(r, s, t.scrollBarWidth));
+  }
+  removeContainerStyle(t) {
+    super.removeContainerStyle(t);
+    const n = this.getElement();
+    nn(n, "modal-open");
+    const o = this.isRTL ? "paddingLeft" : "paddingRight", r = this.isRTL ? "marginLeft" : "marginRight";
+    j(n, _.FIXED_CONTENT).forEach((s) => this.restore(o, s)), j(n, _.STICKY_CONTENT).forEach((s) => this.restore(r, s)), j(n, _.NAVBAR_TOGGLER).forEach((s) => this.restore(r, s));
+  }
+}
+let Te;
+function rn(e) {
+  return Te || (Te = new on(e)), Te;
+}
+const sn = {
+  [ht]: "show",
+  [ft]: "show"
+}, ke = /* @__PURE__ */ E.forwardRef(({
+  className: e,
+  children: t,
+  transitionClasses: n = {},
+  onEnter: o,
+  ...r
+}, s) => {
+  const u = {
+    in: !1,
+    timeout: 300,
+    mountOnEnter: !1,
+    unmountOnExit: !1,
+    appear: !1,
+    ...r
+  }, f = y((d, c) => {
+    ct(d), o == null || o(d, c);
+  }, [o]);
+  return /* @__PURE__ */ l(dt, {
+    ref: s,
+    addEndListener: ut,
+    ...u,
+    onEnter: f,
+    childRef: de(t),
+    children: (d, c) => /* @__PURE__ */ E.cloneElement(t, {
+      ...c,
+      className: v("fade", e, t.props.className, sn[d], n[d])
+    })
+  });
+});
+ke.displayName = "Fade";
+const qe = /* @__PURE__ */ E.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: n = "div",
+  ...o
+}, r) => (t = U(t, "modal-body"), /* @__PURE__ */ l(n, {
+  ref: r,
+  className: v(e, t),
+  ...o
+})));
+qe.displayName = "ModalBody";
+const Ye = /* @__PURE__ */ E.createContext({
+  onHide() {
+  }
+}), xe = /* @__PURE__ */ E.forwardRef(({
+  bsPrefix: e,
+  className: t,
+  contentClassName: n,
+  centered: o,
+  size: r,
+  fullscreen: s,
+  children: u,
+  scrollable: f,
+  ...d
+}, c) => {
+  e = U(e, "modal");
+  const g = `${e}-dialog`, T = typeof s == "string" ? `${e}-fullscreen-${s}` : `${e}-fullscreen`;
+  return /* @__PURE__ */ l("div", {
+    ...d,
+    ref: c,
+    className: v(g, t, r && `${e}-${r}`, o && `${g}-centered`, f && `${g}-scrollable`, s && T),
+    children: /* @__PURE__ */ l("div", {
+      className: v(`${e}-content`, n),
+      children: u
+    })
+  });
+});
+xe.displayName = "ModalDialog";
+const Pe = /* @__PURE__ */ E.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: n = "div",
+  ...o
+}, r) => (t = U(t, "modal-footer"), /* @__PURE__ */ l(n, {
+  ref: r,
+  className: v(e, t),
+  ...o
+})));
+Pe.displayName = "ModalFooter";
+const an = {
+  /** An accessible label indicating the relevant information about the Close Button. */
+  "aria-label": Ee.string,
+  /** A callback fired after the Close Button is clicked. */
+  onClick: Ee.func,
+  /**
+   * Render different color variant for the button.
+   *
+   * Omitting this will render the default dark color.
+   */
+  variant: Ee.oneOf(["white"])
+}, Ae = /* @__PURE__ */ E.forwardRef(({
+  className: e,
+  variant: t,
+  "aria-label": n = "Close",
+  ...o
+}, r) => /* @__PURE__ */ l("button", {
+  ref: r,
+  type: "button",
+  className: v("btn-close", t && `btn-close-${t}`, e),
+  "aria-label": n,
+  ...o
+}));
+Ae.displayName = "CloseButton";
+Ae.propTypes = an;
+const Je = /* @__PURE__ */ E.forwardRef(({
+  closeLabel: e = "Close",
+  closeVariant: t,
+  closeButton: n = !1,
+  onHide: o,
+  children: r,
+  ...s
+}, u) => {
+  const f = Ke(Ye), d = we(() => {
+    f == null || f.onHide(), o == null || o();
+  });
+  return /* @__PURE__ */ ze("div", {
+    ref: u,
+    ...s,
+    children: [r, n && /* @__PURE__ */ l(Ae, {
+      "aria-label": e,
+      variant: t,
+      onClick: d
+    })]
+  });
+});
+Je.displayName = "AbstractModalHeader";
+const Qe = /* @__PURE__ */ E.forwardRef(({
+  bsPrefix: e,
+  className: t,
+  closeLabel: n = "Close",
+  closeButton: o = !1,
+  ...r
+}, s) => (e = U(e, "modal-header"), /* @__PURE__ */ l(Je, {
+  ref: s,
+  ...r,
+  className: v(t, e),
+  closeLabel: n,
+  closeButton: o
+})));
+Qe.displayName = "ModalHeader";
+const ln = (e) => (
+  // eslint-disable-next-line react/display-name
+  /* @__PURE__ */ E.forwardRef((t, n) => /* @__PURE__ */ l("div", {
+    ...t,
+    ref: n,
+    className: v(t.className, e)
+  }))
+), cn = ln("h4"), Ze = /* @__PURE__ */ E.forwardRef(({
+  className: e,
+  bsPrefix: t,
+  as: n = cn,
+  ...o
+}, r) => (t = U(t, "modal-title"), /* @__PURE__ */ l(n, {
+  ref: r,
+  className: v(e, t),
+  ...o
+})));
+Ze.displayName = "ModalTitle";
+function dn(e) {
+  return /* @__PURE__ */ l(ke, {
+    ...e,
+    timeout: null
+  });
+}
+function un(e) {
+  return /* @__PURE__ */ l(ke, {
+    ...e,
+    timeout: null
+  });
+}
+const et = /* @__PURE__ */ E.forwardRef(({
+  bsPrefix: e,
+  className: t,
+  style: n,
+  dialogClassName: o,
+  contentClassName: r,
+  children: s,
+  dialogAs: u = xe,
+  "data-bs-theme": f,
+  "aria-labelledby": d,
+  "aria-describedby": c,
+  "aria-label": g,
+  /* BaseModal props */
+  show: T = !1,
+  animation: p = !0,
+  backdrop: b = !0,
+  keyboard: K = !0,
+  onEscapeKeyDown: B,
+  onShow: G,
+  onHide: N,
+  container: z,
+  autoFocus: L = !0,
+  enforceFocus: M = !0,
+  restoreFocus: k = !0,
+  restoreFocusOptions: ue,
+  onEntered: ee,
+  onExit: V,
+  onExiting: fe,
+  onEnter: X,
+  onEntering: te,
+  onExited: ne,
+  backdropClassName: oe,
+  manager: re,
+  ...he
+}, C) => {
+  const [S, m] = H({}), [me, se] = H(!1), x = h(!1), D = h(!1), w = h(null), [O, q] = bt(), ge = mt(C, q), ae = we(N), pe = gt();
+  e = U(e, "modal");
+  const Y = Ge(() => ({
+    onHide: ae
+  }), [ae]);
+  function F() {
+    return re || rn({
+      isRTL: pe
+    });
+  }
+  function ie(a) {
+    if (!Z) return;
+    const $ = F().getScrollbarWidth() > 0, Le = a.scrollHeight > be(a).documentElement.clientHeight;
+    m({
+      paddingRight: $ && !Le ? Ie() : void 0,
+      paddingLeft: !$ && Le ? Ie() : void 0
+    });
+  }
+  const I = we(() => {
+    O && ie(O.dialog);
+  });
+  Ct(() => {
+    De(window, "resize", I), w.current == null || w.current();
+  });
+  const P = () => {
+    x.current = !0;
+  }, W = (a) => {
+    x.current && O && a.target === O.dialog && (D.current = !0), x.current = !1;
+  }, i = () => {
+    se(!0), w.current = Et(O.dialog, () => {
+      se(!1);
+    });
+  }, le = (a) => {
+    a.target === a.currentTarget && i();
+  }, J = (a) => {
+    if (b === "static") {
+      le(a);
+      return;
+    }
+    if (D.current || a.target !== a.currentTarget) {
+      D.current = !1;
+      return;
+    }
+    N == null || N();
+  }, tt = (a) => {
+    K ? B == null || B(a) : (a.preventDefault(), b === "static" && i());
+  }, nt = (a, $) => {
+    a && ie(a), X == null || X(a, $);
+  }, ot = (a) => {
+    w.current == null || w.current(), V == null || V(a);
+  }, rt = (a, $) => {
+    te == null || te(a, $), pt(window, "resize", I);
+  }, st = (a) => {
+    a && (a.style.display = ""), ne == null || ne(a), De(window, "resize", I);
+  }, at = y((a) => /* @__PURE__ */ l("div", {
+    ...a,
+    className: v(`${e}-backdrop`, oe, !p && "show")
+  }), [p, oe, e]), Be = {
+    ...n,
+    ...S
+  };
+  Be.display = "block";
+  const it = (a) => /* @__PURE__ */ l("div", {
+    role: "dialog",
+    ...a,
+    style: Be,
+    className: v(t, e, me && `${e}-static`, !p && "show"),
+    onClick: b ? J : void 0,
+    onMouseUp: W,
+    "data-bs-theme": f,
+    "aria-label": g,
+    "aria-labelledby": d,
+    "aria-describedby": c,
+    children: /* @__PURE__ */ l(u, {
+      ...he,
+      onMouseDown: P,
+      className: o,
+      contentClassName: r,
+      children: s
+    })
+  });
+  return /* @__PURE__ */ l(Ye.Provider, {
+    value: Y,
+    children: /* @__PURE__ */ l(Qt, {
+      show: T,
+      ref: ge,
+      backdrop: b,
+      container: z,
+      keyboard: !0,
+      autoFocus: L,
+      enforceFocus: M,
+      restoreFocus: k,
+      restoreFocusOptions: ue,
+      onEscapeKeyDown: tt,
+      onShow: G,
+      onHide: N,
+      onEnter: nt,
+      onEntering: rt,
+      onEntered: ee,
+      onExit: ot,
+      onExiting: fe,
+      onExited: st,
+      manager: F(),
+      transition: p ? dn : void 0,
+      backdropTransition: p ? un : void 0,
+      renderBackdrop: at,
+      renderDialog: it
+    })
+  });
+});
+et.displayName = "Modal";
+const pn = Object.assign(et, {
+  Body: qe,
+  Header: Qe,
+  Title: Ze,
+  Footer: Pe,
+  Dialog: xe,
+  TRANSITION_DURATION: 300,
+  BACKDROP_TRANSITION_DURATION: 150
+});
+export {
+  Je as A,
+  Qt as B,
+  ke as F,
+  pn as M,
+  Ye as a,
+  on as b,
+  ln as d,
+  rn as g,
+  we as u
+};