@forgedevstack/bear 1.2.1 → 1.2.2

package/dist/components/DiffViewer/DiffViewer.js

@@ -1,127 +1,119 @@
-import { jsxs as r, jsx as d } from "react/jsx-runtime";
-import { useMemo as v } from "react";
-import { cn as h } from "../../utils/cn.js";
-import { useBear as B } from "../../context/BearProvider.js";
-import { Typography as i } from "../Typography/Typography.js";
-import { LINE_NUMBER_WIDTH as M, DIFF_COLORS as O } from "./DiffViewer.const.js";
-import { computeDiff as _, computeStats as j } from "./DiffViewer.utils.js";
-const H = ({
-  oldValue: l,
-  newValue: m,
-  viewMode: x = "split",
-  showLineNumbers: y = !0,
-  oldTitle: N = "Original",
-  newTitle: u = "Modified",
-  showStats: f = !0,
-  className: p,
-  testId: g
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { useState as R, useMemo as x, useCallback as y } from "react";
+import { cn as o } from "../../utils/cn.js";
+import { useBear as W } from "../../context/BearProvider.js";
+import { Typography as n } from "../Typography/Typography.js";
+import { DEFAULT_OLD_TITLE as j, DEFAULT_NEW_TITLE as G, DEFAULT_SPACING as H, LINE_NUMBER_WIDTH as P, LINE_SPACING as V, DIFF_COLORS as $, LINE_HOVER_LABELS as q } from "./DiffViewer.const.js";
+import { computeDiff as z, computeStats as J } from "./DiffViewer.utils.js";
+const ae = ({
+  oldValue: p,
+  newValue: f,
+  viewMode: L = "split",
+  showLineNumbers: E = !0,
+  oldTitle: k = j,
+  newTitle: _ = G,
+  showStats: D = !0,
+  spacing: T = H,
+  showLineHoverInfo: i = !1,
+  className: w,
+  testId: v
 }) => {
-  const { mode: w } = B(), b = w === "dark", o = v(() => _(l, m), [l, m]), t = v(() => j(o), [o]), n = (e) => y ? /* @__PURE__ */ d(
+  const { mode: C } = W(), S = C === "dark", [A, b] = R(null), d = x(() => z(p, f), [p, f]), c = x(() => J(d), [d]), h = V[T], B = y((e) => {
+    i && b(e);
+  }, [i]), F = y(() => {
+    b(null);
+  }, []), l = (e) => E ? /* @__PURE__ */ a(
     "span",
     {
-      className: "select-none text-gray-400 dark:text-gray-600 text-right pr-3",
-      style: { minWidth: M },
+      className: o("select-none text-gray-400 dark:text-gray-600 text-right pr-3", h),
+      style: { minWidth: P },
       children: e ?? ""
     }
-  ) : null, s = (e, a) => {
-    const c = O[a], D = a === "add" ? "+" : a === "remove" ? "-" : " ";
-    return /* @__PURE__ */ r(
+  ) : null, m = (e, r, s) => {
+    const g = $[r], U = r === "add" ? "+" : r === "remove" ? "-" : " ", I = s != null && A === s;
+    return /* @__PURE__ */ t(
       "div",
       {
-        className: "flex font-mono text-sm",
+        className: o("flex font-mono text-sm relative group", h),
         style: {
-          backgroundColor: c.bg,
-          borderLeft: `3px solid ${c.border}`
+          backgroundColor: g.bg,
+          borderLeft: `3px solid ${g.border}`
         },
+        onMouseEnter: () => s != null && B(s),
+        onMouseLeave: F,
         children: [
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ a(
             "span",
             {
               className: "px-2 select-none font-bold",
-              style: { color: c.text },
-              children: D
+              style: { color: g.text },
+              children: U
             }
           ),
-          /* @__PURE__ */ d("span", { className: "flex-1 whitespace-pre", children: e })
-        ]
-      }
-    );
-  };
-  if (x === "unified")
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        className: h(
-          "Bear-DiffViewer",
-          "rounded-lg overflow-hidden border",
-          b ? "bg-gray-900 border-gray-700" : "bg-white border-gray-200",
-          p
-        ),
-        "data-testid": g,
-        children: [
-          f && /* @__PURE__ */ r("div", { className: "flex items-center gap-4 px-4 py-2 border-b border-gray-200 dark:border-gray-700", children: [
-            /* @__PURE__ */ r(i, { variant: "caption", className: "text-green-600", children: [
-              "+",
-              t.additions,
-              " additions"
-            ] }),
-            /* @__PURE__ */ r(i, { variant: "caption", className: "text-red-600", children: [
-              "-",
-              t.deletions,
-              " deletions"
-            ] })
-          ] }),
-          /* @__PURE__ */ d("div", { className: "overflow-x-auto", children: o.map((e, a) => /* @__PURE__ */ r("div", { className: "flex", children: [
-            n(e.oldLineNumber || e.newLineNumber),
-            /* @__PURE__ */ d("div", { className: "flex-1", children: s(e.content, e.type) })
-          ] }, a)) })
+          /* @__PURE__ */ a("span", { className: "flex-1 whitespace-pre", children: e }),
+          i && I && r !== "context" && /* @__PURE__ */ a(
+            "span",
+            {
+              className: o(
+                "absolute right-2 top-1/2 -translate-y-1/2 text-xs px-2 py-0.5 rounded",
+                r === "add" ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"
+              ),
+              children: q[r]
+            }
+          )
         ]
       }
     );
-  const k = o.filter((e) => e.type !== "add"), L = o.filter((e) => e.type !== "remove");
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: h(
-        "Bear-DiffViewer",
-        "rounded-lg overflow-hidden border",
-        b ? "bg-gray-900 border-gray-700" : "bg-white border-gray-200",
-        p
-      ),
-      "data-testid": g,
-      children: [
-        f && /* @__PURE__ */ r("div", { className: "flex items-center gap-4 px-4 py-2 border-b border-gray-200 dark:border-gray-700", children: [
-          /* @__PURE__ */ r(i, { variant: "caption", className: "text-green-600", children: [
-            "+",
-            t.additions,
-            " additions"
-          ] }),
-          /* @__PURE__ */ r(i, { variant: "caption", className: "text-red-600", children: [
-            "-",
-            t.deletions,
-            " deletions"
-          ] })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "grid grid-cols-2 divide-x divide-gray-200 dark:divide-gray-700", children: [
-          /* @__PURE__ */ r("div", { children: [
-            /* @__PURE__ */ d("div", { className: "px-3 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ d(i, { variant: "caption", className: "font-semibold", children: N }) }),
-            /* @__PURE__ */ d("div", { className: "overflow-x-auto", children: k.map((e, a) => /* @__PURE__ */ r("div", { className: "flex", children: [
-              n(e.oldLineNumber),
-              /* @__PURE__ */ d("div", { className: "flex-1", children: s(e.content, e.type === "remove" ? "remove" : "context") })
-            ] }, a)) })
-          ] }),
-          /* @__PURE__ */ r("div", { children: [
-            /* @__PURE__ */ d("div", { className: "px-3 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ d(i, { variant: "caption", className: "font-semibold", children: u }) }),
-            /* @__PURE__ */ d("div", { className: "overflow-x-auto", children: L.map((e, a) => /* @__PURE__ */ r("div", { className: "flex", children: [
-              n(e.newLineNumber),
-              /* @__PURE__ */ d("div", { className: "flex-1", children: s(e.content, e.type === "add" ? "add" : "context") })
-            ] }, a)) })
-          ] })
-        ] })
-      ]
-    }
+  }, u = () => D ? /* @__PURE__ */ t("div", { className: "flex items-center gap-4 px-4 py-2 border-b border-gray-200 dark:border-gray-700", children: [
+    /* @__PURE__ */ t(n, { variant: "caption", className: "text-green-600", children: [
+      "+",
+      c.additions,
+      " additions"
+    ] }),
+    /* @__PURE__ */ t(n, { variant: "caption", className: "text-red-600", children: [
+      "-",
+      c.deletions,
+      " deletions"
+    ] }),
+    /* @__PURE__ */ t(n, { variant: "caption", className: "text-gray-500", children: [
+      c.unchanged,
+      " unchanged"
+    ] })
+  ] }) : null, N = o(
+    "Bear-DiffViewer",
+    "rounded-lg overflow-hidden border",
+    S ? "bg-gray-900 border-gray-700" : "bg-white border-gray-200",
+    w
   );
+  if (L === "unified")
+    return /* @__PURE__ */ t("div", { className: N, "data-testid": v, children: [
+      u(),
+      /* @__PURE__ */ a("div", { className: "overflow-x-auto", children: d.map((e, r) => /* @__PURE__ */ t("div", { className: "flex", children: [
+        l(e.oldLineNumber || e.newLineNumber),
+        /* @__PURE__ */ a("div", { className: "flex-1", children: m(e.content, e.type, r) })
+      ] }, r)) })
+    ] });
+  const M = d.filter((e) => e.type !== "add"), O = d.filter((e) => e.type !== "remove");
+  return /* @__PURE__ */ t("div", { className: N, "data-testid": v, children: [
+    u(),
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 divide-x divide-gray-200 dark:divide-gray-700", children: [
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ a("div", { className: "px-3 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ a(n, { variant: "caption", className: "font-semibold", children: k }) }),
+        /* @__PURE__ */ a("div", { className: "overflow-x-auto", children: M.map((e, r) => /* @__PURE__ */ t("div", { className: "flex", children: [
+          l(e.oldLineNumber),
+          /* @__PURE__ */ a("div", { className: "flex-1", children: m(e.content, e.type === "remove" ? "remove" : "context", r) })
+        ] }, r)) })
+      ] }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ a("div", { className: "px-3 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ a(n, { variant: "caption", className: "font-semibold", children: _ }) }),
+        /* @__PURE__ */ a("div", { className: "overflow-x-auto", children: O.map((e, r) => /* @__PURE__ */ t("div", { className: "flex", children: [
+          l(e.newLineNumber),
+          /* @__PURE__ */ a("div", { className: "flex-1", children: m(e.content, e.type === "add" ? "add" : "context", r) })
+        ] }, r)) })
+      ] })
+    ] })
+  ] });
 };
 export {
-  H as DiffViewer
+  ae as DiffViewer
 };

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

@@ -3,6 +3,7 @@
  */
 export type DiffViewMode = 'split' | 'unified';
 export type DiffLineType = 'add' | 'remove' | 'context';
+export type DiffSpacing = 'compact' | 'comfortable' | 'spacious';
 export interface DiffViewerProps {
     /** Original text (left side) */
     oldValue: string;
@@ -22,6 +23,10 @@ export interface DiffViewerProps {
     newTitle?: string;
     /** Show diff statistics */
     showStats?: boolean;
+    /** Line spacing density */
+    spacing?: DiffSpacing;
+    /** Show a tooltip on line hover with change type */
+    showLineHoverInfo?: boolean;
     /** Custom class name */
     className?: string;
     /** Test ID */

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

@@ -1,2 +1,2 @@
 export { DiffViewer } from './DiffViewer';
-export type { DiffViewerProps, DiffViewMode, DiffLine, DiffStats } from './DiffViewer.types';
+export type { DiffViewerProps, DiffViewMode, DiffLine, DiffStats, DiffSpacing } from './DiffViewer.types';

package/dist/components/GlowCard/GlowCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),C=require("../../utils/cn.cjs"),n=require("./GlowCard.const.cjs"),w=({children:$,glowColor:a=n.DEFAULT_GLOW_COLOR,glowIntensity:i=n.DEFAULT_GLOW_INTENSITY,followMouse:p=!0,borderRadius:c=n.DEFAULT_BORDER_RADIUS,disabled:u=!1,effect:v=n.DEFAULT_EFFECT,borderWidth:r=n.DEFAULT_BORDER_WIDTH,testId:y,className:E,style:b,...O})=>{const l=d.useRef(null),[s,T]=d.useState({x:n.CENTER_POSITION,y:n.CENTER_POSITION}),[m,_]=d.useState(!1),h=d.useCallback(x=>{if(!p||u||!l.current)return;const o=l.current.getBoundingClientRect();T({x:(x.clientX-o.left)/o.width*100,y:(x.clientY-o.top)/o.height*100})},[p,u]),t=m&&!u,A=typeof c=="number"?`${c}px`:c,B=()=>{switch(v){case"border":return e.jsx("div",{className:"Bear-GlowCard__border absolute inset-0 pointer-events-none rounded-[inherit] transition-opacity duration-300",style:{opacity:t?1:0,background:`radial-gradient(circle at ${s.x}% ${s.y}%, ${a}${n.HEX_OPACITY_BORDER}, transparent ${i}%)`,mask:"linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",maskComposite:"exclude",WebkitMaskComposite:"xor",padding:r}});case"spotlight":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"Bear-GlowCard__spot absolute inset-0 pointer-events-none transition-opacity duration-300",style:{opacity:t?.8:0,background:`radial-gradient(300px circle at ${s.x}% ${s.y}%, ${a}${n.HEX_OPACITY_AMBIENT}, transparent 60%)`}}),e.jsx("div",{className:"Bear-GlowCard__spot-border absolute inset-0 pointer-events-none rounded-[inherit] transition-opacity duration-300",style:{opacity:t?1:0,boxShadow:`inset 0 0 0 ${r}px ${a}${n.HEX_OPACITY_BORDER}`}})]});case"pulse":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"Bear-GlowCard__pulse-inner absolute inset-0 pointer-events-none rounded-[inherit] transition-opacity duration-300",style:{opacity:t?1:0,background:`radial-gradient(ellipse at 50% 50%, ${a}${n.HEX_OPACITY_AMBIENT}, transparent 70%)`,animation:t?"bear-glow-pulse 2s ease-in-out infinite":"none"}}),e.jsx("div",{className:"Bear-GlowCard__pulse-outer absolute -inset-1 pointer-events-none rounded-[inherit]",style:{boxShadow:`0 0 ${i}px ${i/2}px ${a}${n.HEX_OPACITY_SHADOW}`,animation:t?"bear-glow-pulse 2s ease-in-out infinite":"none",opacity:t?1:0,transition:"opacity 0.3s"}}),e.jsx("div",{className:"Bear-GlowCard__pulse-ring absolute inset-0 pointer-events-none rounded-[inherit]",style:{boxShadow:`inset 0 0 0 ${r}px ${a}${n.HEX_OPACITY_BORDER}`,animation:t?"bear-glow-pulse 2s ease-in-out infinite 0.5s":"none",opacity:t?1:0,transition:"opacity 0.3s"}})]});case"wave":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"Bear-GlowCard__wave absolute inset-0 pointer-events-none rounded-[inherit]",style:{opacity:t?1:0,transition:"opacity 0.3s",background:`linear-gradient(90deg, transparent 0%, ${a}${n.HEX_OPACITY_AMBIENT} 50%, transparent 100%)`,backgroundSize:"200% 100%",animation:t?"bear-glow-wave 2.5s ease-in-out infinite":"none"}}),e.jsx("div",{className:"Bear-GlowCard__wave-edge absolute inset-0 pointer-events-none rounded-[inherit]",style:{opacity:t?1:0,transition:"opacity 0.3s",boxShadow:`inset 0 ${r}px 0 ${a}${n.HEX_OPACITY_BORDER}, 0 0 ${i/2}px ${a}${n.HEX_OPACITY_SHADOW}`,animation:t?"bear-glow-wave-shadow 2.5s ease-in-out infinite":"none"}})]});default:return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"Bear-GlowCard__ambient absolute inset-0 pointer-events-none transition-opacity duration-300",style:{opacity:t?.6:0,background:`radial-gradient(circle at ${s.x}% ${s.y}%, ${a}${n.HEX_OPACITY_AMBIENT}, transparent ${i}%)`}}),e.jsx("div",{className:"Bear-GlowCard__shadow absolute inset-0 pointer-events-none rounded-[inherit] transition-opacity duration-300",style:{opacity:t?.6:0,boxShadow:`inset 0 0 0 1px ${a}${n.HEX_OPACITY_BORDER_SHADOW}, 0 0 ${i}px ${a}${n.HEX_OPACITY_SHADOW}`}})]})}};return e.jsxs("div",{ref:l,className:C.cn("Bear-GlowCard relative overflow-hidden transition-shadow duration-300","bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-700",t&&"shadow-xl",E),style:{borderRadius:A,...b},onMouseMove:h,onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),"data-testid":y,...O,children:[B(),e.jsx("div",{className:"Bear-GlowCard__content relative z-10",children:$})]})};exports.GlowCard=w;

