@colabcommerce/elements 0.0.1

package/dist/index-Ot1CirR6.js

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