@forgedevstack/bear 1.3.2 → 1.3.4

package/dist/components/MessageActions/MessageActions.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/generals.const.cjs"),L={copyLabel:e.LABEL_COPY,retryLabel:e.LABEL_RETRY,goodLabel:e.LABEL_GOOD_RESPONSE,badLabel:e.LABEL_BAD_RESPONSE};exports.MESSAGE_ACTIONS_DEFAULT_TRANSLATIONS=L;

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

@@ -0,0 +1,2 @@
+import { MessageActionsTranslations } from './MessageActions.types';
+export declare const MESSAGE_ACTIONS_DEFAULT_TRANSLATIONS: MessageActionsTranslations;

package/dist/components/MessageActions/MessageActions.const.js

@@ -0,0 +1,10 @@
+import { LABEL_BAD_RESPONSE as L, LABEL_GOOD_RESPONSE as E, LABEL_RETRY as A, LABEL_COPY as S } from "../../constants/generals.const.js";
+const o = {
+  copyLabel: S,
+  retryLabel: A,
+  goodLabel: E,
+  badLabel: L
+};
+export {
+  o as MESSAGE_ACTIONS_DEFAULT_TRANSLATIONS
+};

package/dist/components/MessageActions/MessageActions.d.ts

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

package/dist/components/MessageActions/MessageActions.js

@@ -0,0 +1,31 @@
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { COMPONENT_NAME_MESSAGE_ACTIONS as A } from "../../constants/generals.const.js";
+import { cn as h } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as N } from "../../utils/generateBearId.utils.js";
+import { useBearId as f } from "../../utils/useBearId.js";
+import { Button as e } from "../Button/Button.js";
+import { Flex as y } from "../Flex/Flex.js";
+import { MESSAGE_ACTIONS_DEFAULT_TRANSLATIONS as C } from "./MessageActions.const.js";
+const B = (a) => {
+  const { id: m, testId: c, onCopy: r, onRetry: n, onGood: s, onBad: i, translations: l, className: d } = a, p = f(A), b = N(m, p), o = { ...C, ...l };
+  return /* @__PURE__ */ g(
+    y,
+    {
+      id: b,
+      testId: c,
+      className: h("Bear-MessageActions", d),
+      align: "center",
+      gap: 1,
+      children: [
+        r && /* @__PURE__ */ t(e, { type: "button", variant: "ghost", size: "sm", onClick: r, children: o.copyLabel }),
+        n && /* @__PURE__ */ t(e, { type: "button", variant: "ghost", size: "sm", onClick: n, children: o.retryLabel }),
+        s && /* @__PURE__ */ t(e, { type: "button", variant: "ghost", size: "sm", onClick: s, children: o.goodLabel }),
+        i && /* @__PURE__ */ t(e, { type: "button", variant: "ghost", size: "sm", onClick: i, children: o.badLabel })
+      ]
+    }
+  );
+};
+export {
+  B as MessageActions
+};

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

