@forgedevstack/bear 1.2.6 → 1.2.8

package/dist/components/EmptyState/EmptyState.js

@@ -1,36 +1,54 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { cn as t } from "../../utils/cn.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { EMPTY_STATE_SIZE_CLASSES as p, EMPTY_STATE_ICON_CLASSES as h, EMPTY_STATE_TITLE_CLASSES as C, EMPTY_STATE_DESCRIPTION_CLASSES as f, EMPTY_STATE_ROOT_CLASS as d, EMPTY_STATE_CARD_CLASSES as I, EMPTY_STATE_BASE_CLASSES as L } from "./EmptyState.const.js";
+import { cn as r } from "../../utils/cn.js";
 import "react";
-const m = ({ className: b }) => /* @__PURE__ */ e("svg", { className: b, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }), f = ({
-  icon: b,
-  title: i,
-  description: l,
-  action: d,
-  secondaryAction: n,
-  className: s,
-  size: a = "md",
-  variant: o = "default"
+import { resolveBearId as u } from "../../utils/generateBearId.utils.js";
+import { useBearId as v } from "../../utils/useBearId.js";
+const M = ({ className: t }) => /* @__PURE__ */ e("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
+  "path",
+  {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
+  }
+) }), k = ({
+  icon: t,
+  title: E,
+  description: s,
+  action: S,
+  secondaryAction: o,
+  className: i,
+  size: T = "md",
+  variant: m = "default",
+  id: n,
+  testId: _
 }) => {
-  const r = {
-    sm: { icon: "bear-w-12 bear-h-12", title: "bear-text-lg", desc: "bear-text-sm", padding: "bear-py-6 bear-px-4" },
-    md: { icon: "bear-w-16 bear-h-16", title: "bear-text-xl", desc: "bear-text-base", padding: "bear-py-10 bear-px-6" },
-    lg: { icon: "bear-w-20 bear-h-20", title: "bear-text-2xl", desc: "bear-text-lg", padding: "bear-py-14 bear-px-8" }
-  };
-  return /* @__PURE__ */ c("div", { className: t(
-    "bear-flex bear-flex-col bear-items-center bear-text-center",
-    r[a].padding,
-    o === "card" && "bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",
-    s
-  ), children: [
-    /* @__PURE__ */ e("div", { className: t("bear-text-zinc-600 bear-mb-4", r[a].icon), children: b || /* @__PURE__ */ e(m, { className: "bear-w-full bear-h-full" }) }),
-    /* @__PURE__ */ e("h3", { className: t("bear-font-semibold bear-text-white bear-mb-2", r[a].title), children: i }),
-    l && /* @__PURE__ */ e("p", { className: t("bear-text-zinc-400 bear-max-w-md bear-mb-6", r[a].desc), children: l }),
-    (d || n) && /* @__PURE__ */ c("div", { className: "bear-flex bear-items-center bear-gap-3", children: [
-      d,
-      n
-    ] })
-  ] });
+  const c = v("EmptyState"), A = u(n, c), a = p[T];
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      id: A,
+      "data-testid": _,
+      className: r(
+        d,
+        L,
+        a.padding,
+        m === "card" && I,
+        i
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: r(h, a.icon), children: t || /* @__PURE__ */ e(M, { className: "bear-w-full bear-h-full" }) }),
+        /* @__PURE__ */ e("h3", { className: r(C, a.title), children: E }),
+        s && /* @__PURE__ */ e("p", { className: r(f, a.desc), children: s }),
+        (S || o) && /* @__PURE__ */ l("div", { className: `${d}__actions bear-flex bear-items-center bear-gap-3`, children: [
+          S,
+          o
+        ] })
+      ]
+    }
+  );
 };
 export {
-  f as EmptyState
+  k as EmptyState
 };

