@forgedevstack/bear 1.3.1 → 1.3.2

package/dist/components/Drawer/Drawer.const.js

@@ -1,57 +1,8 @@
-const e = 300, a = 11e3, r = 1, b = "Bear-Drawer bear-fixed bear-inset-0", l = {
-  left: {
-    sm: "bear-w-full sm:bear-w-64 bear-max-w-full sm:bear-max-w-none",
-    md: "bear-w-full sm:bear-w-80 bear-max-w-full sm:bear-max-w-none",
-    lg: "bear-w-full sm:bear-w-96 bear-max-w-full sm:bear-max-w-none",
-    xl: "bear-w-full sm:bear-w-[32rem] bear-max-w-full sm:bear-max-w-none"
-  },
-  right: {
-    sm: "bear-w-full sm:bear-w-64 bear-max-w-full sm:bear-max-w-none",
-    md: "bear-w-full sm:bear-w-80 bear-max-w-full sm:bear-max-w-none",
-    lg: "bear-w-full sm:bear-w-96 bear-max-w-full sm:bear-max-w-none",
-    xl: "bear-w-full sm:bear-w-[32rem] bear-max-w-full sm:bear-max-w-none"
-  },
-  top: {
-    sm: "bear-h-32",
-    md: "bear-h-48",
-    lg: "bear-h-64",
-    xl: "bear-h-96"
-  },
-  bottom: {
-    sm: "bear-h-32",
-    md: "bear-h-48",
-    lg: "bear-h-64",
-    xl: "bear-h-96"
-  }
-}, t = {
-  left: "bear-left-0 bear-top-0 bear-h-full",
-  right: "bear-right-0 bear-top-0 bear-h-full",
-  top: "bear-top-0 bear-left-0 bear-w-full",
-  bottom: "bear-bottom-0 bear-left-0 bear-w-full"
-}, m = {
-  left: "bear-translate-x-0",
-  right: "bear-translate-x-0",
-  top: "bear-translate-y-0",
-  bottom: "bear-translate-y-0"
-}, o = {
-  left: "-bear-translate-x-full",
-  right: "bear-translate-x-full",
-  top: "-bear-translate-y-full",
-  bottom: "bear-translate-y-full"
-}, s = {
-  left: "bear-border-r",
-  right: "bear-border-l",
-  top: "bear-border-b",
-  bottom: "bear-border-t"
-};
+import { THREE_HUNDRED as E } from "../../constants/numbers.const.js";
+import { POSITION_RIGHT as D, SIZE_MD as R } from "../../constants/generals.const.js";
+const I = E, A = D, t = R;
 export {
-  s as BORDER_SIDE_MAP,
-  e as DRAWER_ANIMATION_MS,
-  r as DRAWER_PANEL_Z_INDEX,
-  b as DRAWER_ROOT_CLASSES,
-  a as DRAWER_Z_INDEX,
-  t as POSITION_CLASSES,
-  l as SIZE_CLASSES,
-  o as TRANSFORM_CLOSED,
-  m as TRANSFORM_OPEN
+  I as DRAWER_ANIMATION_MS,
+  A as DRAWER_DEFAULT_SIDE,
+  t as DRAWER_DEFAULT_SIZE
 };

package/dist/components/Drawer/Drawer.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { DrawerProps } from './Drawer.types';
-export declare const Drawer: FC<DrawerProps>;
+export declare const Drawer: (props: DrawerProps) => import('react').ReactPortal | null;

package/dist/components/Drawer/Drawer.js

