@forgedevstack/bear 1.2.9 → 1.3.1

package/dist/components/FloatingChat/FloatingChat.js

@@ -5,12 +5,13 @@ import { cn as s } from "../../utils/cn.js";
 import { useBear as q } from "../../context/BearProvider.js";
 import { Button as A } from "../Button/Button.js";
 import { Avatar as J } from "../Avatar/Avatar.js";
+import "../Box/Box.js";
 import { Typography as c } from "../Typography/Typography.js";
 import { Badge as K } from "../Badge/Badge.js";
 import { BearIcons as n } from "../Icon/index.js";
 import { Chat as O } from "../Chat/Chat.js";
 import { FLOATING_CHAT_DEFAULTS as a, CHAT_WINDOW_SIZE as m } from "./FloatingChat.const.js";
-const lt = ({
+const ct = ({
   messages: d,
   onSend: E,
   isLoading: z = !1,
@@ -18,8 +19,8 @@ const lt = ({
   title: h = a.TITLE,
   subtitle: B = a.SUBTITLE,
   avatar: D,
-  position: f = a.POSITION,
-  bottom: p = a.BOTTOM,
+  position: p = a.POSITION,
+  bottom: f = a.BOTTOM,
   side: v = a.SIDE,
   defaultOpen: L = !1,
   open: _,
@@ -38,11 +39,11 @@ const lt = ({
   }, [i, e]), j = S(() => {
     l(!0), b(!1), e == null || e(!1), setTimeout(() => l(!1), 300);
   }, [e]), G = d.length === 0 && u ? [{ id: "welcome", content: u, sender: "bot", timestamp: /* @__PURE__ */ new Date() }] : d, H = {
-    bottom: `${p}px`,
-    [f === "bottom-right" ? "right" : "left"]: `${v}px`
+    bottom: `${f}px`,
+    [p === "bottom-right" ? "right" : "left"]: `${v}px`
   }, U = {
-    bottom: `${p + 70}px`,
-    [f === "bottom-right" ? "right" : "left"]: `${v}px`,
+    bottom: `${f + 70}px`,
+    [p === "bottom-right" ? "right" : "left"]: `${v}px`,
     width: m.width,
     height: m.height
   }, X = /* @__PURE__ */ r("div", { className: s("Bear-FloatingChat", F), "data-testid": W, children: [
@@ -140,5 +141,5 @@ const lt = ({
   return typeof document > "u" ? null : Z(X, document.body);
 };
 export {
-  lt as FloatingChat
+  ct as FloatingChat
 };

package/dist/components/GradientText/GradientText.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),e=require("./GradientText.const.cjs"),I=c=>{const{children:d,preset:a="primary",colors:t,direction:i="to-r",animate:r=!1,animationSpeed:l=e.DEFAULT_ANIMATION_SPEED,as:T="span",weight:u="bold",className:E,style:g,testId:m}=c,n=s.useMemo(()=>t&&t.length>0?t:e.GRADIENT_PRESETS[a]??e.GRADIENT_PRESETS.primary,[t,a]),A=s.useMemo(()=>{const o=e.DIRECTION_MAP[i]??"to right";if(!r)return`linear-gradient(${o}, ${n.join(", ")})`;const S=Array.from({length:e.COLOR_REPEAT_COUNT},()=>n).flat();return`linear-gradient(${o}, ${S.join(", ")})`},[n,i,r]);return _.jsx(T,{className:b.cn("Bear-GradientText","bear-inline-block","bear-bg-clip-text bear-text-transparent",r&&"Bear-GradientText--animated",E),style:{background:A,fontWeight:e.WEIGHT_MAP[u]??e.DEFAULT_WEIGHT,...r&&{backgroundSize:e.ANIMATED_BG_SIZE,animation:`bear-gradient-shift ${l}s ease infinite`},...g},"data-testid":m,children:d})};exports.GradientText=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),s=require("react"),S=require("../../utils/cn.cjs"),e=require("./GradientText.const.cjs"),b=c=>{const{children:T,preset:a="primary",colors:t,direction:i="to-r",animate:r=!1,animationSpeed:d=e.DEFAULT_ANIMATION_SPEED,as:l="span",weight:E="bold",className:u,style:g,testId:m}=c,n=s.useMemo(()=>t&&t.length>0?t:e.GRADIENT_PRESETS[a]??e.GRADIENT_PRESETS.primary,[t,a]),_=s.useMemo(()=>{const o=e.DIRECTION_MAP[i]??"to right";if(!r)return`linear-gradient(${o}, ${n.join(", ")})`;const I=Array.from({length:e.COLOR_REPEAT_COUNT},()=>n).flat();return`linear-gradient(${o}, ${I.join(", ")})`},[n,i,r]);return A.jsx(l,{className:S.cn("Bear-GradientText","bear-inline-block","bear-bg-clip-text bear-text-transparent",r&&"Bear-GradientText--animated",u),style:{backgroundImage:_,...e.GRADIENT_TEXT_CLIP_STYLE,fontWeight:e.WEIGHT_MAP[E]??e.DEFAULT_WEIGHT,...r&&{backgroundSize:e.ANIMATED_BG_SIZE,animation:`bear-gradient-shift ${d}s ease infinite`},...g},"data-testid":m,children:T})};exports.GradientText=b;

package/dist/components/GradientText/GradientText.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={primary:["var(--bear-primary-400, #f472b6)","var(--bear-primary-600, #db2777)"],sunset:["#f97316","#ef4444","#ec4899"],ocean:["#06b6d4","#3b82f6","#8b5cf6"],forest:["#22c55e","#10b981","#14b8a6"],fire:["#fbbf24","#f97316","#ef4444"],purple:["#a855f7","#7c3aed","#6366f1"],neon:["#22d3ee","#a78bfa","#f472b6"],candy:["#f472b6","#fb923c","#fbbf24"],aurora:["#34d399","#22d3ee","#818cf8","#c084fc"],midnight:["#6366f1","#8b5cf6","#a78bfa"]},o={"to-r":"to right","to-l":"to left","to-t":"to top","to-b":"to bottom","to-tr":"to top right","to-tl":"to top left","to-br":"to bottom right","to-bl":"to bottom left"},b=3,e="200% 200%",f={normal:400,medium:500,semibold:600,bold:700,extrabold:800},E=700,r=3;exports.ANIMATED_BG_SIZE=e;exports.COLOR_REPEAT_COUNT=r;exports.DEFAULT_ANIMATION_SPEED=b;exports.DEFAULT_WEIGHT=E;exports.DIRECTION_MAP=o;exports.GRADIENT_PRESETS=t;exports.WEIGHT_MAP=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={primary:["var(--bear-primary-400, #f472b6)","var(--bear-primary-600, #db2777)"],sunset:["#f97316","#ef4444","#ec4899"],ocean:["#06b6d4","#3b82f6","#8b5cf6"],forest:["#22c55e","#10b981","#14b8a6"],fire:["#fbbf24","#f97316","#ef4444"],purple:["#a855f7","#7c3aed","#6366f1"],neon:["#22d3ee","#a78bfa","#f472b6"],candy:["#f472b6","#fb923c","#fbbf24"],aurora:["#34d399","#22d3ee","#818cf8","#c084fc"],midnight:["#6366f1","#8b5cf6","#a78bfa"]},o={"to-r":"to right","to-l":"to left","to-t":"to top","to-b":"to bottom","to-tr":"to top right","to-tl":"to top left","to-br":"to bottom right","to-bl":"to bottom left"},e=3,r="200% 200%",E={normal:400,medium:500,semibold:600,bold:700,extrabold:800},b=700,T=3,a={WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"};exports.ANIMATED_BG_SIZE=r;exports.COLOR_REPEAT_COUNT=T;exports.DEFAULT_ANIMATION_SPEED=e;exports.DEFAULT_WEIGHT=b;exports.DIRECTION_MAP=o;exports.GRADIENT_PRESETS=t;exports.GRADIENT_TEXT_CLIP_STYLE=a;exports.WEIGHT_MAP=E;

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

@@ -11,5 +11,10 @@ export declare const ANIMATED_BG_SIZE = "200% 200%";
 export declare const WEIGHT_MAP: Record<string, number>;
 /** Default font weight */
 export declare const DEFAULT_WEIGHT = 700;
-/** Number of color repetitions for seamless animation */
 export declare const COLOR_REPEAT_COUNT = 3;
+export declare const GRADIENT_TEXT_CLIP_STYLE: {
+    readonly WebkitBackgroundClip: "text";
+    readonly backgroundClip: "text";
+    readonly WebkitTextFillColor: "transparent";
+    readonly color: "transparent";
+};

package/dist/components/GradientText/GradientText.const.js

@@ -18,19 +18,25 @@ const t = {
   "to-tl": "to top left",
   "to-br": "to bottom right",
   "to-bl": "to bottom left"
-}, b = 3, f = "200% 200%", e = {
+}, r = 3, b = "200% 200%", e = {
   normal: 400,
   medium: 500,
   semibold: 600,
   bold: 700,
   extrabold: 800
-}, r = 700, a = 3;
+}, f = 700, a = 3, c = {
+  WebkitBackgroundClip: "text",
+  backgroundClip: "text",
+  WebkitTextFillColor: "transparent",
+  color: "transparent"
+};
 export {
-  f as ANIMATED_BG_SIZE,
+  b as ANIMATED_BG_SIZE,
   a as COLOR_REPEAT_COUNT,
-  b as DEFAULT_ANIMATION_SPEED,
-  r as DEFAULT_WEIGHT,
+  r as DEFAULT_ANIMATION_SPEED,
+  f as DEFAULT_WEIGHT,
   o as DIRECTION_MAP,
   t as GRADIENT_PRESETS,
+  c as GRADIENT_TEXT_CLIP_STYLE,
   e as WEIGHT_MAP
 };

package/dist/components/GradientText/GradientText.js

@@ -1,30 +1,30 @@
-import { jsx as I } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { useMemo as o } from "react";
-import { cn as _ } from "../../utils/cn.js";
-import { DEFAULT_ANIMATION_SPEED as b, GRADIENT_PRESETS as s, DIRECTION_MAP as u, COLOR_REPEAT_COUNT as N, ANIMATED_BG_SIZE as S, WEIGHT_MAP as h, DEFAULT_WEIGHT as x } from "./GradientText.const.js";
-const M = (d) => {
+import { cn as A } from "../../utils/cn.js";
+import { DEFAULT_ANIMATION_SPEED as b, GRADIENT_PRESETS as s, DIRECTION_MAP as u, COLOR_REPEAT_COUNT as N, ANIMATED_BG_SIZE as S, WEIGHT_MAP as G, DEFAULT_WEIGHT as h, GRADIENT_TEXT_CLIP_STYLE as x } from "./GradientText.const.js";
+const y = (m) => {
   const {
-    children: m,
+    children: d,
     preset: a = "primary",
     colors: t,
     direction: n = "to-r",
     animate: e = !1,
-    animationSpeed: c = b,
-    as: l = "span",
-    weight: T = "bold",
+    animationSpeed: T = b,
+    as: c = "span",
+    weight: l = "bold",
     className: E,
     style: g,
     testId: p
-  } = d, r = o(() => t && t.length > 0 ? t : s[a] ?? s.primary, [t, a]), f = o(() => {
+  } = m, r = o(() => t && t.length > 0 ? t : s[a] ?? s.primary, [t, a]), I = o(() => {
     const i = u[n] ?? "to right";
     if (!e) return `linear-gradient(${i}, ${r.join(", ")})`;
-    const A = Array.from({ length: N }, () => r).flat();
-    return `linear-gradient(${i}, ${A.join(", ")})`;
+    const _ = Array.from({ length: N }, () => r).flat();
+    return `linear-gradient(${i}, ${_.join(", ")})`;
   }, [r, n, e]);
-  return /* @__PURE__ */ I(
-    l,
+  return /* @__PURE__ */ f(
+    c,
     {
-      className: _(
+      className: A(
         "Bear-GradientText",
         "bear-inline-block",
         "bear-bg-clip-text bear-text-transparent",
@@ -32,19 +32,20 @@ const M = (d) => {
         E
       ),
       style: {
-        background: f,
-        fontWeight: h[T] ?? x,
+        backgroundImage: I,
+        ...x,
+        fontWeight: G[l] ?? h,
         ...e && {
           backgroundSize: S,
-          animation: `bear-gradient-shift ${c}s ease infinite`
+          animation: `bear-gradient-shift ${T}s ease infinite`
         },
         ...g
       },
       "data-testid": p,
-      children: m
+      children: d
     }
   );
 };
 export {
-  M as GradientText
+  y as GradientText
 };

package/dist/components/Icon/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const n=require("./icons/action.cjs"),o=require("./icons/navigation.cjs"),t=require("./icons/content.cjs"),r=require("./icons/communication.cjs"),e=require("./icons/status.cjs"),i=require("./icons/media.cjs"),s=require("./icons/editor.cjs"),c=require("./icons/misc.cjs"),I=require("./icons/bear.cjs"),h=require("./icons/file.cjs"),C=require("./icons/social.cjs"),u=require("./icons/device.cjs"),v=require("./icons/commerce.cjs"),a=e.CheckIcon,q=o.CloseIcon,m=n.EditIcon,d=o.ChevronDownIcon,g=o.ChevronRightIcon,l=o.ChevronLeftIcon,f=o.ChevronsLeftIcon,L=o.ChevronsRightIcon,R=c.XIcon,D={...n,...o,...t,...r,...e,...i,...s,...c,...I,...h,...C,...u,...v,Action:n,Navigation:o,Content:t,Communication:r,Status:e,Media:i,Editor:s,Misc:c,Bear:I,File:h,Social:C,Device:u,Commerce:v};exports.BearIcons=D;exports.CheckIcon=a;exports.ChevronDownIcon=d;exports.ChevronLeftIcon=l;exports.ChevronRightIcon=g;exports.ChevronsLeftIcon=f;exports.ChevronsRightIcon=L;exports.CloseIcon=q;exports.EditIcon=m;exports.XIcon=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const n=require("./icons/action.cjs"),o=require("./icons/navigation.cjs"),I=require("./icons/content.cjs"),s=require("./icons/communication.cjs"),c=require("./icons/status.cjs"),i=require("./icons/media.cjs"),r=require("./icons/editor.cjs"),e=require("./icons/misc.cjs"),a=require("./icons/bear.cjs"),t=require("./icons/file.cjs"),C=require("./icons/social.cjs"),h=require("./icons/device.cjs"),l=require("./icons/commerce.cjs"),u=c.CheckIcon,v=o.CloseIcon,d=n.EditIcon,g=n.MoreHorizIcon,q=o.ChevronDownIcon,f=o.ChevronRightIcon,m=o.ChevronLeftIcon,S=o.ChevronsUpIcon,F=o.ChevronsLeftIcon,k=o.ChevronsRightIcon,H=e.XIcon,p=c.InfoIcon,E=c.CheckCircleIcon,B=c.WarningIcon,L=c.ErrorIcon,M=r.QuoteIcon,R=e.CalendarIcon,U=e.ClockIcon,D=t.FolderIcon,O=t.FolderOpenIcon,T=n.StarIcon,b=n.StarBorderIcon,w=n.StarHalfIcon,x=r.FormatColorTextIcon,z=r.HighlightIcon,Q=e.UserIcon,W={...n,...o,...I,...s,...c,...i,...r,...e,...a,...t,...C,...h,...l,Action:n,Navigation:o,Content:I,Communication:s,Status:c,Media:i,Editor:r,Misc:e,Bear:a,File:t,Social:C,Device:h,Commerce:l};exports.BearIcons=W;exports.CalendarIcon=R;exports.CheckCircleIcon=E;exports.CheckIcon=u;exports.ChevronDownIcon=q;exports.ChevronLeftIcon=m;exports.ChevronRightIcon=f;exports.ChevronsLeftIcon=F;exports.ChevronsRightIcon=k;exports.ChevronsUpIcon=S;exports.ClockIcon=U;exports.CloseIcon=v;exports.EditIcon=d;exports.ErrorIcon=L;exports.FolderIcon=D;exports.FolderOpenIcon=O;exports.FormatColorTextIcon=x;exports.HighlightIcon=z;exports.InfoIcon=p;exports.MoreHorizIcon=g;exports.QuoteIcon=M;exports.StarBorderIcon=b;exports.StarHalfIcon=w;exports.StarIcon=T;exports.UserIcon=Q;exports.WarningIcon=B;exports.XIcon=H;

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

@@ -22,6 +22,7 @@ import * as CommerceIcons from './icons/commerce';
 export declare const CheckIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const CloseIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const EditIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const MoreHorizIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const ChevronDownIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const ChevronRightIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const ChevronLeftIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
@@ -39,6 +40,19 @@ export declare const XIcon: import('react').FunctionComponent<Omit<import('./Ico
 export declare const BearPawIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const HomeIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const InfoIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const CheckCircleIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const WarningIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const ErrorIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const QuoteIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const CalendarIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const ClockIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const FolderIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const FolderOpenIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const StarIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const StarBorderIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const StarHalfIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const FormatColorTextIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
+export declare const HighlightIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const UserIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const UsersIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;
 export declare const UserPlusIcon: import('react').FunctionComponent<Omit<import('./Icon.types').IconProps, "children">>;

package/dist/components/Icon/index.js

@@ -1,60 +1,79 @@
 import "react/jsx-runtime";
 import "react";
 import * as o from "./icons/action.js";
-import { EditIcon as C } from "./icons/action.js";
+import { EditIcon as f, StarBorderIcon as l, StarHalfIcon as p, StarIcon as $, MoreHorizIcon as v } from "./icons/action.js";
 import * as n from "./icons/navigation.js";
-import { CloseIcon as p, ChevronDownIcon as v, ChevronRightIcon as $, ChevronLeftIcon as d, ChevronsLeftIcon as g, ChevronsRightIcon as l } from "./icons/navigation.js";
-import * as t from "./icons/content.js";
+import { CloseIcon as d, ChevronDownIcon as g, ChevronsUpIcon as S, ChevronRightIcon as F, ChevronLeftIcon as k, ChevronsLeftIcon as H, ChevronsRightIcon as u } from "./icons/navigation.js";
+import * as c from "./icons/content.js";
 import * as r from "./icons/communication.js";
-import * as c from "./icons/status.js";
-import { CheckIcon as L } from "./icons/status.js";
-import * as i from "./icons/media.js";
-import * as s from "./icons/editor.js";
-import * as e from "./icons/misc.js";
-import { XIcon as R } from "./icons/misc.js";
-import * as m from "./icons/bear.js";
-import * as a from "./icons/file.js";
-import * as I from "./icons/social.js";
-import * as f from "./icons/device.js";
+import * as t from "./icons/status.js";
+import { CheckIcon as E, InfoIcon as L, ErrorIcon as R, WarningIcon as U, CheckCircleIcon as B } from "./icons/status.js";
+import * as s from "./icons/media.js";
+import * as e from "./icons/editor.js";
+import { QuoteIcon as M, FormatColorTextIcon as x, HighlightIcon as D } from "./icons/editor.js";
+import * as I from "./icons/misc.js";
+import { XIcon as w, CalendarIcon as z, ClockIcon as O, UserIcon as Q } from "./icons/misc.js";
+import * as a from "./icons/bear.js";
+import * as i from "./icons/file.js";
+import { FolderOpenIcon as T, FolderIcon as W } from "./icons/file.js";
+import * as m from "./icons/social.js";
+import * as C from "./icons/device.js";
 import * as h from "./icons/commerce.js";
-const B = L, M = p, S = C, b = v, x = $, A = d, F = g, N = l, j = R, q = {
+const J = E, K = d, P = f, V = v, Y = g, Z = F, _ = k, oo = S, no = H, co = u, ro = w, to = L, so = B, eo = U, Io = R, ao = M, io = z, mo = O, Co = W, ho = T, fo = $, lo = l, po = p, $o = x, vo = D, go = Q, So = {
   // Flat access to common icons (shortcuts)
   ...o,
   ...n,
-  ...t,
-  ...r,
   ...c,
-  ...i,
+  ...r,
+  ...t,
   ...s,
   ...e,
-  ...m,
-  ...a,
   ...I,
-  ...f,
+  ...a,
+  ...i,
+  ...m,
+  ...C,
   ...h,
   Action: o,
   Navigation: n,
-  Content: t,
+  Content: c,
   Communication: r,
-  Status: c,
-  Media: i,
-  Editor: s,
-  Misc: e,
-  Bear: m,
-  File: a,
-  Social: I,
-  Device: f,
+  Status: t,
+  Media: s,
+  Editor: e,
+  Misc: I,
+  Bear: a,
+  File: i,
+  Social: m,
+  Device: C,
   Commerce: h
 };
 export {
-  q as BearIcons,
-  B as CheckIcon,
-  b as ChevronDownIcon,
-  A as ChevronLeftIcon,
-  x as ChevronRightIcon,
-  F as ChevronsLeftIcon,
-  N as ChevronsRightIcon,
-  M as CloseIcon,
-  S as EditIcon,
-  j as XIcon
+  So as BearIcons,
+  io as CalendarIcon,
+  so as CheckCircleIcon,
+  J as CheckIcon,
+  Y as ChevronDownIcon,
+  _ as ChevronLeftIcon,
+  Z as ChevronRightIcon,
+  no as ChevronsLeftIcon,
+  co as ChevronsRightIcon,
+  oo as ChevronsUpIcon,
+  mo as ClockIcon,
+  K as CloseIcon,
+  P as EditIcon,
+  Io as ErrorIcon,
+  Co as FolderIcon,
+  ho as FolderOpenIcon,
+  $o as FormatColorTextIcon,
+  vo as HighlightIcon,
+  to as InfoIcon,
+  V as MoreHorizIcon,
+  ao as QuoteIcon,
+  lo as StarBorderIcon,
+  po as StarHalfIcon,
+  fo as StarIcon,
+  go as UserIcon,
+  eo as WarningIcon,
+  ro as XIcon
 };

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { BisProp } from '../../types/bis.types';
+import { BisProp } from '../../types';
 export type MediaType = 'video' | 'audio';
 export type MediaPlayerSize = 'sm' | 'md' | 'lg';
 export type StickyPosition = 'left' | 'right';

package/dist/components/MessageList/MessageList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),_=require("react"),eS=require("../Avatar/Avatar.cjs"),a=require("../Typography/Typography.cjs"),e=require("./MessageList.const.cjs"),A=require("./MessageList.utils.cjs"),n=require("../../utils/cn.cjs"),tS=require("../../utils/generateBearId.utils.cjs"),sS=require("../../utils/useBearId.cjs"),nS=({id:H,testId:B,messages:c,currentUserId:b,groupWindowMs:$=e.MESSAGE_LIST_GROUP_WINDOW_MS,showDaySeparators:g=!0,showAvatars:w=!0,showTimestamps:h=!0,autoScroll:p=!0,virtualized:P,overscan:U=e.MESSAGE_LIST_OVERSCAN,height:E=e.MESSAGE_LIST_DEFAULT_HEIGHT,renderMessage:L,emptyState:D,formatDayLabel:T,formatTimestamp:u,translations:q,onNewMessagesClick:d,className:Y})=>{const W=sS.useBearId("MessageList"),F=tS.resolveBearId(H,W),l=_.useRef(null),C=_.useRef(!0),I=_.useRef(null),O=_.useRef(null),M=_.useRef(null),[V,G]=_.useState(!1),[k,m]=_.useState(0),[z,f]=_.useState(typeof E=="number"?E:e.MESSAGE_LIST_DEFAULT_HEIGHT),R={...e.MESSAGE_LIST_DEFAULT_TRANSLATIONS,...q},o=A.buildMessageListItems(c,b,$,g),X=S=>(T==null?void 0:T(S))??A.getDefaultDayLabel(S,R),y=S=>(u==null?void 0:u(S))??A.getDefaultTimestamp(S),v=P??c.length>=e.MESSAGE_LIST_VIRTUALIZE_THRESHOLD,N=S=>{const s=l.current;s&&s.scrollTo({top:s.scrollHeight,behavior:S?"smooth":"auto"})},Z=()=>{const S=l.current;if(!S)return;m(S.scrollTop),f(S.clientHeight);const r=S.scrollHeight-S.scrollTop-S.clientHeight<=e.MESSAGE_LIST_BOTTOM_THRESHOLD_PX;C.current=r,r&&G(!1)};_.useEffect(()=>{const S=l.current;S&&f(S.clientHeight)},[E]),_.useEffect(()=>{const S=c.length>0?c[0].id:null,s=c.length>0?c[c.length-1].id:null,r=I.current===null,Q=S!==null&&O.current!==null&&S!==O.current,SS=s!==null&&s!==I.current;if(Q&&l.current&&(M.current=l.current.scrollHeight),O.current=S,I.current=s,!!SS){if(r||p&&C.current){N(!r);return}G(!0)}},[c,p]),_.useLayoutEffect(()=>{const S=l.current,s=M.current;if(!S||s===null)return;const r=S.scrollHeight-s;r>0&&(S.scrollTop+=r,m(S.scrollTop)),M.current=null},[c]);const J=()=>{N(!0),G(!1),d==null||d()},K=S=>t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__group`,e.MESSAGE_LIST_GROUP_CLASSES,S.isOwn&&e.MESSAGE_LIST_GROUP_OWN_CLASSES),children:[w&&!S.isOwn&&t.jsx(eS.Avatar,{src:S.author.avatar,initials:S.author.name[0],size:"sm",className:"bear-flex-shrink-0"}),t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__group-body`,e.MESSAGE_LIST_GROUP_BODY_CLASSES,S.isOwn&&e.MESSAGE_LIST_GROUP_BODY_OWN_CLASSES),children:[!S.isOwn&&t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__meta`,e.MESSAGE_LIST_META_CLASSES),children:[t.jsx(a.Typography,{variant:"caption",component:"span",className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__author`,e.MESSAGE_LIST_AUTHOR_CLASSES),children:S.author.name}),h&&t.jsx(a.Typography,{variant:"caption",component:"span",className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__timestamp`,e.MESSAGE_LIST_TIMESTAMP_CLASSES),children:y(S.messages[0].timestamp)})]}),S.messages.map(s=>t.jsx("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__bubble`,e.MESSAGE_LIST_BUBBLE_CLASSES,S.isOwn&&`${e.MESSAGE_LIST_ROOT_CLASS}__bubble--own`,S.isOwn&&e.MESSAGE_LIST_BUBBLE_OWN_CLASSES),children:(L==null?void 0:L(s))??s.content},s.id)),S.isOwn&&h&&t.jsx(a.Typography,{variant:"caption",component:"span",className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__timestamp`,e.MESSAGE_LIST_TIMESTAMP_CLASSES),children:y(S.messages[S.messages.length-1].timestamp)})]})]},S.key),x=S=>S.kind==="day"?t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-separator`,e.MESSAGE_LIST_DAY_SEPARATOR_CLASSES),children:[t.jsx("span",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-line`,e.MESSAGE_LIST_DAY_LINE_CLASSES)}),t.jsx("span",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-label`,e.MESSAGE_LIST_DAY_LABEL_CLASSES),children:X(S.date)}),t.jsx("span",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-line`,e.MESSAGE_LIST_DAY_LINE_CLASSES)})]},S.key):K(S),i=v?A.getMessageListWindow(o,k,z,U):null,j=i===null?o:o.slice(i.startIndex,i.endIndex+1);return t.jsxs("div",{id:F,"data-testid":B,className:n.cn(e.MESSAGE_LIST_ROOT_CLASS,e.MESSAGE_LIST_BASE_CLASSES,Y),style:{height:typeof E=="number"?`${E}px`:E},children:[t.jsxs("div",{ref:l,onScroll:Z,className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__scroller`,e.MESSAGE_LIST_SCROLLER_CLASSES),role:"log","aria-live":"polite",children:[o.length===0&&t.jsx("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__empty`,e.MESSAGE_LIST_EMPTY_CLASSES),children:D??t.jsx(a.Typography,{variant:"body2",component:"span",children:R.emptyLabel})}),v&&i?t.jsx("div",{className:`${e.MESSAGE_LIST_ROOT_CLASS}__virtual`,style:{height:i.totalHeight,position:"relative"},children:t.jsx("div",{style:{transform:`translateY(${i.offsetTop}px)`},children:j.map(S=>x(S))})}):j.map(S=>x(S))]}),V&&t.jsx("button",{type:"button",onClick:J,className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__new-messages`,e.MESSAGE_LIST_NEW_MESSAGES_CLASSES),children:R.newMessages})]})};exports.MessageList=nS;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),_=require("react"),eS=require("../Avatar/Avatar.cjs"),n=require("../../utils/cn.cjs"),tS=require("../../utils/generateBearId.utils.cjs"),sS=require("../../utils/useBearId.cjs");require("../Box/Box.cjs");const a=require("../Typography/Typography.cjs"),e=require("./MessageList.const.cjs"),A=require("./MessageList.utils.cjs"),nS=({id:H,testId:B,messages:c,currentUserId:b,groupWindowMs:$=e.MESSAGE_LIST_GROUP_WINDOW_MS,showDaySeparators:g=!0,showAvatars:w=!0,showTimestamps:h=!0,autoScroll:p=!0,virtualized:P,overscan:U=e.MESSAGE_LIST_OVERSCAN,height:E=e.MESSAGE_LIST_DEFAULT_HEIGHT,renderMessage:L,emptyState:D,formatDayLabel:T,formatTimestamp:u,translations:q,onNewMessagesClick:d,className:Y})=>{const W=sS.useBearId("MessageList"),F=tS.resolveBearId(H,W),l=_.useRef(null),C=_.useRef(!0),I=_.useRef(null),O=_.useRef(null),M=_.useRef(null),[V,G]=_.useState(!1),[k,m]=_.useState(0),[z,f]=_.useState(typeof E=="number"?E:e.MESSAGE_LIST_DEFAULT_HEIGHT),R={...e.MESSAGE_LIST_DEFAULT_TRANSLATIONS,...q},o=A.buildMessageListItems(c,b,$,g),X=S=>(T==null?void 0:T(S))??A.getDefaultDayLabel(S,R),y=S=>(u==null?void 0:u(S))??A.getDefaultTimestamp(S),v=P??c.length>=e.MESSAGE_LIST_VIRTUALIZE_THRESHOLD,N=S=>{const s=l.current;s&&s.scrollTo({top:s.scrollHeight,behavior:S?"smooth":"auto"})},Z=()=>{const S=l.current;if(!S)return;m(S.scrollTop),f(S.clientHeight);const r=S.scrollHeight-S.scrollTop-S.clientHeight<=e.MESSAGE_LIST_BOTTOM_THRESHOLD_PX;C.current=r,r&&G(!1)};_.useEffect(()=>{const S=l.current;S&&f(S.clientHeight)},[E]),_.useEffect(()=>{const S=c.length>0?c[0].id:null,s=c.length>0?c[c.length-1].id:null,r=I.current===null,Q=S!==null&&O.current!==null&&S!==O.current,SS=s!==null&&s!==I.current;if(Q&&l.current&&(M.current=l.current.scrollHeight),O.current=S,I.current=s,!!SS){if(r||p&&C.current){N(!r);return}G(!0)}},[c,p]),_.useLayoutEffect(()=>{const S=l.current,s=M.current;if(!S||s===null)return;const r=S.scrollHeight-s;r>0&&(S.scrollTop+=r,m(S.scrollTop)),M.current=null},[c]);const J=()=>{N(!0),G(!1),d==null||d()},K=S=>t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__group`,e.MESSAGE_LIST_GROUP_CLASSES,S.isOwn&&e.MESSAGE_LIST_GROUP_OWN_CLASSES),children:[w&&!S.isOwn&&t.jsx(eS.Avatar,{src:S.author.avatar,initials:S.author.name[0],size:"sm",className:"bear-flex-shrink-0"}),t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__group-body`,e.MESSAGE_LIST_GROUP_BODY_CLASSES,S.isOwn&&e.MESSAGE_LIST_GROUP_BODY_OWN_CLASSES),children:[!S.isOwn&&t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__meta`,e.MESSAGE_LIST_META_CLASSES),children:[t.jsx(a.Typography,{variant:"caption",component:"span",className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__author`,e.MESSAGE_LIST_AUTHOR_CLASSES),children:S.author.name}),h&&t.jsx(a.Typography,{variant:"caption",component:"span",className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__timestamp`,e.MESSAGE_LIST_TIMESTAMP_CLASSES),children:y(S.messages[0].timestamp)})]}),S.messages.map(s=>t.jsx("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__bubble`,e.MESSAGE_LIST_BUBBLE_CLASSES,S.isOwn&&`${e.MESSAGE_LIST_ROOT_CLASS}__bubble--own`,S.isOwn&&e.MESSAGE_LIST_BUBBLE_OWN_CLASSES),children:(L==null?void 0:L(s))??s.content},s.id)),S.isOwn&&h&&t.jsx(a.Typography,{variant:"caption",component:"span",className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__timestamp`,e.MESSAGE_LIST_TIMESTAMP_CLASSES),children:y(S.messages[S.messages.length-1].timestamp)})]})]},S.key),x=S=>S.kind==="day"?t.jsxs("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-separator`,e.MESSAGE_LIST_DAY_SEPARATOR_CLASSES),children:[t.jsx("span",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-line`,e.MESSAGE_LIST_DAY_LINE_CLASSES)}),t.jsx("span",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-label`,e.MESSAGE_LIST_DAY_LABEL_CLASSES),children:X(S.date)}),t.jsx("span",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__day-line`,e.MESSAGE_LIST_DAY_LINE_CLASSES)})]},S.key):K(S),i=v?A.getMessageListWindow(o,k,z,U):null,j=i===null?o:o.slice(i.startIndex,i.endIndex+1);return t.jsxs("div",{id:F,"data-testid":B,className:n.cn(e.MESSAGE_LIST_ROOT_CLASS,e.MESSAGE_LIST_BASE_CLASSES,Y),style:{height:typeof E=="number"?`${E}px`:E},children:[t.jsxs("div",{ref:l,onScroll:Z,className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__scroller`,e.MESSAGE_LIST_SCROLLER_CLASSES),role:"log","aria-live":"polite",children:[o.length===0&&t.jsx("div",{className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__empty`,e.MESSAGE_LIST_EMPTY_CLASSES),children:D??t.jsx(a.Typography,{variant:"body2",component:"span",children:R.emptyLabel})}),v&&i?t.jsx("div",{className:`${e.MESSAGE_LIST_ROOT_CLASS}__virtual`,style:{height:i.totalHeight,position:"relative"},children:t.jsx("div",{style:{transform:`translateY(${i.offsetTop}px)`},children:j.map(S=>x(S))})}):j.map(S=>x(S))]}),V&&t.jsx("button",{type:"button",onClick:J,className:n.cn(`${e.MESSAGE_LIST_ROOT_CLASS}__new-messages`,e.MESSAGE_LIST_NEW_MESSAGES_CLASSES),children:R.newMessages})]})};exports.MessageList=nS;

package/dist/components/MessageList/MessageList.js

@@ -1,24 +1,25 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { jsxs as _, 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 = ({
+import { resolveBearId as ot } from "../../utils/generateBearId.utils.js";
+import { useBearId as it } from "../../utils/useBearId.js";
+import "../Box/Box.js";
+import { Typography as d } from "../Typography/Typography.js";
+import { MESSAGE_LIST_DEFAULT_HEIGHT as w, MESSAGE_LIST_VIRTUALIZE_THRESHOLD as _t, MESSAGE_LIST_DEFAULT_TRANSLATIONS as at, MESSAGE_LIST_EMPTY_CLASSES as Et, MESSAGE_LIST_ROOT_CLASS as e, MESSAGE_LIST_SCROLLER_CLASSES as dt, MESSAGE_LIST_NEW_MESSAGES_CLASSES as At, MESSAGE_LIST_BASE_CLASSES as ut, MESSAGE_LIST_GROUP_WINDOW_MS as Lt, MESSAGE_LIST_OVERSCAN as mt, MESSAGE_LIST_DAY_LINE_CLASSES as P, MESSAGE_LIST_DAY_LABEL_CLASSES as Tt, MESSAGE_LIST_DAY_SEPARATOR_CLASSES as pt, MESSAGE_LIST_BOTTOM_THRESHOLD_PX as It, MESSAGE_LIST_AUTHOR_CLASSES as ht, MESSAGE_LIST_TIMESTAMP_CLASSES as U, MESSAGE_LIST_META_CLASSES as ft, MESSAGE_LIST_BUBBLE_OWN_CLASSES as Mt, MESSAGE_LIST_BUBBLE_CLASSES as Gt, MESSAGE_LIST_GROUP_BODY_OWN_CLASSES as Ot, MESSAGE_LIST_GROUP_BODY_CLASSES as Nt, MESSAGE_LIST_GROUP_OWN_CLASSES as vt, MESSAGE_LIST_GROUP_CLASSES as Rt } from "./MessageList.const.js";
+import { buildMessageListItems as Ht, getMessageListWindow as yt, getDefaultDayLabel as Bt, getDefaultTimestamp as $t } from "./MessageList.utils.js";
+const Ft = ({
   id: D,
   testId: x,
   messages: r,
   currentUserId: g,
-  groupWindowMs: W = At,
+  groupWindowMs: W = Lt,
   showDaySeparators: Y = !0,
   showAvatars: F = !0,
   showTimestamps: G = !0,
   autoScroll: O = !0,
   virtualized: V,
-  overscan: j = ut,
+  overscan: j = mt,
   height: o = w,
   renderMessage: A,
   emptyState: k,
@@ -28,16 +29,16 @@ const Yt = ({
   onNewMessagesClick: m,
   className: X
 }) => {
-  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(
+  const Z = it("MessageList"), q = ot(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) => {
+  ), f = { ...at, ...z }, E = Ht(r, g, W, Y), tt = (t) => (u == null ? void 0 : u(t)) ?? Bt(t, f), H = (t) => (L == null ? void 0 : L(t)) ?? $t(t), y = V ?? r.length >= _t, 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;
+    const S = t.scrollHeight - t.scrollTop - t.clientHeight <= It;
     N.current = S, S && h(!1);
   };
   C(() => {
@@ -60,13 +61,13 @@ const Yt = ({
   }, [r]);
   const nt = () => {
     B(!0), h(!1), m == null || m();
-  }, st = (t) => /* @__PURE__ */ i(
+  }, st = (t) => /* @__PURE__ */ _(
     "div",
     {
       className: s(
         `${e}__group`,
-        Nt,
-        t.isOwn && Ot
+        Rt,
+        t.isOwn && vt
       ),
       children: [
         F && !t.isOwn && /* @__PURE__ */ l(
@@ -78,22 +79,22 @@ const Yt = ({
             className: "bear-flex-shrink-0"
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ _(
           "div",
           {
             className: s(
               `${e}__group-body`,
-              Gt,
-              t.isOwn && Mt
+              Nt,
+              t.isOwn && Ot
             ),
             children: [
-              !t.isOwn && /* @__PURE__ */ i("div", { className: s(`${e}__meta`, It), children: [
+              !t.isOwn && /* @__PURE__ */ _("div", { className: s(`${e}__meta`, ft), children: [
                 /* @__PURE__ */ l(
                   d,
                   {
                     variant: "caption",
                     component: "span",
-                    className: s(`${e}__author`, pt),
+                    className: s(`${e}__author`, ht),
                     children: t.author.name
                   }
                 ),
@@ -112,9 +113,9 @@ const Yt = ({
                 {
                   className: s(
                     `${e}__bubble`,
-                    ft,
+                    Gt,
                     t.isOwn && `${e}__bubble--own`,
-                    t.isOwn && ht
+                    t.isOwn && Mt
                   ),
                   children: (A == null ? void 0 : A(n)) ?? n.content
                 },
@@ -135,45 +136,45 @@ const Yt = ({
       ]
     },
     t.key
-  ), $ = (t) => t.kind === "day" ? /* @__PURE__ */ i(
+  ), $ = (t) => t.kind === "day" ? /* @__PURE__ */ _(
     "div",
     {
       className: s(
         `${e}__day-separator`,
-        mt
+        pt
       ),
       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-label`, Tt), 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(
+  ) : st(t), i = y ? yt(E, K, Q, j) : null, b = i === null ? E : E.slice(i.startIndex, i.endIndex + 1);
+  return /* @__PURE__ */ _(
     "div",
     {
       id: q,
       "data-testid": x,
-      className: s(e, dt, X),
+      className: s(e, ut, X),
       style: { height: typeof o == "number" ? `${o}px` : o },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ _(
           "div",
           {
             ref: c,
             onScroll: et,
-            className: s(`${e}__scroller`, at),
+            className: s(`${e}__scroller`, dt),
             role: "log",
             "aria-live": "polite",
             children: [
-              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(
+              E.length === 0 && /* @__PURE__ */ l("div", { className: s(`${e}__empty`, Et), children: k ?? /* @__PURE__ */ l(d, { variant: "body2", component: "span", children: f.emptyLabel }) }),
+              y && i ? /* @__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)) })
+                  style: { height: i.totalHeight, position: "relative" },
+                  children: /* @__PURE__ */ l("div", { style: { transform: `translateY(${i.offsetTop}px)` }, children: b.map((t) => $(t)) })
                 }
               ) : b.map((t) => $(t))
             ]
@@ -186,7 +187,7 @@ const Yt = ({
             onClick: nt,
             className: s(
               `${e}__new-messages`,
-              Et
+              At
             ),
             children: f.newMessages
           }
@@ -196,5 +197,5 @@ const Yt = ({
   );
 };
 export {
-  Yt as MessageList
+  Ft as MessageList
 };

package/dist/components/Modal/Modal.cjs

@@ -1 +1 @@
-"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;
+"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("../Icon/icons/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;

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

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

@@ -1,5 +1,7 @@
 import { ModalSize } from './Modal.types';
-export declare const MODAL_Z_INDEX = 50;
+export declare const MODAL_Z_INDEX = 11000;
+export declare const MODAL_PANEL_Z_INDEX = 1;
+export declare const MODAL_ROOT_CLASSES = "Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4";
 export declare const MODAL_SIZE_CLASSES: Record<ModalSize, string>;
 export declare const MODAL_BACKDROP_CLASSES = "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity";
 export declare const MODAL_CONTAINER_CLASSES = "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";