package/dist/components/Input/Input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),b=require("../../utils/cn.cjs"),me=require("../../utils/generateBearId.utils.cjs"),we=require("../../utils/useBearId.cjs"),K=require("../../context/BearProvider.cjs"),Be=require("./components/ClearIcon/ClearIcon.cjs"),Ne=require("./Input.utils.cjs"),je=require("../Form/Form.utils.cjs"),d=require("./Input.const.cjs"),Q=o.forwardRef(({label:C,helperText:V,error:v,success:k,size:T="md",variant:Ce,radius:ke,InputProps:l,leftAddon:Y,rightAddon:Z,prefix:Te,suffix:Ee,fullWidth:P=!1,clearable:ee=!1,onClear:re,showCharCount:E=!1,charCountMax:ae,autoFormat:m,validation:t,validateOnBlur:te,validateOnChange:S=!1,loading:Se,copyable:qe,onCopy:Le,floatingLabel:Ae,multiline:c=!1,rows:se,minRows:ne=d.INPUT_MULTILINE_MIN_ROWS,maxRows:Ue,readOnly:q,inputRef:s,inputProps:L,id:oe,testId:ie,className:le,disabled:u,value:f,defaultValue:x,maxLength:w,onChange:_,onBlur:h,...A},n)=>{var J;const ce=we.useBearId("Input"),B=me.resolveBearId(oe,ce),N=o.useContext(K.BearContext),r=(J=N==null?void 0:N.components)==null?void 0:J.Input,be=r==null?void 0:r.root,de=r==null?void 0:r.input,ue=r==null?void 0:r.label,fe=r==null?void 0:r.helper,xe=r==null?void 0:r.prefix,_e=r==null?void 0:r.suffix,[he,U]=o.useState(null),M=o.useRef(!1),pe=d.INPUT_TEXT_CLASSES,ge=d.INPUT_WRAPPER_HEIGHT_CLASSES,O=t?te??!0:!1,R=v||he,i=!!R,p=!!k&&!i,g=ae??w,j=typeof f=="string"?f.length:typeof x=="string"?x.length:0,H=g!=null&&j>g,Ie=ee&&!u&&j>0,{direction:ye}=K.useBearDirectionOptional(),W=(l==null?void 0:l.startAdornment)??Y,D=(l==null?void 0:l.endAdornment)??Z,F=R||k||V,I=o.useCallback(async e=>{if(!t)return;M.current=!0;const y=await je.validateFieldValue(e,t);M.current=!1,U(y)},[t]);o.useEffect(()=>{v&&U(null)},[v]);const $=o.useCallback(e=>{if(m&&!c){const y=Ne.applyAutoFormat(e.target.value,m);y!==e.target.value&&(e.target.value=y)}_==null||_(e),S&&t&&I(e.target.value)},[m,c,_,S,t,I]),G=o.useCallback(e=>{h==null||h(e),O&&t&&I(e.target.value)},[h,O,t,I]),X=b.cn("Bear-Input__field","bear-flex-1 bear-min-w-0 bear-border-0 bear-outline-none bear-bg-transparent","placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",pe[T],c&&"bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",le),z={color:"var(--bear-text-primary)",...de},ve=se??ne??d.INPUT_MULTILINE_DEFAULT_ROWS;return a.jsxs("div",{id:B,"data-testid":ie,className:b.cn(d.INPUT_ROOT_CLASS,"bear-flex bear-flex-col bear-gap-1.5",P&&"bear-w-full"),style:be,children:[C&&a.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)",...ue},children:C}),a.jsxs("div",{className:b.cn("Bear-Input__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-overflow-hidden bear-transition-all bear-duration-200","focus-within:bear-ring-2 focus-within:bear-ring-offset-2","focus-within:bear-ring-offset-[var(--bear-bg-primary)]",i?"Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500":p?"Bear-Input__wrapper--success bear-border-green-500 focus-within:bear-ring-green-500":"focus-within:bear-border-bear-500 focus-within:bear-ring-bear-500 dark:focus-within:bear-border-bear-500 dark:focus-within:bear-ring-bear-500",u&&"bear-opacity-50 bear-cursor-not-allowed",!c&&ge[T]),dir:ye,style:{backgroundColor:"var(--bear-bg-primary)",borderColor:i||p?void 0:"var(--bear-border-default)"},children:[W&&a.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--left bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-text-sm bear-font-medium bear-select-none bear-pointer-events-none",style:{backgroundColor:"var(--bear-bg-tertiary)",borderInlineEnd:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",...xe},children:W}),c?a.jsx("textarea",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${B}-field`,disabled:u,readOnly:q,value:f,defaultValue:x,maxLength:w,rows:ve,"aria-invalid":i||void 0,className:X,style:z,...L,...A,onChange:e=>$(e),onBlur:e=>G(e)}):a.jsx("input",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${B}-field`,disabled:u,readOnly:q,value:f,defaultValue:x,maxLength:w,"aria-invalid":i||void 0,onChange:$,onBlur:G,className:X,style:z,...L,...A}),Ie&&a.jsx("div",{className:"Bear-Input__clear bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-2 bear-cursor-pointer",style:{color:"var(--bear-text-muted)"},children:a.jsx(Be.ClearIcon,{onClick:re})}),D&&a.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-gap-1.5",style:{backgroundColor:"var(--bear-bg-tertiary)",borderInlineStart:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",..._e},children:D})]}),a.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[F?a.jsx("p",{className:b.cn("Bear-Input__helper bear-text-sm bear-flex-1",i&&"Bear-Input__helper--error bear-text-red-500",p&&"Bear-Input__helper--success bear-text-green-500"),style:{...i||p?{}:{color:"var(--bear-text-muted)"},...fe},children:F}):E?a.jsx("span",{}):null,E&&g!=null&&a.jsxs("span",{className:b.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",H&&"bear-text-red-500"),style:H?void 0:{color:"var(--bear-text-muted)"},children:[j,"/",g]})]})]})});Q.displayName="Input";exports.Input=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),d=require("../../utils/cn.cjs"),we=require("../../utils/generateBearId.utils.cjs"),Ce=require("../../utils/useBearId.cjs"),T=require("../../context/BearProvider.cjs"),Ne=require("./components/ClearIcon/ClearIcon.cjs"),Te=require("./Input.utils.cjs"),Se=require("../Form/Form.utils.cjs"),c=require("./Input.const.cjs"),Q=o.forwardRef(({label:S,helperText:V,error:v,success:E,size:j="md",variant:Ee,radius:je,InputProps:l,leftAddon:Y,rightAddon:Z,prefix:ke,suffix:Ae,fullWidth:ee=!1,clearable:re=!1,onClear:ae,showCharCount:k=!1,charCountMax:te,autoFormat:m,validation:t,validateOnBlur:se,validateOnChange:A=!1,loading:Le,copyable:qe,onCopy:Ue,floatingLabel:Oe,multiline:b=!1,rows:ne,minRows:oe=c.INPUT_MULTILINE_MIN_ROWS,maxRows:Me,readOnly:L,inputRef:s,inputProps:q,id:ie,testId:ce,className:le,disabled:u,value:f,defaultValue:_,maxLength:B,onChange:x,onBlur:p,...U},n)=>{var K;const be=Ce.useBearId("Input"),w=we.resolveBearId(ie,be),{density:de}=T.useBearDensityOptional(),O=de==="compact",C=o.useContext(T.BearContext),r=(K=C==null?void 0:C.components)==null?void 0:K.Input,ue=r==null?void 0:r.root,fe=r==null?void 0:r.input,_e=r==null?void 0:r.label,xe=r==null?void 0:r.helper,pe=r==null?void 0:r.prefix,he=r==null?void 0:r.suffix,[ge,M]=o.useState(null),R=o.useRef(!1),Ie=O?c.INPUT_TEXT_COMPACT_CLASSES:c.INPUT_TEXT_CLASSES,ye=O?c.INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES:c.INPUT_WRAPPER_HEIGHT_CLASSES,H=t?se??!0:!1,P=v||ge,i=!!P,h=!!E&&!i,g=te??B,N=typeof f=="string"?f.length:typeof _=="string"?_.length:0,W=g!=null&&N>g,ve=re&&!u&&N>0,{direction:me}=T.useBearDirectionOptional(),D=(l==null?void 0:l.startAdornment)??Y,F=(l==null?void 0:l.endAdornment)??Z,G=P||E||V,I=o.useCallback(async e=>{if(!t)return;R.current=!0;const y=await Se.validateFieldValue(e,t);R.current=!1,M(y)},[t]);o.useEffect(()=>{v&&M(null)},[v]);const X=o.useCallback(e=>{if(m&&!b){const y=Te.applyAutoFormat(e.target.value,m);y!==e.target.value&&(e.target.value=y)}x==null||x(e),A&&t&&I(e.target.value)},[m,b,x,A,t,I]),$=o.useCallback(e=>{p==null||p(e),H&&t&&I(e.target.value)},[p,H,t,I]),z=d.cn("Bear-Input__field","bear-flex-1 bear-min-w-0 bear-border-0 bear-outline-none bear-bg-transparent","placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",Ie[j],b&&"bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",le),J={color:"var(--bear-text-primary)",...fe},Be=ne??oe??c.INPUT_MULTILINE_DEFAULT_ROWS;return a.jsxs("div",{id:w,"data-testid":ce,className:d.cn(c.INPUT_ROOT_CLASS,"bear-flex bear-flex-col bear-gap-1.5",ee&&"bear-w-full"),style:ue,children:[S&&a.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)",..._e},children:S}),a.jsxs("div",{className:d.cn("Bear-Input__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-overflow-hidden bear-transition-all bear-duration-200","focus-within:bear-ring-2 focus-within:bear-ring-offset-2","focus-within:bear-ring-offset-[var(--bear-bg-primary)]",i?"Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500":h?"Bear-Input__wrapper--success bear-border-green-500 focus-within:bear-ring-green-500":"focus-within:bear-border-bear-500 focus-within:bear-ring-bear-500 dark:focus-within:bear-border-bear-500 dark:focus-within:bear-ring-bear-500",u&&"bear-opacity-50 bear-cursor-not-allowed",!b&&ye[j]),dir:me,style:{backgroundColor:"var(--bear-bg-primary)",borderColor:i||h?void 0:"var(--bear-border-default)"},children:[D&&a.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--left bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-text-sm bear-font-medium bear-select-none bear-pointer-events-none",style:{backgroundColor:"var(--bear-bg-tertiary)",borderInlineEnd:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",...pe},children:D}),b?a.jsx("textarea",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${w}-field`,disabled:u,readOnly:L,value:f,defaultValue:_,maxLength:B,rows:Be,"aria-invalid":i||void 0,className:z,style:J,...q,...U,onChange:e=>X(e),onBlur:e=>$(e)}):a.jsx("input",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${w}-field`,disabled:u,readOnly:L,value:f,defaultValue:_,maxLength:B,"aria-invalid":i||void 0,onChange:X,onBlur:$,className:z,style:J,...q,...U}),ve&&a.jsx("div",{className:"Bear-Input__clear bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-2 bear-cursor-pointer",style:{color:"var(--bear-text-muted)"},children:a.jsx(Ne.ClearIcon,{onClick:ae})}),F&&a.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-gap-1.5",style:{backgroundColor:"var(--bear-bg-tertiary)",borderInlineStart:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",...he},children:F})]}),a.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[G?a.jsx("p",{className:d.cn("Bear-Input__helper bear-text-sm bear-flex-1",i&&"Bear-Input__helper--error bear-text-red-500",h&&"Bear-Input__helper--success bear-text-green-500"),style:{...i||h?{}:{color:"var(--bear-text-muted)"},...xe},children:G}):k?a.jsx("span",{}):null,k&&g!=null&&a.jsxs("span",{className:d.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",W&&"bear-text-red-500"),style:W?void 0:{color:"var(--bear-text-muted)"},children:[N,"/",g]})]})]})});Q.displayName="Input";exports.Input=Q;