@@ -0,0 +1,16 @@
+export interface MessageActionsTranslations {
+    copyLabel: string;
+    retryLabel: string;
+    goodLabel: string;
+    badLabel: string;
+}
+export interface MessageActionsProps {
+    id?: string;
+    testId?: string;
+    onCopy?: () => void;
+    onRetry?: () => void;
+    onGood?: () => void;
+    onBad?: () => void;
+    translations?: Partial<MessageActionsTranslations>;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { MessageActions } from './MessageActions';
+export type { MessageActionsProps, MessageActionsTranslations } from './MessageActions.types';

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("../../node_modules/@forgedevstack/bear-icons/dist/navigation.cjs"),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=e.ELEVEN_THOUSAND,a=e.ONE,b="Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4",t={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"},S="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",n="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",_="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",A="bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300",L="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",E={scale:"animate-scale-in",fade:"animate-fade-in","slide-down":"animate-grow-up",fold:"animate-alert-dialog-in",none:""};exports.MODAL_BODY_CLASSES=A;exports.MODAL_CLOSE_CLASSES=_;exports.MODAL_CONTAINER_CLASSES=S;exports.MODAL_EFFECT_CLASS_MAP=E;exports.MODAL_FOOTER_CLASSES=L;exports.MODAL_HEADER_CLASSES=n;exports.MODAL_PANEL_Z_INDEX=a;exports.MODAL_ROOT_CLASSES=b;exports.MODAL_SIZE_CLASSES=t;exports.MODAL_TITLE_CLASSES=o;exports.MODAL_Z_INDEX=r;

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,27 @@
-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 e, ONE as r } from "../../constants/numbers.const.js";
+const b = e, t = r, o = "Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4", n = {
   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", d = "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", l = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", s = "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", S = "bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300", x = "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", c = {
+  scale: "animate-scale-in",
+  fade: "animate-fade-in",
+  "slide-down": "animate-grow-up",
+  fold: "animate-alert-dialog-in",
+  none: ""
+};
 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
+  S as MODAL_BODY_CLASSES,
+  s as MODAL_CLOSE_CLASSES,
+  i as MODAL_CONTAINER_CLASSES,
+  c as MODAL_EFFECT_CLASS_MAP,
+  x as MODAL_FOOTER_CLASSES,
+  d as MODAL_HEADER_CLASSES,
+  t as MODAL_PANEL_Z_INDEX,
+  o as MODAL_ROOT_CLASSES,
+  n as MODAL_SIZE_CLASSES,
+  l as MODAL_TITLE_CLASSES,
+  b 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 "../../node_modules/@forgedevstack/bear-icons/dist/navigation.js";
-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/ModelSelect/ModelSelect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),M=require("../../constants/generals.const.cjs"),_=require("../../utils/cn.cjs");require("react");const b=require("../../utils/generateBearId.utils.cjs"),B=require("../../utils/useBearId.cjs"),I=require("../Box/Box.cjs"),L=require("../Select/Select.cjs"),g=require("./ModelSelect.const.cjs"),m=t=>{const{id:r,testId:l,models:o,value:c,onChange:n,label:a,placeholder:d=g.MODEL_SELECT_DEFAULT_PLACEHOLDER,disabled:i,className:u}=t,E=B.useBearId(M.COMPONENT_NAME_MODEL_SELECT),S=b.resolveBearId(r,E),q=o.map(e=>({value:e.id,label:e.label,disabled:e.disabled}));return s.jsx(I.Box,{id:S,"data-testid":l,className:_.cn("Bear-ModelSelect",u),children:s.jsx(L.Select,{options:q,value:c,onChange:n,label:a,placeholder:d,disabled:i,size:"sm"})})};exports.ModelSelect=m;

package/dist/components/ModelSelect/ModelSelect.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Model";exports.MODEL_SELECT_DEFAULT_PLACEHOLDER=E;

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

@@ -0,0 +1 @@
+export declare const MODEL_SELECT_DEFAULT_PLACEHOLDER = "Model";

package/dist/components/ModelSelect/ModelSelect.const.js

@@ -0,0 +1,4 @@
+const E = "Model";
+export {
+  E as MODEL_SELECT_DEFAULT_PLACEHOLDER
+};

package/dist/components/ModelSelect/ModelSelect.d.ts

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

package/dist/components/ModelSelect/ModelSelect.js

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import { COMPONENT_NAME_MODEL_SELECT as L } from "../../constants/generals.const.js";
+import { cn as b } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as M } from "../../utils/generateBearId.utils.js";
+import { useBearId as _ } from "../../utils/useBearId.js";
+import { Box as C } from "../Box/Box.js";
+import { Select as I } from "../Select/Select.js";
+import { MODEL_SELECT_DEFAULT_PLACEHOLDER as N } from "./ModelSelect.const.js";
+const A = (r) => {
+  const {
+    id: t,
+    testId: a,
+    models: d,
+    value: l,
+    onChange: m,
+    label: s,
+    placeholder: i = N,
+    disabled: c,
+    className: p
+  } = r, n = _(L), E = M(t, n), f = d.map((e) => ({
+    value: e.id,
+    label: e.label,
+    disabled: e.disabled
+  }));
+  return /* @__PURE__ */ o(C, { id: E, "data-testid": a, className: b("Bear-ModelSelect", p), children: /* @__PURE__ */ o(
+    I,
+    {
+      options: f,
+      value: l,
+      onChange: m,
+      label: s,
+      placeholder: i,
+      disabled: c,
+      size: "sm"
+    }
+  ) });
+};
+export {
+  A as ModelSelect
+};

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

@@ -0,0 +1,16 @@
+export interface ModelSelectOption {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ModelSelectProps {
+    id?: string;
+    testId?: string;
+    models: ModelSelectOption[];
+    value?: string;
+    onChange?: (id: string) => void;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { ModelSelect } from './ModelSelect';
+export type { ModelSelectOption, ModelSelectProps } from './ModelSelect.types';

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};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};exports.OVERLAY_OPEN_EFFECT_NONE=E.OVERLAY_OPEN_EFFECT_NONE;exports.OVERLAY_EFFECT_TRANSITION=_;

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