package/dist/components/GlowCard/GlowCard.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="#ec4899",_=40,O=12,T="ambient",A=2,D=50,I="66",R="33",t="22",L="44";exports.CENTER_POSITION=D;exports.DEFAULT_BORDER_RADIUS=O;exports.DEFAULT_BORDER_WIDTH=A;exports.DEFAULT_EFFECT=T;exports.DEFAULT_GLOW_COLOR=E;exports.DEFAULT_GLOW_INTENSITY=_;exports.HEX_OPACITY_AMBIENT=R;exports.HEX_OPACITY_BORDER=I;exports.HEX_OPACITY_BORDER_SHADOW=L;exports.HEX_OPACITY_SHADOW=t;

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

@@ -0,0 +1,11 @@
+export declare const DEFAULT_GLOW_COLOR = "#ec4899";
+export declare const DEFAULT_GLOW_INTENSITY = 40;
+export declare const DEFAULT_BORDER_RADIUS = 12;
+export declare const DEFAULT_EFFECT: "ambient";
+export declare const DEFAULT_BORDER_WIDTH = 2;
+export declare const CENTER_POSITION = 50;
+export declare const HEX_OPACITY_BORDER = "66";
+export declare const HEX_OPACITY_AMBIENT = "33";
+export declare const HEX_OPACITY_SHADOW = "22";
+export declare const HEX_OPACITY_BORDER_SHADOW = "44";
+export declare const PULSE_INTERVAL_MS = 2000;