package/dist/components/Input/Input.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-Input",T={sm:"bear-h-8",md:"bear-h-10",lg:"bear-h-12"},I={sm:"bear-text-sm bear-px-3",md:"bear-text-base bear-px-4",lg:"bear-text-lg bear-px-5"},S=3,e=4;exports.INPUT_MULTILINE_DEFAULT_ROWS=e;exports.INPUT_MULTILINE_MIN_ROWS=S;exports.INPUT_ROOT_CLASS=_;exports.INPUT_TEXT_CLASSES=I;exports.INPUT_WRAPPER_HEIGHT_CLASSES=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-Input",T={sm:"bear-h-8",md:"bear-h-10",lg:"bear-h-12"},e={sm:"bear-h-7",md:"bear-h-8",lg:"bear-h-10"},S={sm:"bear-text-sm bear-px-3",md:"bear-text-base bear-px-4",lg:"bear-text-lg bear-px-5"},I={sm:"bear-text-xs bear-px-2.5",md:"bear-text-sm bear-px-3",lg:"bear-text-base bear-px-4"},P=3,t=4;exports.INPUT_MULTILINE_DEFAULT_ROWS=t;exports.INPUT_MULTILINE_MIN_ROWS=P;exports.INPUT_ROOT_CLASS=_;exports.INPUT_TEXT_CLASSES=S;exports.INPUT_TEXT_COMPACT_CLASSES=I;exports.INPUT_WRAPPER_HEIGHT_CLASSES=T;exports.INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES=e;

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

