@forgedevstack/bear 1.3.1 → 1.3.3

package/dist/components/EmptyState/EmptyState.const.js

@@ -1,4 +1,13 @@
-const e = "Bear-EmptyState", r = "bear-flex bear-flex-col bear-items-center bear-text-center", a = "bear-bg-[var(--bear-bg-secondary)] bear-rounded-xl bear-border bear-border-[var(--bear-border-default)]", b = "bear-text-[var(--bear-text-muted)] bear-mb-4", t = "bear-font-semibold bear-text-[var(--bear-text-primary)] bear-mb-2", S = "bear-text-[var(--bear-text-secondary)] bear-max-w-md bear-mb-6", E = {
+import { SIZE_MD as t, VARIANT_DEFAULT as e, EMPTY_STATE_PRESET_EMPTY as T, EMPTY_STATE_PRESET_ERROR as r, EMPTY_STATE_PRESET_SEARCH as S, EMPTY_STATE_PRESET_INBOX as _ } from "../../constants/generals.const.js";
+import { EmptyStateErrorSvg as a } from "./helpers/EmptyStateErrorSvg.js";
+import { EmptyStateInboxSvg as E } from "./helpers/EmptyStateInboxSvg.js";
+import { EmptyStateSearchSvg as b } from "./helpers/EmptyStateSearchSvg.js";
+const m = t, i = e, x = T, c = {
+  [T]: E,
+  [_]: E,
+  [S]: b,
+  [r]: a
+}, n = {
   sm: {
     icon: "bear-w-12 bear-h-12",
     title: "bear-text-lg",
@@ -19,11 +28,9 @@ const e = "Bear-EmptyState", r = "bear-flex bear-flex-col bear-items-center bear
   }
 };
 export {
-  r as EMPTY_STATE_BASE_CLASSES,
-  a as EMPTY_STATE_CARD_CLASSES,
-  S as EMPTY_STATE_DESCRIPTION_CLASSES,
-  b as EMPTY_STATE_ICON_CLASSES,
-  e as EMPTY_STATE_ROOT_CLASS,
-  E as EMPTY_STATE_SIZE_CLASSES,
-  t as EMPTY_STATE_TITLE_CLASSES
+  x as EMPTY_STATE_DEFAULT_PRESET,
+  m as EMPTY_STATE_DEFAULT_SIZE,
+  i as EMPTY_STATE_DEFAULT_VARIANT,
+  c as EMPTY_STATE_PRESET_ICON,
+  n as EMPTY_STATE_SIZE_CLASSES
 };

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

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { EmptyStateProps } from './EmptyState.types';
-export declare const EmptyState: FC<EmptyStateProps>;
+export declare const EmptyState: (props: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmptyState/EmptyState.js

@@ -1,54 +1,50 @@
-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 { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Box as m } from "../Box/Box.js";
+import { Flex as N } from "../Flex/Flex.js";
+import { Typography as n } from "../Typography/Typography.js";
+import { cn as a } from "../../utils/cn.js";
 import "react";
-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 c = v("EmptyState"), A = u(n, c), a = p[T];
-  return /* @__PURE__ */ l(
-    "div",
+import { resolveBearId as P } from "../../utils/generateBearId.utils.js";
+import { useBearId as h } from "../../utils/useBearId.js";
+import { EMPTY_STATE_DEFAULT_SIZE as g, EMPTY_STATE_DEFAULT_VARIANT as x, EMPTY_STATE_DEFAULT_PRESET as M, EMPTY_STATE_SIZE_CLASSES as Y, EMPTY_STATE_PRESET_ICON as u } from "./EmptyState.const.js";
+const z = (E) => {
+  const {
+    icon: p,
+    title: d,
+    description: r,
+    action: o,
+    secondaryAction: s,
+    className: l,
+    size: _ = g,
+    variant: T = x,
+    preset: i = M,
+    id: S,
+    testId: y
+  } = E, A = h("EmptyState"), f = P(S, A), t = Y[_], B = u[i], I = p ?? /* @__PURE__ */ e(B, { className: "bear-w-full bear-h-full" });
+  return /* @__PURE__ */ c(
+    m,
     {
-      id: A,
-      "data-testid": _,
-      className: r(
-        d,
-        L,
-        a.padding,
-        m === "card" && I,
-        i
+      id: f,
+      "data-testid": y,
+      className: a(
+        "Bear-EmptyState",
+        T === "card" && "Bear-EmptyState--card",
+        `Bear-EmptyState--${i}`,
+        t.padding,
+        l
       ),
       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
+        /* @__PURE__ */ e(m, { className: a("Bear-EmptyState__icon", t.icon), children: I }),
+        /* @__PURE__ */ e(n, { className: a("Bear-EmptyState__title", t.title), children: d }),
+        r && /* @__PURE__ */ e(n, { className: a("Bear-EmptyState__description", t.desc), children: r }),
+        (o || s) && /* @__PURE__ */ c(N, { className: "Bear-EmptyState__actions", align: "center", gap: 3, children: [
+          o,
+          s
         ] })
       ]
     }
   );
 };
 export {
-  k as EmptyState
+  z as EmptyState
 };

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+export type EmptyStatePreset = 'empty' | 'search' | 'inbox' | 'error';
 export interface EmptyStateProps {
     testId?: string;
     id?: string;
@@ -10,4 +11,5 @@ export interface EmptyStateProps {
     className?: string;
     size?: 'sm' | 'md' | 'lg';
     variant?: 'default' | 'card';
+    preset?: EmptyStatePreset;
 }

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=r=>{const{className:t}=r;return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"})})};exports.EmptyStateErrorSvg=o;

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+const n = (o) => {
+  const { className: e } = o;
+  return /* @__PURE__ */ r("svg", { className: e, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }) });
+};
+export {
+  n as EmptyStateErrorSvg
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=t=>{const{className:o}=t;return e.jsx("svg",{className:o,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:e.jsx("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"})})};exports.EmptyStateInboxSvg=r;

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

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

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/FileTree/FileTree.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),x=require("../TreeView/TreeView.cjs"),j=require("../Icon/index.cjs"),m=require("./FileTree.utils.cjs"),q=r.jsx(j.BearIcons.ArticleIcon,{size:"xs",className:"bear-text-gray-400"}),F=({items:t,selectedId:s,defaultExpandedIds:o=[],onSelect:i,onExpand:a,size:c="md",showLines:n=!1,className:d,testId:l})=>{const u=T.useMemo(()=>t.map(e=>m.fileNodeToTreeNode(e,0,q)),[t]);return r.jsx("div",{"data-testid":l,children:r.jsx(x.TreeView,{data:u,selectedId:s,defaultExpandedIds:o,onSelect:i?e=>i(e.data):void 0,onExpand:a,size:c,showLines:n,className:d})})};exports.FileTree=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),x=require("../TreeView/TreeView.cjs"),j=require("@forgedevstack/bear-icons"),m=require("./FileTree.utils.cjs"),q=r.jsx(j.BearIcons.ArticleIcon,{size:"xs",className:"bear-text-gray-400"}),b=({items:t,selectedId:i,defaultExpandedIds:o=[],onSelect:s,onExpand:a,size:c="md",showLines:n=!1,className:l,testId:d})=>{const u=T.useMemo(()=>t.map(e=>m.fileNodeToTreeNode(e,0,q)),[t]);return r.jsx("div",{"data-testid":d,children:r.jsx(x.TreeView,{data:u,selectedId:i,defaultExpandedIds:o,onSelect:s?e=>s(e.data):void 0,onExpand:a,size:c,showLines:n,className:l})})};exports.FileTree=b;

package/dist/components/FileTree/FileTree.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useMemo as l } from "react";
 import { TreeView as p } from "../TreeView/TreeView.js";
-import { BearIcons as x } from "../Icon/index.js";
+import { BearIcons as x } from "@forgedevstack/bear-icons";
 import { fileNodeToTreeNode as T } from "./FileTree.utils.js";
 const I = /* @__PURE__ */ o(x.ArticleIcon, { size: "xs", className: "bear-text-gray-400" }), g = ({
   items: r,

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("../Icon/index.cjs"),$=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),[N,n]=c.useState(!1),a=F??C,I=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||N)&&e.jsxs("div",{className:r.cn("fixed z-50 rounded-2xl overflow-hidden shadow-2xl","transition-all duration-300 ease-out",a&&!N?"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:I,children:T}):e.jsxs("div",{className:"relative",children:[e.jsx(g.Button,{variant:"primary",onClick:I,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 "../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 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
 };