package/dist/components/GlowCard/GlowCard.const.js

@@ -0,0 +1,13 @@
+const E = "#ec4899", _ = 40, O = 12, T = "ambient", A = 2, D = 50, t = "66", c = "33", n = "22", o = "44";
+export {
+  D as CENTER_POSITION,
+  O as DEFAULT_BORDER_RADIUS,
+  A as DEFAULT_BORDER_WIDTH,
+  T as DEFAULT_EFFECT,
+  E as DEFAULT_GLOW_COLOR,
+  _ as DEFAULT_GLOW_INTENSITY,
+  c as HEX_OPACITY_AMBIENT,
+  t as HEX_OPACITY_BORDER,
+  o as HEX_OPACITY_BORDER_SHADOW,
+  n as HEX_OPACITY_SHADOW
+};

package/dist/components/GlowCard/GlowCard.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { GlowCardProps } from './GlowCard.types';
+export declare const GlowCard: FC<GlowCardProps>;

package/dist/components/GlowCard/GlowCard.js

@@ -0,0 +1,185 @@
+import { jsxs as r, jsx as t, Fragment as d } from "react/jsx-runtime";
+import { useRef as A, useState as m, useCallback as C } from "react";
+import { cn as D } from "../../utils/cn.js";
+import { CENTER_POSITION as h, DEFAULT_BORDER_RADIUS as R, DEFAULT_GLOW_COLOR as S, DEFAULT_GLOW_INTENSITY as L, DEFAULT_EFFECT as F, DEFAULT_BORDER_WIDTH as H, HEX_OPACITY_AMBIENT as c, HEX_OPACITY_BORDER_SHADOW as M, HEX_OPACITY_SHADOW as $, HEX_OPACITY_BORDER as p } from "./GlowCard.const.js";
+const X = ({
+  children: x,
+  glowColor: n = S,
+  glowIntensity: a = L,
+  followMouse: v = !0,
+  borderRadius: u = R,
+  disabled: l = !1,
+  effect: f = F,
+  borderWidth: s = H,
+  testId: w,
+  className: E,
+  style: B,
+  ...N
+}) => {
+  const _ = A(null), [i, g] = m({ x: h, y: h }), [G, y] = m(!1), O = C(
+    (b) => {
+      if (!v || l || !_.current) return;
+      const o = _.current.getBoundingClientRect();
+      g({
+        x: (b.clientX - o.left) / o.width * 100,
+        y: (b.clientY - o.top) / o.height * 100
+      });
+    },
+    [v, l]
+  ), e = G && !l, T = typeof u == "number" ? `${u}px` : u, k = () => {
+    switch (f) {
+      case "border":
+        return /* @__PURE__ */ t(
+          "div",
+          {
+            className: "Bear-GlowCard__border absolute inset-0 pointer-events-none rounded-[inherit] transition-opacity duration-300",
+            style: {
+              opacity: e ? 1 : 0,
+              background: `radial-gradient(circle at ${i.x}% ${i.y}%, ${n}${p}, transparent ${a}%)`,
+              mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+              maskComposite: "exclude",
+              WebkitMaskComposite: "xor",
+              padding: s
+            }
+          }
+        );
+      case "spotlight":
+        return /* @__PURE__ */ r(d, { children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "Bear-GlowCard__spot absolute inset-0 pointer-events-none transition-opacity duration-300",
+              style: {
+                opacity: e ? 0.8 : 0,
+                background: `radial-gradient(300px circle at ${i.x}% ${i.y}%, ${n}${c}, transparent 60%)`
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "Bear-GlowCard__spot-border absolute inset-0 pointer-events-none rounded-[inherit] transition-opacity duration-300",
+              style: {
+                opacity: e ? 1 : 0,
+                boxShadow: `inset 0 0 0 ${s}px ${n}${p}`
+              }
+            }
+          )
+        ] });
+      case "pulse":
+        return /* @__PURE__ */ r(d, { children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "Bear-GlowCard__pulse-inner absolute inset-0 pointer-events-none rounded-[inherit] transition-opacity duration-300",
+              style: {
+                opacity: e ? 1 : 0,
+                background: `radial-gradient(ellipse at 50% 50%, ${n}${c}, transparent 70%)`,
+                animation: e ? "bear-glow-pulse 2s ease-in-out infinite" : "none"
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "Bear-GlowCard__pulse-outer absolute -inset-1 pointer-events-none rounded-[inherit]",
+              style: {
+                boxShadow: `0 0 ${a}px ${a / 2}px ${n}${$}`,
+                animation: e ? "bear-glow-pulse 2s ease-in-out infinite" : "none",
+                opacity: e ? 1 : 0,
+                transition: "opacity 0.3s"
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "Bear-GlowCard__pulse-ring absolute inset-0 pointer-events-none rounded-[inherit]",
+              style: {
+                boxShadow: `inset 0 0 0 ${s}px ${n}${p}`,
+                animation: e ? "bear-glow-pulse 2s ease-in-out infinite 0.5s" : "none",
+                opacity: e ? 1 : 0,
+                transition: "opacity 0.3s"
+              }
+            }
+          )
+        ] });
+      case "wave":
+        return /* @__PURE__ */ r(d, { children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "Bear-GlowCard__wave absolute inset-0 pointer-events-none rounded-[inherit]",
+              style: {
+                opacity: e ? 1 : 0,
+                transition: "opacity 0.3s",
+                background: `linear-gradient(90deg, transparent 0%, ${n}${c} 50%, transparent 100%)`,
+                backgroundSize: "200% 100%",
+                animation: e ? "bear-glow-wave 2.5s ease-in-out infinite" : "none"
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "Bear-GlowCard__wave-edge absolute inset-0 pointer-events-none rounded-[inherit]",
+              style: {
+                opacity: e ? 1 : 0,
+                transition: "opacity 0.3s",
+                boxShadow: `inset 0 ${s}px 0 ${n}${p}, 0 0 ${a / 2}px ${n}${$}`,
+                animation: e ? "bear-glow-wave-shadow 2.5s ease-in-out infinite" : "none"
+              }
+            }
+          )
+        ] });
+      default:
+        return /* @__PURE__ */ r(d, { children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "Bear-GlowCard__ambient absolute inset-0 pointer-events-none transition-opacity duration-300",
+              style: {
+                opacity: e ? 0.6 : 0,
+                background: `radial-gradient(circle at ${i.x}% ${i.y}%, ${n}${c}, transparent ${a}%)`
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "Bear-GlowCard__shadow absolute inset-0 pointer-events-none rounded-[inherit] transition-opacity duration-300",
+              style: {
+                opacity: e ? 0.6 : 0,
+                boxShadow: `inset 0 0 0 1px ${n}${M}, 0 0 ${a}px ${n}${$}`
+              }
+            }
+          )
+        ] });
+    }
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: _,
+      className: D(
+        "Bear-GlowCard relative overflow-hidden transition-shadow duration-300",
+        "bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-700",
+        e && "shadow-xl",
+        E
+      ),
+      style: { borderRadius: T, ...B },
+      onMouseMove: O,
+      onMouseEnter: () => y(!0),
+      onMouseLeave: () => y(!1),
+      "data-testid": w,
+      ...N,
+      children: [
+        k(),
+        /* @__PURE__ */ t("div", { className: "Bear-GlowCard__content relative z-10", children: x })
+      ]
+    }
+  );
+};
+export {
+  X as GlowCard
+};

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type GlowEffect = 'ambient' | 'border' | 'spotlight' | 'pulse' | 'wave';
+export interface GlowCardProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    /** Glow color (CSS color value) */
+    glowColor?: string;
+    /** Glow intensity (0–100, controls blur/spread) */
+    glowIntensity?: number;
+    /** Whether glow follows the mouse position */
+    followMouse?: boolean;
+    /** Border radius */
+    borderRadius?: number | string;
+    /** Disable glow animation */
+    disabled?: boolean;
+    /** Glow effect style */
+    effect?: GlowEffect;
+    /** Border width for 'border' effect (px) */
+    borderWidth?: number;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { GlowCard } from './GlowCard';
+export type { GlowCardProps, GlowEffect } from './GlowCard.types';