@@ -4,10 +4,20 @@ export declare const INPUT_WRAPPER_HEIGHT_CLASSES: {
     readonly md: "bear-h-10";
     readonly lg: "bear-h-12";
 };
+export declare const INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES: {
+    readonly sm: "bear-h-7";
+    readonly md: "bear-h-8";
+    readonly lg: "bear-h-10";
+};
 export declare const INPUT_TEXT_CLASSES: {
     readonly sm: "bear-text-sm bear-px-3";
     readonly md: "bear-text-base bear-px-4";
     readonly lg: "bear-text-lg bear-px-5";
 };
+export declare const INPUT_TEXT_COMPACT_CLASSES: {
+    readonly sm: "bear-text-xs bear-px-2.5";
+    readonly md: "bear-text-sm bear-px-3";
+    readonly lg: "bear-text-base bear-px-4";
+};
 export declare const INPUT_MULTILINE_MIN_ROWS = 3;
 export declare const INPUT_MULTILINE_DEFAULT_ROWS = 4;

package/dist/components/Input/Input.const.js

@@ -1,16 +1,26 @@
-const e = "Bear-Input", t = {
+const e = "Bear-Input", a = {
   sm: "bear-h-8",
   md: "bear-h-10",
   lg: "bear-h-12"
-}, _ = {
+}, t = {
+  sm: "bear-h-7",
+  md: "bear-h-8",
+  lg: "bear-h-10"
+}, b = {
   sm: "bear-text-sm bear-px-3",
   md: "bear-text-base bear-px-4",
   lg: "bear-text-lg bear-px-5"
-}, I = 3, T = 4;
+}, r = {
+  sm: "bear-text-xs bear-px-2.5",
+  md: "bear-text-sm bear-px-3",
+  lg: "bear-text-base bear-px-4"
+}, _ = 3, T = 4;
 export {
   T as INPUT_MULTILINE_DEFAULT_ROWS,
-  I as INPUT_MULTILINE_MIN_ROWS,
+  _ as INPUT_MULTILINE_MIN_ROWS,
   e as INPUT_ROOT_CLASS,
-  _ as INPUT_TEXT_CLASSES,
-  t as INPUT_WRAPPER_HEIGHT_CLASSES
+  b as INPUT_TEXT_CLASSES,
+  r as INPUT_TEXT_COMPACT_CLASSES,
+  a as INPUT_WRAPPER_HEIGHT_CLASSES,
+  t as INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES
 };

