@colabcommerce/elements 0.0.1 → 0.0.2

package/dist/index-Ot1CirR6.js

@@ -1,932 +0,0 @@
-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
-};