@forgedevstack/bear 1.3.3 → 1.3.5

package/dist/components/Menu/MenuItem.js

@@ -0,0 +1,46 @@
+import { jsxs as o, Fragment as g, jsx as a } from "react/jsx-runtime";
+import { cn as y } from "../../utils/cn.js";
+import "react";
+import { NEGATIVE_ONE as c, ZERO as x } from "../../constants/numbers.const.js";
+import { MenuDivider as l } from "./MenuDivider.js";
+const N = ({
+  icon: t,
+  disabled: r = !1,
+  selected: s = !1,
+  divider: n = !1,
+  children: m,
+  onClick: e,
+  className: i,
+  testId: p,
+  ...f
+}) => /* @__PURE__ */ o(g, { children: [
+  /* @__PURE__ */ o(
+    "div",
+    {
+      role: "menuitem",
+      tabIndex: r ? c : x,
+      className: y(
+        "bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2 bear-cursor-pointer bear-transition-colors",
+        "hover:bear-bg-gray-100 dark:hover:bear-bg-gray-700",
+        "focus:bear-outline-none focus:bear-bg-gray-100 dark:focus:bear-bg-gray-700",
+        s && "bear-bg-primary-50 dark:bear-bg-primary-900/20 bear-text-primary-600",
+        r && "bear-opacity-50 bear-cursor-not-allowed hover:bear-bg-transparent",
+        i
+      ),
+      onClick: r ? void 0 : e,
+      onKeyDown: (b) => {
+        (b.key === "Enter" || b.key === " ") && !r && (e == null || e());
+      },
+      "data-testid": p,
+      ...f,
+      children: [
+        t && /* @__PURE__ */ a("span", { className: "bear-flex-shrink-0 bear-text-gray-500", children: t }),
+        /* @__PURE__ */ a("span", { className: "bear-flex-1 bear-text-sm", children: m })
+      ]
+    }
+  ),
+  n && /* @__PURE__ */ a(l, {})
+] });
+export {
+  N as MenuItem
+};

package/dist/components/Modal/Modal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),E=require("react"),x=require("react-dom"),a=require("../../utils/cn.cjs"),j=require("../../utils/generateBearId.utils.cjs"),q=require("../../utils/useBearId.cjs"),g=require("@forgedevstack/bear-icons/navigation"),w=require("../Backdrop/Backdrop.cjs"),e=require("./Modal.const.cjs"),R=m=>{const{isOpen:s,onClose:l,title:r,children:L,size:M="md",showCloseButton:d=!0,closeOnEscape:A=!0,disableEscapeKeyDown:B=!1,lockBodyScroll:C=!0,cancelPreventScroll:O=!1,closeOnBackdrop:k=!0,hideBackdrop:b=!1,keepMounted:n=!1,isCancelBackgroundClick:i,zIndex:v=e.MODAL_Z_INDEX,className:y,footer:u,testId:D,id:f}=m,h=q.useBearId("Modal"),c=j.resolveBearId(f,h),_=C&&!O,p=i!==void 0?i:k,S=A&&!B,t=E.useCallback(N=>{S&&N.key==="Escape"&&l()},[S,l]);if(E.useEffect(()=>{if(s)return document.addEventListener("keydown",t),_&&(document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",t),document.body.style.overflow=""}},[s,t,_]),!s&&!n)return null;const I=o.jsxs("div",{className:e.MODAL_ROOT_CLASSES,"data-testid":D,id:c,style:{zIndex:v},children:[!b&&o.jsx(w.Backdrop,{open:s,keepMounted:n,blur:!0,nested:!0,className:"Bear-Modal__backdrop",onClick:p?()=>l():void 0}),o.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":r?`${c}-title`:void 0,className:a.cn("Bear-Modal__container",e.MODAL_CONTAINER_CLASSES,e.MODAL_SIZE_CLASSES[M],y),style:{zIndex:e.MODAL_PANEL_Z_INDEX},children:[(r||d)&&o.jsxs("div",{className:a.cn("Bear-Modal__header",e.MODAL_HEADER_CLASSES),children:[r&&o.jsx("h2",{id:`${c}-title`,className:a.cn("Bear-Modal__title",e.MODAL_TITLE_CLASSES),children:r}),d&&o.jsx("button",{onClick:l,className:a.cn("Bear-Modal__close",e.MODAL_CLOSE_CLASSES),"aria-label":"Close modal",children:o.jsx(g.CloseIcon,{className:"bear-w-5 bear-h-5"})})]}),o.jsx("div",{className:a.cn("Bear-Modal__body",e.MODAL_BODY_CLASSES),children:L}),u&&o.jsx("div",{className:a.cn("Bear-Modal__footer",e.MODAL_FOOTER_CLASSES),children:u})]})]});return x.createPortal(I,document.body)};exports.Modal=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),E=require("react"),j=require("react-dom"),a=require("../../utils/cn.cjs"),q=require("../../utils/generateBearId.utils.cjs"),T=require("../../utils/useBearId.cjs"),g=require("../../hooks/useFocusTrap/useFocusTrap.cjs"),F=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),R=require("@forgedevstack/bear-icons/navigation"),P=require("../Backdrop/Backdrop.cjs"),e=require("./Modal.const.cjs"),w=t=>{const{isOpen:s,onClose:r,title:l,children:A,size:M="md",showCloseButton:n=!0,closeOnEscape:L=!0,disableEscapeKeyDown:C=!1,lockBodyScroll:O=!0,cancelPreventScroll:f=!1,closeOnBackdrop:m=!0,hideBackdrop:B=!1,keepMounted:d=!1,isCancelBackgroundClick:i,zIndex:b=e.MODAL_Z_INDEX,className:D,footer:u,testId:v,id:p}=t,y=T.useBearId("Modal"),c=q.resolveBearId(p,y),_=E.useRef(null),S=O&&!f,h=i!==void 0?i:m,I=L&&!C,{openEffect:N}=F.resolveOverlayEffects(t,"scale"),k=e.MODAL_EFFECT_CLASS_MAP[N]??e.MODAL_EFFECT_CLASS_MAP.scale;if(g.useFocusTrap(_,{enabled:s,onEscape:I?r:void 0}),E.useEffect(()=>{if(s)return S&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=""}},[s,S]),!s&&!d)return null;const x=o.jsxs("div",{className:e.MODAL_ROOT_CLASSES,"data-testid":v,id:c,style:{zIndex:b},children:[!B&&o.jsx(P.Backdrop,{open:s,keepMounted:d,blur:!0,nested:!0,className:"Bear-Modal__backdrop",onClick:h?()=>r():void 0}),o.jsxs("div",{ref:_,role:"dialog","aria-modal":"true","aria-labelledby":l?`${c}-title`:void 0,className:a.cn("Bear-Modal__container",e.MODAL_CONTAINER_CLASSES,e.MODAL_SIZE_CLASSES[M],s&&k,D),style:{zIndex:e.MODAL_PANEL_Z_INDEX},children:[(l||n)&&o.jsxs("div",{className:a.cn("Bear-Modal__header",e.MODAL_HEADER_CLASSES),children:[l&&o.jsx("h2",{id:`${c}-title`,className:a.cn("Bear-Modal__title",e.MODAL_TITLE_CLASSES),children:l}),n&&o.jsx("button",{type:"button",onClick:r,className:a.cn("Bear-Modal__close",e.MODAL_CLOSE_CLASSES),"aria-label":"Close modal",children:o.jsx(R.CloseIcon,{className:"bear-w-5 bear-h-5"})})]}),o.jsx("div",{className:a.cn("Bear-Modal__body",e.MODAL_BODY_CLASSES),children:A}),u&&o.jsx("div",{className:a.cn("Bear-Modal__footer",e.MODAL_FOOTER_CLASSES),children:u})]})]});return j.createPortal(x,document.body)};exports.Modal=w;

