@forgedevstack/bear 1.2.0 → 1.2.2

package/dist/components/Dropdown/Dropdown.js

@@ -1,86 +1,93 @@
-import { jsxs as I, jsx as o } from "react/jsx-runtime";
-import { useState as D, useRef as v, useCallback as c, useEffect as S, isValidElement as q, cloneElement as G } from "react";
-import { cn as h } from "../../utils/cn.js";
-import { useClickOutside as H } from "../../hooks/useClickOutside.js";
+import { jsxs as j, jsx as o } from "react/jsx-runtime";
+import { useState as m, useRef as E, useCallback as u, useEffect as I, useMemo as $, isValidElement as O, cloneElement as ee } from "react";
+import { cn as C } from "../../utils/cn.js";
+import { useClickOutsideMultiple as re } from "../../hooks/useClickOutside.js";
 import "../../context/BearProvider.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
-const J = {
-  xs: "bear-text-xs bear-py-1 bear-px-2",
-  sm: "bear-text-sm bear-py-1.5 bear-px-3",
-  md: "bear-text-sm bear-py-2 bear-px-3",
-  lg: "bear-text-base bear-py-2.5 bear-px-4",
-  xl: "bear-text-lg bear-py-3 bear-px-5"
-}, Q = {
-  "bottom-start": "bear-top-full bear-left-0 bear-mt-1",
-  "bottom-end": "bear-top-full bear-right-0 bear-mt-1",
-  bottom: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-1",
-  "top-start": "bear-bottom-full bear-left-0 bear-mb-1",
-  "top-end": "bear-bottom-full bear-right-0 bear-mb-1",
-  top: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-1",
-  left: "bear-right-full bear-top-0 bear-mr-1",
-  right: "bear-left-full bear-top-0 bear-ml-1"
-}, te = ({
-  trigger: p,
-  items: i,
-  open: y,
-  defaultOpen: A = !1,
-  placement: L = "bottom-start",
-  offset: X = 4,
-  matchWidth: R = !1,
-  minWidth: j = 150,
-  maxHeight: W = 300,
-  size: z = "md",
-  closeOnSelect: g = !0,
-  closeOnClickOutside: k = !0,
-  disabled: w = !1,
+import { Portal as te } from "../Portal/Portal.js";
+import { SIZE_CLASSES as ae } from "./Dropdown.const.js";
+const pe = ({
+  trigger: v,
+  items: d,
+  open: L,
+  defaultOpen: z = !1,
+  placement: i = "bottom-start",
+  offset: x = 4,
+  matchWidth: N = !1,
+  minWidth: h = 150,
+  maxHeight: A = 300,
+  size: U = "md",
+  closeOnSelect: D = !0,
+  closeOnClickOutside: g = !0,
+  disabled: M = !1,
   onOpenChange: f,
-  className: F,
-  testId: M,
-  ..._
+  className: B,
+  testId: F,
+  ...K
 }) => {
-  var C;
-  const [B, K] = D(A), [n, s] = D(-1), E = v(null), P = v(null), N = v(null), x = y !== void 0, a = x ? y : B, u = c((e) => {
-    x || K(e), f == null || f(e);
-  }, [x, f]), T = c(() => {
-    w || u(!a);
-  }, [w, a, u]), l = c(() => {
-    u(!1), s(-1);
-  }, [u]), m = c((e) => {
-    var t;
-    e.disabled || e.divider || e.header || ((t = e.onClick) == null || t.call(e), g && !e.items && l());
-  }, [g, l]), U = c(() => {
-    a && k && l();
-  }, [a, k, l]);
-  H(E, U), S(() => {
+  const [T, V] = m(z), [b, c] = m(-1), [w, Z] = m({ top: 0, left: 0, minWidth: h }), R = E(null), W = E(null), P = E(null), y = L !== void 0, a = y ? L : T, p = u((e) => {
+    y || V(e), f == null || f(e);
+  }, [y, f]), _ = u(() => {
+    M || p(!a);
+  }, [M, a, p]), l = u(() => {
+    p(!1), c(-1);
+  }, [p]), k = u((e) => {
+    var r;
+    e.disabled || e.divider || e.header || ((r = e.onClick) == null || r.call(e), D && !e.items && l());
+  }, [D, l]), q = u(() => {
+    a && g && l();
+  }, [a, g, l]);
+  re([R, W], q, {
+    enabled: a && g
+  }), I(() => {
     if (!a) return;
-    const e = i.filter((r) => !r.disabled && !r.divider && !r.header), t = (r) => {
-      switch (r.key) {
+    const e = d.filter((t) => !t.disabled && !t.divider && !t.header), r = (t) => {
+      switch (t.key) {
         case "Escape":
-          r.preventDefault(), l();
+          t.preventDefault(), l();
           break;
         case "ArrowDown":
-          r.preventDefault(), s((d) => {
-            const b = d + 1;
-            return b >= e.length ? 0 : b;
+          t.preventDefault(), c((n) => {
+            const s = n + 1;
+            return s >= e.length ? 0 : s;
           });
           break;
         case "ArrowUp":
-          r.preventDefault(), s((d) => {
-            const b = d - 1;
-            return b < 0 ? e.length - 1 : b;
+          t.preventDefault(), c((n) => {
+            const s = n - 1;
+            return s < 0 ? e.length - 1 : s;
           });
           break;
         case "Enter":
         case " ":
-          r.preventDefault(), n >= 0 && n < e.length && m(e[n]);
+          t.preventDefault(), b >= 0 && b < e.length && k(e[b]);
           break;
       }
     };
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [a, i, n, l, m]), S(() => {
-    a || s(-1);
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [a, d, b, l, k]), I(() => {
+    if (!a) return;
+    const e = () => {
+      var S;
+      const r = (S = P.current) == null ? void 0 : S.getBoundingClientRect();
+      if (!r) return;
+      const t = window.innerWidth, n = N ? r.width : h, Q = i.endsWith("end") ? r.right - n : i === "top" || i === "bottom" ? r.left + r.width / 2 - n / 2 : r.left, X = Math.min(Math.max(8, Q), Math.max(8, t - n - 8)), Y = i.startsWith("top") ? r.top - x : r.bottom + x;
+      Z({
+        top: Y,
+        left: X,
+        minWidth: n
+      });
+    };
+    return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+    };
+  }, [a, N, h, i, x]), I(() => {
+    a || c(-1);
   }, [a]);
-  const V = (e, t) => {
+  const G = $(
+    () => d.map((e, r) => ({ item: e, index: r })).filter(({ item: e }) => !e.disabled && !e.divider && !e.header),
+    [d]
+  ), H = (e, r) => {
     if (e.divider)
       return /* @__PURE__ */ o(
         "div",
@@ -101,20 +108,21 @@ const J = {
         },
         e.key
       );
-    const r = i.slice(0, t).filter((b) => !b.disabled && !b.divider && !b.header).length, d = n === r;
-    return /* @__PURE__ */ I(
+    const t = G.findIndex((s) => s.index === r), n = b === t;
+    return /* @__PURE__ */ j(
       "button",
       {
         type: "button",
         role: "menuitem",
         disabled: e.disabled,
-        onClick: () => m(e),
-        onMouseEnter: () => s(r),
-        className: h(
+        onClick: () => k(e),
+        onMouseEnter: () => c(t),
+        className: C(
           "bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",
-          J[z],
+          ae[U],
           "bear-transition-colors bear-cursor-pointer",
-          d && !e.danger && "bear-bg-[var(--bear-bg-tertiary)]",
+          e.selected && !e.danger && "bear-bg-[var(--bear-bg-tertiary)] bear-text-[var(--bear-text-primary)]",
+          n && !e.danger && "bear-bg-[var(--bear-bg-tertiary)]",
           e.danger && "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20",
           !e.danger && !e.disabled && "hover:bear-bg-[var(--bear-bg-tertiary)]",
           e.disabled && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"
@@ -129,46 +137,48 @@ const J = {
       },
       e.key
     );
-  }, Z = q(p) ? G(p, {
-    onClick: T,
-    ref: N,
+  }, J = O(v) ? ee(v, {
+    onClick: _,
+    ref: P,
     "aria-expanded": a,
     "aria-haspopup": !0
-  }) : p;
-  return /* @__PURE__ */ I(
+  }) : v;
+  return /* @__PURE__ */ j(
     "div",
     {
-      ref: E,
-      className: h("bear-relative bear-inline-block", F),
-      "data-testid": M,
-      ..._,
+      ref: R,
+      className: C("bear-relative bear-inline-block", B),
+      "data-testid": F,
+      ...K,
       children: [
-        Z,
-        a && /* @__PURE__ */ o(
+        J,
+        a && /* @__PURE__ */ o(te, { children: /* @__PURE__ */ o(
           "div",
           {
-            ref: P,
+            ref: W,
             role: "menu",
-            className: h(
-              "bear-absolute bear-z-50",
+            className: C(
+              "bear-fixed",
               "bear-border bear-rounded-lg bear-shadow-lg",
               "bear-py-1 bear-overflow-y-auto",
-              "bear-animate-in bear-fade-in-0 bear-zoom-in-95 bear-duration-100",
-              Q[L]
+              "bear-duration-100"
             ),
             style: {
               backgroundColor: "var(--bear-bg-primary)",
               borderColor: "var(--bear-border-default)",
-              minWidth: R ? (C = N.current) == null ? void 0 : C.offsetWidth : j,
-              maxHeight: W
+              minWidth: w.minWidth,
+              maxHeight: A,
+              top: w.top,
+              left: w.left,
+              zIndex: 11e3
             },
-            children: i.map((e, t) => V(e, t))
+            children: d.map((e, r) => H(e, r))
           }
-        )
+        ) })
       ]
     }
   );
 };
 export {
-  te as Dropdown
+  pe as Dropdown
 };

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

@@ -17,6 +17,8 @@ export interface DropdownItem {
     header?: boolean;
     /** Danger/destructive action */
     danger?: boolean;
+    /** Selected/active visual state */
+    selected?: boolean;
     /** Click handler */
     onClick?: () => void;
     /** Nested items for submenu */

package/dist/components/Gauge/Gauge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),o=require("../../utils/cn.cjs"),C=({value:a,min:r=0,max:l=100,size:i=120,strokeWidth:t=10,color:y="#ec4899",trackColor:j,showLabel:g=!0,label:p,animated:k=!0,arcAngle:n=270,gradient:s,className:M,...N})=>{const f=h.useId(),{percentage:v,circumference:u,offset:b,startAngle:x}=h.useMemo(()=>{const m=Math.min(Math.max((a-r)/(l-r)*100,0),100),w=50-t/2,c=2*Math.PI*w*(n/360),D=c-m/100*c,q=90+(360-n)/2;return{percentage:m,circumference:c,offset:D,startAngle:q}},[a,r,l,n,t]),d=50-t/2;return e.jsxs("div",{className:o.cn("relative inline-flex items-center justify-center",M),style:{width:i,height:i},...N,children:[e.jsxs("svg",{viewBox:"0 0 100 100",className:"w-full h-full -rotate-90",children:[e.jsx("defs",{children:s&&e.jsxs("linearGradient",{id:f,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:s[0]}),e.jsx("stop",{offset:"100%",stopColor:s[1]})]})}),e.jsx("circle",{cx:"50",cy:"50",r:d,fill:"none",stroke:j||"currentColor",strokeWidth:t,strokeLinecap:"round",strokeDasharray:u,strokeDashoffset:0,className:o.cn("text-gray-200 dark:text-slate-700"),style:{transformOrigin:"center",transform:`rotate(${x}deg)`}}),e.jsx("circle",{cx:"50",cy:"50",r:d,fill:"none",stroke:s?`url(#${f})`:y,strokeWidth:t,strokeLinecap:"round",strokeDasharray:u,strokeDashoffset:b,className:o.cn(k&&"transition-all duration-1000 ease-out"),style:{transformOrigin:"center",transform:`rotate(${x}deg)`}})]}),g&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:p||e.jsxs("span",{className:"text-2xl font-semibold text-gray-800 dark:text-white",children:[Math.round(v),"%"]})})]})};exports.Gauge=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),g=require("../../utils/cn.cjs"),F=({value:x,min:a=0,max:d=100,size:h=120,strokeWidth:s=10,color:p="#ec4899",trackColor:v,showLabel:k=!0,label:b,animated:t=!0,fillDurationMs:D=900,arcAngle:f=270,gradient:n,className:M,...N})=>{const m=i.useId(),{percentage:O,circumference:r,offset:o,startAngle:y}=i.useMemo(()=>{const c=Math.min(Math.max((x-a)/(d-a)*100,0),100),w=50-s/2,u=2*Math.PI*w*(f/360),$=u-c/100*u,C=90+(360-f)/2;return{percentage:c,circumference:u,offset:$,startAngle:C}},[x,a,d,f,s]),[q,l]=i.useState(()=>t?r:o);i.useLayoutEffect(()=>{if(!t){l(o);return}l(r);const c=requestAnimationFrame(()=>l(o));return()=>cancelAnimationFrame(c)},[t,r,o]);const j=50-s/2;return e.jsxs("div",{className:g.cn("relative inline-flex items-center justify-center",M),style:{width:h,height:h},...N,children:[e.jsxs("svg",{viewBox:"0 0 100 100",className:"h-full w-full -rotate-90",children:[e.jsx("defs",{children:n&&e.jsxs("linearGradient",{id:m,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:n[0]}),e.jsx("stop",{offset:"100%",stopColor:n[1]})]})}),e.jsx("circle",{cx:"50",cy:"50",r:j,fill:"none",stroke:v||"currentColor",strokeWidth:s,strokeLinecap:"round",strokeDasharray:r,strokeDashoffset:0,className:g.cn("text-gray-200 dark:text-slate-700"),style:{transformOrigin:"center",transform:`rotate(${y}deg)`}}),e.jsx("circle",{cx:"50",cy:"50",r:j,fill:"none",stroke:n?`url(#${m})`:p,strokeWidth:s,strokeLinecap:"round",strokeDasharray:r,strokeDashoffset:q,style:{transformOrigin:"center",transform:`rotate(${y}deg)`,transitionProperty:t?"stroke-dashoffset":void 0,transitionDuration:t?`${D}ms`:void 0,transitionTimingFunction:t?"cubic-bezier(0.4, 0, 0.2, 1)":void 0}})]}),k&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:b||e.jsxs("span",{className:"text-2xl font-semibold text-gray-800 dark:text-white",children:[Math.round(O),"%"]})})]})};exports.Gauge=F;

package/dist/components/Gauge/Gauge.js

@@ -1,86 +1,97 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { useId as $, useMemo as b } from "react";
-import { cn as c } from "../../utils/cn.js";
-const B = ({
-  value: l,
-  min: o = 0,
-  max: i = 100,
-  size: f = 120,
-  strokeWidth: t = 10,
-  color: p = "#ec4899",
-  trackColor: y,
-  showLabel: g = !0,
-  label: k,
-  animated: N = !0,
-  arcAngle: n = 270,
-  gradient: r,
-  className: M,
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useId as I, useMemo as L, useState as A, useLayoutEffect as G } from "react";
+import { cn as g } from "../../utils/cn.js";
+const E = ({
+  value: m,
+  min: a = 0,
+  max: d = 100,
+  size: h = 120,
+  strokeWidth: r = 10,
+  color: k = "#ec4899",
+  trackColor: v,
+  showLabel: D = !0,
+  label: M,
+  animated: e = !0,
+  fillDurationMs: N = 900,
+  arcAngle: f = 270,
+  gradient: o,
+  className: b,
   ...j
 }) => {
-  const u = $(), { percentage: v, circumference: m, offset: w, startAngle: d } = b(() => {
-    const h = Math.min(Math.max((l - o) / (i - o) * 100, 0), 100), D = 50 - t / 2, a = 2 * Math.PI * D * (n / 360), C = a - h / 100 * a, I = 90 + (360 - n) / 2;
+  const x = I(), { percentage: w, circumference: s, offset: n, startAngle: p } = L(() => {
+    const c = Math.min(Math.max((m - a) / (d - a) * 100, 0), 100), $ = 50 - r / 2, u = 2 * Math.PI * $ * (f / 360), C = u - c / 100 * u, F = 90 + (360 - f) / 2;
     return {
-      percentage: h,
-      circumference: a,
+      percentage: c,
+      circumference: u,
       offset: C,
-      startAngle: I
+      startAngle: F
     };
-  }, [l, o, i, n, t]), x = 50 - t / 2;
-  return /* @__PURE__ */ s(
+  }, [m, a, d, f, r]), [O, l] = A(() => e ? s : n);
+  G(() => {
+    if (!e) {
+      l(n);
+      return;
+    }
+    l(s);
+    const c = requestAnimationFrame(() => l(n));
+    return () => cancelAnimationFrame(c);
+  }, [e, s, n]);
+  const y = 50 - r / 2;
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: c("relative inline-flex items-center justify-center", M),
-      style: { width: f, height: f },
+      className: g("relative inline-flex items-center justify-center", b),
+      style: { width: h, height: h },
       ...j,
       children: [
-        /* @__PURE__ */ s("svg", { viewBox: "0 0 100 100", className: "w-full h-full -rotate-90", children: [
-          /* @__PURE__ */ e("defs", { children: r && /* @__PURE__ */ s("linearGradient", { id: u, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-            /* @__PURE__ */ e("stop", { offset: "0%", stopColor: r[0] }),
-            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: r[1] })
+        /* @__PURE__ */ i("svg", { viewBox: "0 0 100 100", className: "h-full w-full -rotate-90", children: [
+          /* @__PURE__ */ t("defs", { children: o && /* @__PURE__ */ i("linearGradient", { id: x, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
+            /* @__PURE__ */ t("stop", { offset: "0%", stopColor: o[0] }),
+            /* @__PURE__ */ t("stop", { offset: "100%", stopColor: o[1] })
           ] }) }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "circle",
             {
               cx: "50",
               cy: "50",
-              r: x,
+              r: y,
               fill: "none",
-              stroke: y || "currentColor",
-              strokeWidth: t,
+              stroke: v || "currentColor",
+              strokeWidth: r,
               strokeLinecap: "round",
-              strokeDasharray: m,
+              strokeDasharray: s,
               strokeDashoffset: 0,
-              className: c("text-gray-200 dark:text-slate-700"),
+              className: g("text-gray-200 dark:text-slate-700"),
               style: {
                 transformOrigin: "center",
-                transform: `rotate(${d}deg)`
+                transform: `rotate(${p}deg)`
               }
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "circle",
             {
               cx: "50",
               cy: "50",
-              r: x,
+              r: y,
               fill: "none",
-              stroke: r ? `url(#${u})` : p,
-              strokeWidth: t,
+              stroke: o ? `url(#${x})` : k,
+              strokeWidth: r,
               strokeLinecap: "round",
-              strokeDasharray: m,
-              strokeDashoffset: w,
-              className: c(
-                N && "transition-all duration-1000 ease-out"
-              ),
+              strokeDasharray: s,
+              strokeDashoffset: O,
               style: {
                 transformOrigin: "center",
-                transform: `rotate(${d}deg)`
+                transform: `rotate(${p}deg)`,
+                transitionProperty: e ? "stroke-dashoffset" : void 0,
+                transitionDuration: e ? `${N}ms` : void 0,
+                transitionTimingFunction: e ? "cubic-bezier(0.4, 0, 0.2, 1)" : void 0
               }
             }
           )
         ] }),
-        g && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: k || /* @__PURE__ */ s("span", { className: "text-2xl font-semibold text-gray-800 dark:text-white", children: [
-          Math.round(v),
+        D && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center", children: M || /* @__PURE__ */ i("span", { className: "text-2xl font-semibold text-gray-800 dark:text-white", children: [
+          Math.round(w),
           "%"
         ] }) })
       ]
@@ -88,5 +99,5 @@ const B = ({
   );
 };
 export {
-  B as Gauge
+  E as Gauge
 };

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

@@ -20,6 +20,8 @@ export interface GaugeProps extends HTMLAttributes<HTMLDivElement> {
     label?: ReactNode;
     /** Animate on render */
     animated?: boolean;
+    /** Fill transition duration in ms when animated */
+    fillDurationMs?: number;
     /** Arc angle (180 for half, 270 for 3/4, 360 for full) */
     arcAngle?: number;
     /** Gradient colors [start, end] */

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>;