@forgedevstack/bear 1.3.0 → 1.3.1

package/dist/components/Dropdown/Dropdown.js

@@ -1,96 +1,92 @@
-import { jsxs as j, jsx as o } from "react/jsx-runtime";
-import { useState as m, useRef as E, useCallback as u, useEffect as I, useMemo as $, isValidElement as O, cloneElement as ee } from "react";
-import { cn as C } from "../../utils/cn.js";
+import { jsxs as I, jsx as n } from "react/jsx-runtime";
+import { useState as N, useRef as m, useCallback as i, useEffect as C, useMemo as Y, isValidElement as $, cloneElement as ee } from "react";
+import { cn as P } from "../../utils/cn.js";
 import { useClickOutsideMultiple as re } from "../../hooks/useClickOutside.js";
 import "../../context/BearProvider.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
+import { useFixedAnchorPosition as ae } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.js";
+import { resolveOverlayEffects as te } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
 import "../FormControl/FormControl.context.js";
-import { Portal as te } from "../Portal/Portal.js";
-import { SIZE_CLASSES as ae } from "./Dropdown.const.js";
-const ve = ({
-  trigger: v,
-  items: d,
-  open: L,
-  defaultOpen: z = !1,
-  placement: i = "bottom-start",
-  offset: x = 4,
-  matchWidth: N = !1,
-  minWidth: h = 150,
-  maxHeight: A = 300,
-  size: U = "md",
-  closeOnSelect: D = !0,
-  closeOnClickOutside: g = !0,
-  disabled: M = !1,
-  onOpenChange: f,
-  className: B,
-  testId: F,
-  ...K
-}) => {
-  const [T, V] = m(z), [b, c] = m(-1), [w, Z] = m({ top: 0, left: 0, minWidth: h }), R = E(null), W = E(null), P = E(null), y = L !== void 0, a = y ? L : T, p = u((e) => {
-    y || V(e), f == null || f(e);
-  }, [y, f]), _ = u(() => {
-    M || p(!a);
-  }, [M, a, p]), l = u(() => {
-    p(!1), c(-1);
-  }, [p]), k = u((e) => {
-    var r;
-    e.disabled || e.divider || e.header || ((r = e.onClick) == null || r.call(e), D && !e.items && l());
-  }, [D, l]), q = u(() => {
-    a && g && l();
-  }, [a, g, l]);
-  re([R, W], q, {
-    enabled: a && g
-  }), I(() => {
-    if (!a) return;
-    const e = d.filter((t) => !t.disabled && !t.divider && !t.header), r = (t) => {
-      switch (t.key) {
+import { OverlayPortal as ne } from "../OverlayPortal/OverlayPortal.js";
+import { DROPDOWN_DEFAULT_OFFSET_PX as oe, DROPDOWN_DEFAULT_MIN_WIDTH_PX as se, DROPDOWN_DEFAULT_MAX_HEIGHT_PX as le, DROPDOWN_Z_INDEX as ce, SIZE_CLASSES as de } from "./Dropdown.const.js";
+const De = (y) => {
+  const {
+    trigger: p,
+    items: l,
+    open: k,
+    defaultOpen: R = !1,
+    placement: v = "bottom-start",
+    offset: W = oe,
+    matchWidth: A = !1,
+    minWidth: F = se,
+    maxHeight: S = le,
+    size: L = "md",
+    closeOnSelect: E = !0,
+    closeOnClickOutside: h = !0,
+    disabled: O = !1,
+    onOpenChange: f,
+    className: T,
+    testId: M,
+    openEffect: be,
+    closeEffect: ie,
+    effect: fe,
+    ...X
+  } = y, { openEffect: H, closeEffect: U } = te(y), [j, z] = N(R), [c, d] = N(-1), D = m(null), _ = m(null), w = m(null), x = k !== void 0, r = x ? k : j, Z = v === "left" || v === "right" ? "bottom-start" : v, { style: B, ready: G } = ae({
+    anchorRef: w,
+    open: r,
+    offsetPx: W,
+    placement: Z,
+    matchWidth: A,
+    minWidthPx: F
+  }), u = i((e) => {
+    x || z(e), f == null || f(e);
+  }, [x, f]), K = i(() => {
+    O || u(!r);
+  }, [O, r, u]), s = i(() => {
+    u(!1), d(-1);
+  }, [u]), g = i((e) => {
+    var t;
+    e.disabled || e.divider || e.header || ((t = e.onClick) == null || t.call(e), E && !e.items && s());
+  }, [E, s]), V = i(() => {
+    r && h && s();
+  }, [r, h, s]);
+  re([D, _], V, {
+    enabled: r && h
+  }), C(() => {
+    if (!r) return;
+    const e = l.filter((a) => !a.disabled && !a.divider && !a.header), t = (a) => {
+      switch (a.key) {
         case "Escape":
-          t.preventDefault(), l();
+          a.preventDefault(), s();
           break;
         case "ArrowDown":
-          t.preventDefault(), c((n) => {
-            const s = n + 1;
-            return s >= e.length ? 0 : s;
+          a.preventDefault(), d((b) => {
+            const o = b + 1;
+            return o >= e.length ? 0 : o;
           });
           break;
         case "ArrowUp":
-          t.preventDefault(), c((n) => {
-            const s = n - 1;
-            return s < 0 ? e.length - 1 : s;
+          a.preventDefault(), d((b) => {
+            const o = b - 1;
+            return o < 0 ? e.length - 1 : o;
           });
           break;
         case "Enter":
         case " ":
-          t.preventDefault(), b >= 0 && b < e.length && k(e[b]);
+          a.preventDefault(), c >= 0 && c < e.length && g(e[c]);
           break;
       }
     };
-    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
-  }, [a, d, b, l, k]), I(() => {
-    if (!a) return;
-    const e = () => {
-      var S;
-      const r = (S = P.current) == null ? void 0 : S.getBoundingClientRect();
-      if (!r) return;
-      const t = window.innerWidth, n = N ? r.width : h, Q = i.endsWith("end") ? r.right - n : i === "top" || i === "bottom" ? r.left + r.width / 2 - n / 2 : r.left, X = Math.min(Math.max(8, Q), Math.max(8, t - n - 8)), Y = i.startsWith("top") ? r.top - x : r.bottom + x;
-      Z({
-        top: Y,
-        left: X,
-        minWidth: n
-      });
-    };
-    return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
-      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
-    };
-  }, [a, N, h, i, x]), I(() => {
-    a || c(-1);
-  }, [a]);
-  const G = $(
-    () => d.map((e, r) => ({ item: e, index: r })).filter(({ item: e }) => !e.disabled && !e.divider && !e.header),
-    [d]
-  ), H = (e, r) => {
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [r, l, c, s, g]), C(() => {
+    r || d(-1);
+  }, [r]);
+  const q = Y(
+    () => l.map((e, t) => ({ item: e, index: t })).filter(({ item: e }) => !e.disabled && !e.divider && !e.header),
+    [l]
+  ), J = (e, t) => {
     if (e.divider)
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ n(
         "div",
         {
           className: "bear-my-1 bear-mx-2 bear-h-px",
@@ -100,7 +96,7 @@ const ve = ({
         e.key
       );
     if (e.header)
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ n(
         "div",
         {
           className: "bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider",
@@ -109,77 +105,74 @@ const ve = ({
         },
         e.key
       );
-    const t = G.findIndex((s) => s.index === r), n = b === t;
-    return /* @__PURE__ */ j(
+    const a = q.findIndex((o) => o.index === t), b = c === a;
+    return /* @__PURE__ */ I(
       "button",
       {
         type: "button",
         role: "menuitem",
         disabled: e.disabled,
-        onClick: () => k(e),
-        onMouseEnter: () => c(t),
-        className: C(
+        onClick: () => g(e),
+        onMouseEnter: () => d(a),
+        className: P(
           "bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",
-          ae[U],
+          de[L],
           "bear-transition-colors bear-cursor-pointer",
           e.selected && !e.danger && "bear-bg-[var(--bear-bg-tertiary)] bear-text-[var(--bear-text-primary)]",
-          n && !e.danger && "bear-bg-[var(--bear-bg-tertiary)]",
+          b && !e.danger && "bear-bg-[var(--bear-bg-tertiary)]",
           e.danger && "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20",
           !e.danger && !e.disabled && "hover:bear-bg-[var(--bear-bg-tertiary)]",
           e.disabled && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"
         ),
         style: e.disabled ? { color: "var(--bear-text-muted)" } : e.danger ? void 0 : { color: "var(--bear-text-secondary)" },
         children: [
-          e.icon && /* @__PURE__ */ o("span", { className: "bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
-          /* @__PURE__ */ o("span", { className: "bear-flex-1", children: e.label }),
-          e.trailing && /* @__PURE__ */ o("span", { className: "bear-flex-shrink-0", style: { color: "var(--bear-text-muted)" }, children: e.trailing }),
-          e.items && /* @__PURE__ */ o("svg", { className: "bear-w-4 bear-h-4 bear-flex-shrink-0", style: { color: "var(--bear-text-muted)" }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ o("polyline", { points: "9 18 15 12 9 6" }) })
+          e.icon && /* @__PURE__ */ n("span", { className: "bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
+          /* @__PURE__ */ n("span", { className: "bear-flex-1", children: e.label }),
+          e.trailing && /* @__PURE__ */ n("span", { className: "bear-flex-shrink-0", style: { color: "var(--bear-text-muted)" }, children: e.trailing }),
+          e.items && /* @__PURE__ */ n("svg", { className: "bear-w-4 bear-h-4 bear-flex-shrink-0", style: { color: "var(--bear-text-muted)" }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" }) })
         ]
       },
       e.key
     );
-  }, J = O(v) ? ee(v, {
-    onClick: _,
-    ref: P,
-    "aria-expanded": a,
+  }, Q = $(p) ? ee(p, {
+    onClick: K,
+    ref: w,
+    "aria-expanded": r,
     "aria-haspopup": !0
-  }) : v;
-  return /* @__PURE__ */ j(
+  }) : p;
+  return /* @__PURE__ */ I(
     "div",
     {
-      ref: R,
-      className: C("bear-relative bear-inline-block", B),
-      "data-testid": F,
-      ...K,
+      ref: D,
+      className: P("bear-relative bear-inline-block", T),
+      "data-testid": M,
+      ...X,
       children: [
-        J,
-        a && /* @__PURE__ */ o(te, { children: /* @__PURE__ */ o(
-          "div",
+        Q,
+        /* @__PURE__ */ n(
+          ne,
           {
-            ref: W,
-            role: "menu",
-            className: C(
-              "bear-fixed",
-              "bear-border bear-rounded-lg bear-shadow-lg",
-              "bear-py-1 bear-overflow-y-auto",
-              "bear-duration-100"
-            ),
+            open: r,
+            ready: G,
             style: {
+              ...B,
               backgroundColor: "var(--bear-bg-primary)",
               borderColor: "var(--bear-border-default)",
-              minWidth: w.minWidth,
-              maxHeight: A,
-              top: w.top,
-              left: w.left,
-              zIndex: 11e3
+              maxHeight: S
             },
-            children: d.map((e, r) => H(e, r))
+            zIndex: ce,
+            openEffect: H,
+            closeEffect: U,
+            panelRef: _,
+            className: "bear-border bear-rounded-lg bear-shadow-lg bear-py-1 bear-overflow-y-auto",
+            attributes: { role: "menu" },
+            children: l.map((e, t) => J(e, t))
           }
-        ) })
+        )
       ]
     }
   );
 };
 export {
-  ve as Dropdown
+  De as Dropdown
 };

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

@@ -1,5 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { BearSize } from '../../types';
+import { OverlayEffectProps } from '../../hooks/useFixedAnchorPosition';
 export interface DropdownItem {
     /** Unique key */
     key: string;
@@ -28,7 +29,7 @@ export interface DropdownItem {
     /** Nested items for submenu */
     items?: DropdownItem[];
 }
-export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, OverlayEffectProps {
     id?: string;
     /** Dropdown trigger element */
     trigger: ReactNode;
@@ -84,6 +85,5 @@ export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
     footer?: ReactNode;
     /** Virtual scrolling for large lists (renders only visible items) */
     virtualized?: boolean;
-    /** Test ID */
     testId?: string;
 }

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

package/dist/components/FloatingChat/FloatingChat.js

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

package/dist/components/GradientText/GradientText.cjs

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

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

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

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

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

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

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

package/dist/components/GradientText/GradientText.js

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

package/dist/components/Icon/index.cjs

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

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

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