package/dist/components/Modal/Modal.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=11e3,r=1,a="Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4",b={sm:"bear-max-w-sm",md:"bear-max-w-md",lg:"bear-max-w-lg",xl:"bear-max-w-xl",full:"bear-max-w-full bear-mx-4"},t="bear-relative bear-w-full bear-max-h-[calc(100vh-2rem)] bear-overflow-y-auto bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-2xl bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transform bear-transition-all bear-animate-in bear-fade-in bear-zoom-in-95",S="bear-flex bear-items-center bear-justify-between bear-px-6 bear-py-4 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",o="bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white",A="bear-p-1 bear-rounded-lg bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",L="bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300",_="bear-flex bear-items-center bear-justify-end bear-gap-3 bear-px-6 bear-py-4 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700";exports.MODAL_BODY_CLASSES=L;exports.MODAL_CLOSE_CLASSES=A;exports.MODAL_CONTAINER_CLASSES=t;exports.MODAL_FOOTER_CLASSES=_;exports.MODAL_HEADER_CLASSES=S;exports.MODAL_PANEL_Z_INDEX=r;exports.MODAL_ROOT_CLASSES=a;exports.MODAL_SIZE_CLASSES=b;exports.MODAL_TITLE_CLASSES=o;exports.MODAL_Z_INDEX=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/numbers.const.cjs"),r=require("../OverlayPortal/OverlayPortal.const.cjs"),a=e.ELEVEN_THOUSAND,b=e.ONE,t="Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4",S={sm:"bear-max-w-sm",md:"bear-max-w-md",lg:"bear-max-w-lg",xl:"bear-max-w-xl",full:"bear-max-w-full bear-mx-4"},_="bear-relative bear-w-full bear-max-h-[calc(100vh-2rem)] bear-overflow-y-auto bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-2xl bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transform bear-transition-all bear-animate-in bear-fade-in bear-zoom-in-95",A="bear-flex bear-items-center bear-justify-between bear-px-6 bear-py-4 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",o="bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white",L="bear-p-1 bear-rounded-lg bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",E="bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300",n="bear-flex bear-items-center bear-justify-end bear-gap-3 bear-px-6 bear-py-4 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700",O=r.OVERLAY_EFFECT_CLASS_MAP;exports.MODAL_BODY_CLASSES=E;exports.MODAL_CLOSE_CLASSES=L;exports.MODAL_CONTAINER_CLASSES=_;exports.MODAL_EFFECT_CLASS_MAP=O;exports.MODAL_FOOTER_CLASSES=n;exports.MODAL_HEADER_CLASSES=A;exports.MODAL_PANEL_Z_INDEX=b;exports.MODAL_ROOT_CLASSES=t;exports.MODAL_SIZE_CLASSES=S;exports.MODAL_TITLE_CLASSES=o;exports.MODAL_Z_INDEX=a;

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

