@forgedevstack/bear 1.3.2 → 1.3.3

package/dist/components/EmptyState/helpers/EmptyStateInboxSvg.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+const a = (r) => {
+  const { className: e } = r;
+  return /* @__PURE__ */ o("svg", { className: e, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ o("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" }) });
+};
+export {
+  a as EmptyStateInboxSvg
+};

package/dist/components/EmptyState/helpers/EmptyStateSearchSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=t=>{const{className:r}=t;return e.jsx("svg",{className:r,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M21 21l-4.35-4.35M10.5 18a7.5 7.5 0 100-15 7.5 7.5 0 000 15z"})})};exports.EmptyStateSearchSvg=o;

package/dist/components/EmptyState/helpers/EmptyStateSearchSvg.d.ts

@@ -0,0 +1,3 @@
+export declare const EmptyStateSearchSvg: (props: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmptyState/helpers/EmptyStateSearchSvg.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+const n = (e) => {
+  const { className: o } = e;
+  return /* @__PURE__ */ r("svg", { className: o, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M21 21l-4.35-4.35M10.5 18a7.5 7.5 0 100-15 7.5 7.5 0 000 15z" }) });
+};
+export {
+  n as EmptyStateSearchSvg
+};

package/dist/components/EmptyState/helpers/index.d.ts

@@ -0,0 +1,3 @@
+export { EmptyStateErrorSvg } from './EmptyStateErrorSvg';
+export { EmptyStateInboxSvg } from './EmptyStateInboxSvg';
+export { EmptyStateSearchSvg } from './EmptyStateSearchSvg';

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

@@ -1,2 +1,2 @@
 export { EmptyState } from './EmptyState';
-export type { EmptyStateProps } from './EmptyState.types';
+export type { EmptyStatePreset, EmptyStateProps } from './EmptyState.types';

package/dist/components/FloatingChat/FloatingChat.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),G=require("react-dom"),r=require("../../utils/cn.cjs"),U=require("../../context/BearProvider.cjs"),g=require("../Button/Button.cjs"),P=require("../Avatar/Avatar.cjs");require("../Box/Box.cjs");const o=require("../Typography/Typography.cjs"),M=require("../Badge/Badge.cjs"),l=require("@forgedevstack/bear-icons"),$=require("../Chat/Chat.cjs"),t=require("./FloatingChat.const.cjs"),Z=({messages:d,onSend:j,isLoading:b=!1,isTyping:S=!1,title:h=t.FLOATING_CHAT_DEFAULTS.TITLE,subtitle:_=t.FLOATING_CHAT_DEFAULTS.SUBTITLE,avatar:w,position:m=t.FLOATING_CHAT_DEFAULTS.POSITION,bottom:u=t.FLOATING_CHAT_DEFAULTS.BOTTOM,side:x=t.FLOATING_CHAT_DEFAULTS.SIDE,defaultOpen:E=!1,open:F,onOpenChange:s,trigger:T,badgeCount:i,header:y,welcomeMessage:p=t.FLOATING_CHAT_DEFAULTS.WELCOME_MESSAGE,poweredBy:A,className:L,testId:q})=>{const{mode:D}=U.useBear(),B=D==="dark",[C,v]=c.useState(E),[I,n]=c.useState(!1),a=F??C,N=c.useCallback(()=>{const f=!a;n(!0),v(f),s==null||s(f),setTimeout(()=>n(!1),300)},[a,s]),H=c.useCallback(()=>{n(!0),v(!1),s==null||s(!1),setTimeout(()=>n(!1),300)},[s]),k=d.length===0&&p?[{id:"welcome",content:p,sender:"bot",timestamp:new Date}]:d,z={bottom:`${u}px`,[m==="bottom-right"?"right":"left"]:`${x}px`},O={bottom:`${u+70}px`,[m==="bottom-right"?"right":"left"]:`${x}px`,width:t.CHAT_WINDOW_SIZE.width,height:t.CHAT_WINDOW_SIZE.height},W=e.jsxs("div",{className:r.cn("Bear-FloatingChat",L),"data-testid":q,children:[(a||I)&&e.jsxs("div",{className:r.cn("fixed z-50 rounded-2xl overflow-hidden shadow-2xl","transition-all duration-300 ease-out",a&&!I?"opacity-100 translate-y-0 scale-100":"opacity-0 translate-y-4 scale-95 pointer-events-none"),style:O,children:[y?e.jsx("div",{className:r.cn("px-4 py-3",B?"bg-gray-800":"bg-[var(--bear-primary-500)]"),children:y}):e.jsxs("div",{className:r.cn("px-4 py-3 flex items-center gap-3","bg-[var(--bear-primary-500)] text-white"),children:[e.jsx(P.Avatar,{src:w,initials:h[0],size:"sm",className:"ring-2 ring-white/20"}),e.jsxs("div",{className:"flex-1",children:[e.jsx(o.Typography,{variant:"subtitle2",className:"text-white font-semibold",children:h}),e.jsx(o.Typography,{variant:"caption",className:"text-white/70",children:_})]}),e.jsx(g.Button,{variant:"ghost",size:"sm",onClick:H,className:"!text-white hover:!bg-white/10",children:e.jsx(l.BearIcons.XIcon,{size:18})})]}),e.jsx($.Chat,{messages:k,onSend:j,isLoading:b,isTyping:S,showAvatars:!1,height:t.CHAT_WINDOW_SIZE.height-140,className:"!rounded-none !border-0"}),A&&e.jsx("div",{className:"px-3 py-2 text-center border-t border-gray-200 dark:border-gray-700",children:e.jsxs(o.Typography,{variant:"caption",className:"opacity-50",children:["Powered by ",A]})})]}),e.jsx("div",{className:"fixed z-50",style:z,children:T?e.jsx("div",{onClick:N,children:T}):e.jsxs("div",{className:"relative",children:[e.jsx(g.Button,{variant:"primary",onClick:N,className:r.cn("!w-14 !h-14 !rounded-full !p-0 shadow-lg","transition-transform duration-200",a&&"rotate-180"),children:a?e.jsx(l.BearIcons.XIcon,{size:24}):e.jsx(l.BearIcons.ChatIcon,{size:24})}),!a&&i&&i>0&&e.jsx(M.Badge,{variant:"danger",size:"sm",className:"absolute -top-1 -right-1 !min-w-[20px] !h-5",children:i>99?"99+":i})]})})]});return typeof document>"u"?null:G.createPortal(W,document.body)};exports.FloatingChat=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),P=require("react"),R=require("react-dom"),a=require("../../constants/generals.const.cjs"),_=require("../../utils/cn.cjs"),W=require("../../utils/generateBearId.utils.cjs"),V=require("../../utils/useBearId.cjs"),L=require("../Box/Box.cjs"),X=require("../Chat/Chat.cjs"),Y=require("../Typography/Typography.cjs"),e=require("./FloatingChat.const.cjs"),Z=require("./FloatingChat.utils.cjs"),k=require("./helpers/FloatingChatHeader.cjs"),z=require("./helpers/FloatingChatTrigger.cjs"),J=d=>{const{id:g,testId:F,messages:r,onSend:O,onStop:C,onAttach:E,isLoading:u=a.BOOLEAN_FALSE,isStreaming:h=a.BOOLEAN_FALSE,isTyping:N=a.BOOLEAN_FALSE,title:I=e.FLOATING_CHAT_DEFAULTS.TITLE,subtitle:S=e.FLOATING_CHAT_DEFAULTS.SUBTITLE,avatar:B,position:p=e.FLOATING_CHAT_DEFAULTS.POSITION,bottom:m=e.FLOATING_CHAT_DEFAULTS.BOTTOM,side:H=e.FLOATING_CHAT_DEFAULTS.SIDE,defaultOpen:b=e.FLOATING_CHAT_DEFAULT_OPEN,open:i,onOpenChange:o,trigger:q,badgeCount:D,header:y,welcomeMessage:l=e.FLOATING_CHAT_DEFAULTS.WELCOME_MESSAGE,poweredBy:c=e.FLOATING_CHAT_POWERED_BY,allowAttach:G,className:w,translations:M}=d,x=V.useBearId(a.COMPONENT_NAME_FLOATING_CHAT),U=W.resolveBearId(g,x),[f,j]=P.useState(b),s=i??f,n={...e.FLOATING_CHAT_DEFAULT_TRANSLATIONS,...M},v=r.length===0&&l?[{id:e.FLOATING_CHAT_WELCOME_ID,content:l,sender:"bot",timestamp:new Date}]:r,A=T=>{i===void 0&&j(T),o==null||o(T)};return typeof document>"u"?null:R.createPortal(t.jsxs(L.Box,{id:U,"data-testid":F,className:_.cn("Bear-FloatingChat",p==="bottom-left"&&"Bear-FloatingChat--left",w),style:Z.resolveFloatingChatVars(m,H),children:[t.jsxs(L.Box,{className:_.cn("Bear-FloatingChat__window",!s&&"Bear-FloatingChat__window--closed"),children:[t.jsx(k.FloatingChatHeader,{header:y,title:I,subtitle:S,avatar:B,closeLabel:n.closeLabel,onClose:()=>A(a.BOOLEAN_FALSE)}),t.jsx(X.Chat,{messages:v,onSend:O,onStop:C,onAttach:E,isLoading:u,isStreaming:h,isTyping:N,showAvatars:a.BOOLEAN_FALSE,height:e.CHAT_WINDOW_SIZE.height-e.FLOATING_CHAT_CHROME_PX,allowAttach:G,className:"Bear-FloatingChat__chat"}),c&&t.jsx(Y.Typography,{variant:"caption",className:"Bear-FloatingChat__powered",color:"secondary",children:c})]}),t.jsx(z.FloatingChatTrigger,{isOpen:s,trigger:q,badgeCount:D,openLabel:n.openLabel,closeLabel:n.closeLabel,onToggle:()=>A(!s)})]}),document.body)};exports.FloatingChat=J;

package/dist/components/FloatingChat/FloatingChat.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={POSITION:"bottom-right",BOTTOM:20,SIDE:20,TITLE:"Chat",SUBTITLE:"We typically reply in a few minutes",WELCOME_MESSAGE:"Hi! How can we help you today?"},T={width:380,height:520};exports.CHAT_WINDOW_SIZE=T;exports.FLOATING_CHAT_DEFAULTS=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../../constants/numbers.const.cjs"),T=require("../../constants/generals.const.cjs"),_={POSITION:"bottom-right",BOTTOM:A.TWENTY,SIDE:A.TWENTY,TITLE:"Chat",SUBTITLE:"We typically reply in a few minutes",WELCOME_MESSAGE:"Hi! How can we help you today?"},L={width:360,height:520},O=140,E="welcome",t=T.BOOLEAN_FALSE,I="Forge",e=A.CHAT_BADGE_MAX,C="--Bear-FloatingChat-bottom",o="--Bear-FloatingChat-side",H="--Bear-FloatingChat-width",N="--Bear-FloatingChat-height",F={placeholder:T.PLACEHOLDER_START_TYPING,typingText:"is typing...",newMessagesLabel:T.LABEL_NEW_MESSAGES,closeLabel:T.LABEL_CLOSE,openLabel:_.TITLE};exports.CHAT_WINDOW_SIZE=L;exports.FLOATING_CHAT_BADGE_MAX=e;exports.FLOATING_CHAT_BOTTOM_VAR=C;exports.FLOATING_CHAT_CHROME_PX=O;exports.FLOATING_CHAT_DEFAULTS=_;exports.FLOATING_CHAT_DEFAULT_OPEN=t;exports.FLOATING_CHAT_DEFAULT_TRANSLATIONS=F;exports.FLOATING_CHAT_HEIGHT_VAR=N;exports.FLOATING_CHAT_POWERED_BY=I;exports.FLOATING_CHAT_SIDE_VAR=o;exports.FLOATING_CHAT_WELCOME_ID=E;exports.FLOATING_CHAT_WIDTH_VAR=H;

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

@@ -1,3 +1,4 @@
+import { FloatingChatTranslations } from './FloatingChat.types';
 export declare const FLOATING_CHAT_DEFAULTS: {
     readonly POSITION: "bottom-right";
     readonly BOTTOM: 20;
@@ -7,6 +8,16 @@ export declare const FLOATING_CHAT_DEFAULTS: {
     readonly WELCOME_MESSAGE: "Hi! How can we help you today?";
 };
 export declare const CHAT_WINDOW_SIZE: {
-    readonly width: 380;
+    readonly width: 360;
     readonly height: 520;
 };
+export declare const FLOATING_CHAT_CHROME_PX = 140;
+export declare const FLOATING_CHAT_WELCOME_ID = "welcome";
+export declare const FLOATING_CHAT_DEFAULT_OPEN = false;
+export declare const FLOATING_CHAT_POWERED_BY = "Forge";
+export declare const FLOATING_CHAT_BADGE_MAX = 99;
+export declare const FLOATING_CHAT_BOTTOM_VAR = "--Bear-FloatingChat-bottom";
+export declare const FLOATING_CHAT_SIDE_VAR = "--Bear-FloatingChat-side";
+export declare const FLOATING_CHAT_WIDTH_VAR = "--Bear-FloatingChat-width";
+export declare const FLOATING_CHAT_HEIGHT_VAR = "--Bear-FloatingChat-height";
+export declare const FLOATING_CHAT_DEFAULT_TRANSLATIONS: FloatingChatTranslations;

package/dist/components/FloatingChat/FloatingChat.const.js

@@ -1,15 +1,33 @@
-const t = {
+import { TWENTY as T, CHAT_BADGE_MAX as A } from "../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as _, LABEL_CLOSE as t, LABEL_NEW_MESSAGES as o, PLACEHOLDER_START_TYPING as E } from "../../constants/generals.const.js";
+const L = {
   POSITION: "bottom-right",
-  BOTTOM: 20,
-  SIDE: 20,
+  BOTTOM: T,
+  SIDE: T,
   TITLE: "Chat",
   SUBTITLE: "We typically reply in a few minutes",
   WELCOME_MESSAGE: "Hi! How can we help you today?"
-}, T = {
-  width: 380,
+}, I = {
+  width: 360,
   height: 520
+}, n = 140, C = "welcome", a = _, F = "Forge", H = A, N = "--Bear-FloatingChat-bottom", i = "--Bear-FloatingChat-side", s = "--Bear-FloatingChat-width", c = "--Bear-FloatingChat-height", G = {
+  placeholder: E,
+  typingText: "is typing...",
+  newMessagesLabel: o,
+  closeLabel: t,
+  openLabel: L.TITLE
 };
 export {
-  T as CHAT_WINDOW_SIZE,
-  t as FLOATING_CHAT_DEFAULTS
+  I as CHAT_WINDOW_SIZE,
+  H as FLOATING_CHAT_BADGE_MAX,
+  N as FLOATING_CHAT_BOTTOM_VAR,
+  n as FLOATING_CHAT_CHROME_PX,
+  L as FLOATING_CHAT_DEFAULTS,
+  a as FLOATING_CHAT_DEFAULT_OPEN,
+  G as FLOATING_CHAT_DEFAULT_TRANSLATIONS,
+  c as FLOATING_CHAT_HEIGHT_VAR,
+  F as FLOATING_CHAT_POWERED_BY,
+  i as FLOATING_CHAT_SIDE_VAR,
+  C as FLOATING_CHAT_WELCOME_ID,
+  s as FLOATING_CHAT_WIDTH_VAR
 };

package/dist/components/FloatingChat/FloatingChat.d.ts

@@ -1,19 +1,2 @@
-import { FC } from 'react';
 import { FloatingChatProps } from './FloatingChat.types';
-/**
- * FloatingChat - Floating chat widget bubble
- *
- * @example
- * ```tsx
- * <FloatingChat
- *   messages={messages}
- *   onSend={handleSend}
- *   title="Support"
- *   subtitle="We're here to help!"
- *   position="bottom-right"
- *   badgeCount={2}
- * />
- * ```
- */
-export declare const FloatingChat: FC<FloatingChatProps>;
-export default FloatingChat;
+export declare const FloatingChat: (props: FloatingChatProps) => import('react').ReactPortal | null;

package/dist/components/FloatingChat/FloatingChat.js

@@ -1,145 +1,114 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useState as I, useCallback as S } from "react";
-import { createPortal as Z } from "react-dom";
-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 "@forgedevstack/bear-icons";
-import { Chat as O } from "../Chat/Chat.js";
-import { FLOATING_CHAT_DEFAULTS as a, CHAT_WINDOW_SIZE as m } from "./FloatingChat.const.js";
-const ct = ({
-  messages: d,
-  onSend: E,
-  isLoading: z = !1,
-  isTyping: k = !1,
-  title: h = a.TITLE,
-  subtitle: B = a.SUBTITLE,
-  avatar: D,
-  position: p = a.POSITION,
-  bottom: f = a.BOTTOM,
-  side: v = a.SIDE,
-  defaultOpen: L = !1,
-  open: _,
-  onOpenChange: e,
-  trigger: y,
-  badgeCount: o,
-  header: x,
-  welcomeMessage: u = a.WELCOME_MESSAGE,
-  poweredBy: N,
-  className: F,
-  testId: W
-}) => {
-  const { mode: $ } = q(), M = $ === "dark", [P, b] = I(L), [w, l] = I(!1), i = _ ?? P, g = S(() => {
-    const T = !i;
-    l(!0), b(T), e == null || e(T), setTimeout(() => l(!1), 300);
-  }, [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: `${f}px`,
-    [p === "bottom-right" ? "right" : "left"]: `${v}px`
-  }, U = {
-    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: [
-    (i || w) && /* @__PURE__ */ r(
-      "div",
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { useState as j } from "react";
+import { createPortal as V } from "react-dom";
+import { BOOLEAN_FALSE as t, COMPONENT_NAME_FLOATING_CHAT as X } from "../../constants/generals.const.js";
+import { cn as T } from "../../utils/cn.js";
+import { resolveBearId as Y } from "../../utils/generateBearId.utils.js";
+import { useBearId as Z } from "../../utils/useBearId.js";
+import { Box as _ } from "../Box/Box.js";
+import { Chat as k } from "../Chat/Chat.js";
+import { Typography as q } from "../Typography/Typography.js";
+import { FLOATING_CHAT_DEFAULTS as e, FLOATING_CHAT_DEFAULT_OPEN as z, FLOATING_CHAT_POWERED_BY as J, FLOATING_CHAT_WELCOME_ID as K, FLOATING_CHAT_DEFAULT_TRANSLATIONS as Q, CHAT_WINDOW_SIZE as $, FLOATING_CHAT_CHROME_PX as ee } from "./FloatingChat.const.js";
+import { resolveFloatingChatVars as te } from "./FloatingChat.utils.js";
+import { FloatingChatHeader as oe } from "./helpers/FloatingChatHeader.js";
+import { FloatingChatTrigger as ae } from "./helpers/FloatingChatTrigger.js";
+const he = (g) => {
+  const {
+    id: A,
+    testId: O,
+    messages: n,
+    onSend: h,
+    onStop: C,
+    onAttach: L,
+    isLoading: I = t,
+    isStreaming: f = t,
+    isTyping: E = t,
+    title: F = e.TITLE,
+    subtitle: N = e.SUBTITLE,
+    avatar: B,
+    position: S = e.POSITION,
+    bottom: b = e.BOTTOM,
+    side: u = e.SIDE,
+    defaultOpen: w = z,
+    open: i,
+    onOpenChange: a,
+    trigger: H,
+    badgeCount: y,
+    header: M,
+    welcomeMessage: l = e.WELCOME_MESSAGE,
+    poweredBy: m = J,
+    allowAttach: D,
+    className: G,
+    translations: v
+  } = g, P = Z(X), W = Y(A, P), [U, x] = j(w), r = i ?? U, s = { ...Q, ...v }, R = n.length === 0 && l ? [{ id: K, content: l, sender: "bot", timestamp: /* @__PURE__ */ new Date() }] : n, d = (c) => {
+    i === void 0 && x(c), a == null || a(c);
+  };
+  return typeof document > "u" ? null : V(
+    /* @__PURE__ */ p(
+      _,
       {
-        className: s(
-          "fixed z-50 rounded-2xl overflow-hidden shadow-2xl",
-          "transition-all duration-300 ease-out",
-          i && !w ? "opacity-100 translate-y-0 scale-100" : "opacity-0 translate-y-4 scale-95 pointer-events-none"
+        id: W,
+        "data-testid": O,
+        className: T(
+          "Bear-FloatingChat",
+          S === "bottom-left" && "Bear-FloatingChat--left",
+          G
         ),
-        style: U,
+        style: te(b, u),
         children: [
-          x ? /* @__PURE__ */ t("div", { className: s(
-            "px-4 py-3",
-            M ? "bg-gray-800" : "bg-[var(--bear-primary-500)]"
-          ), children: x }) : /* @__PURE__ */ r(
-            "div",
+          /* @__PURE__ */ p(
+            _,
             {
-              className: s(
-                "px-4 py-3 flex items-center gap-3",
-                "bg-[var(--bear-primary-500)] text-white"
-              ),
+              className: T("Bear-FloatingChat__window", !r && "Bear-FloatingChat__window--closed"),
               children: [
-                /* @__PURE__ */ t(
-                  J,
+                /* @__PURE__ */ o(
+                  oe,
                   {
-                    src: D,
-                    initials: h[0],
-                    size: "sm",
-                    className: "ring-2 ring-white/20"
+                    header: M,
+                    title: F,
+                    subtitle: N,
+                    avatar: B,
+                    closeLabel: s.closeLabel,
+                    onClose: () => d(t)
                   }
                 ),
-                /* @__PURE__ */ r("div", { className: "flex-1", children: [
-                  /* @__PURE__ */ t(c, { variant: "subtitle2", className: "text-white font-semibold", children: h }),
-                  /* @__PURE__ */ t(c, { variant: "caption", className: "text-white/70", children: B })
-                ] }),
-                /* @__PURE__ */ t(
-                  A,
+                /* @__PURE__ */ o(
+                  k,
                   {
-                    variant: "ghost",
-                    size: "sm",
-                    onClick: j,
-                    className: "!text-white hover:!bg-white/10",
-                    children: /* @__PURE__ */ t(n.XIcon, { size: 18 })
+                    messages: R,
+                    onSend: h,
+                    onStop: C,
+                    onAttach: L,
+                    isLoading: I,
+                    isStreaming: f,
+                    isTyping: E,
+                    showAvatars: t,
+                    height: $.height - ee,
+                    allowAttach: D,
+                    className: "Bear-FloatingChat__chat"
                   }
-                )
+                ),
+                m && /* @__PURE__ */ o(q, { variant: "caption", className: "Bear-FloatingChat__powered", color: "secondary", children: m })
               ]
             }
           ),
-          /* @__PURE__ */ t(
-            O,
+          /* @__PURE__ */ o(
+            ae,
             {
-              messages: G,
-              onSend: E,
-              isLoading: z,
-              isTyping: k,
-              showAvatars: !1,
-              height: m.height - 140,
-              className: "!rounded-none !border-0"
+              isOpen: r,
+              trigger: H,
+              badgeCount: y,
+              openLabel: s.openLabel,
+              closeLabel: s.closeLabel,
+              onToggle: () => d(!r)
             }
-          ),
-          N && /* @__PURE__ */ t("div", { className: "px-3 py-2 text-center border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ r(c, { variant: "caption", className: "opacity-50", children: [
-            "Powered by ",
-            N
-          ] }) })
+          )
         ]
       }
     ),
-    /* @__PURE__ */ t("div", { className: "fixed z-50", style: H, children: y ? /* @__PURE__ */ t("div", { onClick: g, children: y }) : /* @__PURE__ */ r("div", { className: "relative", children: [
-      /* @__PURE__ */ t(
-        A,
-        {
-          variant: "primary",
-          onClick: g,
-          className: s(
-            "!w-14 !h-14 !rounded-full !p-0 shadow-lg",
-            "transition-transform duration-200",
-            i && "rotate-180"
-          ),
-          children: i ? /* @__PURE__ */ t(n.XIcon, { size: 24 }) : /* @__PURE__ */ t(n.ChatIcon, { size: 24 })
-        }
-      ),
-      !i && o && o > 0 && /* @__PURE__ */ t(
-        K,
-        {
-          variant: "danger",
-          size: "sm",
-          className: "absolute -top-1 -right-1 !min-w-[20px] !h-5",
-          children: o > 99 ? "99+" : o
-        }
-      )
-    ] }) })
-  ] });
-  return typeof document > "u" ? null : Z(X, document.body);
+    document.body
+  );
 };
 export {
-  ct as FloatingChat
+  he as FloatingChat
 };

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

@@ -1,45 +1,34 @@
 import { ReactNode } from 'react';
-import { ChatMessage } from '../Chat/Chat.types';
+import { ChatMessage, ChatTranslations } from '../Chat/Chat.types';
+export interface FloatingChatTranslations extends ChatTranslations {
+    closeLabel: string;
+    openLabel: string;
+}
 export interface FloatingChatProps {
     id?: string;
-    /** Chat messages */
+    testId?: string;
     messages: ChatMessage[];
-    /** Callback when user sends a message */
     onSend?: (message: string) => void;
-    /** Loading state */
+    onStop?: () => void;
+    onAttach?: (files: File[]) => void;
     isLoading?: boolean;
-    /** Typing indicator */
+    isStreaming?: boolean;
     isTyping?: boolean;
-    /** Chat title */
     title?: string;
-    /** Chat subtitle */
     subtitle?: string;
-    /** Avatar URL */
     avatar?: string;
-    /** Position on screen */
     position?: 'bottom-right' | 'bottom-left';
-    /** Distance from bottom */
     bottom?: number;
-    /** Distance from side */
     side?: number;
-    /** Initial open state */
     defaultOpen?: boolean;
-    /** Controlled open state */
     open?: boolean;
-    /** Callback when open state changes */
     onOpenChange?: (open: boolean) => void;
-    /** Custom trigger button */
     trigger?: ReactNode;
-    /** Badge count (e.g., unread messages) */
     badgeCount?: number;
-    /** Header content */
     header?: ReactNode;
-    /** Welcome message */
     welcomeMessage?: string;
-    /** Show powered by */
     poweredBy?: string;
-    /** Custom class name */
+    allowAttach?: boolean;
     className?: string;
-    /** Test ID */
-    testId?: string;
+    translations?: Partial<FloatingChatTranslations>;
 }

package/dist/components/FloatingChat/FloatingChat.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../constants/generals.const.cjs"),e=require("./FloatingChat.const.cjs"),T=(t,_)=>({[e.FLOATING_CHAT_BOTTOM_VAR]:`${t}${r.UNIT_PX}`,[e.FLOATING_CHAT_SIDE_VAR]:`${_}${r.UNIT_PX}`,[e.FLOATING_CHAT_WIDTH_VAR]:`${e.CHAT_WINDOW_SIZE.width}${r.UNIT_PX}`,[e.FLOATING_CHAT_HEIGHT_VAR]:`${e.CHAT_WINDOW_SIZE.height}${r.UNIT_PX}`}),o=(t,_)=>t>_?`${_}+`:String(t);exports.resolveFloatingChatBadge=o;exports.resolveFloatingChatVars=T;

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

@@ -0,0 +1,2 @@
+export declare const resolveFloatingChatVars: (bottom: number, side: number) => Record<string, string>;
+export declare const resolveFloatingChatBadge: (count: number, max: number) => string;

package/dist/components/FloatingChat/FloatingChat.utils.js

@@ -0,0 +1,12 @@
+import { UNIT_PX as r } from "../../constants/generals.const.js";
+import { CHAT_WINDOW_SIZE as t, FLOATING_CHAT_HEIGHT_VAR as A, FLOATING_CHAT_WIDTH_VAR as o, FLOATING_CHAT_SIDE_VAR as I, FLOATING_CHAT_BOTTOM_VAR as e } from "./FloatingChat.const.js";
+const H = (_, T) => ({
+  [e]: `${_}${r}`,
+  [I]: `${T}${r}`,
+  [o]: `${t.width}${r}`,
+  [A]: `${t.height}${r}`
+}), C = (_, T) => _ > T ? `${T}+` : String(_);
+export {
+  C as resolveFloatingChatBadge,
+  H as resolveFloatingChatVars
+};

package/dist/components/FloatingChat/helpers/FloatingChatHeader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../Avatar/Avatar.cjs");require("react");const r=require("../../Box/Box.cjs"),h=require("../../CloseButton/CloseButton.cjs"),g=require("../../Flex/Flex.cjs"),s=require("../../Typography/Typography.cjs"),x=i=>{const{header:a,title:t,subtitle:l,avatar:n,closeLabel:o,onClose:c}=i;return a?e.jsx(r.Box,{className:"Bear-FloatingChat__header",children:a}):e.jsxs(g.Flex,{className:"Bear-FloatingChat__header",align:"center",gap:3,children:[e.jsx(u.Avatar,{src:n,initials:t[0],size:"sm"}),e.jsxs(r.Box,{children:[e.jsx(s.Typography,{variant:"subtitle2",className:"Bear-FloatingChat__title",children:t}),e.jsx(s.Typography,{variant:"caption",className:"Bear-FloatingChat__subtitle",children:l})]}),e.jsx(h.CloseButton,{"aria-label":o,onClick:c})]})};exports.FloatingChatHeader=x;

package/dist/components/FloatingChat/helpers/FloatingChatHeader.d.ts

@@ -0,0 +1,9 @@
+import { FloatingChatProps } from '../FloatingChat.types';
+export declare const FloatingChatHeader: (props: {
+    header?: FloatingChatProps["header"];
+    title: string;
+    subtitle: string;
+    avatar?: string;
+    closeLabel: string;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FloatingChat/helpers/FloatingChatHeader.js

@@ -0,0 +1,21 @@
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import { Avatar as h } from "../../Avatar/Avatar.js";
+import "react";
+import { Box as i } from "../../Box/Box.js";
+import { CloseButton as p } from "../../CloseButton/CloseButton.js";
+import { Flex as d } from "../../Flex/Flex.js";
+import { Typography as o } from "../../Typography/Typography.js";
+const b = (l) => {
+  const { header: t, title: r, subtitle: n, avatar: s, closeLabel: m, onClose: c } = l;
+  return t ? /* @__PURE__ */ a(i, { className: "Bear-FloatingChat__header", children: t }) : /* @__PURE__ */ e(d, { className: "Bear-FloatingChat__header", align: "center", gap: 3, children: [
+    /* @__PURE__ */ a(h, { src: s, initials: r[0], size: "sm" }),
+    /* @__PURE__ */ e(i, { children: [
+      /* @__PURE__ */ a(o, { variant: "subtitle2", className: "Bear-FloatingChat__title", children: r }),
+      /* @__PURE__ */ a(o, { variant: "caption", className: "Bear-FloatingChat__subtitle", children: n })
+    ] }),
+    /* @__PURE__ */ a(p, { "aria-label": m, onClick: c })
+  ] });
+};
+export {
+  b as FloatingChatHeader
+};

package/dist/components/FloatingChat/helpers/FloatingChatTrigger.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../Badge/Badge.cjs"),i=require("../../Box/Box.cjs"),B=require("../../Button/Button.cjs"),C=require("../../CloseButton/CloseButton.cjs"),d=require("../FloatingChat.const.cjs"),h=require("../FloatingChat.utils.cjs"),_=s=>{const{isOpen:a,trigger:r,badgeCount:l,openLabel:n,closeLabel:g,onToggle:t}=s,o=l??0,c=!a&&o>0;return r?e.jsx(i.Box,{className:"Bear-FloatingChat__trigger",onClick:t,children:r}):e.jsxs(i.Box,{className:"Bear-FloatingChat__trigger",children:[a?e.jsx(C.CloseButton,{"aria-label":g,onClick:t,size:"lg"}):e.jsx(B.Button,{type:"button",variant:"primary","aria-label":n,onClick:t,children:n}),c&&e.jsx(u.Badge,{variant:"danger",size:"sm",className:"Bear-FloatingChat__badge",children:h.resolveFloatingChatBadge(o,d.FLOATING_CHAT_BADGE_MAX)})]})};exports.FloatingChatTrigger=_;

package/dist/components/FloatingChat/helpers/FloatingChatTrigger.d.ts

@@ -0,0 +1,9 @@
+import { FloatingChatProps } from '../FloatingChat.types';
+export declare const FloatingChatTrigger: (props: {
+    isOpen: boolean;
+    trigger?: FloatingChatProps["trigger"];
+    badgeCount?: number;
+    openLabel: string;
+    closeLabel: string;
+    onToggle: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FloatingChat/helpers/FloatingChatTrigger.js

@@ -0,0 +1,17 @@
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { Badge as p } from "../../Badge/Badge.js";
+import { Box as n } from "../../Box/Box.js";
+import { Button as C } from "../../Button/Button.js";
+import { CloseButton as d } from "../../CloseButton/CloseButton.js";
+import { FLOATING_CHAT_BADGE_MAX as h } from "../FloatingChat.const.js";
+import { resolveFloatingChatBadge as B } from "../FloatingChat.utils.js";
+const N = (l) => {
+  const { isOpen: a, trigger: t, badgeCount: g, openLabel: e, closeLabel: s, onToggle: o } = l, i = g ?? 0, m = !a && i > 0;
+  return t ? /* @__PURE__ */ r(n, { className: "Bear-FloatingChat__trigger", onClick: o, children: t }) : /* @__PURE__ */ c(n, { className: "Bear-FloatingChat__trigger", children: [
+    a ? /* @__PURE__ */ r(d, { "aria-label": s, onClick: o, size: "lg" }) : /* @__PURE__ */ r(C, { type: "button", variant: "primary", "aria-label": e, onClick: o, children: e }),
+    m && /* @__PURE__ */ r(p, { variant: "danger", size: "sm", className: "Bear-FloatingChat__badge", children: B(i, h) })
+  ] });
+};
+export {
+  N as FloatingChatTrigger
+};

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

@@ -1,2 +1,2 @@
 export { FloatingChat } from './FloatingChat';
-export type { FloatingChatProps } from './FloatingChat.types';
+export type { FloatingChatProps, FloatingChatTranslations } from './FloatingChat.types';

package/dist/components/FormSkeleton/FormSkeleton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("../../utils/cn.cjs");require("react");const S=require("../../utils/generateBearId.utils.cjs"),E=require("../../utils/useBearId.cjs"),o=require("../Skeleton/Skeleton.cjs"),e=require("./FormSkeleton.const.cjs"),u=({fields:s=e.FORM_SKELETON_DEFAULT_FIELDS,animation:t="pulse",id:l,testId:n,className:_})=>{const a=E.useBearId("FormSkeleton"),i=S.resolveBearId(l,a);return r.jsx("div",{id:i,"data-testid":n,className:c.cn(e.FORM_SKELETON_ROOT_CLASS,"bear-flex bear-flex-col",_),style:{gap:e.FORM_SKELETON_FIELD_GAP_PX},children:Array.from({length:s}).map((F,d)=>r.jsxs("div",{className:"Bear-FormSkeleton__field bear-flex bear-flex-col bear-gap-2",children:[r.jsx(o.Skeleton,{animation:t,width:"30%",height:e.FORM_SKELETON_LABEL_HEIGHT_PX}),r.jsx(o.Skeleton,{animation:t,width:"100%",height:e.FORM_SKELETON_FIELD_HEIGHT_PX})]},`field-${d}`))})};exports.FormSkeleton=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../constants/numbers.const.cjs"),u=require("../../constants/generals.const.cjs"),d=require("../../utils/cn.cjs");require("react");const S=require("../../utils/generateBearId.utils.cjs"),F=require("../../utils/useBearId.cjs"),n=require("../Flex/Flex.cjs"),t=require("../Skeleton/Skeleton.cjs"),_=s=>{const{fields:l=r.THREE,animation:o=u.ANIMATION_PULSE,id:a,testId:i,className:c}=s;return e.jsx(n.Flex,{id:S.resolveBearId(a,F.useBearId("FormSkeleton")),testId:i,direction:"column",gap:4,className:d.cn("Bear-FormSkeleton",c),children:Array.from({length:l}).map((k,m)=>e.jsxs(n.Flex,{direction:"column",gap:2,className:"Bear-FormSkeleton__field",children:[e.jsx(t.Skeleton,{animation:o,height:r.FOURTEEN,className:"Bear-FormSkeleton__label"}),e.jsx(t.Skeleton,{animation:o,height:r.FORTY,className:"Bear-FormSkeleton__control"})]},`field-${m}`))})};exports.FormSkeleton=_;

package/dist/components/FormSkeleton/FormSkeleton.d.ts

@@ -1,2 +1,2 @@
 import { FormSkeletonProps } from './FormSkeleton.types';
-export declare const FormSkeleton: ({ fields, animation, id, testId, className, }: FormSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSkeleton: (props: FormSkeletonProps) => import("react/jsx-runtime").JSX.Element;