@@ -1,12 +1,13 @@
 import "react";
-import { OVERLAY_OPEN_EFFECT_SCALE as E, OVERLAY_OPEN_EFFECT_SLIDE_DOWN as _, OVERLAY_OPEN_EFFECT_FADE as O } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-import { OVERLAY_OPEN_EFFECT_NONE as T } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-const A = {
+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 = {
+  [F]: F,
   [O]: O,
   [_]: _,
   [E]: E
 };
 export {
-  A as OVERLAY_EFFECT_TRANSITION,
-  T as OVERLAY_OPEN_EFFECT_NONE
+  L as OVERLAY_EFFECT_TRANSITION,
+  C as OVERLAY_OPEN_EFFECT_NONE
 };

package/dist/components/PasswordInput/PasswordInput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),L=require("../Input/Input.cjs"),i=require("../../node_modules/@forgedevstack/bear-icons/dist/action.cjs"),_=b.cn("Bear-PasswordInput__shift bear-text-xs bear-font-medium bear-px-1.5 bear-py-0.5","bear-rounded bear-bg-amber-100 bear-text-amber-700","dark:bear-bg-amber-900/40 dark:bear-text-amber-400","bear-select-none bear-whitespace-nowrap"),S=({visible:t,onVisibilityChange:a,hideToggle:d=!1,toggleAriaLabel:u="Toggle password visibility",showShiftIndicator:n=!1,visibleIcon:l,hiddenIcon:p,...w})=>{const[x,m]=s.useState(!1),[f,I]=s.useState(!1),o=t!==void 0,c=o?t:x,g=s.useCallback(()=>{o?a==null||a(!t):m(e=>!e)},[o,t,a]);s.useEffect(()=>{if(!n)return;const e=j=>I(j.getModifierState("CapsLock"));return window.addEventListener("keydown",e),window.addEventListener("keyup",e),()=>{window.removeEventListener("keydown",e),window.removeEventListener("keyup",e)}},[n]);const v=r.jsx(i.VisibilityOffIcon,{className:"bear-w-4 bear-h-4"}),k=r.jsx(i.VisibilityIcon,{className:"bear-w-4 bear-h-4"}),y=d?void 0:r.jsxs("span",{className:"Bear-PasswordInput__actions bear-inline-flex bear-items-center bear-gap-1.5",children:[n&&f&&r.jsx("span",{className:_,children:"Caps"}),r.jsx("button",{type:"button",tabIndex:-1,onClick:g,className:b.cn("Bear-PasswordInput__toggle bear-inline-flex bear-items-center bear-justify-center","bear-text-gray-400 hover:bear-text-gray-600 dark:hover:bear-text-gray-300","bear-transition-colors bear-cursor-pointer"),"aria-label":u,children:c?l??v:p??k})]});return r.jsx(L.Input,{type:c?"text":"password",rightAddon:y,autoComplete:"current-password",...w})};exports.PasswordInput=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),L=require("../Input/Input.cjs"),i=require("@forgedevstack/bear-icons/action"),_=b.cn("Bear-PasswordInput__shift bear-text-xs bear-font-medium bear-px-1.5 bear-py-0.5","bear-rounded bear-bg-amber-100 bear-text-amber-700","dark:bear-bg-amber-900/40 dark:bear-text-amber-400","bear-select-none bear-whitespace-nowrap"),S=({visible:t,onVisibilityChange:a,hideToggle:d=!1,toggleAriaLabel:u="Toggle password visibility",showShiftIndicator:n=!1,visibleIcon:l,hiddenIcon:p,...w})=>{const[x,m]=s.useState(!1),[f,I]=s.useState(!1),o=t!==void 0,c=o?t:x,g=s.useCallback(()=>{o?a==null||a(!t):m(e=>!e)},[o,t,a]);s.useEffect(()=>{if(!n)return;const e=j=>I(j.getModifierState("CapsLock"));return window.addEventListener("keydown",e),window.addEventListener("keyup",e),()=>{window.removeEventListener("keydown",e),window.removeEventListener("keyup",e)}},[n]);const v=r.jsx(i.VisibilityOffIcon,{className:"bear-w-4 bear-h-4"}),k=r.jsx(i.VisibilityIcon,{className:"bear-w-4 bear-h-4"}),y=d?void 0:r.jsxs("span",{className:"Bear-PasswordInput__actions bear-inline-flex bear-items-center bear-gap-1.5",children:[n&&f&&r.jsx("span",{className:_,children:"Caps"}),r.jsx("button",{type:"button",tabIndex:-1,onClick:g,className:b.cn("Bear-PasswordInput__toggle bear-inline-flex bear-items-center bear-justify-center","bear-text-gray-400 hover:bear-text-gray-600 dark:hover:bear-text-gray-300","bear-transition-colors bear-cursor-pointer"),"aria-label":u,children:c?l??v:p??k})]});return r.jsx(L.Input,{type:c?"text":"password",rightAddon:y,autoComplete:"current-password",...w})};exports.PasswordInput=S;

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,8 +1,8 @@
 import { jsxs as L, jsx as r } from "react/jsx-runtime";