@@ -10,3 +10,4 @@ export declare const MODAL_TITLE_CLASSES = "bear-text-lg bear-font-semibold bear
 export declare const MODAL_CLOSE_CLASSES = "bear-p-1 bear-rounded-lg bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors";
 export declare const MODAL_BODY_CLASSES = "bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300";
 export declare const MODAL_FOOTER_CLASSES = "bear-flex bear-items-center bear-justify-end bear-gap-3 bear-px-6 bear-py-4 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700";
+export declare const MODAL_EFFECT_CLASS_MAP: Record<string, string>;

package/dist/components/Modal/Modal.const.js

@@ -1,19 +1,22 @@
-const e = 11e3, r = 1, a = "Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4", b = {
+import { ELEVEN_THOUSAND as r, ONE as e } from "../../constants/numbers.const.js";
+import { OVERLAY_EFFECT_CLASS_MAP as a } from "../OverlayPortal/OverlayPortal.const.js";
+const o = r, n = e, S = "Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4", d = {
   sm: "bear-max-w-sm",
   md: "bear-max-w-md",
   lg: "bear-max-w-lg",
   xl: "bear-max-w-xl",
   full: "bear-max-w-full bear-mx-4"
-}, t = "bear-relative bear-w-full bear-max-h-[calc(100vh-2rem)] bear-overflow-y-auto bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-2xl bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transform bear-transition-all bear-animate-in bear-fade-in bear-zoom-in-95", o = "bear-flex bear-items-center bear-justify-between bear-px-6 bear-py-4 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700", n = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", d = "bear-p-1 bear-rounded-lg bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors", x = "bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300", i = "bear-flex bear-items-center bear-justify-end bear-gap-3 bear-px-6 bear-py-4 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700";
+}, i = "bear-relative bear-w-full bear-max-h-[calc(100vh-2rem)] bear-overflow-y-auto bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-2xl bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transform bear-transition-all bear-animate-in bear-fade-in bear-zoom-in-95", x = "bear-flex bear-items-center bear-justify-between bear-px-6 bear-py-4 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700", A = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", _ = "bear-p-1 bear-rounded-lg bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors", E = "bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300", s = "bear-flex bear-items-center bear-justify-end bear-gap-3 bear-px-6 bear-py-4 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700", L = a;
 export {
-  x as MODAL_BODY_CLASSES,
-  d as MODAL_CLOSE_CLASSES,
-  t as MODAL_CONTAINER_CLASSES,
-  i as MODAL_FOOTER_CLASSES,
-  o as MODAL_HEADER_CLASSES,
-  r as MODAL_PANEL_Z_INDEX,
-  a as MODAL_ROOT_CLASSES,
-  b as MODAL_SIZE_CLASSES,
-  n as MODAL_TITLE_CLASSES,
-  e as MODAL_Z_INDEX
+  E as MODAL_BODY_CLASSES,
+  _ as MODAL_CLOSE_CLASSES,
+  i as MODAL_CONTAINER_CLASSES,
+  L as MODAL_EFFECT_CLASS_MAP,
+  s as MODAL_FOOTER_CLASSES,
+  x as MODAL_HEADER_CLASSES,
+  n as MODAL_PANEL_Z_INDEX,
+  S as MODAL_ROOT_CLASSES,
+  d as MODAL_SIZE_CLASSES,
+  A as MODAL_TITLE_CLASSES,
+  o as MODAL_Z_INDEX
 };