package/dist/components/Heatmap/Heatmap.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),S=require("../../utils/cn.cjs"),W=require("../Popover/Popover.cjs"),N=require("../Typography/Typography.cjs"),o=require("./Heatmap.const.cjs"),k=require("./Heatmap.utils.cjs"),I=({data:v,startDate:d,endDate:h,colorScale:u=o.DEFAULT_COLOR_SCALE,cellSize:m=o.DEFAULT_CELL_SIZE,cellGap:p=o.DEFAULT_CELL_GAP,showDayLabels:y=!0,showMonthLabels:b=!0,emptyColor:L,tooltipFormat:E,onCellClick:x,renderTooltip:i,testId:D,className:O,...q})=>{const[g,H]=l.useState(null),[P,_]=l.useState(!1),R=l.useRef(new Map),{weeks:M,dataMap:T,maxValue:f}=l.useMemo(()=>{const e=h?new Date(h):new Date,a=d?new Date(d):new Date(e.getFullYear()-1,e.getMonth(),e.getDate()),c=new Map;let r=0;for(const n of v)c.set(n.date,n),n.value>r&&(r=n.value);return{weeks:k.getWeeks(a,e),dataMap:c,maxValue:r}},[v,d,h]),C=l.useCallback(e=>{if(e===0||f===0)return L??o.DEFAULT_EMPTY_COLOR;const a=Math.min(Math.floor(e/f*(u.length-1)),u.length-1);return u[a]},[f,L,u]),j=y?28:0,F=l.useCallback(e=>{!e||!i||(H(e),_(!0))},[i]),U=l.useCallback(()=>{_(!1),H(null)},[]);return s.jsxs("div",{className:S.cn("Bear-Heatmap relative inline-block",O),"data-testid":D,...q,children:[b&&s.jsx("div",{className:"Bear-Heatmap__months flex mb-1",style:{paddingLeft:j},children:M.map((e,a)=>{const c=e[0],r=a===0||c.getDate()<=o.DAYS_IN_WEEK;return s.jsx(N.Typography,{variant:"caption",className:"Bear-Heatmap__month text-gray-400 dark:text-gray-500 text-[10px]",style:{width:m+p,textAlign:"left"},children:r?o.MONTH_LABELS[c.getMonth()]:""},a)})}),s.jsxs("div",{className:"Bear-Heatmap__grid flex",children:[y&&s.jsx("div",{className:"Bear-Heatmap__days flex flex-col mr-1",style:{gap:p},children:o.DAY_LABELS.map((e,a)=>s.jsx(N.Typography,{variant:"caption",className:"Bear-Heatmap__day text-gray-400 dark:text-gray-500 text-[10px] flex items-center justify-end",style:{height:m,width:j-o.LABEL_PAD},children:e},a))}),s.jsx("div",{className:"Bear-Heatmap__weeks flex",style:{gap:p},children:M.map((e,a)=>s.jsx("div",{className:"Bear-Heatmap__week flex flex-col",style:{gap:p},children:e.map((c,r)=>{const n=k.toKey(c),t=T.get(n),w=(t==null?void 0:t.value)??0,Y=C(w),A=s.jsx("div",{ref:B=>{B&&R.current.set(n,B)},className:"Bear-Heatmap__cell rounded-sm cursor-pointer transition-transform hover:scale-125",style:{width:m,height:m,backgroundColor:Y},title:i?void 0:t?E?E(t):`${n}: ${w}`:n,onClick:()=>t&&(x==null?void 0:x(t)),onMouseEnter:()=>F(t),onMouseLeave:U},r);return i&&t&&(g==null?void 0:g.date)===t.date?s.jsx(W.Popover,{content:i(t),trigger:"hover",placement:"top",open:P,onOpenChange:_,arrow:!1,children:A},r):A})},a))})]})]})};exports.Heatmap=I;