@@ -1,135 +1,91 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useState as u, useEffect as S, useCallback as M } from "react";
-import { createPortal as B } from "react-dom";
-import { useBearDirectionOptional as C } from "../../context/BearProvider.js";
-import { cn as T } from "../../utils/cn.js";
-import { resolveBearId as P } from "../../utils/generateBearId.utils.js";
-import { useBearId as F } from "../../utils/useBearId.js";
-import { XIcon as W } from "../Icon/index.js";
-import { Backdrop as j } from "../Backdrop/Backdrop.js";
-import { DRAWER_ANIMATION_MS as m, DRAWER_Z_INDEX as X, DRAWER_ROOT_CLASSES as Z, DRAWER_PANEL_Z_INDEX as $, TRANSFORM_OPEN as z, TRANSFORM_CLOSED as q, SIZE_CLASSES as H, POSITION_CLASSES as G, BORDER_SIDE_MAP as J } from "./Drawer.const.js";
-import { lockBodyScroll as K } from "./Drawer.utils.js";
-const se = ({
-  isOpen: s,
-  onClose: o,
-  title: n,
-  children: _,
-  side: w = "right",
-  anchor: I,
-  variant: Q = "temporary",
-  size: N = "md",
-  showCloseButton: f = !0,
-  closeOnBackdrop: D = !0,
-  closeOnEscape: p = !0,
-  className: A,
-  container: R,
-  id: g,
-  testId: y
-}) => {
-  const O = F("Drawer"), d = P(g, O), { direction: h } = C(), i = I ?? w, r = h === "rtl" && (i === "left" || i === "right") ? i === "left" ? "right" : "left" : i, [a, v] = u(s), [k, b] = u(!1), [x, E] = u(!1);
-  S(() => {
-    if (s) {
-      v(!0), b(!1);
-      const e = requestAnimationFrame(() => E(!0));
-      return () => cancelAnimationFrame(e);
-    }
-    if (a) {
-      E(!1), b(!0);
-      const e = setTimeout(() => {
-        v(!1), b(!1);
-      }, m);
-      return () => clearTimeout(e);
-    }
-  }, [s, a]);
-  const l = M(
-    (e) => {
-      p && e.key === "Escape" && o();
-    },
-    [p, o]
-  );
-  if (S(() => {
-    if (a) {
-      document.addEventListener("keydown", l);
-      const e = K();
-      return () => {
-        document.removeEventListener("keydown", l), e();
-      };
-    }
-    return () => {
-      document.removeEventListener("keydown", l);
-    };
-  }, [a, l]), !a) return null;
-  const L = /* @__PURE__ */ c(
-    "div",
-    {
-      id: d,
-      "data-testid": y,
-      className: Z,
-      style: { zIndex: X },
-      children: [
-        /* @__PURE__ */ t(
-          j,
-          {
-            open: x && !k,
-            keepMounted: !0,
-            blur: !0,
-            nested: !0,
-            transitionDuration: m,
-            className: "Bear-Drawer__backdrop",
-            onClick: D ? () => o() : void 0
-          }
+import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import { createPortal as T } from "react-dom";
+import { useBearDirectionOptional as M } from "../../context/BearProvider.js";
+import { cn as F } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as L } from "../../utils/generateBearId.utils.js";
+import { useBearId as x } from "../../utils/useBearId.js";
+import { BOOLEAN_TRUE as e, COMPONENT_NAME_DRAWER as P } from "../../constants/generals.const.js";
+import { OVERLAY_OPEN_EFFECT_DEFAULT as S } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { resolveOverlayEffects as U } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
+import { Backdrop as W } from "../Backdrop/Backdrop.js";
+import { Box as n } from "../Box/Box.js";
+import { DRAWER_DEFAULT_SIDE as $, DRAWER_DEFAULT_SIZE as g, DRAWER_ANIMATION_MS as j } from "./Drawer.const.js";
+import { DrawerOptionalHeader as H } from "./helpers/DrawerOptionalHeader.js";
+import { useDrawer as z } from "./hooks/useDrawer.js";
+const ce = (i) => {
+  const {
+    isOpen: f,
+    onClose: r,
+    title: o,
+    children: E,
+    side: B = $,
+    anchor: D,
+    variant: V = "temporary",
+    size: u = g,
+    showCloseButton: l = e,
+    closeOnBackdrop: w = e,
+    closeOnEscape: O = e,
+    className: A,
+    container: N,
+    id: I,
+    testId: R
+  } = i, { openEffect: s, closeEffect: c } = U(i, S), k = x(P), d = L(I, k), { direction: v } = M(), m = D ?? B, { isMounted: b, isPanelOpen: a } = z({
+    isOpen: f,
+    onClose: r,
+    closeOnEscape: O,
+    openEffect: s,
+    closeEffect: c
+  }), h = a ? s : c;
+  if (!b)
+    return null;
+  const C = !!o || l, p = `${d}-title`, y = /* @__PURE__ */ _(n, { id: d, testId: R, className: "Bear-Drawer", children: [
+    /* @__PURE__ */ t(
+      W,
+      {
+        open: a,
+        keepMounted: !0,
+        blur: !0,
+        nested: !0,
+        transitionDuration: j,
+        className: "Bear-Drawer__backdrop",
+        onClick: w ? () => r() : void 0
+      }
+    ),
+    /* @__PURE__ */ _(
+      n,
+      {
+        role: "dialog",
+        "aria-modal": e,
+        "aria-labelledby": o ? p : void 0,
+        className: F(
+          "Bear-Drawer__panel",
+          `Bear-Drawer__panel--${m}`,
+          `Bear-Drawer__panel--${u}`,
+          `Bear-Drawer__panel--effect-${h}`,
+          a && "Bear-Drawer__panel--open",
+          A
         ),
-        /* @__PURE__ */ c(
-          "div",
-          {
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": n ? `${d}-title` : void 0,
-            className: T(
-              "Bear-Drawer__panel",
-              "bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl",
-              "bear-border-neutral-200 dark:bear-border-neutral-700",
-              "bear-flex bear-flex-col bear-overflow-hidden",
-              "bear-transform bear-transition-transform",
-              J[r],
-              G[r],
-              H[r][N],
-              x && !k ? z[r] : q[r],
-              A
-            ),
-            style: {
-              transitionDuration: `${m}ms`,
-              zIndex: $
-            },
-            children: [
-              (n || f) && /* @__PURE__ */ c("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 bear-shrink-0", dir: h, children: [
-                n && /* @__PURE__ */ t(
-                  "h2",
-                  {
-                    id: `${d}-title`,
-                    className: "bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",
-                    children: n
-                  }
-                ),
-                f && /* @__PURE__ */ t(
-                  "button",
-                  {
-                    onClick: o,
-                    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(W, { className: "bear-w-5 bear-h-5" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ t("div", { className: "bear-flex-1 bear-min-h-0 bear-overflow-y-auto bear-overscroll-contain bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300", children: _ })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  return B(L, R ?? document.body);
+        children: [
+          /* @__PURE__ */ t(
+            H,
+            {
+              showHeader: C,
+              side: m,
+              title: o,
+              titleId: p,
+              showCloseButton: l,
+              onClose: r,
+              direction: v
+            }
+          ),
+          /* @__PURE__ */ t(n, { className: "Bear-Drawer__body", children: E })
+        ]
+      }
+    )
+  ] });
+  return T(y, N ?? document.body);
 };
 export {
-  se as Drawer
+  ce as Drawer
 };

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

@@ -1,11 +1,24 @@
 import { ReactNode } from 'react';
-export interface DrawerProps {
+import { OverlayEffectProps, OverlayMotionEffect } from '../../hooks/useFixedAnchorPosition';
+export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
+export interface UseDrawerParams {
+    isOpen: boolean;
+    onClose: () => void;
+    closeOnEscape: boolean;
+    openEffect: OverlayMotionEffect;
+    closeEffect: OverlayMotionEffect;
+}
+export interface UseDrawerResult {
+    isMounted: boolean;
+    isPanelOpen: boolean;
+}
+export interface DrawerProps extends OverlayEffectProps {
     isOpen: boolean;
     onClose: () => void;
     title?: string;
     children: ReactNode;
-    side?: 'left' | 'right' | 'top' | 'bottom';
-    anchor?: 'left' | 'right' | 'top' | 'bottom';
+    side?: DrawerSide;
+    anchor?: DrawerSide;
     variant?: 'temporary' | 'persistent' | 'permanent';
     size?: 'sm' | 'md' | 'lg' | 'xl';
     showCloseButton?: boolean;

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

@@ -1,5 +1 @@
-/**
- * Locks page scroll and returns a restore function.
- * Uses position:fixed to prevent iOS Safari body-scroll leaking.
- */
 export declare function lockBodyScroll(): () => void;

package/dist/components/Drawer/components/DrawerHeader/DrawerHeader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../Flex/Flex.cjs"),d=require("../../../../constants/generals.const.cjs"),u=require("../../../../utils/cn.cjs");require("react");const w=require("./DrawerHeaderClose.cjs"),D=require("./DrawerHeaderTitle.cjs"),q=r=>{const{side:t,title:s,titleId:a,showCloseButton:n,onClose:o,direction:i}=r,c=t===d.POSITION_RIGHT;return e.jsxs(l.Flex,{className:u.cn("Bear-Drawer__header",c&&"Bear-Drawer__header--close-start"),align:"center",justify:"between",dir:i,children:[e.jsx(D.DrawerHeaderTitle,{title:s,titleId:a}),e.jsx(w.DrawerHeaderClose,{showCloseButton:n,onClose:o})]})};exports.DrawerHeader=q;

package/dist/components/Drawer/components/DrawerHeader/DrawerHeader.d.ts

@@ -0,0 +1,2 @@
+import { DrawerHeaderProps } from './DrawerHeader.types';
+export declare const DrawerHeader: (props: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Drawer/components/DrawerHeader/DrawerHeader.js

@@ -0,0 +1,26 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Flex as l } from "../../../Flex/Flex.js";
+import { POSITION_RIGHT as d } from "../../../../constants/generals.const.js";
+import { cn as c } from "../../../../utils/cn.js";
+import "react";
+import { DrawerHeaderClose as p } from "./DrawerHeaderClose.js";
+import { DrawerHeaderTitle as f } from "./DrawerHeaderTitle.js";
+const j = (r) => {
+  const { side: o, title: t, titleId: i, showCloseButton: a, onClose: s, direction: m } = r;
+  return /* @__PURE__ */ n(
+    l,
+    {
+      className: c("Bear-Drawer__header", o === d && "Bear-Drawer__header--close-start"),
+      align: "center",
+      justify: "between",
+      dir: m,
+      children: [
+        /* @__PURE__ */ e(f, { title: t, titleId: i }),
+        /* @__PURE__ */ e(p, { showCloseButton: a, onClose: s })
+      ]
+    }
+  );
+};
+export {
+  j as DrawerHeader
+};

package/dist/components/Drawer/components/DrawerHeader/DrawerHeader.types.d.ts

@@ -0,0 +1,20 @@
+import { DrawerSide } from '../../Drawer.types';
+export interface DrawerHeaderTitleProps {
+    title?: string;
+    titleId: string;
+}
+export interface DrawerHeaderCloseProps {
+    showCloseButton: boolean;
+    onClose: () => void;
+}
+export interface DrawerHeaderProps {
+    side: DrawerSide;
+    title?: string;
+    titleId: string;
+    showCloseButton: boolean;
+    onClose: () => void;
+    direction?: string;
+}
+export interface DrawerOptionalHeaderProps extends DrawerHeaderProps {
+    showHeader: boolean;
+}

package/dist/components/Drawer/components/DrawerHeader/DrawerHeaderClose.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("../../../../constants/generals.const.cjs"),n=require("../../../CloseButton/CloseButton.cjs"),l=e=>{const{showCloseButton:r,onClose:o}=e;return r?s.jsx(n.CloseButton,{className:"Bear-Drawer__close","aria-label":t.LABEL_CLOSE_DRAWER,onClick:o}):null};exports.DrawerHeaderClose=l;

package/dist/components/Drawer/components/DrawerHeader/DrawerHeaderClose.d.ts

@@ -0,0 +1,2 @@
+import { DrawerHeaderCloseProps } from './DrawerHeader.types';
+export declare const DrawerHeaderClose: (props: DrawerHeaderCloseProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Drawer/components/DrawerHeader/DrawerHeaderClose.js

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import { LABEL_CLOSE_DRAWER as l } from "../../../../constants/generals.const.js";
+import { CloseButton as s } from "../../../CloseButton/CloseButton.js";
+const i = (o) => {
+  const { showCloseButton: r, onClose: e } = o;
+  return r ? /* @__PURE__ */ t(
+    s,
+    {
+      className: "Bear-Drawer__close",
+      "aria-label": l,
+      onClick: e
+    }
+  ) : null;
+};
+export {
+  i as DrawerHeaderClose
+};

package/dist/components/Drawer/components/DrawerHeader/DrawerHeaderTitle.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("../../../Typography/Typography.cjs"),l=r=>{const{title:e,titleId:t}=r;return e?i.jsx(a.Typography,{id:t,variant:"h2",className:"Bear-Drawer__title",children:e}):null};exports.DrawerHeaderTitle=l;

package/dist/components/Drawer/components/DrawerHeader/DrawerHeaderTitle.d.ts

@@ -0,0 +1,2 @@
+import { DrawerHeaderTitleProps } from './DrawerHeader.types';
+export declare const DrawerHeaderTitle: (props: DrawerHeaderTitleProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Drawer/components/DrawerHeader/DrawerHeaderTitle.js

@@ -0,0 +1,9 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Typography as a } from "../../../Typography/Typography.js";
+const n = (t) => {
+  const { title: r, titleId: e } = t;
+  return r ? /* @__PURE__ */ i(a, { id: e, variant: "h2", className: "Bear-Drawer__title", children: r }) : null;
+};
+export {
+  n as DrawerHeaderTitle
+};

package/dist/components/Drawer/components/DrawerHeader/index.d.ts

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

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

@@ -0,0 +1 @@
+export { DrawerHeader } from './DrawerHeader';

package/dist/components/Drawer/helpers/DrawerOptionalHeader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("../components/DrawerHeader/DrawerHeader.cjs"),o=e=>{const{showHeader:r,...t}=e;return r?a.jsx(n.DrawerHeader,{...t}):null};exports.DrawerOptionalHeader=o;

package/dist/components/Drawer/helpers/DrawerOptionalHeader.d.ts

@@ -0,0 +1,2 @@
+import { DrawerOptionalHeaderProps } from '../components/DrawerHeader/DrawerHeader.types';
+export declare const DrawerOptionalHeader: (props: DrawerOptionalHeaderProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Drawer/helpers/DrawerOptionalHeader.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import { DrawerHeader as a } from "../components/DrawerHeader/DrawerHeader.js";
+const s = (r) => {
+  const { showHeader: e, ...o } = r;
+  return e ? /* @__PURE__ */ t(a, { ...o }) : null;
+};
+export {
+  s as DrawerOptionalHeader
+};

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

@@ -0,0 +1 @@
+export { DrawerOptionalHeader } from './DrawerOptionalHeader';

package/dist/components/Drawer/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useDrawer } from './useDrawer';

package/dist/components/Drawer/hooks/useDrawer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),f=require("../../../constants/numbers.const.cjs"),e=require("../../../constants/generals.const.cjs"),m=require("../../../constants/keys.const.cjs"),_=require("../../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),S=require("../Drawer.const.cjs"),F=require("../Drawer.utils.cjs"),B=l=>{const{isOpen:r,onClose:u,closeOnEscape:i,openEffect:O,closeEffect:a}=l,[s,A]=n.useState(r),[L,c]=n.useState(e.BOOLEAN_FALSE),[N,E]=n.useState(e.BOOLEAN_FALSE);n.useEffect(()=>{if(r){if(A(e.BOOLEAN_TRUE),c(e.BOOLEAN_FALSE),O===_.OVERLAY_OPEN_EFFECT_NONE){E(e.BOOLEAN_TRUE);return}const t=requestAnimationFrame(()=>E(e.BOOLEAN_TRUE));return()=>cancelAnimationFrame(t)}if(s){E(e.BOOLEAN_FALSE),c(e.BOOLEAN_TRUE);const t=a===_.OVERLAY_OPEN_EFFECT_NONE?f.ZERO:S.DRAWER_ANIMATION_MS,d=setTimeout(()=>{A(e.BOOLEAN_FALSE),c(e.BOOLEAN_FALSE)},t);return()=>clearTimeout(d)}},[r,s,O,a]);const o=n.useCallback(t=>{i&&t.key===m.KEY_ESCAPE&&u()},[i,u]);return n.useEffect(()=>{if(s){document.addEventListener("keydown",o);const t=F.lockBodyScroll();return()=>{document.removeEventListener("keydown",o),t()}}return()=>{document.removeEventListener("keydown",o)}},[s,o]),{isMounted:s,isPanelOpen:N&&!L}};exports.useDrawer=B;

package/dist/components/Drawer/hooks/useDrawer.d.ts

@@ -0,0 +1,2 @@
+import { UseDrawerParams, UseDrawerResult } from '../Drawer.types';
+export declare const useDrawer: (params: UseDrawerParams) => UseDrawerResult;

package/dist/components/Drawer/hooks/useDrawer.js

@@ -0,0 +1,51 @@
+import { useState as m, useEffect as p, useCallback as L } from "react";
+import { ZERO as N } from "../../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as o, BOOLEAN_TRUE as r } from "../../../constants/generals.const.js";
+import { KEY_ESCAPE as C } from "../../../constants/keys.const.js";
+import { OVERLAY_OPEN_EFFECT_NONE as d } from "../../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { DRAWER_ANIMATION_MS as M } from "../Drawer.const.js";
+import { lockBodyScroll as v } from "../Drawer.utils.js";
+const B = (O) => {
+  const { isOpen: s, onClose: E, closeOnEscape: f, openEffect: u, closeEffect: a } = O, [t, l] = m(s), [A, c] = m(o), [_, i] = m(o);
+  p(() => {
+    if (s) {
+      if (l(r), c(o), u === d) {
+        i(r);
+        return;
+      }
+      const e = requestAnimationFrame(() => i(r));
+      return () => cancelAnimationFrame(e);
+    }
+    if (t) {
+      i(o), c(r);
+      const k = setTimeout(() => {
+        l(o), c(o);
+      }, a === d ? N : M);
+      return () => clearTimeout(k);
+    }
+  }, [s, t, u, a]);
+  const n = L(
+    (e) => {
+      f && e.key === C && E();
+    },
+    [f, E]
+  );
+  return p(() => {
+    if (t) {
+      document.addEventListener("keydown", n);
+      const e = v();
+      return () => {
+        document.removeEventListener("keydown", n), e();
+      };
+    }
+    return () => {
+      document.removeEventListener("keydown", n);
+    };
+  }, [t, n]), {
+    isMounted: t,
+    isPanelOpen: _ && !A
+  };
+};
+export {
+  B as useDrawer
+};

package/dist/components/Editable/Editable.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),y=require("../Button/Button.cjs"),E=require("../Icon/index.cjs"),w=e.createContext(null),d=()=>{const t=e.useContext(w);if(!t)throw new Error("Editable components must be used within Editable.Root");return t},j=e.forwardRef(({children:t,defaultValue:s="",value:a,onChange:i,onEditSubmit:r,onCancel:b,placeholder:u="Click to edit...",isDisabled:l=!1,startWithEditView:p=!1,className:c="",...f},m)=>{const[o,x]=e.useState(p),[I,T]=e.useState(s),[k,_]=e.useState(s),g=a!==void 0?a:I,v=e.useCallback(h=>{a===void 0&&T(h),i==null||i(h)},[a,i]),P=e.useCallback(()=>{l||(_(g),x(!0))},[l,g]),q=e.useCallback(()=>{x(!1)},[]),D=e.useCallback(()=>{r==null||r(g),x(!1)},[g,r]),K=e.useCallback(()=>{v(k),b==null||b(),x(!1)},[k,v,b]);return n.jsx(w.Provider,{value:{isEditing:o,value:g,startEditing:P,stopEditing:q,setValue:v,submit:D,cancel:K},children:n.jsx("div",{ref:m,className:`Bear-Editable bear-inline-block ${c}`.trim(),...f,children:t})})});j.displayName="Editable.Root";const N=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,value:b,startEditing:u}=d();return r?null:n.jsx("span",{ref:i,className:`Bear-Editable__preview bear-cursor-pointer bear-px-2 bear-py-1 bear-rounded bear-transition-all bear-border bear-border-transparent hover:bear-border-gray-300 dark:hover:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white ${s}`.trim(),onClick:u,...a,children:t||b||n.jsx("span",{className:"bear-text-gray-400 dark:bear-text-zinc-500 bear-italic",children:"Click to edit..."})})});N.displayName="Editable.Preview";const C=e.forwardRef(({asTextarea:t=!1,className:s="",...a},i)=>{const{isEditing:r,value:b,setValue:u,submit:l,cancel:p}=d(),c=e.useRef(null);e.useEffect(()=>{r&&c.current&&(c.current.focus(),c.current.select())},[r]);const f=o=>{o.key==="Enter"&&!t&&(o.preventDefault(),l()),o.key==="Escape"&&p()};if(!r)return null;const m="Bear-Editable__input bear-w-full bear-px-2 bear-py-1 bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-rounded bear-bg-white dark:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-primary-500";return t?n.jsx("textarea",{ref:i,value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} bear-min-h-[80px] bear-resize-y ${s}`.trim(),...a}):n.jsx("input",{ref:c,type:"text",value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} ${s}`.trim(),...a})});C.displayName="Editable.Input";const R=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r}=d();return r?n.jsx("div",{ref:i,className:`Bear-Editable__control bear-flex bear-items-center bear-gap-1 bear-mt-1 ${s}`.trim(),...a,children:t}):null});R.displayName="Editable.Control";const z=e.forwardRef(({children:t,className:s="",...a},i)=>{const{submit:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-submit bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CheckIcon,{size:16})})});z.displayName="Editable.SubmitTrigger";const B=e.forwardRef(({children:t,className:s="",...a},i)=>{const{cancel:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-cancel bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CloseIcon,{size:16})})});B.displayName="Editable.CancelTrigger";const $=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,startEditing:b}=d();return r?null:n.jsx(y.Button,{ref:i,type:"button",onClick:b,variant:"ghost",size:"sm",className:`bear-editable-edit bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.EditIcon,{size:16})})});$.displayName="Editable.EditTrigger";const S={Root:j,Preview:N,Input:C,Control:R,SubmitTrigger:z,CancelTrigger:B,EditTrigger:$};exports.Editable=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),y=require("../Button/Button.cjs"),E=require("@forgedevstack/bear-icons"),w=e.createContext(null),d=()=>{const t=e.useContext(w);if(!t)throw new Error("Editable components must be used within Editable.Root");return t},j=e.forwardRef(({children:t,defaultValue:s="",value:a,onChange:i,onEditSubmit:r,onCancel:b,placeholder:u="Click to edit...",isDisabled:l=!1,startWithEditView:x=!1,className:c="",...f},m)=>{const[o,p]=e.useState(x),[I,T]=e.useState(s),[k,_]=e.useState(s),g=a!==void 0?a:I,v=e.useCallback(h=>{a===void 0&&T(h),i==null||i(h)},[a,i]),P=e.useCallback(()=>{l||(_(g),p(!0))},[l,g]),q=e.useCallback(()=>{p(!1)},[]),D=e.useCallback(()=>{r==null||r(g),p(!1)},[g,r]),K=e.useCallback(()=>{v(k),b==null||b(),p(!1)},[k,v,b]);return n.jsx(w.Provider,{value:{isEditing:o,value:g,startEditing:P,stopEditing:q,setValue:v,submit:D,cancel:K},children:n.jsx("div",{ref:m,className:`Bear-Editable bear-inline-block ${c}`.trim(),...f,children:t})})});j.displayName="Editable.Root";const N=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,value:b,startEditing:u}=d();return r?null:n.jsx("span",{ref:i,className:`Bear-Editable__preview bear-cursor-pointer bear-px-2 bear-py-1 bear-rounded bear-transition-all bear-border bear-border-transparent hover:bear-border-gray-300 dark:hover:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white ${s}`.trim(),onClick:u,...a,children:t||b||n.jsx("span",{className:"bear-text-gray-400 dark:bear-text-zinc-500 bear-italic",children:"Click to edit..."})})});N.displayName="Editable.Preview";const C=e.forwardRef(({asTextarea:t=!1,className:s="",...a},i)=>{const{isEditing:r,value:b,setValue:u,submit:l,cancel:x}=d(),c=e.useRef(null);e.useEffect(()=>{r&&c.current&&(c.current.focus(),c.current.select())},[r]);const f=o=>{o.key==="Enter"&&!t&&(o.preventDefault(),l()),o.key==="Escape"&&x()};if(!r)return null;const m="Bear-Editable__input bear-w-full bear-px-2 bear-py-1 bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-rounded bear-bg-white dark:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-primary-500";return t?n.jsx("textarea",{ref:i,value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} bear-min-h-[80px] bear-resize-y ${s}`.trim(),...a}):n.jsx("input",{ref:c,type:"text",value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} ${s}`.trim(),...a})});C.displayName="Editable.Input";const R=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r}=d();return r?n.jsx("div",{ref:i,className:`Bear-Editable__control bear-flex bear-items-center bear-gap-1 bear-mt-1 ${s}`.trim(),...a,children:t}):null});R.displayName="Editable.Control";const z=e.forwardRef(({children:t,className:s="",...a},i)=>{const{submit:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-submit bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CheckIcon,{size:16})})});z.displayName="Editable.SubmitTrigger";const B=e.forwardRef(({children:t,className:s="",...a},i)=>{const{cancel:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-cancel bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CloseIcon,{size:16})})});B.displayName="Editable.CancelTrigger";const $=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,startEditing:b}=d();return r?null:n.jsx(y.Button,{ref:i,type:"button",onClick:b,variant:"ghost",size:"sm",className:`bear-editable-edit bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.EditIcon,{size:16})})});$.displayName="Editable.EditTrigger";const S={Root:j,Preview:N,Input:C,Control:R,SubmitTrigger:z,CancelTrigger:B,EditTrigger:$};exports.Editable=S;

package/dist/components/Editable/Editable.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { createContext as A, forwardRef as o, useState as h, useCallback as m, useRef as F, useEffect as G, useContext as H } from "react";
 import { Button as k } from "../Button/Button.js";
-import { CheckIcon as J, CloseIcon as L, EditIcon as M } from "../Icon/index.js";
+import { CheckIcon as J, CloseIcon as L, EditIcon as M } from "@forgedevstack/bear-icons";
 const N = A(null), d = () => {
   const r = H(N);
   if (!r)

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

package/dist/components/FloatingChat/FloatingChat.js

@@ -8,7 +8,7 @@ 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 { BearIcons as n } from "@forgedevstack/bear-icons";
 import { Chat as O } from "../Chat/Chat.js";
 import { FLOATING_CHAT_DEFAULTS as a, CHAT_WINDOW_SIZE as m } from "./FloatingChat.const.js";
 const ct = ({