@forgedevstack/bear 1.2.5 → 1.2.7

package/dist/components/MessageList/MessageList.js

@@ -1,119 +1,132 @@
-import { jsxs as _, jsx as n } from "react/jsx-runtime";
-import { useRef as I, useState as j, useEffect as k } from "react";
-import { Avatar as z } from "../Avatar/Avatar.js";
-import { Typography as r } from "../Typography/Typography.js";
-import { MESSAGE_LIST_DEFAULT_HEIGHT as X, MESSAGE_LIST_DEFAULT_TRANSLATIONS as q, MESSAGE_LIST_EMPTY_CLASSES as J, MESSAGE_LIST_ROOT_CLASS as t, MESSAGE_LIST_DAY_LINE_CLASSES as N, MESSAGE_LIST_DAY_LABEL_CLASSES as K, MESSAGE_LIST_DAY_SEPARATOR_CLASSES as Q, MESSAGE_LIST_SCROLLER_CLASSES as V, MESSAGE_LIST_NEW_MESSAGES_CLASSES as Z, MESSAGE_LIST_BASE_CLASSES as g, MESSAGE_LIST_GROUP_WINDOW_MS as SS, MESSAGE_LIST_AUTHOR_CLASSES as tS, MESSAGE_LIST_TIMESTAMP_CLASSES as f, MESSAGE_LIST_META_CLASSES as eS, MESSAGE_LIST_BUBBLE_OWN_CLASSES as sS, MESSAGE_LIST_BUBBLE_CLASSES as nS, MESSAGE_LIST_GROUP_BODY_OWN_CLASSES as _S, MESSAGE_LIST_GROUP_BODY_CLASSES as aS, MESSAGE_LIST_GROUP_OWN_CLASSES as lS, MESSAGE_LIST_GROUP_CLASSES as rS, MESSAGE_LIST_BOTTOM_THRESHOLD_PX as cS } from "./MessageList.const.js";
-import { buildMessageListItems as oS, getDefaultDayLabel as ES, getDefaultTimestamp as iS } from "./MessageList.utils.js";
-import { cn as e } from "../../utils/cn.js";
-import { resolveBearId as AS } from "../../utils/generateBearId.utils.js";
-import { useBearId as LS } from "../../utils/useBearId.js";
-const OS = ({
-  id: B,
-  testId: R,
-  messages: a,
-  currentUserId: v,
-  groupWindowMs: C = SS,
-  showDaySeparators: $ = !0,
-  showAvatars: b = !0,
-  showTimestamps: h = !0,
-  autoScroll: u = !0,
-  height: c = X,
-  renderMessage: o,
-  emptyState: y,
-  formatDayLabel: E,
-  formatTimestamp: i,
-  translations: U,
-  onNewMessagesClick: A,
-  className: H
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { useRef as a, useState as M, useEffect as C, useLayoutEffect as St } from "react";
+import { Avatar as ct } from "../Avatar/Avatar.js";
+import { Typography as d } from "../Typography/Typography.js";
+import { MESSAGE_LIST_DEFAULT_HEIGHT as w, MESSAGE_LIST_VIRTUALIZE_THRESHOLD as ot, MESSAGE_LIST_DEFAULT_TRANSLATIONS as _t, MESSAGE_LIST_EMPTY_CLASSES as it, MESSAGE_LIST_ROOT_CLASS as e, MESSAGE_LIST_SCROLLER_CLASSES as at, MESSAGE_LIST_NEW_MESSAGES_CLASSES as Et, MESSAGE_LIST_BASE_CLASSES as dt, MESSAGE_LIST_GROUP_WINDOW_MS as At, MESSAGE_LIST_OVERSCAN as ut, MESSAGE_LIST_DAY_LINE_CLASSES as P, MESSAGE_LIST_DAY_LABEL_CLASSES as Lt, MESSAGE_LIST_DAY_SEPARATOR_CLASSES as mt, MESSAGE_LIST_BOTTOM_THRESHOLD_PX as Tt, MESSAGE_LIST_AUTHOR_CLASSES as pt, MESSAGE_LIST_TIMESTAMP_CLASSES as U, MESSAGE_LIST_META_CLASSES as It, MESSAGE_LIST_BUBBLE_OWN_CLASSES as ht, MESSAGE_LIST_BUBBLE_CLASSES as ft, MESSAGE_LIST_GROUP_BODY_OWN_CLASSES as Mt, MESSAGE_LIST_GROUP_BODY_CLASSES as Gt, MESSAGE_LIST_GROUP_OWN_CLASSES as Ot, MESSAGE_LIST_GROUP_CLASSES as Nt } from "./MessageList.const.js";
+import { buildMessageListItems as vt, getMessageListWindow as Rt, getDefaultDayLabel as Ht, getDefaultTimestamp as yt } from "./MessageList.utils.js";
+import { cn as s } from "../../utils/cn.js";
+import { resolveBearId as Bt } from "../../utils/generateBearId.utils.js";
+import { useBearId as $t } from "../../utils/useBearId.js";
+const Yt = ({
+  id: D,
+  testId: x,
+  messages: r,
+  currentUserId: g,
+  groupWindowMs: W = At,
+  showDaySeparators: Y = !0,
+  showAvatars: F = !0,
+  showTimestamps: G = !0,
+  autoScroll: O = !0,
+  virtualized: V,
+  overscan: j = ut,
+  height: o = w,
+  renderMessage: A,
+  emptyState: k,
+  formatDayLabel: u,
+  formatTimestamp: L,
+  translations: z,
+  onNewMessagesClick: m,
+  className: X
 }) => {
-  const P = LS("MessageList"), w = AS(B, P), L = I(null), G = I(!0), d = I(null), [D, m] = j(!1), T = { ...q, ...U }, p = oS(a, v, C, $), W = (S) => (E == null ? void 0 : E(S)) ?? ES(S, T), M = (S) => (i == null ? void 0 : i(S)) ?? iS(S), O = (S) => {
-    const s = L.current;
-    s && s.scrollTo({ top: s.scrollHeight, behavior: S ? "smooth" : "auto" });
-  }, Y = () => {
-    const S = L.current;
-    if (!S) return;
-    const l = S.scrollHeight - S.scrollTop - S.clientHeight <= cS;
-    G.current = l, l && m(!1);
+  const Z = $t("MessageList"), q = Bt(D, Z), c = a(null), N = a(!0), T = a(null), p = a(null), I = a(null), [J, h] = M(!1), [K, v] = M(0), [Q, R] = M(
+    typeof o == "number" ? o : w
+  ), f = { ..._t, ...z }, E = vt(r, g, W, Y), tt = (t) => (u == null ? void 0 : u(t)) ?? Ht(t, f), H = (t) => (L == null ? void 0 : L(t)) ?? yt(t), y = V ?? r.length >= ot, B = (t) => {
+    const n = c.current;
+    n && n.scrollTo({ top: n.scrollHeight, behavior: t ? "smooth" : "auto" });
+  }, et = () => {
+    const t = c.current;
+    if (!t) return;
+    v(t.scrollTop), R(t.clientHeight);
+    const S = t.scrollHeight - t.scrollTop - t.clientHeight <= Tt;
+    N.current = S, S && h(!1);
   };
-  k(() => {
-    const S = a.length > 0 ? a[a.length - 1].id : null, s = d.current === null, l = S !== null && S !== d.current;
-    if (d.current = S, !!l) {
-      if (s || u && G.current) {
-        O(!s);
+  C(() => {
+    const t = c.current;
+    t && R(t.clientHeight);
+  }, [o]), C(() => {
+    const t = r.length > 0 ? r[0].id : null, n = r.length > 0 ? r[r.length - 1].id : null, S = T.current === null, lt = t !== null && p.current !== null && t !== p.current, rt = n !== null && n !== T.current;
+    if (lt && c.current && (I.current = c.current.scrollHeight), p.current = t, T.current = n, !!rt) {
+      if (S || O && N.current) {
+        B(!S);
         return;
       }
-      m(!0);
+      h(!0);
     }
-  }, [a, u]);
-  const x = () => {
-    O(!0), m(!1), A == null || A();
-  }, F = (S) => /* @__PURE__ */ _(
+  }, [r, O]), St(() => {
+    const t = c.current, n = I.current;
+    if (!t || n === null) return;
+    const S = t.scrollHeight - n;
+    S > 0 && (t.scrollTop += S, v(t.scrollTop)), I.current = null;
+  }, [r]);
+  const nt = () => {
+    B(!0), h(!1), m == null || m();
+  }, st = (t) => /* @__PURE__ */ i(
     "div",
     {
-      className: e(
-        `${t}__group`,
-        rS,
-        S.isOwn && lS
+      className: s(
+        `${e}__group`,
+        Nt,
+        t.isOwn && Ot
       ),
       children: [
-        b && !S.isOwn && /* @__PURE__ */ n(
-          z,
+        F && !t.isOwn && /* @__PURE__ */ l(
+          ct,
           {
-            src: S.author.avatar,
-            initials: S.author.name[0],
+            src: t.author.avatar,
+            initials: t.author.name[0],
             size: "sm",
             className: "bear-flex-shrink-0"
           }
         ),
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ i(
           "div",
           {
-            className: e(
-              `${t}__group-body`,
-              aS,
-              S.isOwn && _S
+            className: s(
+              `${e}__group-body`,
+              Gt,
+              t.isOwn && Mt
             ),
             children: [
-              !S.isOwn && /* @__PURE__ */ _("div", { className: e(`${t}__meta`, eS), children: [
-                /* @__PURE__ */ n(
-                  r,
+              !t.isOwn && /* @__PURE__ */ i("div", { className: s(`${e}__meta`, It), children: [
+                /* @__PURE__ */ l(
+                  d,
                   {
                     variant: "caption",
                     component: "span",
-                    className: e(`${t}__author`, tS),
-                    children: S.author.name
+                    className: s(`${e}__author`, pt),
+                    children: t.author.name
                   }
                 ),
-                h && /* @__PURE__ */ n(
-                  r,
+                G && /* @__PURE__ */ l(
+                  d,
                   {
                     variant: "caption",
                     component: "span",
-                    className: e(`${t}__timestamp`, f),
-                    children: M(S.messages[0].timestamp)
+                    className: s(`${e}__timestamp`, U),
+                    children: H(t.messages[0].timestamp)
                   }
                 )
               ] }),
-              S.messages.map((s) => /* @__PURE__ */ n(
+              t.messages.map((n) => /* @__PURE__ */ l(
                 "div",
                 {
-                  className: e(
-                    `${t}__bubble`,
-                    nS,
-                    S.isOwn && `${t}__bubble--own`,
-                    S.isOwn && sS
+                  className: s(
+                    `${e}__bubble`,
+                    ft,
+                    t.isOwn && `${e}__bubble--own`,
+                    t.isOwn && ht
                   ),
-                  children: (o == null ? void 0 : o(s)) ?? s.content
+                  children: (A == null ? void 0 : A(n)) ?? n.content
                 },
-                s.id
+                n.id
               )),
-              S.isOwn && h && /* @__PURE__ */ n(
-                r,
+              t.isOwn && G && /* @__PURE__ */ l(
+                d,
                 {
                   variant: "caption",
                   component: "span",
-                  className: e(`${t}__timestamp`, f),
-                  children: M(S.messages[S.messages.length - 1].timestamp)
+                  className: s(`${e}__timestamp`, U),
+                  children: H(t.messages[t.messages.length - 1].timestamp)
                 }
               )
             ]
@@ -121,56 +134,61 @@ const OS = ({
         )
       ]
     },
-    S.key
-  );
-  return /* @__PURE__ */ _(
+    t.key
+  ), $ = (t) => t.kind === "day" ? /* @__PURE__ */ i(
+    "div",
+    {
+      className: s(
+        `${e}__day-separator`,
+        mt
+      ),
+      children: [
+        /* @__PURE__ */ l("span", { className: s(`${e}__day-line`, P) }),
+        /* @__PURE__ */ l("span", { className: s(`${e}__day-label`, Lt), children: tt(t.date) }),
+        /* @__PURE__ */ l("span", { className: s(`${e}__day-line`, P) })
+      ]
+    },
+    t.key
+  ) : st(t), _ = y ? Rt(E, K, Q, j) : null, b = _ === null ? E : E.slice(_.startIndex, _.endIndex + 1);
+  return /* @__PURE__ */ i(
     "div",
     {
-      id: w,
-      "data-testid": R,
-      className: e(t, g, H),
-      style: { height: typeof c == "number" ? `${c}px` : c },
+      id: q,
+      "data-testid": x,
+      className: s(e, dt, X),
+      style: { height: typeof o == "number" ? `${o}px` : o },
       children: [
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ i(
           "div",
           {
-            ref: L,
-            onScroll: Y,
-            className: e(`${t}__scroller`, V),
+            ref: c,
+            onScroll: et,
+            className: s(`${e}__scroller`, at),
             role: "log",
             "aria-live": "polite",
             children: [
-              p.length === 0 && /* @__PURE__ */ n("div", { className: e(`${t}__empty`, J), children: y ?? /* @__PURE__ */ n(r, { variant: "body2", component: "span", children: T.emptyLabel }) }),
-              p.map(
-                (S) => S.kind === "day" ? /* @__PURE__ */ _(
-                  "div",
-                  {
-                    className: e(
-                      `${t}__day-separator`,
-                      Q
-                    ),
-                    children: [
-                      /* @__PURE__ */ n("span", { className: e(`${t}__day-line`, N) }),
-                      /* @__PURE__ */ n("span", { className: e(`${t}__day-label`, K), children: W(S.date) }),
-                      /* @__PURE__ */ n("span", { className: e(`${t}__day-line`, N) })
-                    ]
-                  },
-                  S.key
-                ) : F(S)
-              )
+              E.length === 0 && /* @__PURE__ */ l("div", { className: s(`${e}__empty`, it), children: k ?? /* @__PURE__ */ l(d, { variant: "body2", component: "span", children: f.emptyLabel }) }),
+              y && _ ? /* @__PURE__ */ l(
+                "div",
+                {
+                  className: `${e}__virtual`,
+                  style: { height: _.totalHeight, position: "relative" },
+                  children: /* @__PURE__ */ l("div", { style: { transform: `translateY(${_.offsetTop}px)` }, children: b.map((t) => $(t)) })
+                }
+              ) : b.map((t) => $(t))
             ]
           }
         ),
-        D && /* @__PURE__ */ n(
+        J && /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: x,
-            className: e(
-              `${t}__new-messages`,
-              Z
+            onClick: nt,
+            className: s(
+              `${e}__new-messages`,
+              Et
             ),
-            children: T.newMessages
+            children: f.newMessages
           }
         )
       ]
@@ -178,5 +196,5 @@ const OS = ({
   );
 };
 export {
-  OS as MessageList
+  Yt as MessageList
 };

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

@@ -53,6 +53,10 @@ export interface MessageListProps {
     showTimestamps?: boolean;
     /** Auto-scroll to bottom on new messages when already at the bottom */
     autoScroll?: boolean;
+    /** Enable windowed rendering for long conversations (auto when message count exceeds threshold) */
+    virtualized?: boolean;
+    /** Extra items rendered above/below the viewport when virtualized */
+    overscan?: number;
     /** Height of the scrollable area */
     height?: number | string;
     /** Custom message content renderer */

package/dist/components/MessageList/MessageList.utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./MessageList.const.cjs"),n=(e,s)=>e.getFullYear()===s.getFullYear()&&e.getMonth()===s.getMonth()&&e.getDate()===s.getDate(),u=e=>`${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`,c=(e,s)=>{const o=new Date;if(n(e,o))return s.today;const g=new Date(o.getTime()-y.MESSAGE_LIST_MS_PER_DAY);return n(e,g)?s.yesterday:e.toLocaleDateString([],{year:"numeric",month:"long",day:"numeric"})},d=e=>e.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}),D=(e,s,o,g)=>{const i=[];let r=null;for(const t of e){const m=r===null||!n(r,t.timestamp);g&&m&&i.push({kind:"day",key:`day-${u(t.timestamp)}`,date:t.timestamp});const a=i[i.length-1],l=a!==void 0&&a.kind==="group"&&a.author.id===t.author.id&&t.timestamp.getTime()-a.messages[a.messages.length-1].timestamp.getTime()<=o;a!==void 0&&a.kind==="group"&&l?a.messages.push(t):i.push({kind:"group",key:`group-${t.id}`,author:t.author,isOwn:t.author.id===s,messages:[t]}),r=t.timestamp}return i};exports.buildMessageListItems=D;exports.getDayKey=u;exports.getDefaultDayLabel=c;exports.getDefaultTimestamp=d;exports.isSameDay=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./MessageList.const.cjs"),S=(e,i)=>e.getFullYear()===i.getFullYear()&&e.getMonth()===i.getMonth()&&e.getDate()===i.getDate(),h=e=>`${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`,M=(e,i)=>{const o=new Date;if(S(e,o))return i.today;const r=new Date(o.getTime()-l.MESSAGE_LIST_MS_PER_DAY);return S(e,r)?i.yesterday:e.toLocaleDateString([],{year:"numeric",month:"long",day:"numeric"})},y=e=>e.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}),E=(e,i,o,r)=>{const t=[];let u=null;for(const s of e){const m=u===null||!S(u,s.timestamp);r&&m&&t.push({kind:"day",key:`day-${h(s.timestamp)}`,date:s.timestamp});const a=t[t.length-1],g=a!==void 0&&a.kind==="group"&&a.author.id===s.author.id&&s.timestamp.getTime()-a.messages[a.messages.length-1].timestamp.getTime()<=o;a!==void 0&&a.kind==="group"&&g?a.messages.push(s):t.push({kind:"group",key:`group-${s.id}`,author:s.author,isOwn:s.author.id===i,messages:[s]}),u=s.timestamp}return t},_=e=>e.kind==="day"?l.MESSAGE_LIST_DAY_ESTIMATE_PX+l.MESSAGE_LIST_ITEM_GAP_PX:l.MESSAGE_LIST_GROUP_BASE_ESTIMATE_PX+e.messages.length*l.MESSAGE_LIST_BUBBLE_ESTIMATE_PX+l.MESSAGE_LIST_ITEM_GAP_PX,T=(e,i,o,r)=>{const t=e.map(_),u=t.reduce((n,c)=>n+c,0);let s=0,m=0;for(let n=0;n<t.length;n+=1){if(s+t[n]>i){m=Math.max(0,n-r);break}s+=t[n]}let a=0;for(let n=0;n<m;n+=1)a+=t[n];let g=m,d=a;for(;g<t.length&&d<i+o;)d+=t[g],g+=1;return g=Math.min(t.length-1,g+r),{startIndex:m,endIndex:g,offsetTop:a,totalHeight:u}};exports.buildMessageListItems=E;exports.estimateMessageListItemHeight=_;exports.getDayKey=h;exports.getDefaultDayLabel=M;exports.getDefaultTimestamp=y;exports.getMessageListWindow=T;exports.isSameDay=S;

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

@@ -4,3 +4,10 @@ export declare const getDayKey: (date: Date) => string;
 export declare const getDefaultDayLabel: (date: Date, translations: MessageListTranslations) => string;
 export declare const getDefaultTimestamp: (date: Date) => string;
 export declare const buildMessageListItems: (messages: MessageListMessage[], currentUserId: string | undefined, groupWindowMs: number, showDaySeparators: boolean) => MessageListItem[];
+export declare const estimateMessageListItemHeight: (item: MessageListItem) => number;
+export declare const getMessageListWindow: (items: MessageListItem[], scrollTop: number, viewportHeight: number, overscan: number) => {
+    startIndex: number;
+    endIndex: number;
+    offsetTop: number;
+    totalHeight: number;
+};

package/dist/components/MessageList/MessageList.utils.js

@@ -1,35 +1,54 @@
-import { MESSAGE_LIST_MS_PER_DAY as l } from "./MessageList.const.js";
-const g = (t, s) => t.getFullYear() === s.getFullYear() && t.getMonth() === s.getMonth() && t.getDate() === s.getDate(), c = (t) => `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`, d = (t, s) => {
-  const i = /* @__PURE__ */ new Date();
-  if (g(t, i))
-    return s.today;
-  const n = new Date(i.getTime() - l);
-  return g(t, n) ? s.yesterday : t.toLocaleDateString([], { year: "numeric", month: "long", day: "numeric" });
-}, y = (t) => t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), h = (t, s, i, n) => {
-  const o = [];
-  let r = null;
-  for (const e of t) {
-    const m = r === null || !g(r, e.timestamp);
-    n && m && o.push({
+import { MESSAGE_LIST_DAY_ESTIMATE_PX as c, MESSAGE_LIST_ITEM_GAP_PX as d, MESSAGE_LIST_GROUP_BASE_ESTIMATE_PX as _, MESSAGE_LIST_BUBBLE_ESTIMATE_PX as E, MESSAGE_LIST_MS_PER_DAY as p } from "./MessageList.const.js";
+const u = (e, a) => e.getFullYear() === a.getFullYear() && e.getMonth() === a.getMonth() && e.getDate() === a.getDate(), M = (e) => `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`, T = (e, a) => {
+  const g = /* @__PURE__ */ new Date();
+  if (u(e, g))
+    return a.today;
+  const r = new Date(g.getTime() - p);
+  return u(e, r) ? a.yesterday : e.toLocaleDateString([], { year: "numeric", month: "long", day: "numeric" });
+}, D = (e) => e.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), I = (e, a, g, r) => {
+  const t = [];
+  let l = null;
+  for (const s of e) {
+    const m = l === null || !u(l, s.timestamp);
+    r && m && t.push({
       kind: "day",
-      key: `day-${c(e.timestamp)}`,
-      date: e.timestamp
+      key: `day-${M(s.timestamp)}`,
+      date: s.timestamp
     });
-    const a = o[o.length - 1], u = a !== void 0 && a.kind === "group" && a.author.id === e.author.id && e.timestamp.getTime() - a.messages[a.messages.length - 1].timestamp.getTime() <= i;
-    a !== void 0 && a.kind === "group" && u ? a.messages.push(e) : o.push({
+    const n = t[t.length - 1], o = n !== void 0 && n.kind === "group" && n.author.id === s.author.id && s.timestamp.getTime() - n.messages[n.messages.length - 1].timestamp.getTime() <= g;
+    n !== void 0 && n.kind === "group" && o ? n.messages.push(s) : t.push({
       kind: "group",
-      key: `group-${e.id}`,
-      author: e.author,
-      isOwn: e.author.id === s,
-      messages: [e]
-    }), r = e.timestamp;
+      key: `group-${s.id}`,
+      author: s.author,
+      isOwn: s.author.id === a,
+      messages: [s]
+    }), l = s.timestamp;
   }
-  return o;
+  return t;
+}, f = (e) => e.kind === "day" ? c + d : _ + e.messages.length * E + d, A = (e, a, g, r) => {
+  const t = e.map(f), l = t.reduce((i, S) => i + S, 0);
+  let s = 0, m = 0;
+  for (let i = 0; i < t.length; i += 1) {
+    if (s + t[i] > a) {
+      m = Math.max(0, i - r);
+      break;
+    }
+    s += t[i];
+  }
+  let n = 0;
+  for (let i = 0; i < m; i += 1)
+    n += t[i];
+  let o = m, h = n;
+  for (; o < t.length && h < a + g; )
+    h += t[o], o += 1;
+  return o = Math.min(t.length - 1, o + r), { startIndex: m, endIndex: o, offsetTop: n, totalHeight: l };
 };
 export {
-  h as buildMessageListItems,
-  c as getDayKey,
-  d as getDefaultDayLabel,
-  y as getDefaultTimestamp,
-  g as isSameDay
+  I as buildMessageListItems,
+  f as estimateMessageListItemHeight,
+  M as getDayKey,
+  T as getDefaultDayLabel,
+  D as getDefaultTimestamp,
+  A as getMessageListWindow,
+  u as isSameDay
 };

package/dist/components/Modal/Modal.cjs

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={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"},e="bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",a="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",b="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",t="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",o="bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300",A="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_BACKDROP_CLASSES=e;exports.MODAL_BODY_CLASSES=o;exports.MODAL_CLOSE_CLASSES=S;exports.MODAL_CONTAINER_CLASSES=a;exports.MODAL_FOOTER_CLASSES=A;exports.MODAL_HEADER_CLASSES=b;exports.MODAL_SIZE_CLASSES=r;exports.MODAL_TITLE_CLASSES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={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"},e="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",b="bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white",t="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",o="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=S;exports.MODAL_CLOSE_CLASSES=t;exports.MODAL_CONTAINER_CLASSES=e;exports.MODAL_FOOTER_CLASSES=o;exports.MODAL_HEADER_CLASSES=a;exports.MODAL_SIZE_CLASSES=r;exports.MODAL_TITLE_CLASSES=b;

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

@@ -4,14 +4,13 @@ const r = {
   lg: "bear-max-w-lg",
   xl: "bear-max-w-xl",
   full: "bear-max-w-full bear-mx-4"
-}, e = "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity", a = "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", b = "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", t = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", o = "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", n = "bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300", d = "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 = "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", b = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", t = "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", o = "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";
 export {
-  e as MODAL_BACKDROP_CLASSES,
-  n as MODAL_BODY_CLASSES,
-  o as MODAL_CLOSE_CLASSES,
-  a as MODAL_CONTAINER_CLASSES,
-  d as MODAL_FOOTER_CLASSES,
-  b as MODAL_HEADER_CLASSES,
+  o as MODAL_BODY_CLASSES,
+  t as MODAL_CLOSE_CLASSES,
+  e as MODAL_CONTAINER_CLASSES,
+  n as MODAL_FOOTER_CLASSES,
+  a as MODAL_HEADER_CLASSES,
   r as MODAL_SIZE_CLASSES,
-  t as MODAL_TITLE_CLASSES
+  b as MODAL_TITLE_CLASSES
 };