package/dist/components/Heatmap/Heatmap.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=12,E=3,A=["#161b22","#0e4429","#006d32","#26a641","#39d353"],_="#ebedf0",t=["","Mon","","Wed","","Fri",""],D=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],e=7,o=4;exports.DAYS_IN_WEEK=e;exports.DAY_LABELS=t;exports.DEFAULT_CELL_GAP=E;exports.DEFAULT_CELL_SIZE=L;exports.DEFAULT_COLOR_SCALE=A;exports.DEFAULT_EMPTY_COLOR=_;exports.LABEL_PAD=o;exports.MONTH_LABELS=D;

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

@@ -0,0 +1,8 @@
+export declare const DEFAULT_CELL_SIZE = 12;
+export declare const DEFAULT_CELL_GAP = 3;
+export declare const DEFAULT_COLOR_SCALE: string[];
+export declare const DEFAULT_EMPTY_COLOR = "#ebedf0";
+export declare const DAY_LABELS: string[];
+export declare const MONTH_LABELS: string[];
+export declare const DAYS_IN_WEEK = 7;
+export declare const LABEL_PAD = 4;

package/dist/components/Heatmap/Heatmap.const.js

@@ -0,0 +1,11 @@
+const L = 12, A = 3, E = ["#161b22", "#0e4429", "#006d32", "#26a641", "#39d353"], _ = "#ebedf0", n = ["", "Mon", "", "Wed", "", "Fri", ""], o = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], c = 7, t = 4;
+export {
+  c as DAYS_IN_WEEK,
+  n as DAY_LABELS,
+  A as DEFAULT_CELL_GAP,
+  L as DEFAULT_CELL_SIZE,
+  E as DEFAULT_COLOR_SCALE,
+  _ as DEFAULT_EMPTY_COLOR,
+  t as LABEL_PAD,
+  o as MONTH_LABELS
+};

package/dist/components/Heatmap/Heatmap.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { HeatmapProps } from './Heatmap.types';
+export declare const Heatmap: FC<HeatmapProps>;