@forgedevstack/bear 1.1.4 → 1.1.8

package/dist/components/Spotlight/Spotlight.js

@@ -1,100 +1,89 @@
-import { jsxs as b, jsx as t, Fragment as G } from "react/jsx-runtime";
-import { useState as w, useRef as E, useCallback as D, useEffect as v, useMemo as T } from "react";
-import { cn as m } from "../../utils/cn.js";
-import { DEFAULT_PLACEHOLDER as P, DEFAULT_SHORTCUT_KEY as Y, DEFAULT_NOTHING_FOUND as z, DEFAULT_LIMIT as Q, FOCUS_DELAY as V, SPOTLIGHT_Z_INDEX as W } from "./Spotlight.const.js";
-const X = (l, s) => {
-  var o, u;
-  const i = s.toLowerCase();
-  return !!(l.label.toLowerCase().includes(i) || (o = l.description) != null && o.toLowerCase().includes(i) || (u = l.keywords) != null && u.some((y) => y.toLowerCase().includes(i)));
-}, I = (l, s) => {
-  if (!s) return l;
-  const i = l.toLowerCase().indexOf(s.toLowerCase());
-  return i === -1 ? l : /* @__PURE__ */ b(G, { children: [
-    l.slice(0, i),
-    /* @__PURE__ */ t("mark", { className: "Bear-Spotlight__highlight bear-bg-yellow-200 dark:bear-bg-yellow-800 bear-text-inherit bear-rounded-sm bear-px-0.5", children: l.slice(i, i + s.length) }),
-    l.slice(i + s.length)
-  ] });
-}, ee = (l) => {
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { useState as u, useRef as B, useCallback as E, useEffect as f, useMemo as D } from "react";
+import { cn as h } from "../../utils/cn.js";
+import { DEFAULT_PLACEHOLDER as q, DEFAULT_SHORTCUT_KEY as G, DEFAULT_NOTHING_FOUND as P, DEFAULT_LIMIT as Y, FOCUS_DELAY as z, SPOTLIGHT_Z_INDEX as Q } from "./Spotlight.const.js";
+import { matchAction as V, highlightText as T } from "./Spotlight.utils.js";
+const ee = (I) => {
   const {
-    actions: s,
-    open: i,
-    onOpenChange: o,
-    placeholder: u = P,
-    shortcutKey: y = Y,
-    shortcutMod: N = !0,
-    nothingFoundMessage: A = z,
-    highlightMatches: S = !0,
-    limit: x = Q,
-    filter: f,
+    actions: c,
+    open: L,
+    onOpenChange: g,
+    placeholder: A = q,
+    shortcutKey: k = G,
+    shortcutMod: _ = !0,
+    nothingFoundMessage: C = P,
+    highlightMatches: v = !0,
+    limit: p = Y,
+    filter: y,
     className: O,
     style: M,
-    testId: F
-  } = l, [U, K] = w(!1), [n, L] = w(""), [p, h] = w(0), B = E(null), C = E(null), g = i ?? U, d = D(
+    testId: U
+  } = I, [F, K] = u(!1), [l, w] = u(""), [n, d] = u(0), N = B(null), S = B(null), o = L ?? F, s = E(
     (e) => {
-      K(e), o == null || o(e), e || (L(""), h(0));
+      K(e), g == null || g(e), e || (w(""), d(0));
     },
-    [o]
+    [g]
   );
-  v(() => {
+  f(() => {
     const e = (r) => {
-      (N ? r.metaKey || r.ctrlKey : !0) && r.key.toLowerCase() === y.toLowerCase() && (r.preventDefault(), d(!g)), r.key === "Escape" && g && d(!1);
+      (_ ? r.metaKey || r.ctrlKey : !0) && r.key.toLowerCase() === k.toLowerCase() && (r.preventDefault(), s(!o)), r.key === "Escape" && o && s(!1);
     };
     return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-  }, [y, N, g, d]), v(() => {
-    g && setTimeout(() => {
+  }, [k, _, o, s]), f(() => {
+    o && setTimeout(() => {
       var e;
-      return (e = B.current) == null ? void 0 : e.focus();
-    }, V);
-  }, [g]);
-  const c = T(() => f ? f(n, s).slice(0, x) : n ? s.filter((e) => X(e, n)).slice(0, x) : s.slice(0, x), [s, n, f, x]), R = T(() => {
+      return (e = N.current) == null ? void 0 : e.focus();
+    }, z);
+  }, [o]);
+  const i = D(() => y ? y(l, c).slice(0, p) : l ? c.filter((e) => V(e, l)).slice(0, p) : c.slice(0, p), [c, l, y, p]), R = D(() => {
     const e = /* @__PURE__ */ new Map();
-    return c.forEach((r) => {
+    return i.forEach((r) => {
       const a = r.group || "";
       e.has(a) || e.set(a, []), e.get(a).push(r);
     }), e;
-  }, [c]), H = D(
+  }, [i]), H = E(
     (e) => {
       if (e.key === "ArrowDown")
-        e.preventDefault(), h((r) => Math.min(r + 1, c.length - 1));
+        e.preventDefault(), d((r) => Math.min(r + 1, i.length - 1));
       else if (e.key === "ArrowUp")
-        e.preventDefault(), h((r) => Math.max(r - 1, 0));
-      else if (e.key === "Enter" && c[p]) {
+        e.preventDefault(), d((r) => Math.max(r - 1, 0));
+      else if (e.key === "Enter" && i[n]) {
         e.preventDefault();
-        const r = c[p];
-        r.disabled || (r.onTrigger(), d(!1));
+        const r = i[n];
+        r.disabled || (r.onTrigger(), s(!1));
       }
     },
-    [c, p, d]
+    [i, n, s]
   );
-  if (v(() => {
-    const e = C.current;
+  if (f(() => {
+    const e = S.current;
     if (!e) return;
     const r = e.querySelector('[data-active="true"]');
     r == null || r.scrollIntoView({ block: "nearest" });
-  }, [p]), !g) return null;
-  let k = -1;
+  }, [n]), !o) return null;
+  let x = -1;
   return /* @__PURE__ */ b(
     "div",
     {
-      className: m(
+      className: h(
         "Bear-Spotlight",
         "bear-fixed bear-inset-0 bear-flex bear-items-start bear-justify-center bear-pt-[15vh]"
       ),
-      style: { zIndex: W },
-      "data-testid": F,
+      style: { zIndex: Q },
+      "data-testid": U,
       children: [
         /* @__PURE__ */ t(
           "div",
           {
             className: "Bear-Spotlight__backdrop bear-absolute bear-inset-0 bear-bg-black/50 dark:bear-bg-black/70 bear-backdrop-blur-sm",
-            onClick: () => d(!1),
+            onClick: () => s(!1),
             "aria-hidden": "true"
           }
         ),
         /* @__PURE__ */ b(
           "div",
           {
-            className: m(
+            className: h(
               "Bear-Spotlight__dialog",
               "bear-relative bear-w-full bear-max-w-[560px] bear-mx-4",
               "bear-bg-white dark:bear-bg-gray-900",
@@ -127,15 +116,15 @@ const X = (l, s) => {
                 /* @__PURE__ */ t(
                   "input",
                   {
-                    ref: B,
+                    ref: N,
                     type: "text",
-                    value: n,
+                    value: l,
                     onChange: (e) => {
-                      L(e.target.value), h(0);
+                      w(e.target.value), d(0);
                     },
                     onKeyDown: H,
-                    placeholder: u,
-                    className: m(
+                    placeholder: A,
+                    className: h(
                       "Bear-Spotlight__input",
                       "bear-flex-1 bear-bg-transparent bear-outline-none bear-text-base",
                       "bear-text-gray-900 dark:bear-text-white",
@@ -150,39 +139,39 @@ const X = (l, s) => {
               /* @__PURE__ */ b(
                 "div",
                 {
-                  ref: C,
+                  ref: S,
                   className: "Bear-Spotlight__results bear-max-h-[400px] bear-overflow-y-auto bear-py-2",
                   role: "listbox",
                   children: [
-                    c.length === 0 && /* @__PURE__ */ t("div", { className: "Bear-Spotlight__empty bear-px-4 bear-py-8 bear-text-center bear-text-gray-500 dark:bear-text-gray-400 bear-text-sm", children: A }),
+                    i.length === 0 && /* @__PURE__ */ t("div", { className: "Bear-Spotlight__empty bear-px-4 bear-py-8 bear-text-center bear-text-gray-500 dark:bear-text-gray-400 bear-text-sm", children: C }),
                     Array.from(R.entries()).map(([e, r]) => /* @__PURE__ */ b("div", { className: "Bear-Spotlight__group", children: [
                       e && /* @__PURE__ */ t("div", { className: "Bear-Spotlight__group-title bear-px-4 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider bear-text-gray-400 dark:bear-text-gray-500", children: e }),
                       r.map((a) => {
-                        k++;
-                        const _ = k === p, j = k;
+                        x++;
+                        const m = x === n, j = x;
                         return /* @__PURE__ */ b(
                           "button",
                           {
-                            className: m(
+                            className: h(
                               "Bear-Spotlight__action",
                               "bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-2.5 bear-text-left bear-cursor-pointer",
                               "bear-transition-colors bear-duration-100",
-                              _ ? "bear-bg-gray-100 dark:bear-bg-gray-800" : "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/50",
+                              m ? "bear-bg-gray-100 dark:bear-bg-gray-800" : "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/50",
                               a.disabled && "bear-opacity-50 bear-cursor-not-allowed"
                             ),
-                            "data-active": _,
-                            onMouseEnter: () => h(j),
+                            "data-active": m,
+                            onMouseEnter: () => d(j),
                             onClick: () => {
-                              a.disabled || (a.onTrigger(), d(!1));
+                              a.disabled || (a.onTrigger(), s(!1));
                             },
                             role: "option",
-                            "aria-selected": _,
+                            "aria-selected": m,
                             "aria-disabled": a.disabled,
                             children: [
                               a.icon && /* @__PURE__ */ t("span", { className: "Bear-Spotlight__action-icon bear-text-gray-500 dark:bear-text-gray-400 bear-shrink-0", children: a.icon }),
                               /* @__PURE__ */ b("div", { className: "Bear-Spotlight__action-body bear-flex-1 bear-min-w-0", children: [
-                                /* @__PURE__ */ t("div", { className: "Bear-Spotlight__action-label bear-text-sm bear-font-medium bear-text-gray-900 dark:bear-text-white bear-truncate", children: S ? I(a.label, n) : a.label }),
-                                a.description && /* @__PURE__ */ t("div", { className: "Bear-Spotlight__action-desc bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-truncate", children: S ? I(a.description, n) : a.description })
+                                /* @__PURE__ */ t("div", { className: "Bear-Spotlight__action-label bear-text-sm bear-font-medium bear-text-gray-900 dark:bear-text-white bear-truncate", children: v ? T(a.label, l) : a.label }),
+                                a.description && /* @__PURE__ */ t("div", { className: "Bear-Spotlight__action-desc bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-truncate", children: v ? T(a.description, l) : a.description })
                               ] }),
                               a.rightSection && /* @__PURE__ */ t("span", { className: "Bear-Spotlight__action-right bear-shrink-0", children: a.rightSection })
                             ]

package/dist/components/Spotlight/Spotlight.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=(e,t)=>{var s,o;const r=t.toLowerCase();return!!(e.label.toLowerCase().includes(r)||(s=e.description)!=null&&s.toLowerCase().includes(r)||(o=e.keywords)!=null&&o.some(n=>n.toLowerCase().includes(r)))},a=(e,t)=>{if(!t)return e;const r=e.toLowerCase().indexOf(t.toLowerCase());return r===-1?e:i.jsxs(i.Fragment,{children:[e.slice(0,r),i.jsx("mark",{className:"Bear-Spotlight__highlight bear-bg-yellow-200 dark:bear-bg-yellow-800 bear-text-inherit bear-rounded-sm bear-px-0.5",children:e.slice(r,r+t.length)}),e.slice(r+t.length)]})};exports.highlightText=a;exports.matchAction=l;

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

@@ -0,0 +1,3 @@
+import { SpotlightAction } from './Spotlight.types';
+export declare const matchAction: (action: SpotlightAction, query: string) => boolean;
+export declare const highlightText: (text: string, query: string) => React.ReactNode;

package/dist/components/Spotlight/Spotlight.utils.js

@@ -0,0 +1,18 @@
+import { jsxs as n, Fragment as l, jsx as a } from "react/jsx-runtime";
+const h = (e, s) => {
+  var o, i;
+  const r = s.toLowerCase();
+  return !!(e.label.toLowerCase().includes(r) || (o = e.description) != null && o.toLowerCase().includes(r) || (i = e.keywords) != null && i.some((t) => t.toLowerCase().includes(r)));
+}, d = (e, s) => {
+  if (!s) return e;
+  const r = e.toLowerCase().indexOf(s.toLowerCase());
+  return r === -1 ? e : /* @__PURE__ */ n(l, { children: [
+    e.slice(0, r),
+    /* @__PURE__ */ a("mark", { className: "Bear-Spotlight__highlight bear-bg-yellow-200 dark:bear-bg-yellow-800 bear-text-inherit bear-rounded-sm bear-px-0.5", children: e.slice(r, r + s.length) }),
+    e.slice(r + s.length)
+  ] });
+};
+export {
+  d as highlightText,
+  h as matchAction
+};

package/dist/components/Tabs/Tabs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),s=require("../../utils/cn.cjs"),d=i.createContext(null),T=({children:a,defaultTab:t,variant:r="line",onChange:e,className:o,testId:l})=>{const[x,g]=i.useState(t),b=c=>{g(c),e==null||e(c)};return n.jsx(d.Provider,{value:{activeTab:x,setActiveTab:b,variant:r},children:n.jsx("div",{className:s.cn("Bear-Tabs",o),"data-testid":l,children:a})})},y=({children:a,className:t})=>{const r=i.useContext(d);if(!r)throw new Error("TabList must be used within Tabs");const{variant:e}=r;return n.jsx("div",{role:"tablist",className:s.cn("Bear-Tabs__list",`Bear-Tabs__list--${e}`,"bear-flex bear-gap-1",e==="line"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",e==="pills"&&"bear-bg-gray-100 dark:bear-bg-gray-800 bear-p-1 bear-rounded-lg",e==="enclosed"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",t),children:a})},v=({id:a,children:t,disabled:r=!1,icon:e})=>{const o=i.useContext(d);if(!o)throw new Error("Tab must be used within Tabs");const{activeTab:l,setActiveTab:x,variant:g}=o,b=l===a,c="bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors",u={line:s.cn("bear-border-b-2 bear--mb-px",b?"bear-border-pink-500 bear-text-pink-600 dark:bear-text-pink-400":"bear-border-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-border-gray-300"),pills:s.cn("bear-rounded-md",b?"bear-bg-white dark:bear-bg-gray-700 bear-text-gray-900 dark:bear-text-white bear-shadow-sm":"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"),enclosed:s.cn("bear-rounded-t-lg bear-border bear-border-transparent",b?"bear-bg-white dark:bear-bg-gray-900 bear-border-gray-200 dark:bear-border-gray-700 bear-border-b-white dark:bear-border-b-gray-900 bear--mb-px bear-text-gray-900 dark:bear-text-white":"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white")};return n.jsxs("button",{role:"tab","aria-selected":b,disabled:r,onClick:()=>!r&&x(a),className:s.cn("Bear-Tabs__tab",b&&"Bear-Tabs__tab--active",c,u[g],r&&"Bear-Tabs__tab--disabled bear-opacity-50 bear-cursor-not-allowed"),children:[e&&n.jsx("span",{className:"Bear-Tabs__tab-icon",children:e}),n.jsx("span",{className:"Bear-Tabs__tab-label",children:t})]})},h=({tabId:a,children:t,className:r})=>{const e=i.useContext(d);if(!e)throw new Error("TabPanel must be used within Tabs");const{activeTab:o}=e;return o!==a?null:n.jsx("div",{role:"tabpanel",className:s.cn("Bear-Tabs__panel bear-py-4",r),children:t})};exports.Tab=v;exports.TabList=y;exports.TabPanel=h;exports.Tabs=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("../../utils/cn.cjs"),d=i.createContext(null),v=({children:a,value:t,defaultTab:r,variant:e="line",onChange:b,className:l,testId:x})=>{const[T,s]=i.useState(r),c=t!==void 0,g=c?t:T,y=u=>{c||s(u),b==null||b(u)};return o.jsx(d.Provider,{value:{activeTab:g,setActiveTab:y,variant:e},children:o.jsx("div",{className:n.cn("Bear-Tabs",l),"data-testid":x,children:a})})},h=({children:a,className:t})=>{const r=i.useContext(d);if(!r)throw new Error("TabList must be used within Tabs");const{variant:e}=r;return o.jsx("div",{role:"tablist",className:n.cn("Bear-Tabs__list",`Bear-Tabs__list--${e}`,"bear-flex bear-gap-1",e==="line"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",e==="pills"&&"bear-bg-gray-100 dark:bear-bg-gray-800 bear-p-1 bear-rounded-lg",e==="enclosed"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",t),children:a})},p=({id:a,children:t,disabled:r=!1,icon:e})=>{const b=i.useContext(d);if(!b)throw new Error("Tab must be used within Tabs");const{activeTab:l,setActiveTab:x,variant:T}=b,s=l===a,c="bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors",g={line:n.cn("bear-border-b-2 bear--mb-px",s?"bear-border-pink-500 bear-text-pink-600 dark:bear-text-pink-400":"bear-border-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-border-gray-300"),pills:n.cn("bear-rounded-md",s?"bear-bg-white dark:bear-bg-gray-700 bear-text-gray-900 dark:bear-text-white bear-shadow-sm":"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"),enclosed:n.cn("bear-rounded-t-lg bear-border bear-border-transparent",s?"bear-bg-white dark:bear-bg-gray-900 bear-border-gray-200 dark:bear-border-gray-700 bear-border-b-white dark:bear-border-b-gray-900 bear--mb-px bear-text-gray-900 dark:bear-text-white":"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white")};return o.jsxs("button",{role:"tab","aria-selected":s,disabled:r,onClick:()=>!r&&x(a),className:n.cn("Bear-Tabs__tab",s&&"Bear-Tabs__tab--active",c,g[T],r&&"Bear-Tabs__tab--disabled bear-opacity-50 bear-cursor-not-allowed"),children:[e&&o.jsx("span",{className:"Bear-Tabs__tab-icon",children:e}),o.jsx("span",{className:"Bear-Tabs__tab-label",children:t})]})},k=({tabId:a,children:t,className:r})=>{const e=i.useContext(d);if(!e)throw new Error("TabPanel must be used within Tabs");const{activeTab:b}=e;return b!==a?null:o.jsx("div",{role:"tabpanel",className:n.cn("Bear-Tabs__panel bear-py-4",r),children:t})};exports.Tab=p;exports.TabList=h;exports.TabPanel=k;exports.Tabs=v;

package/dist/components/Tabs/Tabs.js

@@ -1,27 +1,28 @@
-import { jsxs as T, jsx as n } from "react/jsx-runtime";
-import { createContext as p, useContext as g, useState as m } from "react";
-import { cn as s } from "../../utils/cn.js";
-const d = p(null), k = ({
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { createContext as v, useContext as T, useState as h } from "react";
+import { cn as o } from "../../utils/cn.js";
+const d = v(null), _ = ({
   children: a,
-  defaultTab: t,
-  variant: e = "line",
-  onChange: r,
-  className: o,
+  value: t,
+  defaultTab: e,
+  variant: r = "line",
+  onChange: b,
+  className: l,
   testId: c
 }) => {
-  const [l, x] = m(t), b = (i) => {
-    x(i), r == null || r(i);
+  const [x, s] = h(e), i = t !== void 0, g = i ? t : x, p = (y) => {
+    i || s(y), b == null || b(y);
   };
-  return /* @__PURE__ */ n(d.Provider, { value: { activeTab: l, setActiveTab: b, variant: e }, children: /* @__PURE__ */ n("div", { className: s("Bear-Tabs", o), "data-testid": c, children: a }) });
-}, w = ({ children: a, className: t }) => {
-  const e = g(d);
+  return /* @__PURE__ */ n(d.Provider, { value: { activeTab: g, setActiveTab: p, variant: r }, children: /* @__PURE__ */ n("div", { className: o("Bear-Tabs", l), "data-testid": c, children: a }) });
+}, f = ({ children: a, className: t }) => {
+  const e = T(d);
   if (!e) throw new Error("TabList must be used within Tabs");
   const { variant: r } = e;
   return /* @__PURE__ */ n(
     "div",
     {
       role: "tablist",
-      className: s(
+      className: o(
         "Bear-Tabs__list",
         `Bear-Tabs__list--${r}`,
         "bear-flex bear-gap-1",
@@ -33,35 +34,35 @@ const d = p(null), k = ({
       children: a
     }
   );
-}, _ = ({ id: a, children: t, disabled: e = !1, icon: r }) => {
-  const o = g(d);
-  if (!o) throw new Error("Tab must be used within Tabs");
-  const { activeTab: c, setActiveTab: l, variant: x } = o, b = c === a, i = "bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors", y = {
-    line: s(
+}, B = ({ id: a, children: t, disabled: e = !1, icon: r }) => {
+  const b = T(d);
+  if (!b) throw new Error("Tab must be used within Tabs");
+  const { activeTab: l, setActiveTab: c, variant: x } = b, s = l === a, i = "bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors", g = {
+    line: o(
       "bear-border-b-2 bear--mb-px",
-      b ? "bear-border-pink-500 bear-text-pink-600 dark:bear-text-pink-400" : "bear-border-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-border-gray-300"
+      s ? "bear-border-pink-500 bear-text-pink-600 dark:bear-text-pink-400" : "bear-border-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-border-gray-300"
     ),
-    pills: s(
+    pills: o(
       "bear-rounded-md",
-      b ? "bear-bg-white dark:bear-bg-gray-700 bear-text-gray-900 dark:bear-text-white bear-shadow-sm" : "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"
+      s ? "bear-bg-white dark:bear-bg-gray-700 bear-text-gray-900 dark:bear-text-white bear-shadow-sm" : "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"
     ),
-    enclosed: s(
+    enclosed: o(
       "bear-rounded-t-lg bear-border bear-border-transparent",
-      b ? "bear-bg-white dark:bear-bg-gray-900 bear-border-gray-200 dark:bear-border-gray-700 bear-border-b-white dark:bear-border-b-gray-900 bear--mb-px bear-text-gray-900 dark:bear-text-white" : "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"
+      s ? "bear-bg-white dark:bear-bg-gray-900 bear-border-gray-200 dark:bear-border-gray-700 bear-border-b-white dark:bear-border-b-gray-900 bear--mb-px bear-text-gray-900 dark:bear-text-white" : "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"
     )
   };
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ m(
     "button",
     {
       role: "tab",
-      "aria-selected": b,
+      "aria-selected": s,
       disabled: e,
-      onClick: () => !e && l(a),
-      className: s(
+      onClick: () => !e && c(a),
+      className: o(
         "Bear-Tabs__tab",
-        b && "Bear-Tabs__tab--active",
+        s && "Bear-Tabs__tab--active",
         i,
-        y[x],
+        g[x],
         e && "Bear-Tabs__tab--disabled bear-opacity-50 bear-cursor-not-allowed"
       ),
       children: [
@@ -70,15 +71,15 @@ const d = p(null), k = ({
       ]
     }
   );
-}, f = ({ tabId: a, children: t, className: e }) => {
-  const r = g(d);
+}, N = ({ tabId: a, children: t, className: e }) => {
+  const r = T(d);
   if (!r) throw new Error("TabPanel must be used within Tabs");
-  const { activeTab: o } = r;
-  return o !== a ? null : /* @__PURE__ */ n("div", { role: "tabpanel", className: s("Bear-Tabs__panel bear-py-4", e), children: t });
+  const { activeTab: b } = r;
+  return b !== a ? null : /* @__PURE__ */ n("div", { role: "tabpanel", className: o("Bear-Tabs__panel bear-py-4", e), children: t });
 };
 export {
-  _ as Tab,
-  w as TabList,
-  f as TabPanel,
-  k as Tabs
+  B as Tab,
+  f as TabList,
+  N as TabPanel,
+  _ as Tabs
 };

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

@@ -7,7 +7,9 @@ export interface TabsContextValue {
 export interface TabsProps {
     /** Tab panels */
     children: ReactNode;
-    /** Default active tab */
+    /** Controlled active tab (when set, defaultTab is ignored) */
+    value?: string;
+    /** Default active tab (uncontrolled) */
     defaultTab: string;
     /** Visual variant */
     variant?: 'line' | 'pills' | 'enclosed';

package/dist/components/Toast/Toast.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),y=require("../../utils/cn.cjs"),T=()=>`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`,p={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})},k=()=>e.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),C={success:"bear-bg-green-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white",warning:"bear-bg-amber-500 bear-text-white",error:"bear-bg-red-500 bear-text-white"},S={"top-left":"bear-top-4 bear-left-4","top-center":"bear-top-4 bear-left-1/2 bear-transform bear--translate-x-1/2","top-right":"bear-top-4 bear-right-4","bottom-left":"bear-bottom-4 bear-left-4","bottom-center":"bear-bottom-4 bear-left-1/2 bear-transform bear--translate-x-1/2","bottom-right":"bear-bottom-4 bear-right-4"},v=s.createContext(null),I=()=>{const i=s.useContext(v);if(!i)throw new Error("useToast must be used within a ToastProvider");return i},N=({message:i,title:c,severity:b="info",duration:n=5e3,closable:l=!0,icon:r,action:x,onClose:a,onRemove:u,className:m})=>{const[f,d]=s.useState(!1);s.useEffect(()=>{if(n>0){const t=setTimeout(()=>{d(!0),setTimeout(()=>{u(),a==null||a()},200)},n);return()=>clearTimeout(t)}},[n,u,a]);const g=()=>{d(!0),setTimeout(()=>{u(),a==null||a()},200)},h=()=>r===!1?null:r||p[b];return e.jsxs("div",{role:"alert",className:y.cn("bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg bear-shadow-lg bear-min-w-[300px] bear-max-w-[400px]","bear-transition-all bear-duration-200",f?"bear-opacity-0 bear-translate-x-2":"bear-opacity-100 bear-translate-x-0",C[b],m),children:[h()&&e.jsx("span",{className:"bear-flex-shrink-0 bear-mt-0.5",children:h()}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[c&&e.jsx("div",{className:"bear-font-semibold bear-mb-0.5",children:c}),e.jsx("div",{className:"bear-text-sm bear-opacity-90",children:i})]}),x&&e.jsx("div",{className:"bear-flex-shrink-0",children:x}),l&&e.jsx("button",{type:"button",onClick:g,className:"bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-white/20 bear-transition-colors bear-bg-transparent bear-border-none bear-cursor-pointer","aria-label":"Close",children:e.jsx(k,{})})]})},w=({position:i="top-right",maxToasts:c=5,className:b})=>{const n=s.useContext(v);if(!n)return null;const{_toasts:l,_removeToast:r}=n,x=l.slice(0,c);return e.jsx("div",{className:y.cn("bear-fixed bear-z-50 bear-flex bear-flex-col bear-gap-2",S[i],b),children:x.map(a=>e.jsx(N,{...a,onRemove:()=>r(a.id)},a.id))})},E=({children:i,position:c="top-right"})=>{const[b,n]=s.useState([]),l=s.useCallback(t=>{n(o=>o.filter(j=>j.id!==t))},[]),r=s.useCallback(t=>{const o=t.id||T();return n(j=>[...j,{...t,id:o}]),o},[]),x=s.useCallback(t=>r(t),[r]),a=s.useCallback((t,o)=>r({message:t,severity:"success",...o}),[r]),u=s.useCallback((t,o)=>r({message:t,severity:"info",...o}),[r]),m=s.useCallback((t,o)=>r({message:t,severity:"warning",...o}),[r]),f=s.useCallback((t,o)=>r({message:t,severity:"error",...o}),[r]),d=s.useCallback(t=>l(t),[l]),g=s.useCallback(()=>n([]),[]),h={toast:x,success:a,info:u,warning:m,error:f,dismiss:d,dismissAll:g,_toasts:b,_removeToast:l};return e.jsxs(v.Provider,{value:h,children:[i,e.jsx(w,{position:c})]})};exports.ToastContainer=w;exports.ToastProvider=E;exports.useToast=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),y=require("../../utils/cn.cjs"),w=require("./Toast.utils.cjs"),p={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})},k=()=>e.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),C={success:"bear-bg-green-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white",warning:"bear-bg-amber-500 bear-text-white",error:"bear-bg-red-500 bear-text-white"},S={"top-left":"bear-top-4 bear-left-4","top-center":"bear-top-4 bear-left-1/2 bear-transform bear--translate-x-1/2","top-right":"bear-top-4 bear-right-4","bottom-left":"bear-bottom-4 bear-left-4","bottom-center":"bear-bottom-4 bear-left-1/2 bear-transform bear--translate-x-1/2","bottom-right":"bear-bottom-4 bear-right-4"},v=s.createContext(null),I=()=>{const i=s.useContext(v);if(!i)throw new Error("useToast must be used within a ToastProvider");return i},N=({message:i,title:c,severity:b="info",duration:n=5e3,closable:l=!0,icon:r,action:x,onClose:a,onRemove:u,className:m})=>{const[f,d]=s.useState(!1);s.useEffect(()=>{if(n>0){const t=setTimeout(()=>{d(!0),setTimeout(()=>{u(),a==null||a()},200)},n);return()=>clearTimeout(t)}},[n,u,a]);const g=()=>{d(!0),setTimeout(()=>{u(),a==null||a()},200)},h=()=>r===!1?null:r||p[b];return e.jsxs("div",{role:"alert",className:y.cn("bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg bear-shadow-lg bear-min-w-[300px] bear-max-w-[400px]","bear-transition-all bear-duration-200",f?"bear-opacity-0 bear-translate-x-2":"bear-opacity-100 bear-translate-x-0",C[b],m),children:[h()&&e.jsx("span",{className:"bear-flex-shrink-0 bear-mt-0.5",children:h()}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[c&&e.jsx("div",{className:"bear-font-semibold bear-mb-0.5",children:c}),e.jsx("div",{className:"bear-text-sm bear-opacity-90",children:i})]}),x&&e.jsx("div",{className:"bear-flex-shrink-0",children:x}),l&&e.jsx("button",{type:"button",onClick:g,className:"bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-white/20 bear-transition-colors bear-bg-transparent bear-border-none bear-cursor-pointer","aria-label":"Close",children:e.jsx(k,{})})]})},T=({position:i="top-right",maxToasts:c=5,className:b})=>{const n=s.useContext(v);if(!n)return null;const{_toasts:l,_removeToast:r}=n,x=l.slice(0,c);return e.jsx("div",{className:y.cn("bear-fixed bear-z-50 bear-flex bear-flex-col bear-gap-2",S[i],b),children:x.map(a=>e.jsx(N,{...a,onRemove:()=>r(a.id)},a.id))})},E=({children:i,position:c="top-right"})=>{const[b,n]=s.useState([]),l=s.useCallback(t=>{n(o=>o.filter(j=>j.id!==t))},[]),r=s.useCallback(t=>{const o=t.id||w.generateId();return n(j=>[...j,{...t,id:o}]),o},[]),x=s.useCallback(t=>r(t),[r]),a=s.useCallback((t,o)=>r({message:t,severity:"success",...o}),[r]),u=s.useCallback((t,o)=>r({message:t,severity:"info",...o}),[r]),m=s.useCallback((t,o)=>r({message:t,severity:"warning",...o}),[r]),f=s.useCallback((t,o)=>r({message:t,severity:"error",...o}),[r]),d=s.useCallback(t=>l(t),[l]),g=s.useCallback(()=>n([]),[]),h={toast:x,success:a,info:u,warning:m,error:f,dismiss:d,dismissAll:g,_toasts:b,_removeToast:l};return e.jsxs(v.Provider,{value:h,children:[i,e.jsx(T,{position:c})]})};exports.ToastContainer=T;exports.ToastProvider=E;exports.useToast=I;

package/dist/components/Toast/Toast.js

@@ -1,7 +1,8 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { createContext as I, useContext as y, useState as T, useCallback as i, useEffect as N } from "react";
 import { cn as k } from "../../utils/cn.js";
-const E = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, S = {
+import { generateId as E } from "./Toast.utils.js";
+const S = {
   success: /* @__PURE__ */ c("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
     /* @__PURE__ */ e("polyline", { points: "22 4 12 14.01 9 11.01" })
@@ -36,7 +37,7 @@ const E = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
   "bottom-left": "bear-bottom-4 bear-left-4",
   "bottom-center": "bear-bottom-4 bear-left-1/2 bear-transform bear--translate-x-1/2",
   "bottom-right": "bear-bottom-4 bear-right-4"
-}, w = I(null), Y = () => {
+}, w = I(null), z = () => {
   const n = y(w);
   if (!n)
     throw new Error("useToast must be used within a ToastProvider");
@@ -47,7 +48,7 @@ const E = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
   severity: d = "info",
   duration: o = 5e3,
   closable: l = !0,
-  icon: r,
+  icon: t,
   action: h,
   onClose: a,
   onRemove: x,
@@ -56,19 +57,19 @@ const E = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
   const [g, m] = T(!1);
   N(() => {
     if (o > 0) {
-      const t = setTimeout(() => {
+      const r = setTimeout(() => {
         m(!0), setTimeout(() => {
           x(), a == null || a();
         }, 200);
       }, o);
-      return () => clearTimeout(t);
+      return () => clearTimeout(r);
     }
   }, [o, x, a]);
   const p = () => {
     m(!0), setTimeout(() => {
       x(), a == null || a();
     }, 200);
-  }, u = () => r === !1 ? null : r || S[d];
+  }, u = () => t === !1 ? null : t || S[d];
   return /* @__PURE__ */ c(
     "div",
     {
@@ -107,7 +108,7 @@ const E = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
 }) => {
   const o = y(w);
   if (!o) return null;
-  const { _toasts: l, _removeToast: r } = o, h = l.slice(0, b);
+  const { _toasts: l, _removeToast: t } = o, h = l.slice(0, b);
   return /* @__PURE__ */ e(
     "div",
     {
@@ -120,22 +121,22 @@ const E = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
         C,
         {
           ...a,
-          onRemove: () => r(a.id)
+          onRemove: () => t(a.id)
         },
         a.id
       ))
     }
   );
-}, j = ({
+}, M = ({
   children: n,
   position: b = "top-right"
 }) => {
-  const [d, o] = T([]), l = i((t) => {
-    o((s) => s.filter((v) => v.id !== t));
-  }, []), r = i((t) => {
-    const s = t.id || E();
-    return o((v) => [...v, { ...t, id: s }]), s;
-  }, []), h = i((t) => r(t), [r]), a = i((t, s) => r({ message: t, severity: "success", ...s }), [r]), x = i((t, s) => r({ message: t, severity: "info", ...s }), [r]), f = i((t, s) => r({ message: t, severity: "warning", ...s }), [r]), g = i((t, s) => r({ message: t, severity: "error", ...s }), [r]), m = i((t) => l(t), [l]), p = i(() => o([]), []), u = {
+  const [d, o] = T([]), l = i((r) => {
+    o((s) => s.filter((v) => v.id !== r));
+  }, []), t = i((r) => {
+    const s = r.id || E();
+    return o((v) => [...v, { ...r, id: s }]), s;
+  }, []), h = i((r) => t(r), [t]), a = i((r, s) => t({ message: r, severity: "success", ...s }), [t]), x = i((r, s) => t({ message: r, severity: "info", ...s }), [t]), f = i((r, s) => t({ message: r, severity: "warning", ...s }), [t]), g = i((r, s) => t({ message: r, severity: "error", ...s }), [t]), m = i((r) => l(r), [l]), p = i(() => o([]), []), u = {
     toast: h,
     success: a,
     info: x,
@@ -153,6 +154,6 @@ const E = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
 };
 export {
   L as ToastContainer,
-  j as ToastProvider,
-  Y as useToast
+  M as ToastProvider,
+  z as useToast
 };

package/dist/components/Toast/Toast.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;exports.generateId=e;

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

@@ -0,0 +1 @@
+export declare const generateId: () => string;

package/dist/components/Toast/Toast.utils.js

@@ -0,0 +1,4 @@
+const t = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+export {
+  t as generateId
+};

package/dist/components/Tooltip/Tooltip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),j=require("react-dom"),k=require("../../utils/cn.cjs"),v=({content:m,children:x,position:w,placement:R,delay:y=200,className:T,disabled:M=!1})=>{const c=R||w||"top",[l,h]=r.useState(!1),[b,B]=r.useState({x:0,y:0}),u=r.useRef(null),d=r.useRef(null),n=r.useRef(),f=r.useCallback(()=>{if(!u.current||!d.current)return;const e=u.current.getBoundingClientRect(),t=d.current.getBoundingClientRect(),a=8;let o=0,i=0;switch(c){case"top":o=e.left+(e.width-t.width)/2,i=e.top-t.height-a;break;case"bottom":o=e.left+(e.width-t.width)/2,i=e.bottom+a;break;case"left":o=e.left-t.width-a,i=e.top+(e.height-t.height)/2;break;case"right":o=e.right+a,i=e.top+(e.height-t.height)/2;break}o=Math.max(8,Math.min(o,window.innerWidth-t.width-8)),i=Math.max(8,Math.min(i,window.innerHeight-t.height-8)),B({x:o,y:i})},[c]),g=()=>{M||(n.current=setTimeout(()=>{h(!0)},y))},p=()=>{n.current&&clearTimeout(n.current),h(!1)};return r.useEffect(()=>{l&&f()},[l,f]),r.useEffect(()=>()=>{n.current&&clearTimeout(n.current)},[]),s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:u,onMouseEnter:g,onMouseLeave:p,onFocus:g,onBlur:p,className:"Bear-Tooltip__trigger bear-inline-block",children:x}),l&&j.createPortal(s.jsx("div",{ref:d,role:"tooltip",style:{position:"fixed",left:b.x,top:b.y,zIndex:9999},className:k.cn("Bear-Tooltip",`Bear-Tooltip--${c}`,"bear-px-3 bear-py-2 bear-rounded-lg","bear-bg-gray-800 bear-text-white bear-text-sm","bear-border bear-border-gray-700","bear-shadow-lg","bear-animate-in bear-fade-in bear-duration-150",T),children:s.jsx("span",{className:"Bear-Tooltip__content",children:m})}),document.body)]})};exports.Tooltip=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),j=require("react-dom"),k=require("../../utils/cn.cjs"),v=({content:m,children:x,position:w,placement:R,delay:y=200,className:T,disabled:M=!1})=>{const c=R||w||"top",[l,d]=r.useState(!1),[b,B]=r.useState({x:0,y:0}),u=r.useRef(null),h=r.useRef(null),n=r.useRef(),f=r.useCallback(()=>{if(!u.current||!h.current)return;const e=u.current.getBoundingClientRect(),t=h.current.getBoundingClientRect(),s=8;let o=0,i=0;switch(c){case"top":o=e.left+(e.width-t.width)/2,i=e.top-t.height-s;break;case"bottom":o=e.left+(e.width-t.width)/2,i=e.bottom+s;break;case"left":o=e.left-t.width-s,i=e.top+(e.height-t.height)/2;break;case"right":o=e.right+s,i=e.top+(e.height-t.height)/2;break}o=Math.max(8,Math.min(o,window.innerWidth-t.width-8)),i=Math.max(8,Math.min(i,window.innerHeight-t.height-8)),B({x:o,y:i})},[c]),g=()=>{M||(n.current=setTimeout(()=>{d(!0)},y))},p=()=>{n.current&&clearTimeout(n.current),d(!1)};return r.useEffect(()=>{l&&f()},[l,f]),r.useEffect(()=>()=>{n.current&&clearTimeout(n.current)},[]),a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:u,onMouseEnter:g,onMouseLeave:p,onFocus:g,onBlur:p,className:"Bear-Tooltip__trigger bear-inline-block",children:x}),l&&j.createPortal(a.jsx("div",{ref:h,role:"tooltip",style:{left:b.x,top:b.y},className:k.cn("bear-fixed bear-z-[9999]","Bear-Tooltip",`Bear-Tooltip--${c}`,"bear-px-3 bear-py-2 bear-rounded-lg","bear-bg-gray-800 bear-text-white bear-text-sm","bear-border bear-border-gray-700","bear-shadow-lg","bear-animate-in bear-fade-in bear-duration-150",T),children:a.jsx("span",{className:"Bear-Tooltip__content",children:m})}),document.body)]})};exports.Tooltip=v;

package/dist/components/Tooltip/Tooltip.js

@@ -2,7 +2,7 @@ import { jsxs as C, Fragment as _, jsx as u } from "react/jsx-runtime";
 import { useState as m, useRef as h, useCallback as E, useEffect as w } from "react";
 import { createPortal as N } from "react-dom";
 import { cn as j } from "../../utils/cn.js";
-const V = ({
+const z = ({
   content: x,
   children: y,
   position: M,
@@ -30,11 +30,11 @@ const V = ({
         break;
     }
     r = Math.max(8, Math.min(r, window.innerWidth - t.width - 8)), o = Math.max(8, Math.min(o, window.innerHeight - t.height - 8)), v({ x: r, y: o });
-  }, [a]), p = () => {
+  }, [a]), g = () => {
     k || (i.current = setTimeout(() => {
       d(!0);
     }, T));
-  }, g = () => {
+  }, p = () => {
     i.current && clearTimeout(i.current), d(!1);
   };
   return w(() => {
@@ -46,10 +46,10 @@ const V = ({
       "div",
       {
         ref: c,
-        onMouseEnter: p,
-        onMouseLeave: g,
-        onFocus: p,
-        onBlur: g,
+        onMouseEnter: g,
+        onMouseLeave: p,
+        onFocus: g,
+        onBlur: p,
         className: "Bear-Tooltip__trigger bear-inline-block",
         children: y
       }
@@ -61,12 +61,11 @@ const V = ({
           ref: l,
           role: "tooltip",
           style: {
-            position: "fixed",
             left: b.x,
-            top: b.y,
-            zIndex: 9999
+            top: b.y
           },
           className: j(
+            "bear-fixed bear-z-[9999]",
             "Bear-Tooltip",
             `Bear-Tooltip--${a}`,
             "bear-px-3 bear-py-2 bear-rounded-lg",
@@ -84,5 +83,5 @@ const V = ({
   ] });
 };
 export {
-  V as Tooltip
+  z as Tooltip
 };