@forgedevstack/bear 1.0.7 → 1.0.9

package/dist/components/Drawer/Drawer.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as m, useEffect as g, useCallback as A } from "react";
+import { useState as d, useEffect as p, useCallback as A } from "react";
 import { createPortal as E } from "react-dom";
-import { cn as p } from "../../utils/cn.js";
+import { cn as x } from "../../utils/cn.js";
 import { XIcon as I } from "../Icon/index.js";
-const d = 300, D = {
+const m = 300, D = {
   left: {
     sm: "bear-w-64",
     md: "bear-w-80",
@@ -47,47 +47,47 @@ const d = 300, D = {
   isOpen: l,
   onClose: b,
   title: o,
-  children: w,
+  children: g,
   side: e = "right",
-  size: x = "md",
-  showCloseButton: c = !0,
+  size: y = "md",
+  showCloseButton: u = !0,
   closeOnBackdrop: v = !0,
-  closeOnEscape: f = !0,
-  className: N
+  closeOnEscape: c = !0,
+  className: k
 }) => {
-  const [r, u] = m(l), [h, s] = m(!1), [k, y] = m(!1);
-  g(() => {
+  const [r, f] = d(l), [h, n] = d(!1), [N, w] = d(!1);
+  p(() => {
     if (l) {
-      u(!0), s(!1);
-      const a = requestAnimationFrame(() => y(!0));
+      f(!0), n(!1);
+      const a = requestAnimationFrame(() => w(!0));
       return () => cancelAnimationFrame(a);
     }
     if (r) {
-      y(!1), s(!0);
+      w(!1), n(!0);
       const a = setTimeout(() => {
-        u(!1), s(!1);
-      }, d);
+        f(!1), n(!1);
+      }, m);
       return () => clearTimeout(a);
     }
   }, [l, r]);
-  const n = A(
+  const s = A(
     (a) => {
-      f && a.key === "Escape" && b();
+      c && a.key === "Escape" && b();
     },
-    [f, b]
+    [c, b]
   );
-  if (g(() => (r && (document.addEventListener("keydown", n), document.body.style.overflow = "hidden"), () => {
-    document.removeEventListener("keydown", n), document.body.style.overflow = "";
-  }), [r, n]), !r) return null;
+  if (p(() => (r && (document.addEventListener("keydown", s), document.body.style.overflow = "hidden"), () => {
+    document.removeEventListener("keydown", s), document.body.style.overflow = "";
+  }), [r, s]), !r) return null;
   const C = /* @__PURE__ */ i("div", { className: "bear-fixed bear-inset-0 bear-z-50", children: [
     /* @__PURE__ */ t(
       "div",
       {
-        className: p(
+        className: x(
           "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",
           h ? "bear-opacity-0" : "bear-opacity-100"
         ),
-        style: { transitionDuration: `${d}ms` },
+        style: { transitionDuration: `${m}ms` },
         onClick: v ? b : void 0,
         "aria-hidden": "true"
       }
@@ -98,41 +98,41 @@ const d = 300, D = {
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": o ? "drawer-title" : void 0,
-        className: p(
-          "bear-absolute bear-bg-gray-900 bear-shadow-2xl",
-          "bear-border-gray-700 bear-overflow-hidden",
+        className: x(
+          "bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl",
+          "bear-border-neutral-200 dark:bear-border-neutral-700 bear-overflow-hidden",
           "bear-transform bear-transition-transform",
           e === "left" && "bear-border-r",
           e === "right" && "bear-border-l",
           e === "top" && "bear-border-b",
           e === "bottom" && "bear-border-t",
           M[e],
-          D[e][x],
-          k && !h ? j[e] : T[e],
-          N
+          D[e][y],
+          N && !h ? j[e] : T[e],
+          k
         ),
-        style: { transitionDuration: `${d}ms` },
+        style: { transitionDuration: `${m}ms` },
         children: [
-          (o || c) && /* @__PURE__ */ i("div", { className: "bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-gray-700", children: [
+          (o || u) && /* @__PURE__ */ i("div", { className: "bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700", children: [
             o && /* @__PURE__ */ t(
               "h2",
               {
                 id: "drawer-title",
-                className: "bear-text-lg bear-font-semibold bear-text-white",
+                className: "bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",
                 children: o
               }
             ),
-            c && /* @__PURE__ */ t(
+            u && /* @__PURE__ */ t(
               "button",
               {
                 onClick: b,
-                className: "bear-p-1 bear-rounded-lg bear-text-gray-400 hover:bear-text-white hover:bear-bg-gray-700 bear-transition-colors",
+                className: "bear-p-1 bear-rounded-lg bear-text-neutral-500 dark:bear-text-neutral-400 hover:bear-text-neutral-900 dark:hover:bear-text-white hover:bear-bg-neutral-100 dark:hover:bear-bg-neutral-700 bear-transition-colors",
                 "aria-label": "Close drawer",
                 children: /* @__PURE__ */ t(I, { className: "bear-w-5 bear-h-5" })
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-gray-300", children: w })
+          /* @__PURE__ */ t("div", { className: "bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300", children: g })
         ]
       }
     )

package/dist/components/EmptyState/EmptyState.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),x=({className:b})=>e.jsx("svg",{className:b,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",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"})}),o=({icon:b,title:c,description:s,action:l,secondaryAction:n,className:d,size:a="md",variant:i="default"})=>{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 e.jsxs("div",{className:t.cn("bear-flex bear-flex-col bear-items-center bear-text-center",r[a].padding,i==="card"&&"bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",d),children:[e.jsx("div",{className:t.cn("bear-text-zinc-600 bear-mb-4",r[a].icon),children:b||e.jsx(x,{className:"bear-w-full bear-h-full"})}),e.jsx("h3",{className:t.cn("bear-font-semibold bear-text-white bear-mb-2",r[a].title),children:c}),s&&e.jsx("p",{className:t.cn("bear-text-zinc-400 bear-max-w-md bear-mb-6",r[a].desc),children:s}),(l||n)&&e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-3",children:[l,n]})]})};exports.EmptyState=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../utils/cn.cjs");require("react");const x=({className:b})=>e.jsx("svg",{className:b,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",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"})}),o=({icon:b,title:c,description:s,action:l,secondaryAction:n,className:i,size:a="md",variant:d="default"})=>{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 e.jsxs("div",{className:t.cn("bear-flex bear-flex-col bear-items-center bear-text-center",r[a].padding,d==="card"&&"bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",i),children:[e.jsx("div",{className:t.cn("bear-text-zinc-600 bear-mb-4",r[a].icon),children:b||e.jsx(x,{className:"bear-w-full bear-h-full"})}),e.jsx("h3",{className:t.cn("bear-font-semibold bear-text-white bear-mb-2",r[a].title),children:c}),s&&e.jsx("p",{className:t.cn("bear-text-zinc-400 bear-max-w-md bear-mb-6",r[a].desc),children:s}),(l||n)&&e.jsxs("div",{className:"bear-flex bear-items-center bear-gap-3",children:[l,n]})]})};exports.EmptyState=o;

package/dist/components/EmptyState/EmptyState.js

@@ -1,12 +1,13 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { cn as t } from "../../utils/cn.js";
-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" }) }), h = ({
+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: s,
+  title: i,
   description: l,
   action: d,
   secondaryAction: n,
-  className: i,
+  className: s,
   size: a = "md",
   variant: o = "default"
 }) => {
@@ -19,10 +20,10 @@ const m = ({ className: b }) => /* @__PURE__ */ e("svg", { className: b, fill: "
     "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",
-    i
+    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: s }),
+    /* @__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,
@@ -31,5 +32,5 @@ const m = ({ className: b }) => /* @__PURE__ */ e("svg", { className: b, fill: "
   ] });
 };
 export {
-  h as EmptyState
+  f as EmptyState
 };

package/dist/components/FloatingChat/FloatingChat.cjs

@@ -0,0 +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"),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:x=t.FLOATING_CHAT_DEFAULTS.BOTTOM,side:u=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:D})=>{const{mode:q}=U.useBear(),B=q==="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:`${x}px`,[m==="bottom-right"?"right":"left"]:`${u}px`},O={bottom:`${x+70}px`,[m==="bottom-right"?"right":"left"]:`${u}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":D,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;

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

@@ -0,0 +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;

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

@@ -0,0 +1,12 @@
+export declare const FLOATING_CHAT_DEFAULTS: {
+    readonly POSITION: "bottom-right";
+    readonly BOTTOM: 20;
+    readonly SIDE: 20;
+    readonly TITLE: "Chat";
+    readonly SUBTITLE: "We typically reply in a few minutes";
+    readonly WELCOME_MESSAGE: "Hi! How can we help you today?";
+};
+export declare const CHAT_WINDOW_SIZE: {
+    readonly width: 380;
+    readonly height: 520;
+};

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

@@ -0,0 +1,15 @@
+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
+};
+export {
+  T as CHAT_WINDOW_SIZE,
+  t as FLOATING_CHAT_DEFAULTS
+};

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

@@ -0,0 +1,19 @@
+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;

package/dist/components/FloatingChat/FloatingChat.js

@@ -0,0 +1,144 @@
+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 { Typography as c } from "../Typography/Typography.js";
+import { Badge as K } from "../Badge/Badge.js";
+import { BearIcons as n } from "../Icon/index.js";
+import { Chat as O } from "../Chat/Chat.js";
+import { FLOATING_CHAT_DEFAULTS as a, CHAT_WINDOW_SIZE as m } from "./FloatingChat.const.js";
+const lt = ({
+  messages: d,
+  onSend: E,
+  isLoading: z = !1,
+  isTyping: k = !1,
+  title: h = a.TITLE,
+  subtitle: B = a.SUBTITLE,
+  avatar: D,
+  position: f = a.POSITION,
+  bottom: p = 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: `${p}px`,
+    [f === "bottom-right" ? "right" : "left"]: `${v}px`
+  }, U = {
+    bottom: `${p + 70}px`,
+    [f === "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",
+      {
+        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"
+        ),
+        style: 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",
+            {
+              className: s(
+                "px-4 py-3 flex items-center gap-3",
+                "bg-[var(--bear-primary-500)] text-white"
+              ),
+              children: [
+                /* @__PURE__ */ t(
+                  J,
+                  {
+                    src: D,
+                    initials: h[0],
+                    size: "sm",
+                    className: "ring-2 ring-white/20"
+                  }
+                ),
+                /* @__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,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: j,
+                    className: "!text-white hover:!bg-white/10",
+                    children: /* @__PURE__ */ t(n.XIcon, { size: 18 })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            O,
+            {
+              messages: G,
+              onSend: E,
+              isLoading: z,
+              isTyping: k,
+              showAvatars: !1,
+              height: m.height - 140,
+              className: "!rounded-none !border-0"
+            }
+          ),
+          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);
+};
+export {
+  lt as FloatingChat
+};

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

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { ChatMessage } from '../Chat/Chat.types';
+export interface FloatingChatProps {
+    /** Chat messages */
+    messages: ChatMessage[];
+    /** Callback when user sends a message */
+    onSend?: (message: string) => void;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Typing indicator */
+    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 */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

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

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

package/dist/components/GradientText/GradientText.cjs

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

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

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

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

@@ -0,0 +1,15 @@
+import { GradientPreset, GradientDirection } from './GradientText.types';
+/** Gradient presets — primary uses CSS variables for theme integration */
+export declare const GRADIENT_PRESETS: Record<GradientPreset, string[]>;
+/** Direction to CSS gradient mapping */
+export declare const DIRECTION_MAP: Record<GradientDirection, string>;
+/** Default animation speed in seconds */
+export declare const DEFAULT_ANIMATION_SPEED = 3;
+/** Animated background size */
+export declare const ANIMATED_BG_SIZE = "200% 200%";
+/** Font weight map */
+export declare const WEIGHT_MAP: Record<string, number>;
+/** Default font weight */
+export declare const DEFAULT_WEIGHT = 700;
+/** Number of color repetitions for seamless animation */
+export declare const COLOR_REPEAT_COUNT = 3;

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

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

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { GradientTextProps } from './GradientText.types';
+/**
+ * GradientText - Text with gradient colors.
+ * 10 built-in presets, custom colors, animation, and theme integration via BearProvider.
+ */
+export declare const GradientText: FC<GradientTextProps>;

package/dist/components/GradientText/GradientText.js

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

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export type GradientDirection = 'to-r' | 'to-l' | 'to-t' | 'to-b' | 'to-tr' | 'to-tl' | 'to-br' | 'to-bl';
+export type GradientPreset = 'primary' | 'sunset' | 'ocean' | 'forest' | 'fire' | 'purple' | 'neon' | 'candy' | 'aurora' | 'midnight';
+export interface GradientTextProps {
+    /** Content to render with gradient */
+    children: ReactNode;
+    /** Gradient preset name */
+    preset?: GradientPreset | (string & {});
+    /** Custom colors array (overrides preset) */
+    colors?: string[];
+    /** Gradient direction */
+    direction?: GradientDirection;
+    /** Whether to animate the gradient */
+    animate?: boolean;
+    /** Animation speed in seconds */
+    animationSpeed?: number;
+    /** HTML tag to render */
+    as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+    /** Font weight */
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+    /** Custom class name */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { GradientText } from './GradientText';
+export type { GradientTextProps, GradientPreset, GradientDirection } from './GradientText.types';

package/dist/components/Highlight/Highlight.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),b={yellow:"bg-yellow-200 dark:bg-yellow-500/30",pink:"bg-pink-200 dark:bg-pink-500/30",blue:"bg-blue-200 dark:bg-blue-500/30",green:"bg-green-200 dark:bg-green-500/30",purple:"bg-purple-200 dark:bg-purple-500/30",orange:"bg-orange-200 dark:bg-orange-500/30"},e=t.forwardRef(({children:r,color:g="yellow",animated:l=!1,className:a="",...i},n)=>o.jsx("span",{ref:n,className:`bear-highlight px-1 rounded ${b[g]} ${l?"animate-pulse":""} ${a}`.trim(),...i,children:r}));e.displayName="Highlight";exports.Highlight=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),h=require("react"),u=require("../../utils/cn.cjs"),e=require("./Highlight.const.cjs"),t=h.forwardRef((r,s)=>{const{children:i,color:a=e.DEFAULT_COLOR,animated:n=!1,className:c,testId:o,...l}=r,g=e.HIGHLIGHT_COLOR_CLASSES[a]??e.HIGHLIGHT_COLOR_CLASSES[e.DEFAULT_COLOR];return d.jsx("span",{ref:s,className:u.cn("Bear-Highlight","bear-px-1 bear-rounded",g,n&&"bear-animate-pulse",c),"data-testid":o,...l,children:i})});t.displayName="Highlight";exports.Highlight=t;

package/dist/components/Highlight/Highlight.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={primary:"bear-bg-[var(--bear-primary-100,#fce7f3)] dark:bear-bg-[var(--bear-primary-900,#831843)]/30",yellow:"bear-bg-yellow-200 dark:bear-bg-yellow-500/30",pink:"bear-bg-pink-200 dark:bear-bg-pink-500/30",blue:"bear-bg-blue-200 dark:bear-bg-blue-500/30",green:"bear-bg-green-200 dark:bear-bg-green-500/30",purple:"bear-bg-purple-200 dark:bear-bg-purple-500/30",orange:"bear-bg-orange-200 dark:bear-bg-orange-500/30",red:"bear-bg-red-200 dark:bear-bg-red-500/30",cyan:"bear-bg-cyan-200 dark:bear-bg-cyan-500/30"},e="yellow";exports.DEFAULT_COLOR=e;exports.HIGHLIGHT_COLOR_CLASSES=r;

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

@@ -0,0 +1,8 @@
+import { HighlightColor } from './Highlight.types';
+/**
+ * Highlight color classes — uses CSS variables for theme integration.
+ * 'primary' maps to BearProvider's primary color.
+ */
+export declare const HIGHLIGHT_COLOR_CLASSES: Record<HighlightColor, string>;
+/** Default highlight color */
+export declare const DEFAULT_COLOR: HighlightColor;

package/dist/components/Highlight/Highlight.const.js

@@ -0,0 +1,15 @@
+const r = {
+  primary: "bear-bg-[var(--bear-primary-100,#fce7f3)] dark:bear-bg-[var(--bear-primary-900,#831843)]/30",
+  yellow: "bear-bg-yellow-200 dark:bear-bg-yellow-500/30",
+  pink: "bear-bg-pink-200 dark:bear-bg-pink-500/30",
+  blue: "bear-bg-blue-200 dark:bear-bg-blue-500/30",
+  green: "bear-bg-green-200 dark:bear-bg-green-500/30",
+  purple: "bear-bg-purple-200 dark:bear-bg-purple-500/30",
+  orange: "bear-bg-orange-200 dark:bear-bg-orange-500/30",
+  red: "bear-bg-red-200 dark:bear-bg-red-500/30",
+  cyan: "bear-bg-cyan-200 dark:bear-bg-cyan-500/30"
+}, e = "yellow";
+export {
+  e as DEFAULT_COLOR,
+  r as HIGHLIGHT_COLOR_CLASSES
+};