package/dist/components/Modal/Modal.js

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

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { OverlayMotionEffect, OverlayEffectConfig } from '../../hooks/useFixedAnchorPosition';
 export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 export interface ModalProps {
     /** Whether the modal is open */
@@ -26,6 +27,12 @@ export interface ModalProps {
     cancelPreventScroll?: boolean;
     /** When provided, sets whether clicking the backdrop closes the modal (overrides closeOnBackdrop) */
     isCancelBackgroundClick?: boolean;
+    /** Transition effect when opening */
+    openEffect?: OverlayMotionEffect;
+    /** Transition effect when closing */
+    closeEffect?: OverlayMotionEffect;
+    /** Config for open and close transition effects */
+    effect?: OverlayEffectConfig;
     /** Additional class names for content */
     className?: string;
     /** Footer content */

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

@@ -1 +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;
+"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");require("react");const M=require("../../../Typography/Typography.cjs"),e=require("../../ModalsProvider.const.cjs"),t=require("../../ModalsProvider.utils.cjs"),T=A=>{const{entry:o,index:i,isTop:r,loading:c,labels:l,onDismiss:n,onConfirm:d}=A,_=r?o.options.closeOnBackdrop??e.MODALS_DEFAULT_CLOSE_ON_BACKDROP:e.MODALS_STACKED_LAYER_CAN_CLOSE,O=r?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:c,children:D}),s.jsx(S.Button,{variant:E,onClick:()=>d(o.id),loading:c,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.js

@@ -3,10 +3,11 @@ 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 "react";
 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 { 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 p, MODALS_DEFAULT_SHOW_CLOSE as A, MODALS_DEFAULT_SIZE as S, 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 Z = (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;
@@ -17,12 +18,12 @@ const W = (m) => {
         id: o.id,
         testId: o.options.testId,
         title: o.options.title,
-        size: p,
+        size: S,
         className: o.options.className,
-        showCloseButton: S,
+        showCloseButton: A,
         closeOnBackdrop: c,
         closeOnEscape: l,
-        lockBodyScroll: A,
+        lockBodyScroll: p,
         zIndex: L(n),
         onClose: () => t(o.id),
         footer: /* @__PURE__ */ T(N, { className: y, justify: u, gap: k, children: [
@@ -48,13 +49,13 @@ const W = (m) => {
       id: o.id,
       testId: o.options.testId,
       title: o.options.title,
-      size: o.options.size ?? p,
+      size: o.options.size ?? S,
       footer: o.options.footer,
       className: o.options.className,
-      showCloseButton: o.options.showCloseButton ?? S,
+      showCloseButton: o.options.showCloseButton ?? A,
       closeOnBackdrop: c,
       closeOnEscape: l,
-      lockBodyScroll: A,
+      lockBodyScroll: p,
       zIndex: L(n),
       onClose: () => t(o.id),
       children: /* @__PURE__ */ i(f, { className: z, children: o.options.children })
@@ -62,5 +63,5 @@ const W = (m) => {
   );
 };
 export {
-  W as StackedModal
+  Z as StackedModal
 };

package/dist/components/OverlayPortal/OverlayPortal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),V=require("react"),v=require("../../constants/numbers.const.cjs"),o=require("../../constants/generals.const.cjs"),e=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),Y=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),y=require("../Portal/Portal.cjs"),C=require("../Transition/Transition.cjs"),h=require("../Transition/Transition.const.cjs"),O=require("./OverlayPortal.const.cjs"),q=c=>{const{open:t,ready:F,style:u,zIndex:A,className:T,testId:L,attributes:d,panelRef:R,children:_}=c,{openEffect:n,closeEffect:E}=Y.resolveOverlayEffects(c,e.OVERLAY_OPEN_EFFECT_NONE),[s,r]=V.useState(o.BOOLEAN_FALSE),N=n!==e.OVERLAY_OPEN_EFFECT_NONE||E!==e.OVERLAY_OPEN_EFFECT_NONE;if(t&&F&&!s&&r(o.BOOLEAN_TRUE),!t&&s&&!N&&r(o.BOOLEAN_FALSE),!s)return null;const a=t?n:E,l=(a===e.OVERLAY_OPEN_EFFECT_NONE?void 0:O.OVERLAY_EFFECT_TRANSITION[a])??(n===e.OVERLAY_OPEN_EFFECT_NONE?void 0:O.OVERLAY_EFFECT_TRANSITION[n])??(E===e.OVERLAY_OPEN_EFFECT_NONE?void 0:O.OVERLAY_EFFECT_TRANSITION[E]),f=t&&n===e.OVERLAY_OPEN_EFFECT_NONE||!t&&E===e.OVERLAY_OPEN_EFFECT_NONE,P={...u,zIndex:A,visibility:e.VISIBILITY_VISIBLE},I=()=>{t||r(o.BOOLEAN_FALSE)},S=i.jsx("div",{ref:R,className:T,style:P,"data-testid":L,...d,children:N&&l?i.jsx(C.Transition,{show:t,name:l,duration:f?v.ZERO:h.DEFAULT_DURATION,onLeft:I,children:_}):_});return i.jsx(y.Portal,{children:S})};exports.OverlayPortal=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),v=require("react"),y=require("../../constants/numbers.const.cjs"),i=require("../../constants/generals.const.cjs"),q=require("../../utils/cn.cjs"),e=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),h=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),p=require("../Portal/Portal.cjs"),x=require("../Transition/Transition.cjs"),R=require("../Transition/Transition.const.cjs"),E=require("./OverlayPortal.const.cjs"),D=c=>{const{open:t,ready:d,style:S,zIndex:P,className:O,testId:N,attributes:A,panelRef:l,children:L}=c,{openEffect:s,closeEffect:o}=h.resolveOverlayEffects(c,e.OVERLAY_OPEN_EFFECT_DEFAULT),[r,_]=v.useState(i.BOOLEAN_FALSE),F=s!==e.OVERLAY_OPEN_EFFECT_NONE||o!==e.OVERLAY_OPEN_EFFECT_NONE;if(t&&d&&!r&&_(i.BOOLEAN_TRUE),!t&&r&&!F&&_(i.BOOLEAN_FALSE),!r)return null;const n=t?s:o,u=(n===e.OVERLAY_OPEN_EFFECT_NONE?void 0:E.OVERLAY_EFFECT_TRANSITION[n])??(s===e.OVERLAY_OPEN_EFFECT_NONE?void 0:E.OVERLAY_EFFECT_TRANSITION[s])??(o===e.OVERLAY_OPEN_EFFECT_NONE?void 0:E.OVERLAY_EFFECT_TRANSITION[o]),f=t&&s===e.OVERLAY_OPEN_EFFECT_NONE||!t&&o===e.OVERLAY_OPEN_EFFECT_NONE,T={...S,zIndex:P,visibility:e.VISIBILITY_VISIBLE},I=()=>{t||_(i.BOOLEAN_FALSE)},V=q.cn(E.OVERLAY_PANEL_CLASS,n&&`${E.OVERLAY_PANEL_CLASS}--${n}`,O),Y=n==="expand"||n==="reveal"?E.OVERLAY_EXPAND_MS:R.DEFAULT_DURATION,C=n==="elastic"?E.OVERLAY_ELASTIC_EASING:R.DEFAULT_EASING,m=F&&u?a.jsx(x.Transition,{show:t,name:u,duration:f?y.ZERO:Y,easing:C,className:V,style:T,nodeRef:l,onLeft:I,elementProps:{...A,"data-testid":N},children:L}):a.jsx("div",{ref:l,className:O,style:T,"data-testid":N,...A,children:L});return a.jsx(p.Portal,{children:m})};exports.OverlayPortal=D;

package/dist/components/OverlayPortal/OverlayPortal.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const E=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),_={[E.OVERLAY_OPEN_EFFECT_FADE]:E.OVERLAY_OPEN_EFFECT_FADE,[E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN]:E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN,[E.OVERLAY_OPEN_EFFECT_SCALE]:E.OVERLAY_OPEN_EFFECT_SCALE,[E.OVERLAY_OPEN_EFFECT_FOLD]:E.OVERLAY_OPEN_EFFECT_FOLD};exports.OVERLAY_OPEN_EFFECT_NONE=E.OVERLAY_OPEN_EFFECT_NONE;exports.OVERLAY_EFFECT_TRANSITION=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const E=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),_={[E.OVERLAY_OPEN_EFFECT_FADE]:E.OVERLAY_OPEN_EFFECT_FADE,[E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN]:E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN,[E.OVERLAY_OPEN_EFFECT_SCALE]:E.OVERLAY_OPEN_EFFECT_SCALE,[E.OVERLAY_OPEN_EFFECT_FOLD]:E.OVERLAY_OPEN_EFFECT_FOLD,[E.OVERLAY_OPEN_EFFECT_ELASTIC]:E.OVERLAY_OPEN_EFFECT_ELASTIC,[E.OVERLAY_OPEN_EFFECT_REVEAL]:E.OVERLAY_OPEN_EFFECT_REVEAL,[E.OVERLAY_OPEN_EFFECT_EXPAND]:E.OVERLAY_OPEN_EFFECT_EXPAND},A="cubic-bezier(0.34, 1.56, 0.64, 1)",O=375,F="Bear-Overlay",L={scale:"animate-scale-in",fade:"animate-fade-in","slide-down":"animate-grow-up",fold:"animate-alert-dialog-in",elastic:"animate-overlay-elastic",reveal:"animate-overlay-reveal",expand:"animate-overlay-expand",none:""};exports.OVERLAY_OPEN_EFFECT_NONE=E.OVERLAY_OPEN_EFFECT_NONE;exports.OVERLAY_EFFECT_CLASS_MAP=L;exports.OVERLAY_EFFECT_TRANSITION=_;exports.OVERLAY_ELASTIC_EASING=A;exports.OVERLAY_EXPAND_MS=O;exports.OVERLAY_PANEL_CLASS=F;

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