-import { useState as b, useCallback as _, useEffect as N } from "react";
+import { useState as b, useCallback as _, useEffect as E } from "react";
 import { cn as c } from "../../utils/cn.js";
-import { Input as E } from "../Input/Input.js";
-import { VisibilityOffIcon as B, VisibilityIcon as C } from "../../node_modules/@forgedevstack/bear-icons/dist/action.js";
+import { Input as N } from "../Input/Input.js";
+import { VisibilityOffIcon as B, VisibilityIcon as C } from "@forgedevstack/bear-icons/action";
 const O = c(
   "Bear-PasswordInput__shift bear-text-xs bear-font-medium bear-px-1.5 bear-py-0.5",
   "bear-rounded bear-bg-amber-100 bear-text-amber-700",
@@ -21,7 +21,7 @@ const O = c(
   const [u, f] = b(!1), [w, x] = b(!1), n = a !== void 0, o = n ? a : u, k = _(() => {
     n ? t == null || t(!a) : f((e) => !e);
   }, [n, a, t]);
-  N(() => {
+  E(() => {
     if (!s) return;
     const e = (y) => x(y.getModifierState("CapsLock"));
     return window.addEventListener("keydown", e), window.addEventListener("keyup", e), () => {
@@ -47,7 +47,7 @@ const O = c(
     )
   ] });
   return /* @__PURE__ */ r(
-    E,
+    N,
     {
       type: o ? "text" : "password",
       rightAddon: g,

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=r.ELEVEN_THOUSAND,e=r.EIGHT,a={scale:"animate-scale-in",fade:"animate-fade-in","slide-down":"animate-grow-up",fold:"animate-alert-dialog-in",none:""},E="bottom",T="top",n="left",_="right",o="start",A="end",b="translateX(-50%)",R="translateX(-100%)",N="translateY(-50%)",s="translateY(-100%)",O={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=A;exports.ALIGN_START=o;exports.PLACEMENT_BOTTOM=E;exports.PLACEMENT_LEFT=n;exports.PLACEMENT_RIGHT=_;exports.PLACEMENT_TOP=T;exports.POPOVER_ARROW_STYLES=O;exports.POPOVER_DEFAULT_OFFSET=e;exports.POPOVER_EFFECT_CLASS_MAP=a;exports.POPOVER_Z_INDEX=t;exports.TRANSFORM_TRANSLATE_X_CENTER=b;exports.TRANSFORM_TRANSLATE_X_END=R;exports.TRANSFORM_TRANSLATE_Y_CENTER=N;exports.TRANSFORM_TRANSLATE_Y_END=s;

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>;

package/dist/components/Popover/Popover.const.js

@@ -0,0 +1,29 @@
+import { EIGHT as r, ELEVEN_THOUSAND as t } from "../../constants/numbers.const.js";
+const e = t, n = r, o = {
+  scale: "animate-scale-in",
+  fade: "animate-fade-in",
+  "slide-down": "animate-grow-up",
+  fold: "animate-alert-dialog-in",
+  none: ""
+}, b = "bottom", s = "top", E = "left", T = "right", l = "start", _ = "end", A = "translateX(-50%)", N = "translateX(-100%)", R = "translateY(-50%)", c = "translateY(-100%)", d = {
+  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"
+};
+export {
+  _ as ALIGN_END,
+  l as ALIGN_START,
+  b as PLACEMENT_BOTTOM,
+  E as PLACEMENT_LEFT,
+  T as PLACEMENT_RIGHT,
+  s as PLACEMENT_TOP,
+  d as POPOVER_ARROW_STYLES,
+  n as POPOVER_DEFAULT_OFFSET,
+  o as POPOVER_EFFECT_CLASS_MAP,
+  e as POPOVER_Z_INDEX,
+  A as TRANSFORM_TRANSLATE_X_CENTER,
+  N as TRANSFORM_TRANSLATE_X_END,
+  R as TRANSFORM_TRANSLATE_Y_CENTER,
+  c as TRANSFORM_TRANSLATE_Y_END
+};