package/dist/components/Input/Input.js

@@ -1,120 +1,120 @@
 import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { forwardRef as ye, useContext as ve, useState as Ie, useRef as we, useCallback as C, useEffect as Be } from "react";
-import { cn as b } from "../../utils/cn.js";
-import { resolveBearId as Ne } from "../../utils/generateBearId.utils.js";
-import { useBearId as Ce } from "../../utils/useBearId.js";
-import { BearContext as Ee, useBearDirectionOptional as Te } from "../../context/BearProvider.js";
-import { ClearIcon as ke } from "./components/ClearIcon/ClearIcon.js";
-import { applyAutoFormat as Se } from "./Input.utils.js";
-import { validateFieldValue as Le } from "../Form/Form.utils.js";
-import { INPUT_TEXT_CLASSES as Ae, INPUT_MULTILINE_MIN_ROWS as Ue, INPUT_MULTILINE_DEFAULT_ROWS as Me, INPUT_WRAPPER_HEIGHT_CLASSES as Oe, INPUT_ROOT_CLASS as je } from "./Input.const.js";
-const He = ye(
+import { forwardRef as ve, useContext as we, useState as Ne, useRef as Be, useCallback as C, useEffect as Ce } from "react";
+import { cn as c } from "../../utils/cn.js";
+import { resolveBearId as Te } from "../../utils/generateBearId.utils.js";
+import { useBearId as Ee } from "../../utils/useBearId.js";
+import { useBearDensityOptional as Se, BearContext as Ae, useBearDirectionOptional as ke } from "../../context/BearProvider.js";
+import { ClearIcon as Le } from "./components/ClearIcon/ClearIcon.js";
+import { applyAutoFormat as Ue } from "./Input.utils.js";
+import { validateFieldValue as Oe } from "../Form/Form.utils.js";
+import { INPUT_TEXT_COMPACT_CLASSES as Me, INPUT_TEXT_CLASSES as He, INPUT_MULTILINE_MIN_ROWS as Re, INPUT_MULTILINE_DEFAULT_ROWS as We, INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES as je, INPUT_WRAPPER_HEIGHT_CLASSES as De, INPUT_ROOT_CLASS as Ge } from "./Input.const.js";
+const Pe = ve(
   ({
-    label: E,
+    label: T,
     helperText: K,
     error: y,
-    success: T,
-    size: k = "md",
-    variant: We,
-    radius: De,
+    success: E,
+    size: S = "md",
+    variant: Xe,
+    radius: $e,
     InputProps: i,
     leftAddon: Q,
     rightAddon: V,
-    prefix: Re,
-    suffix: $e,
+    prefix: Fe,
+    suffix: qe,
     fullWidth: Y = !1,
     clearable: Z = !1,
-    onClear: P,
-    showCharCount: S = !1,
-    charCountMax: ee,
-    autoFormat: v,
+    onClear: ee,
+    showCharCount: A = !1,
+    charCountMax: re,
+    autoFormat: I,
     validation: t,
-    validateOnBlur: re,
-    validateOnChange: L = !1,
-    loading: Fe,
-    copyable: Ge,
-    onCopy: Xe,
-    floatingLabel: qe,
+    validateOnBlur: ae,
+    validateOnChange: k = !1,
+    loading: ze,
+    copyable: Je,
+    onCopy: Ke,
+    floatingLabel: Qe,
     multiline: l = !1,
-    rows: ae,
-    minRows: te = Ue,
-    maxRows: ze,
-    readOnly: A,
+    rows: te,
+    minRows: se = Re,
+    maxRows: Ve,
+    readOnly: L,
     inputRef: s,
     inputProps: U,
-    id: se,
-    testId: oe,
-    className: ne,
-    disabled: c,
+    id: oe,
+    testId: ne,
+    className: ie,
+    disabled: b,
     value: d,
     defaultValue: f,
-    maxLength: I,
+    maxLength: v,
     onChange: u,
     onBlur: _,
-    ...M
+    ...O
   }, o) => {
     var J;
-    const ie = Ce("Input"), w = Ne(se, ie), B = ve(Ee), r = (J = B == null ? void 0 : B.components) == null ? void 0 : J.Input, le = r == null ? void 0 : r.root, be = r == null ? void 0 : r.input, ce = r == null ? void 0 : r.label, de = r == null ? void 0 : r.helper, fe = r == null ? void 0 : r.prefix, ue = r == null ? void 0 : r.suffix, [_e, O] = Ie(null), j = we(!1), pe = Ae, xe = Oe, H = t ? re ?? !0 : !1, W = y || _e, n = !!W, p = !!T && !n, x = ee ?? I, N = typeof d == "string" ? d.length : typeof f == "string" ? f.length : 0, D = x != null && N > x, me = Z && !c && N > 0, { direction: he } = Te(), R = (i == null ? void 0 : i.startAdornment) ?? Q, $ = (i == null ? void 0 : i.endAdornment) ?? V, F = W || T || K, m = C(async (e) => {
+    const le = Ee("Input"), w = Te(oe, le), { density: ce } = Se(), M = ce === "compact", N = we(Ae), r = (J = N == null ? void 0 : N.components) == null ? void 0 : J.Input, be = r == null ? void 0 : r.root, de = r == null ? void 0 : r.input, fe = r == null ? void 0 : r.label, ue = r == null ? void 0 : r.helper, _e = r == null ? void 0 : r.prefix, pe = r == null ? void 0 : r.suffix, [me, H] = Ne(null), R = Be(!1), xe = M ? Me : He, he = M ? je : De, W = t ? ae ?? !0 : !1, j = y || me, n = !!j, p = !!E && !n, m = re ?? v, B = typeof d == "string" ? d.length : typeof f == "string" ? f.length : 0, D = m != null && B > m, ge = Z && !b && B > 0, { direction: ye } = ke(), G = (i == null ? void 0 : i.startAdornment) ?? Q, P = (i == null ? void 0 : i.endAdornment) ?? V, X = j || E || K, x = C(async (e) => {
       if (!t) return;
-      j.current = !0;
-      const h = await Le(e, t);
-      j.current = !1, O(h);
+      R.current = !0;
+      const h = await Oe(e, t);
+      R.current = !1, H(h);
     }, [t]);
-    Be(() => {
-      y && O(null);
+    Ce(() => {
+      y && H(null);
     }, [y]);
-    const G = C(
+    const $ = C(
       (e) => {
-        if (v && !l) {
-          const h = Se(e.target.value, v);
+        if (I && !l) {
+          const h = Ue(e.target.value, I);
           h !== e.target.value && (e.target.value = h);
         }
-        u == null || u(e), L && t && m(e.target.value);
+        u == null || u(e), k && t && x(e.target.value);
       },
-      [v, l, u, L, t, m]
-    ), X = C(
+      [I, l, u, k, t, x]
+    ), F = C(
       (e) => {
-        _ == null || _(e), H && t && m(e.target.value);
+        _ == null || _(e), W && t && x(e.target.value);
       },
-      [_, H, t, m]
-    ), q = b(
+      [_, W, t, x]
+    ), q = c(
       "Bear-Input__field",
       "bear-flex-1 bear-min-w-0 bear-border-0 bear-outline-none bear-bg-transparent",
       "placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",
-      pe[k],
+      xe[S],
       l && "bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",
-      ne
+      ie
     ), z = {
       color: "var(--bear-text-primary)",
-      ...be
-    }, ge = ae ?? te ?? Me;
+      ...de
+    }, Ie = te ?? se ?? We;
     return /* @__PURE__ */ g(
       "div",
       {
         id: w,
-        "data-testid": oe,
-        className: b(je, "bear-flex bear-flex-col bear-gap-1.5", Y && "bear-w-full"),
-        style: le,
+        "data-testid": ne,
+        className: c(Ge, "bear-flex bear-flex-col bear-gap-1.5", Y && "bear-w-full"),
+        style: be,
         children: [
-          E && /* @__PURE__ */ a("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...ce }, children: E }),
+          T && /* @__PURE__ */ a("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...fe }, children: T }),
           /* @__PURE__ */ g(
             "div",
             {
-              className: b(
+              className: c(
                 "Bear-Input__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-overflow-hidden bear-transition-all bear-duration-200",
                 "focus-within:bear-ring-2 focus-within:bear-ring-offset-2",
                 "focus-within:bear-ring-offset-[var(--bear-bg-primary)]",
                 n ? "Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500" : p ? "Bear-Input__wrapper--success bear-border-green-500 focus-within:bear-ring-green-500" : "focus-within:bear-border-bear-500 focus-within:bear-ring-bear-500 dark:focus-within:bear-border-bear-500 dark:focus-within:bear-ring-bear-500",
-                c && "bear-opacity-50 bear-cursor-not-allowed",
-                !l && xe[k]
+                b && "bear-opacity-50 bear-cursor-not-allowed",
+                !l && he[S]
               ),
-              dir: he,
+              dir: ye,
               style: {
                 backgroundColor: "var(--bear-bg-primary)",
                 borderColor: n || p ? void 0 : "var(--bear-border-default)"
               },
               children: [
-                R && /* @__PURE__ */ a(
+                G && /* @__PURE__ */ a(
                   "div",
                   {
                     className: "Bear-Input__addon Bear-Input__addon--left bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-text-sm bear-font-medium bear-select-none bear-pointer-events-none",
@@ -122,9 +122,9 @@ const He = ye(
                       backgroundColor: "var(--bear-bg-tertiary)",
                       borderInlineEnd: "1px solid var(--bear-border-default)",
                       color: "var(--bear-text-secondary)",
-                      ...fe
+                      ..._e
                     },
-                    children: R
+                    children: G
                   }
                 ),
                 l ? /* @__PURE__ */ a(
@@ -134,19 +134,19 @@ const He = ye(
                       typeof o == "function" ? o(e) : o && (o.current = e), typeof s == "function" ? s(e) : s && (s.current = e);
                     },
                     id: `${w}-field`,
-                    disabled: c,
-                    readOnly: A,
+                    disabled: b,
+                    readOnly: L,
                     value: d,
                     defaultValue: f,
-                    maxLength: I,
-                    rows: ge,
+                    maxLength: v,
+                    rows: Ie,
                     "aria-invalid": n || void 0,
                     className: q,
                     style: z,
                     ...U,
-                    ...M,
-                    onChange: (e) => G(e),
-                    onBlur: (e) => X(e)
+                    ...O,
+                    onChange: (e) => $(e),
+                    onBlur: (e) => F(e)
                   }
                 ) : /* @__PURE__ */ a(
                   "input",
@@ -155,29 +155,29 @@ const He = ye(
                       typeof o == "function" ? o(e) : o && (o.current = e), typeof s == "function" ? s(e) : s && (s.current = e);
                     },
                     id: `${w}-field`,
-                    disabled: c,
-                    readOnly: A,
+                    disabled: b,
+                    readOnly: L,
                     value: d,
                     defaultValue: f,
-                    maxLength: I,
+                    maxLength: v,
                     "aria-invalid": n || void 0,
-                    onChange: G,
-                    onBlur: X,
+                    onChange: $,
+                    onBlur: F,
                     className: q,
                     style: z,
                     ...U,
-                    ...M
+                    ...O
                   }
                 ),
-                me && /* @__PURE__ */ a(
+                ge && /* @__PURE__ */ a(
                   "div",
                   {
                     className: "Bear-Input__clear bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-2 bear-cursor-pointer",
                     style: { color: "var(--bear-text-muted)" },
-                    children: /* @__PURE__ */ a(ke, { onClick: P })
+                    children: /* @__PURE__ */ a(Le, { onClick: ee })
                   }
                 ),
-                $ && /* @__PURE__ */ a(
+                P && /* @__PURE__ */ a(
                   "div",
                   {
                     className: "Bear-Input__addon Bear-Input__addon--right bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-gap-1.5",
@@ -185,42 +185,42 @@ const He = ye(
                       backgroundColor: "var(--bear-bg-tertiary)",
                       borderInlineStart: "1px solid var(--bear-border-default)",
                       color: "var(--bear-text-secondary)",
-                      ...ue
+                      ...pe
                     },
-                    children: $
+                    children: P
                   }
                 )
               ]
             }
           ),
           /* @__PURE__ */ g("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
-            F ? /* @__PURE__ */ a(
+            X ? /* @__PURE__ */ a(
               "p",
               {
-                className: b(
+                className: c(
                   "Bear-Input__helper bear-text-sm bear-flex-1",
                   n && "Bear-Input__helper--error bear-text-red-500",
                   p && "Bear-Input__helper--success bear-text-green-500"
                 ),
                 style: {
                   ...n || p ? {} : { color: "var(--bear-text-muted)" },
-                  ...de
+                  ...ue
                 },
-                children: F
+                children: X
               }
-            ) : S ? /* @__PURE__ */ a("span", {}) : null,
-            S && x != null && /* @__PURE__ */ g(
+            ) : A ? /* @__PURE__ */ a("span", {}) : null,
+            A && m != null && /* @__PURE__ */ g(
               "span",
               {
-                className: b(
+                className: c(
                   "Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",
                   D && "bear-text-red-500"
                 ),
                 style: D ? void 0 : { color: "var(--bear-text-muted)" },
                 children: [
-                  N,
+                  B,
                   "/",
-                  x
+                  m
                 ]
               }
             )
@@ -230,7 +230,7 @@ const He = ye(
     );
   }
 );
-He.displayName = "Input";
+Pe.displayName = "Input";
 export {
-  He as Input
+  Pe as Input
 };

package/dist/components/MessageList/MessageList.cjs

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