@@ -2,3 +2,7 @@ import { TransitionName } from '../Transition/Transition.types';
 import { OverlayOpenEffect, OVERLAY_OPEN_EFFECT_NONE } from '../../hooks/useFixedAnchorPosition';
 export { OVERLAY_OPEN_EFFECT_NONE };
 export declare const OVERLAY_EFFECT_TRANSITION: Record<Exclude<OverlayOpenEffect, typeof OVERLAY_OPEN_EFFECT_NONE>, TransitionName>;
+export declare const OVERLAY_ELASTIC_EASING = "cubic-bezier(0.34, 1.56, 0.64, 1)";
+export declare const OVERLAY_EXPAND_MS = 375;
+export declare const OVERLAY_PANEL_CLASS = "Bear-Overlay";
+export declare const OVERLAY_EFFECT_CLASS_MAP: Record<string, string>;

package/dist/components/OverlayPortal/OverlayPortal.const.js

@@ -1,13 +1,29 @@
 import "react";
-import { OVERLAY_OPEN_EFFECT_FOLD as E, OVERLAY_OPEN_EFFECT_SCALE as _, OVERLAY_OPEN_EFFECT_SLIDE_DOWN as O, OVERLAY_OPEN_EFFECT_FADE as F } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-import { OVERLAY_OPEN_EFFECT_NONE as C } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-const L = {
+import { OVERLAY_OPEN_EFFECT_EXPAND as E, OVERLAY_OPEN_EFFECT_REVEAL as _, OVERLAY_OPEN_EFFECT_ELASTIC as a, OVERLAY_OPEN_EFFECT_FOLD as e, OVERLAY_OPEN_EFFECT_SCALE as A, OVERLAY_OPEN_EFFECT_SLIDE_DOWN as O, OVERLAY_OPEN_EFFECT_FADE as F } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { OVERLAY_OPEN_EFFECT_NONE as l } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+const o = {
   [F]: F,
   [O]: O,
+  [A]: A,
+  [e]: e,
+  [a]: a,
   [_]: _,
   [E]: E
+}, t = "cubic-bezier(0.34, 1.56, 0.64, 1)", i = 375, N = "Bear-Overlay", r = {
+  scale: "animate-scale-in",
+  fade: "animate-fade-in",
+  "slide-down": "animate-grow-up",
+  fold: "animate-alert-dialog-in",
+  elastic: "animate-overlay-elastic",
+  reveal: "animate-overlay-reveal",
+  expand: "animate-overlay-expand",
+  none: ""
 };
 export {
-  L as OVERLAY_EFFECT_TRANSITION,
-  C as OVERLAY_OPEN_EFFECT_NONE
+  r as OVERLAY_EFFECT_CLASS_MAP,
+  o as OVERLAY_EFFECT_TRANSITION,
+  t as OVERLAY_ELASTIC_EASING,
+  i as OVERLAY_EXPAND_MS,
+  l as OVERLAY_OPEN_EFFECT_NONE,
+  N as OVERLAY_PANEL_CLASS
 };

package/dist/components/OverlayPortal/OverlayPortal.js

@@ -1,45 +1,51 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as _ } from "react";
-import { ZERO as A } from "../../constants/numbers.const.js";
-import { BOOLEAN_FALSE as a, BOOLEAN_TRUE as y } from "../../constants/generals.const.js";
-import { OVERLAY_OPEN_EFFECT_NONE as t, VISIBILITY_VISIBLE as S } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-import { resolveOverlayEffects as F } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
-import { Portal as B } from "../Portal/Portal.js";
-import { Transition as V } from "../Transition/Transition.js";
-import { DEFAULT_DURATION as x } from "../Transition/Transition.const.js";
-import { OVERLAY_EFFECT_TRANSITION as f } from "./OverlayPortal.const.js";
-const g = (m) => {
+import { jsx as a } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { ZERO as D } from "../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as m, BOOLEAN_TRUE as V } from "../../constants/generals.const.js";
+import { cn as h } from "../../utils/cn.js";
+import { OVERLAY_OPEN_EFFECT_DEFAULT as P, VISIBILITY_VISIBLE as Y, OVERLAY_OPEN_EFFECT_NONE as e } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { resolveOverlayEffects as C } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
+import { Portal as U } from "../Portal/Portal.js";
+import { Transition as x } from "../Transition/Transition.js";
+import { DEFAULT_EASING as B, DEFAULT_DURATION as g } from "../Transition/Transition.const.js";
+import { OVERLAY_PANEL_CLASS as O, OVERLAY_ELASTIC_EASING as b, OVERLAY_EXPAND_MS as G, OVERLAY_EFFECT_TRANSITION as E } from "./OverlayPortal.const.js";
+const tt = (f) => {
   const {
-    open: o,
-    ready: p,
-    style: O,
-    zIndex: N,
-    className: I,
-    testId: L,
-    attributes: h,
-    panelRef: u,
-    children: l
-  } = m, { openEffect: e, closeEffect: r } = F(m, t), [n, i] = _(a), c = e !== t || r !== t;
-  if (o && p && !n && i(y), !o && n && !c && i(a), !n)
+    open: t,
+    ready: I,
+    style: R,
+    zIndex: S,
+    className: l,
+    testId: c,
+    attributes: d,
+    panelRef: A,
+    children: p
+  } = f, { openEffect: n, closeEffect: i } = C(f, P), [r, s] = y(m), L = n !== e || i !== e;
+  if (t && I && !r && s(V), !t && r && !L && s(m), !r)
     return null;
-  const d = o ? e : r, E = (d === t ? void 0 : f[d]) ?? (e === t ? void 0 : f[e]) ?? (r === t ? void 0 : f[r]), v = o && e === t || !o && r === t, R = {
-    ...O,
-    zIndex: N,
-    visibility: S
-  }, T = /* @__PURE__ */ s("div", { ref: u, className: I, style: R, "data-testid": L, ...h, children: c && E ? /* @__PURE__ */ s(
-    V,
+  const o = t ? n : i, N = (o === e ? void 0 : E[o]) ?? (n === e ? void 0 : E[n]) ?? (i === e ? void 0 : E[i]), T = t && n === e || !t && i === e, _ = {
+    ...R,
+    zIndex: S,
+    visibility: Y
+  }, u = () => {
+    t || s(m);
+  }, v = h(O, o && `${O}--${o}`, l), F = L && N ? /* @__PURE__ */ a(
+    x,
     {
-      show: o,
-      name: E,
-      duration: v ? A : x,
-      onLeft: () => {
-        o || i(a);
-      },
-      children: l
+      show: t,
+      name: N,
+      duration: T ? D : o === "expand" || o === "reveal" ? G : g,
+      easing: o === "elastic" ? b : B,
+      className: v,
+      style: _,
+      nodeRef: A,
+      onLeft: u,
+      elementProps: { ...d, "data-testid": c },
+      children: p
     }
-  ) : l });
-  return /* @__PURE__ */ s(B, { children: T });
+  ) : /* @__PURE__ */ a("div", { ref: A, className: l, style: _, "data-testid": c, ...d, children: p });
+  return /* @__PURE__ */ a(U, { children: F });
 };
 export {
-  g as OverlayPortal
+  tt as OverlayPortal
 };

