@forgedevstack/bear 1.2.8 → 1.3.0

package/dist/components/Modal/Modal.js

@@ -1,59 +1,62 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useCallback as D, useEffect as I } from "react";
-import { createPortal as w } from "react-dom";
+import { useCallback as I, useEffect as w } from "react";
+import { createPortal as x } from "react-dom";
 import { cn as o } from "../../utils/cn.js";
-import { resolveBearId as x } from "../../utils/generateBearId.utils.js";
-import { useBearId as T } from "../../utils/useBearId.js";
+import { resolveBearId as T } from "../../utils/generateBearId.utils.js";
+import { useBearId as R } from "../../utils/useBearId.js";
 import { CloseIcon as g } from "../Icon/icons/navigation.js";
-import { Backdrop as j } from "../Backdrop/Backdrop.js";
-import { MODAL_TITLE_CLASSES as R, MODAL_CLOSE_CLASSES as z, MODAL_HEADER_CLASSES as P, MODAL_BODY_CLASSES as $, MODAL_FOOTER_CLASSES as F, MODAL_SIZE_CLASSES as H, MODAL_CONTAINER_CLASSES as K } from "./Modal.const.js";
-const X = (u) => {
+import { Backdrop as z } from "../Backdrop/Backdrop.js";
+import { MODAL_Z_INDEX as P, MODAL_ROOT_CLASSES as Z, MODAL_PANEL_Z_INDEX as j, MODAL_TITLE_CLASSES as X, MODAL_CLOSE_CLASSES as $, MODAL_HEADER_CLASSES as F, MODAL_BODY_CLASSES as H, MODAL_FOOTER_CLASSES as K, MODAL_SIZE_CLASSES as Y, MODAL_CONTAINER_CLASSES as q } from "./Modal.const.js";
+const le = (u) => {
   const {
     isOpen: a,
-    onClose: r,
-    title: l,
-    children: S,
-    size: p = "md",
+    onClose: l,
+    title: r,
+    children: E,
+    size: L = "md",
     showCloseButton: c = !0,
-    closeOnEscape: b = !0,
-    disableEscapeKeyDown: E = !1,
-    lockBodyScroll: C = !0,
-    cancelPreventScroll: B = !1,
-    closeOnBackdrop: L = !0,
-    hideBackdrop: M = !1,
+    closeOnEscape: f = !0,
+    disableEscapeKeyDown: p = !1,
+    lockBodyScroll: A = !0,
+    cancelPreventScroll: C = !1,
+    closeOnBackdrop: M = !0,
+    hideBackdrop: O = !1,
     keepMounted: n = !1,
     isCancelBackgroundClick: i,
+    zIndex: B = P,
     className: k,
     footer: m,
-    testId: A,
+    testId: b,
     id: h
-  } = u, v = T("Modal"), d = x(h, v), _ = C && !B, O = i !== void 0 ? i : L, f = b && !E, t = D(
+  } = u, v = R("Modal"), d = T(h, v), _ = A && !C, y = i !== void 0 ? i : M, S = f && !p, t = I(
     (N) => {
-      f && N.key === "Escape" && r();
+      S && N.key === "Escape" && l();
     },
-    [f, r]
+    [S, l]
   );
-  if (I(() => {
+  if (w(() => {
     if (a)
       return document.addEventListener("keydown", t), _ && (document.body.style.overflow = "hidden"), () => {
         document.removeEventListener("keydown", t), document.body.style.overflow = "";
       };
   }, [a, t, _]), !a && !n) return null;
-  const y = /* @__PURE__ */ s(
+  const D = /* @__PURE__ */ s(
     "div",
     {
-      className: "Bear-Modal bear-fixed bear-inset-0 bear-z-[11000] bear-flex bear-items-center bear-justify-center bear-p-4",
-      "data-testid": A,
+      className: Z,
+      "data-testid": b,
       id: d,
+      style: { zIndex: B },
       children: [
-        !M && /* @__PURE__ */ e(
-          j,
+        !O && /* @__PURE__ */ e(
+          z,
           {
             open: a,
             keepMounted: n,
             blur: !0,
+            nested: !0,
             className: "Bear-Modal__backdrop",
-            onClick: O ? () => r() : void 0
+            onClick: y ? () => l() : void 0
           }
         ),
         /* @__PURE__ */ s(
@@ -61,43 +64,44 @@ const X = (u) => {
           {
             role: "dialog",
             "aria-modal": "true",
-            "aria-labelledby": l ? `${d}-title` : void 0,
+            "aria-labelledby": r ? `${d}-title` : void 0,
             className: o(
               "Bear-Modal__container",
-              K,
-              H[p],
+              q,
+              Y[L],
               k
             ),
+            style: { zIndex: j },
             children: [
-              (l || c) && /* @__PURE__ */ s("div", { className: o("Bear-Modal__header", P), children: [
-                l && /* @__PURE__ */ e(
+              (r || c) && /* @__PURE__ */ s("div", { className: o("Bear-Modal__header", F), children: [
+                r && /* @__PURE__ */ e(
                   "h2",
                   {
                     id: `${d}-title`,
-                    className: o("Bear-Modal__title", R),
-                    children: l
+                    className: o("Bear-Modal__title", X),
+                    children: r
                   }
                 ),
                 c && /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: r,
-                    className: o("Bear-Modal__close", z),
+                    onClick: l,
+                    className: o("Bear-Modal__close", $),
                     "aria-label": "Close modal",
                     children: /* @__PURE__ */ e(g, { className: "bear-w-5 bear-h-5" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ e("div", { className: o("Bear-Modal__body", $), children: S }),
-              m && /* @__PURE__ */ e("div", { className: o("Bear-Modal__footer", F), children: m })
+              /* @__PURE__ */ e("div", { className: o("Bear-Modal__body", H), children: E }),
+              m && /* @__PURE__ */ e("div", { className: o("Bear-Modal__footer", K), children: m })
             ]
           }
         )
       ]
     }
   );
-  return w(y, document.body);
+  return x(D, document.body);
 };
 export {
-  X as Modal
+  le as Modal
 };

package/dist/components/Modal/Modal.types.d.ts

@@ -21,6 +21,7 @@ export interface ModalProps {
     hideBackdrop?: boolean;
     keepMounted?: boolean;
     lockBodyScroll?: boolean;
+    zIndex?: number;
     /** When true, the page behind the modal stays scrollable (same as lockBodyScroll: false) */
     cancelPreventScroll?: boolean;
     /** When provided, sets whether clicking the backdrop closes the modal (overrides closeOnBackdrop) */

package/dist/components/ModalsProvider/ModalsContext.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext(null);exports.ModalsContext=e;

package/dist/components/ModalsProvider/ModalsContext.d.ts

@@ -0,0 +1,2 @@
+import { ModalsContextValue } from './ModalsProvider.types';
+export declare const ModalsContext: import('react').Context<ModalsContextValue | null>;

package/dist/components/ModalsProvider/ModalsContext.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as ModalsContext
+};

package/dist/components/ModalsProvider/ModalsProvider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),l=require("react"),L=require("../../utils/generateBearId.utils.cjs"),Y=require("../../utils/useBearId.cjs"),b=require("./components/ModalsHost/ModalsHost.cjs"),U=require("./ModalsContext.cjs"),n=require("./ModalsProvider.const.cjs"),i=require("./ModalsProvider.utils.cjs"),w=m=>{const{children:I,translations:N,id:T,testId:g}=m,v=Y.useBearId(n.MODALS_ID_COMPONENT),R=L.resolveBearId(T,v),[O,P]=l.useState([]),[h,_]=l.useState(n.MODALS_NULL_LOADING_ID),o=l.useRef([]),u=l.useRef(new Map),M=l.useRef(null),F={...n.MODALS_DEFAULT_TRANSLATIONS,...N},a=e=>{o.current=e,P(e)},D=()=>{if(o.current.length!==n.MODALS_STACK_EMPTY)return;const e=document.activeElement;M.current=e instanceof HTMLElement?e:null},f=()=>{var e;(e=M.current)==null||e.focus(),M.current=null},E=e=>{var s,c,d,S,C;const t=o.current.find(K=>K.id===e);if(!t)return;i.isConfirmEntry(t)?((c=(s=t.options).onCancel)==null||c.call(s),(d=u.current.get(e))==null||d(n.MODALS_CONFIRM_REJECTED)):(C=(S=t.options).onClose)==null||C.call(S),u.current.delete(e);const r=i.removeStackEntry(o.current,e);a(r),r.length===n.MODALS_STACK_EMPTY&&f()},y=e=>{const t=o.current.find(s=>s.id===e);if(!t||!i.isConfirmEntry(t))return;const r=()=>{var c;(c=u.current.get(e))==null||c(n.MODALS_CONFIRM_ACCEPTED),u.current.delete(e);const s=i.removeStackEntry(o.current,e);a(s),s.length===n.MODALS_STACK_EMPTY&&f()};if(!t.options.onConfirm){r();return}_(e),Promise.resolve(t.options.onConfirm()).then(()=>{_(n.MODALS_NULL_LOADING_ID),r()}).catch(()=>{_(n.MODALS_NULL_LOADING_ID)})},B=e=>{D();const t=e.id??L.generateBearId(n.MODALS_OPEN_ID_COMPONENT);return a([...o.current,i.createModalEntry(t,e)]),t},p=e=>new Promise(t=>{D();const r=e.id??L.generateBearId(n.MODALS_CONFIRM_ID_COMPONENT);u.current.set(r,t),a([...o.current,i.createConfirmEntry(r,e)])}),q=e=>{const t=i.resolveStackTargetId(o.current,e);t&&E(t)},k=()=>{o.current.forEach(e=>{var t,r,s,c,d;i.isConfirmEntry(e)?((r=(t=e.options).onCancel)==null||r.call(t),(s=u.current.get(e.id))==null||s(n.MODALS_CONFIRM_REJECTED)):(d=(c=e.options).onClose)==null||d.call(c),u.current.delete(e.id)}),a([]),f()};l.useEffect(()=>{if(O.length===n.MODALS_STACK_EMPTY){document.body.style.overflow=n.MODALS_UNLOCK_BODY_OVERFLOW;return}return document.body.style.overflow=n.MODALS_LOCK_BODY_OVERFLOW,()=>{document.body.style.overflow=n.MODALS_UNLOCK_BODY_OVERFLOW}},[O.length]);const x={open:B,confirm:p,close:q,closeAll:k};return A.jsxs(U.ModalsContext.Provider,{value:x,children:[I,A.jsx(b.ModalsHost,{id:R,testId:g,stack:O,loadingId:h,labels:F,onDismiss:E,onConfirm:y})]})};exports.ModalsProvider=w;

package/dist/components/ModalsProvider/ModalsProvider.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-ModalsProvider",O="Bear-ModalsProvider__host",S=`${_} ${O}`,A="Bear-ModalsProvider__item",L="Bear-ModalsProvider__confirm-body",D="Bear-ModalsProvider__confirm-footer",M="end",E=3,C="body2",N="ghost",o=!0,T=!1,I=!1,R="modal",s="confirm",t="ModalsProvider",n="Modal",c="Modal",F=0,e=1,P=11e3,r=10,d="md",a=!0,l=!0,i=!0,K="danger",U=!0,B=!1,Y="hidden",u="",V={confirm:"Confirm",cancel:"Cancel"},f="useModals must be used within a ModalsProvider",m=null;exports.MODALS_ALWAYS_OPEN=o;exports.MODALS_BASE_Z_INDEX=P;exports.MODALS_CANCEL_VARIANT=N;exports.MODALS_CONFIRM_ACCEPTED=U;exports.MODALS_CONFIRM_BODY_CLASS=L;exports.MODALS_CONFIRM_FOOTER_CLASS=D;exports.MODALS_CONFIRM_ID_COMPONENT=c;exports.MODALS_CONFIRM_REJECTED=B;exports.MODALS_DEFAULT_CLOSE_ON_BACKDROP=l;exports.MODALS_DEFAULT_CLOSE_ON_ESCAPE=i;exports.MODALS_DEFAULT_CONFIRM_VARIANT=K;exports.MODALS_DEFAULT_SHOW_CLOSE=a;exports.MODALS_DEFAULT_SIZE=d;exports.MODALS_DEFAULT_TRANSLATIONS=V;exports.MODALS_DESCRIPTION_VARIANT=C;exports.MODALS_FOOTER_GAP=E;exports.MODALS_FOOTER_JUSTIFY=M;exports.MODALS_HOST_CLASS=O;exports.MODALS_HOST_CLASSNAME=S;exports.MODALS_ID_COMPONENT=t;exports.MODALS_KIND_CONFIRM=s;exports.MODALS_KIND_MODAL=R;exports.MODALS_LOCK_BODY_OVERFLOW=Y;exports.MODALS_MISSING_PROVIDER_ERROR=f;exports.MODALS_NESTED_LOCK_BODY_SCROLL=T;exports.MODALS_NULL_LOADING_ID=m;exports.MODALS_OPEN_ID_COMPONENT=n;exports.MODALS_ROOT_CLASS=_;exports.MODALS_STACKED_LAYER_CAN_CLOSE=I;exports.MODALS_STACK_EMPTY=F;exports.MODALS_STACK_ITEM_CLASS=A;exports.MODALS_TOP_OFFSET=e;exports.MODALS_UNLOCK_BODY_OVERFLOW=u;exports.MODALS_Z_INDEX_STEP=r;

package/dist/components/ModalsProvider/ModalsProvider.const.d.ts

@@ -0,0 +1,39 @@
+import { BearVariant } from '../../types';
+import { FlexGap, FlexJustify } from '../Flex/Flex.types';
+import { ModalSize } from '../Modal/Modal.types';
+import { TypographyVariant } from '../Typography/Typography.types';
+import { ModalsTranslations } from './ModalsProvider.types';
+export declare const MODALS_ROOT_CLASS = "Bear-ModalsProvider";
+export declare const MODALS_HOST_CLASS = "Bear-ModalsProvider__host";
+export declare const MODALS_HOST_CLASSNAME = "Bear-ModalsProvider Bear-ModalsProvider__host";
+export declare const MODALS_STACK_ITEM_CLASS = "Bear-ModalsProvider__item";
+export declare const MODALS_CONFIRM_BODY_CLASS = "Bear-ModalsProvider__confirm-body";
+export declare const MODALS_CONFIRM_FOOTER_CLASS = "Bear-ModalsProvider__confirm-footer";
+export declare const MODALS_FOOTER_JUSTIFY: FlexJustify;
+export declare const MODALS_FOOTER_GAP: FlexGap;
+export declare const MODALS_DESCRIPTION_VARIANT: TypographyVariant;
+export declare const MODALS_CANCEL_VARIANT: BearVariant;
+export declare const MODALS_ALWAYS_OPEN = true;
+export declare const MODALS_NESTED_LOCK_BODY_SCROLL = false;
+export declare const MODALS_STACKED_LAYER_CAN_CLOSE = false;
+export declare const MODALS_KIND_MODAL: "modal";
+export declare const MODALS_KIND_CONFIRM: "confirm";
+export declare const MODALS_ID_COMPONENT = "ModalsProvider";
+export declare const MODALS_OPEN_ID_COMPONENT = "Modal";
+export declare const MODALS_CONFIRM_ID_COMPONENT = "Modal";
+export declare const MODALS_STACK_EMPTY = 0;
+export declare const MODALS_TOP_OFFSET = 1;
+export declare const MODALS_BASE_Z_INDEX = 11000;
+export declare const MODALS_Z_INDEX_STEP = 10;
+export declare const MODALS_DEFAULT_SIZE: ModalSize;
+export declare const MODALS_DEFAULT_SHOW_CLOSE = true;
+export declare const MODALS_DEFAULT_CLOSE_ON_BACKDROP = true;
+export declare const MODALS_DEFAULT_CLOSE_ON_ESCAPE = true;
+export declare const MODALS_DEFAULT_CONFIRM_VARIANT: BearVariant;
+export declare const MODALS_CONFIRM_ACCEPTED = true;
+export declare const MODALS_CONFIRM_REJECTED = false;
+export declare const MODALS_LOCK_BODY_OVERFLOW = "hidden";
+export declare const MODALS_UNLOCK_BODY_OVERFLOW = "";
+export declare const MODALS_DEFAULT_TRANSLATIONS: ModalsTranslations;
+export declare const MODALS_MISSING_PROVIDER_ERROR = "useModals must be used within a ModalsProvider";
+export declare const MODALS_NULL_LOADING_ID: null;

package/dist/components/ModalsProvider/ModalsProvider.const.js

@@ -0,0 +1,40 @@
+const _ = "Bear-ModalsProvider", O = "Bear-ModalsProvider__host", A = `${_} ${O}`, S = "Bear-ModalsProvider__item", L = "Bear-ModalsProvider__confirm-body", o = "Bear-ModalsProvider__confirm-footer", D = "end", M = 3, s = "body2", n = "ghost", t = !0, E = !1, c = !1, C = "modal", N = "confirm", T = "ModalsProvider", e = "Modal", r = "Modal", I = 0, R = 1, d = 11e3, a = 10, F = "md", P = !0, l = !0, i = !0, B = "danger", f = !0, m = !1, u = "hidden", K = "", U = {
+  confirm: "Confirm",
+  cancel: "Cancel"
+}, Y = "useModals must be used within a ModalsProvider", v = null;
+export {
+  t as MODALS_ALWAYS_OPEN,
+  d as MODALS_BASE_Z_INDEX,
+  n as MODALS_CANCEL_VARIANT,
+  f as MODALS_CONFIRM_ACCEPTED,
+  L as MODALS_CONFIRM_BODY_CLASS,
+  o as MODALS_CONFIRM_FOOTER_CLASS,
+  r as MODALS_CONFIRM_ID_COMPONENT,
+  m as MODALS_CONFIRM_REJECTED,
+  l as MODALS_DEFAULT_CLOSE_ON_BACKDROP,
+  i as MODALS_DEFAULT_CLOSE_ON_ESCAPE,
+  B as MODALS_DEFAULT_CONFIRM_VARIANT,
+  P as MODALS_DEFAULT_SHOW_CLOSE,
+  F as MODALS_DEFAULT_SIZE,
+  U as MODALS_DEFAULT_TRANSLATIONS,
+  s as MODALS_DESCRIPTION_VARIANT,
+  M as MODALS_FOOTER_GAP,
+  D as MODALS_FOOTER_JUSTIFY,
+  O as MODALS_HOST_CLASS,
+  A as MODALS_HOST_CLASSNAME,
+  T as MODALS_ID_COMPONENT,
+  N as MODALS_KIND_CONFIRM,
+  C as MODALS_KIND_MODAL,
+  u as MODALS_LOCK_BODY_OVERFLOW,
+  Y as MODALS_MISSING_PROVIDER_ERROR,
+  E as MODALS_NESTED_LOCK_BODY_SCROLL,
+  v as MODALS_NULL_LOADING_ID,
+  e as MODALS_OPEN_ID_COMPONENT,
+  _ as MODALS_ROOT_CLASS,
+  c as MODALS_STACKED_LAYER_CAN_CLOSE,
+  I as MODALS_STACK_EMPTY,
+  S as MODALS_STACK_ITEM_CLASS,
+  R as MODALS_TOP_OFFSET,
+  K as MODALS_UNLOCK_BODY_OVERFLOW,
+  a as MODALS_Z_INDEX_STEP
+};

package/dist/components/ModalsProvider/ModalsProvider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ModalsProviderProps } from './ModalsProvider.types';
+export declare const ModalsProvider: FC<ModalsProviderProps>;

package/dist/components/ModalsProvider/ModalsProvider.js

@@ -0,0 +1,97 @@
+import { jsxs as j, jsx as H } from "react/jsx-runtime";
+import { useState as S, useRef as O, useEffect as W } from "react";
+import { generateBearId as A, resolveBearId as G } from "../../utils/generateBearId.utils.js";
+import { useBearId as J } from "../../utils/useBearId.js";
+import { ModalsHost as q } from "./components/ModalsHost/ModalsHost.js";
+import { ModalsContext as z } from "./ModalsContext.js";
+import { MODALS_ID_COMPONENT as Q, MODALS_NULL_LOADING_ID as _, MODALS_STACK_EMPTY as u, MODALS_UNLOCK_BODY_OVERFLOW as p, MODALS_LOCK_BODY_OVERFLOW as X, MODALS_DEFAULT_TRANSLATIONS as Z, MODALS_CONFIRM_REJECTED as N, MODALS_CONFIRM_ID_COMPONENT as $, MODALS_OPEN_ID_COMPONENT as tt, MODALS_CONFIRM_ACCEPTED as et } from "./ModalsProvider.const.js";
+import { isConfirmEntry as M, resolveStackTargetId as ot, createConfirmEntry as nt, createModalEntry as rt, removeStackEntry as g } from "./ModalsProvider.utils.js";
+const mt = (I) => {
+  const { children: v, translations: T, id: h, testId: R } = I, P = J(Q), F = G(h, P), [f, k] = S([]), [x, d] = S(_), n = O([]), c = O(/* @__PURE__ */ new Map()), a = O(null), w = { ...Z, ...T }, i = (t) => {
+    n.current = t, k(t);
+  }, C = () => {
+    if (n.current.length !== u)
+      return;
+    const t = document.activeElement;
+    a.current = t instanceof HTMLElement ? t : null;
+  }, m = () => {
+    var t;
+    (t = a.current) == null || t.focus(), a.current = null;
+  }, E = (t) => {
+    var r, s, l, D, L;
+    const e = n.current.find((Y) => Y.id === t);
+    if (!e)
+      return;
+    M(e) ? ((s = (r = e.options).onCancel) == null || s.call(r), (l = c.current.get(t)) == null || l(N)) : (L = (D = e.options).onClose) == null || L.call(D), c.current.delete(t);
+    const o = g(n.current, t);
+    i(o), o.length === u && m();
+  }, B = (t) => {
+    const e = n.current.find((r) => r.id === t);
+    if (!e || !M(e))
+      return;
+    const o = () => {
+      var s;
+      (s = c.current.get(t)) == null || s(et), c.current.delete(t);
+      const r = g(n.current, t);
+      i(r), r.length === u && m();
+    };
+    if (!e.options.onConfirm) {
+      o();
+      return;
+    }
+    d(t), Promise.resolve(e.options.onConfirm()).then(() => {
+      d(_), o();
+    }).catch(() => {
+      d(_);
+    });
+  }, b = (t) => {
+    C();
+    const e = t.id ?? A(tt);
+    return i([...n.current, rt(e, t)]), e;
+  }, y = (t) => new Promise((e) => {
+    C();
+    const o = t.id ?? A($);
+    c.current.set(o, e), i([...n.current, nt(o, t)]);
+  }), K = (t) => {
+    const e = ot(n.current, t);
+    e && E(e);
+  }, U = () => {
+    n.current.forEach((t) => {
+      var e, o, r, s, l;
+      M(t) ? ((o = (e = t.options).onCancel) == null || o.call(e), (r = c.current.get(t.id)) == null || r(N)) : (l = (s = t.options).onClose) == null || l.call(s), c.current.delete(t.id);
+    }), i([]), m();
+  };
+  W(() => {
+    if (f.length === u) {
+      document.body.style.overflow = p;
+      return;
+    }
+    return document.body.style.overflow = X, () => {
+      document.body.style.overflow = p;
+    };
+  }, [f.length]);
+  const V = {
+    open: b,
+    confirm: y,
+    close: K,
+    closeAll: U
+  };
+  return /* @__PURE__ */ j(z.Provider, { value: V, children: [
+    v,
+    /* @__PURE__ */ H(
+      q,
+      {
+        id: F,
+        testId: R,
+        stack: f,
+        loadingId: x,
+        labels: w,
+        onDismiss: E,
+        onConfirm: B
+      }
+    )
+  ] });
+};
+export {
+  mt as ModalsProvider
+};

package/dist/components/ModalsProvider/ModalsProvider.types.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from 'react';
+import { BearVariant } from '../../types';
+import { ModalSize } from '../Modal/Modal.types';
+export interface ModalsTranslations {
+    confirm: string;
+    cancel: string;
+}
+export interface OpenModalOptions {
+    id?: string;
+    title?: string;
+    children: ReactNode;
+    size?: ModalSize;
+    footer?: ReactNode;
+    showCloseButton?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    onClose?: () => void;
+    className?: string;
+    testId?: string;
+}
+export interface ConfirmModalOptions {
+    id?: string;
+    title: string;
+    description?: ReactNode;
+    confirmText?: string;
+    cancelText?: string;
+    confirmVariant?: BearVariant;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    className?: string;
+    testId?: string;
+}
+export interface ModalsContextValue {
+    open: (options: OpenModalOptions) => string;
+    confirm: (options: ConfirmModalOptions) => Promise<boolean>;
+    close: (id?: string) => void;
+    closeAll: () => void;
+}
+export interface ModalsProviderProps {
+    children: ReactNode;
+    translations?: Partial<ModalsTranslations>;
+    id?: string;
+    testId?: string;
+}
+export interface ModalStackModalEntry {
+    kind: 'modal';
+    id: string;
+    options: OpenModalOptions;
+}
+export interface ModalStackConfirmEntry {
+    kind: 'confirm';
+    id: string;
+    options: ConfirmModalOptions;
+}
+export type ModalStackEntry = ModalStackModalEntry | ModalStackConfirmEntry;
+export interface ModalsHostProps {
+    stack: ModalStackEntry[];
+    loadingId: string | null;
+    labels: ModalsTranslations;
+    onDismiss: (id: string) => void;
+    onConfirm: (id: string) => void;
+    id?: string;
+    testId?: string;
+}
+export interface StackedModalProps {
+    entry: ModalStackEntry;
+    index: number;
+    isTop: boolean;
+    loading: boolean;
+    labels: ModalsTranslations;
+    onDismiss: (id: string) => void;
+    onConfirm: (id: string) => void;
+}

package/dist/components/ModalsProvider/ModalsProvider.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ModalsProvider.const.cjs"),o=(e,t)=>({kind:r.MODALS_KIND_MODAL,id:e,options:t}),S=(e,t)=>({kind:r.MODALS_KIND_CONFIRM,id:e,options:t}),c=e=>e.kind===r.MODALS_KIND_CONFIRM,i=(e,t)=>{if(t)return t;if(e.length!==r.MODALS_STACK_EMPTY)return e[e.length-r.MODALS_TOP_OFFSET].id},d=(e,t)=>e.filter(n=>n.id!==t),_=e=>r.MODALS_BASE_Z_INDEX+e*r.MODALS_Z_INDEX_STEP,s=(e,t)=>e===t-r.MODALS_TOP_OFFSET;exports.createConfirmEntry=S;exports.createModalEntry=o;exports.isConfirmEntry=c;exports.isTopStackIndex=s;exports.removeStackEntry=d;exports.resolveStackTargetId=i;exports.resolveStackedZIndex=_;

package/dist/components/ModalsProvider/ModalsProvider.utils.d.ts

@@ -0,0 +1,8 @@
+import { ConfirmModalOptions, ModalStackConfirmEntry, ModalStackEntry, ModalStackModalEntry, OpenModalOptions } from './ModalsProvider.types';
+export declare const createModalEntry: (id: string, options: OpenModalOptions) => ModalStackModalEntry;
+export declare const createConfirmEntry: (id: string, options: ConfirmModalOptions) => ModalStackConfirmEntry;
+export declare const isConfirmEntry: (entry: ModalStackEntry) => entry is ModalStackConfirmEntry;
+export declare const resolveStackTargetId: (stack: ModalStackEntry[], id?: string) => string | undefined;
+export declare const removeStackEntry: (stack: ModalStackEntry[], id: string) => ModalStackEntry[];
+export declare const resolveStackedZIndex: (index: number) => number;
+export declare const isTopStackIndex: (index: number, stackLength: number) => boolean;

package/dist/components/ModalsProvider/ModalsProvider.utils.js

@@ -0,0 +1,24 @@
+import { MODALS_KIND_CONFIRM as r, MODALS_STACK_EMPTY as S, MODALS_TOP_OFFSET as e, MODALS_KIND_MODAL as _, MODALS_BASE_Z_INDEX as i, MODALS_Z_INDEX_STEP as c } from "./ModalsProvider.const.js";
+const d = (t, n) => ({
+  kind: _,
+  id: t,
+  options: n
+}), E = (t, n) => ({
+  kind: r,
+  id: t,
+  options: n
+}), M = (t) => t.kind === r, O = (t, n) => {
+  if (n)
+    return n;
+  if (t.length !== S)
+    return t[t.length - e].id;
+}, s = (t, n) => t.filter((o) => o.id !== n), A = (t) => i + t * c, I = (t, n) => t === n - e;
+export {
+  E as createConfirmEntry,
+  d as createModalEntry,
+  M as isConfirmEntry,
+  I as isTopStackIndex,
+  s as removeStackEntry,
+  O as resolveStackTargetId,
+  A as resolveStackedZIndex
+};

package/dist/components/ModalsProvider/components/ModalsHost/ModalsHost.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("../../../Box/Box.cjs"),M=require("../../ModalsProvider.const.cjs"),S=require("../../ModalsProvider.utils.cjs"),m=require("../StackedModal/StackedModal.cjs"),g=i=>{const{stack:s,loadingId:d,labels:a,onDismiss:r,onConfirm:l,id:n,testId:c}=i;return t.jsx(u.Box,{className:M.MODALS_HOST_CLASSNAME,id:n,"data-testid":c,children:s.map((o,e)=>t.jsx(m.StackedModal,{entry:o,index:e,isTop:S.isTopStackIndex(e,s.length),loading:d===o.id,labels:a,onDismiss:r,onConfirm:l},o.id))})};exports.ModalsHost=g;

package/dist/components/ModalsProvider/components/ModalsHost/ModalsHost.d.ts

@@ -0,0 +1,2 @@
+import { ModalsHostProps } from '../../ModalsProvider.types';
+export declare const ModalsHost: (props: ModalsHostProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ModalsProvider/components/ModalsHost/ModalsHost.js

@@ -0,0 +1,24 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Box as c } from "../../../Box/Box.js";
+import { MODALS_HOST_CLASSNAME as e } from "../../ModalsProvider.const.js";
+import { isTopStackIndex as f } from "../../ModalsProvider.utils.js";
+import { StackedModal as S } from "../StackedModal/StackedModal.js";
+const I = (m) => {
+  const { stack: t, loadingId: a, labels: d, onDismiss: r, onConfirm: l, id: p, testId: n } = m;
+  return /* @__PURE__ */ s(c, { className: e, id: p, "data-testid": n, children: t.map((o, i) => /* @__PURE__ */ s(
+    S,
+    {
+      entry: o,
+      index: i,
+      isTop: f(i, t.length),
+      loading: a === o.id,
+      labels: d,
+      onDismiss: r,
+      onConfirm: l
+    },
+    o.id
+  )) });
+};
+export {
+  I as ModalsHost
+};

package/dist/components/ModalsProvider/components/ModalsHost/index.d.ts

@@ -0,0 +1 @@
+export { ModalsHost } from './ModalsHost';

package/dist/components/ModalsProvider/components/StackedModal/StackedModal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),C=require("../../../Box/Box.cjs"),S=require("../../../Button/Button.cjs"),p=require("../../../Flex/Flex.cjs"),a=require("../../../Modal/Modal.cjs"),M=require("../../../Typography/Typography.cjs"),e=require("../../ModalsProvider.const.cjs"),t=require("../../ModalsProvider.utils.cjs"),T=A=>{const{entry:o,index:i,isTop:c,loading:r,labels:l,onDismiss:n,onConfirm:d}=A,_=c?o.options.closeOnBackdrop??e.MODALS_DEFAULT_CLOSE_ON_BACKDROP:e.MODALS_STACKED_LAYER_CAN_CLOSE,O=c?o.options.closeOnEscape??e.MODALS_DEFAULT_CLOSE_ON_ESCAPE:e.MODALS_STACKED_LAYER_CAN_CLOSE;if(t.isConfirmEntry(o)){const L=o.options.confirmText??l.confirm,D=o.options.cancelText??l.cancel,E=o.options.confirmVariant??e.MODALS_DEFAULT_CONFIRM_VARIANT;return s.jsx(a.Modal,{isOpen:e.MODALS_ALWAYS_OPEN,id:o.id,testId:o.options.testId,title:o.options.title,size:e.MODALS_DEFAULT_SIZE,className:o.options.className,showCloseButton:e.MODALS_DEFAULT_SHOW_CLOSE,closeOnBackdrop:_,closeOnEscape:O,lockBodyScroll:e.MODALS_NESTED_LOCK_BODY_SCROLL,zIndex:t.resolveStackedZIndex(i),onClose:()=>n(o.id),footer:s.jsxs(p.Flex,{className:e.MODALS_CONFIRM_FOOTER_CLASS,justify:e.MODALS_FOOTER_JUSTIFY,gap:e.MODALS_FOOTER_GAP,children:[s.jsx(S.Button,{variant:e.MODALS_CANCEL_VARIANT,onClick:()=>n(o.id),disabled:r,children:D}),s.jsx(S.Button,{variant:E,onClick:()=>d(o.id),loading:r,children:L})]}),children:o.options.description?s.jsx(M.Typography,{variant:e.MODALS_DESCRIPTION_VARIANT,className:e.MODALS_CONFIRM_BODY_CLASS,children:o.options.description}):null})}return s.jsx(a.Modal,{isOpen:e.MODALS_ALWAYS_OPEN,id:o.id,testId:o.options.testId,title:o.options.title,size:o.options.size??e.MODALS_DEFAULT_SIZE,footer:o.options.footer,className:o.options.className,showCloseButton:o.options.showCloseButton??e.MODALS_DEFAULT_SHOW_CLOSE,closeOnBackdrop:_,closeOnEscape:O,lockBodyScroll:e.MODALS_NESTED_LOCK_BODY_SCROLL,zIndex:t.resolveStackedZIndex(i),onClose:()=>n(o.id),children:s.jsx(C.Box,{className:e.MODALS_STACK_ITEM_CLASS,children:o.options.children})})};exports.StackedModal=T;

package/dist/components/ModalsProvider/components/StackedModal/StackedModal.d.ts

@@ -0,0 +1,2 @@
+import { StackedModalProps } from '../../ModalsProvider.types';
+export declare const StackedModal: (props: StackedModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ModalsProvider/components/StackedModal/StackedModal.js

@@ -0,0 +1,66 @@
+import { jsx as i, jsxs as T } from "react/jsx-runtime";
+import { Box as f } from "../../../Box/Box.js";
+import { Button as O } from "../../../Button/Button.js";
+import { Flex as N } from "../../../Flex/Flex.js";
+import { Modal as _ } from "../../../Modal/Modal.js";
+import { Typography as I } from "../../../Typography/Typography.js";
+import { MODALS_DEFAULT_CLOSE_ON_BACKDROP as F, MODALS_STACKED_LAYER_CAN_CLOSE as a, MODALS_DEFAULT_CLOSE_ON_ESCAPE as R, MODALS_DEFAULT_CONFIRM_VARIANT as h, MODALS_NESTED_LOCK_BODY_SCROLL as A, MODALS_DEFAULT_SHOW_CLOSE as S, MODALS_DEFAULT_SIZE as p, MODALS_ALWAYS_OPEN as d, MODALS_CONFIRM_BODY_CLASS as B, MODALS_DESCRIPTION_VARIANT as x, MODALS_FOOTER_GAP as k, MODALS_FOOTER_JUSTIFY as u, MODALS_CONFIRM_FOOTER_CLASS as y, MODALS_CANCEL_VARIANT as U, MODALS_STACK_ITEM_CLASS as z } from "../../ModalsProvider.const.js";
+import { isConfirmEntry as P, resolveStackedZIndex as L } from "../../ModalsProvider.utils.js";
+const W = (m) => {
+  const { entry: o, index: n, isTop: s, loading: e, labels: r, onDismiss: t, onConfirm: C } = m, c = s ? o.options.closeOnBackdrop ?? F : a, l = s ? o.options.closeOnEscape ?? R : a;
+  if (P(o)) {
+    const D = o.options.confirmText ?? r.confirm, E = o.options.cancelText ?? r.cancel, M = o.options.confirmVariant ?? h;
+    return /* @__PURE__ */ i(
+      _,
+      {
+        isOpen: d,
+        id: o.id,
+        testId: o.options.testId,
+        title: o.options.title,
+        size: p,
+        className: o.options.className,
+        showCloseButton: S,
+        closeOnBackdrop: c,
+        closeOnEscape: l,
+        lockBodyScroll: A,
+        zIndex: L(n),
+        onClose: () => t(o.id),
+        footer: /* @__PURE__ */ T(N, { className: y, justify: u, gap: k, children: [
+          /* @__PURE__ */ i(O, { variant: U, onClick: () => t(o.id), disabled: e, children: E }),
+          /* @__PURE__ */ i(
+            O,
+            {
+              variant: M,
+              onClick: () => C(o.id),
+              loading: e,
+              children: D
+            }
+          )
+        ] }),
+        children: o.options.description ? /* @__PURE__ */ i(I, { variant: x, className: B, children: o.options.description }) : null
+      }
+    );
+  }
+  return /* @__PURE__ */ i(
+    _,
+    {
+      isOpen: d,
+      id: o.id,
+      testId: o.options.testId,
+      title: o.options.title,
+      size: o.options.size ?? p,
+      footer: o.options.footer,
+      className: o.options.className,
+      showCloseButton: o.options.showCloseButton ?? S,
+      closeOnBackdrop: c,
+      closeOnEscape: l,
+      lockBodyScroll: A,
+      zIndex: L(n),
+      onClose: () => t(o.id),
+      children: /* @__PURE__ */ i(f, { className: z, children: o.options.children })
+    }
+  );
+};
+export {
+  W as StackedModal
+};

package/dist/components/ModalsProvider/components/StackedModal/index.d.ts

@@ -0,0 +1 @@
+export { StackedModal } from './StackedModal';

package/dist/components/ModalsProvider/components/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalsHost } from './ModalsHost';
+export { StackedModal } from './StackedModal';

package/dist/components/ModalsProvider/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useModals } from './useModals';

package/dist/components/ModalsProvider/hooks/useModals.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("../ModalsContext.cjs"),r=require("../ModalsProvider.const.cjs"),s=()=>{const e=t.useContext(o.ModalsContext);if(!e)throw new Error(r.MODALS_MISSING_PROVIDER_ERROR);return e};exports.useModals=s;

package/dist/components/ModalsProvider/hooks/useModals.d.ts

@@ -0,0 +1,2 @@
+import { ModalsContextValue } from '../ModalsProvider.types';
+export declare const useModals: () => ModalsContextValue;

package/dist/components/ModalsProvider/hooks/useModals.js

@@ -0,0 +1,12 @@
+import { useContext as t } from "react";
+import { ModalsContext as r } from "../ModalsContext.js";
+import { MODALS_MISSING_PROVIDER_ERROR as e } from "../ModalsProvider.const.js";
+const R = () => {
+  const o = t(r);
+  if (!o)
+    throw new Error(e);
+  return o;
+};
+export {
+  R as useModals
+};

package/dist/components/ModalsProvider/index.d.ts

@@ -0,0 +1,3 @@
+export { ModalsProvider } from './ModalsProvider';
+export { useModals } from './hooks';
+export type { ConfirmModalOptions, ModalsContextValue, ModalsProviderProps, ModalsTranslations, OpenModalOptions, } from './ModalsProvider.types';