package/dist/components/Popover/Popover.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("react"),D=require("react-dom"),p=require("../../utils/cn.cjs"),H=11e3;function X(d,t,s){const e={position:"fixed",zIndex:H},a=d.split("-")[0],n=d.includes("start"),o=d.includes("end");return a==="bottom"?(e.top=t.bottom+s,n?e.left=t.left:o?e.left=t.right:e.left=t.left+t.width/2):a==="top"?(e.bottom=window.innerHeight-t.top+s,n?e.left=t.left:o?e.left=t.right:e.left=t.left+t.width/2):a==="left"?(e.right=window.innerWidth-t.left+s,n?e.top=t.top:o?e.bottom=window.innerHeight-t.bottom:e.top=t.top+t.height/2):(e.left=t.right+s,n?e.top=t.top:o?e.bottom=window.innerHeight-t.bottom:e.top=t.top+t.height/2),a==="bottom"||a==="top"?!n&&!o?e.transform="translateX(-50%)":o&&(e.transform="translateX(-100%)"):!n&&!o?e.transform="translateY(-50%)":o&&(e.transform="translateY(-100%)"),e}const T=({children:d,content:t,placement:s="bottom",trigger:e="click",open:a,onOpenChange:n,className:o,contentClassName:x,arrow:L=!0,closeOnClickOutside:m=!0,closeOnEscape:v=!0,offset:w=8})=>{const[k,z]=l.useState(!1),[R,S]=l.useState({}),f=l.useRef(null),h=l.useRef(null),i=a!==void 0?a:k,b=l.useCallback(r=>{z(r),n==null||n(r)},[n]);l.useEffect(()=>{if(!i||!f.current)return;const r=()=>{if(!f.current)return;const u=f.current.getBoundingClientRect();S(X(s,u,w))};return r(),window.addEventListener("resize",r),window.addEventListener("scroll",r,!0),()=>{window.removeEventListener("resize",r),window.removeEventListener("scroll",r,!0)}},[i,s,w]),l.useEffect(()=>{if(!m)return;const r=u=>{var y,g;const E=u.target;(y=f.current)!=null&&y.contains(E)||(g=h.current)!=null&&g.contains(E)||b(!1)};return i&&document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[i,m,b]),l.useEffect(()=>{if(!v)return;const r=u=>{u.key==="Escape"&&b(!1)};return i&&document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[i,v,b]);const j=()=>{e==="click"&&b(!i)},P=()=>{e==="hover"&&b(!0)},M=()=>{e==="hover"&&b(!1)},N={top:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-border-t-zinc-700 bear-border-x-transparent bear-border-b-transparent",bottom:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-border-b-zinc-700 bear-border-x-transparent bear-border-t-transparent",left:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-border-l-zinc-700 bear-border-y-transparent bear-border-r-transparent",right:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-border-r-zinc-700 bear-border-y-transparent bear-border-l-transparent"},q=s.split("-")[0],I=i&&typeof document<"u"&&D.createPortal(c.jsxs("div",{ref:h,"data-bear-popover":!0,className:p.cn("bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3",x),style:R,children:[t,L&&c.jsx("div",{className:p.cn("bear-absolute bear-w-0 bear-h-0 bear-border-8",N[q])})]}),document.body);return c.jsxs("div",{ref:f,className:p.cn("bear-relative bear-inline-block",o),onMouseEnter:P,onMouseLeave:M,children:[c.jsx("div",{onClick:j,className:"bear-cursor-pointer",children:d}),I]})};exports.Popover=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),c=require("react"),V=require("react-dom"),R=require("../../utils/cn.cjs"),m=require("../../constants/numbers.const.cjs"),j=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),e=require("./Popover.const.cjs");function z(E,t,d){const n={position:"fixed",zIndex:e.POPOVER_Z_INDEX},[r]=E.split("-"),s=E.includes(e.ALIGN_START),i=E.includes(e.ALIGN_END);return r===e.PLACEMENT_BOTTOM||r===e.PLACEMENT_TOP?(n.top=r===e.PLACEMENT_BOTTOM?t.bottom+d:void 0,n.bottom=r===e.PLACEMENT_TOP?window.innerHeight-t.top+d:void 0,n.left=s?t.left:i?t.right:t.left+t.width/m.TWO,n.transform=!s&&!i?e.TRANSFORM_TRANSLATE_X_CENTER:i?e.TRANSFORM_TRANSLATE_X_END:void 0):(n.left=r===e.PLACEMENT_RIGHT?t.right+d:void 0,n.right=r===e.PLACEMENT_LEFT?window.innerWidth-t.left+d:void 0,n.bottom=i?window.innerHeight-t.bottom:void 0,n.top=i?void 0:s?t.top:t.top+t.height/m.TWO,n.transform=!s&&!i?e.TRANSFORM_TRANSLATE_Y_CENTER:i?e.TRANSFORM_TRANSLATE_Y_END:void 0),n}const B=({children:E,content:t,placement:d=e.PLACEMENT_BOTTOM,trigger:n="click",open:r,onOpenChange:s,className:i,contentClassName:b,arrow:O=!0,closeOnClickOutside:P=!0,closeOnEscape:A=!0,offset:L=e.POPOVER_DEFAULT_OFFSET,openEffect:w,closeEffect:S,effect:h})=>{const[M,p]=c.useState(!1),[C,F]=c.useState({}),f=c.useRef(null),T=c.useRef(null),a=r!==void 0?r:M,l=c.useCallback(o=>{p(o),s==null||s(o)},[s]),v=c.useCallback(()=>{if(!f.current||!T.current)return;const o=f.current.firstElementChild;if(!o)return;const u=o.getBoundingClientRect();F(z(d,u,L))},[d,L]);c.useEffect(()=>{if(a){v();const o=()=>v(),u=()=>v();return window.addEventListener("resize",o),window.addEventListener("scroll",u,!0),()=>{window.removeEventListener("resize",o),window.removeEventListener("scroll",u,!0)}}},[a,v]),c.useEffect(()=>{if(!a||!P)return;const o=u=>{const N=u.target;f.current&&!f.current.contains(N)&&T.current&&!T.current.contains(N)&&l(!1)};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[a,P,l]),c.useEffect(()=>{if(!a||!A)return;const o=u=>{u.key==="Escape"&&l(!1)};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[a,A,l]);const g=()=>{n==="click"&&l(!a)},y=()=>{n==="hover"&&l(!0)},k=()=>{n==="hover"&&l(!1)},x=d.split("-")[0],{openEffect:D}=j.resolveOverlayEffects({openEffect:w,closeEffect:S,effect:h},"fade"),q=e.POPOVER_EFFECT_CLASS_MAP[D]??e.POPOVER_EFFECT_CLASS_MAP.fade,I=a&&typeof document<"u"&&V.createPortal(_.jsxs("div",{ref:T,"data-bear-popover":!0,className:R.cn("bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3",q,b),style:C,children:[t,O&&_.jsx("div",{className:R.cn("bear-absolute bear-w-0 bear-h-0 bear-border-8",e.POPOVER_ARROW_STYLES[x])})]}),document.body);return _.jsxs("div",{ref:f,className:R.cn("bear-relative bear-inline-block",i),onMouseEnter:y,onMouseLeave:k,children:[_.jsx("div",{onClick:g,className:"bear-cursor-pointer",children:E}),I]})};exports.Popover=B;

package/dist/components/Popover/Popover.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../constants/numbers.const.cjs"),t=require("../OverlayPortal/OverlayPortal.const.cjs"),e=r.ELEVEN_THOUSAND,E=r.EIGHT,T=t.OVERLAY_EFFECT_CLASS_MAP,a="bottom",_="top",n="left",A="right",o="start",R="end",b="translateX(-50%)",N="translateX(-100%)",s="translateY(-50%)",O="translateY(-100%)",S={top:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-border-t-zinc-700 bear-border-x-transparent bear-border-b-transparent",bottom:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-border-b-zinc-700 bear-border-x-transparent bear-border-t-transparent",left:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-border-l-zinc-700 bear-border-y-transparent bear-border-r-transparent",right:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-border-r-zinc-700 bear-border-y-transparent bear-border-l-transparent"};exports.ALIGN_END=R;exports.ALIGN_START=o;exports.PLACEMENT_BOTTOM=a;exports.PLACEMENT_LEFT=n;exports.PLACEMENT_RIGHT=A;exports.PLACEMENT_TOP=_;exports.POPOVER_ARROW_STYLES=S;exports.POPOVER_DEFAULT_OFFSET=E;exports.POPOVER_EFFECT_CLASS_MAP=T;exports.POPOVER_Z_INDEX=e;exports.TRANSFORM_TRANSLATE_X_CENTER=b;exports.TRANSFORM_TRANSLATE_X_END=N;exports.TRANSFORM_TRANSLATE_Y_CENTER=s;exports.TRANSFORM_TRANSLATE_Y_END=O;

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

@@ -1 +1,15 @@
-export declare const P_O_P_O_V_E_R_ROOT_CLASS = "Bear-Popover";
+export declare const POPOVER_ROOT_CLASS = "Bear-Popover";
+export declare const POPOVER_Z_INDEX = 11000;
+export declare const POPOVER_DEFAULT_OFFSET = 8;
+export declare const POPOVER_EFFECT_CLASS_MAP: Record<string, string>;
+export declare const PLACEMENT_BOTTOM = "bottom";
+export declare const PLACEMENT_TOP = "top";
+export declare const PLACEMENT_LEFT = "left";
+export declare const PLACEMENT_RIGHT = "right";
+export declare const ALIGN_START = "start";
+export declare const ALIGN_END = "end";
+export declare const TRANSFORM_TRANSLATE_X_CENTER = "translateX(-50%)";
+export declare const TRANSFORM_TRANSLATE_X_END = "translateX(-100%)";
+export declare const TRANSFORM_TRANSLATE_Y_CENTER = "translateY(-50%)";
+export declare const TRANSFORM_TRANSLATE_Y_END = "translateY(-100%)";
+export declare const POPOVER_ARROW_STYLES: Record<string, string>;