@forgedevstack/bear 1.2.0 → 1.2.2

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

package/dist/components/Heatmap/Heatmap.js

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

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

@@ -0,0 +1,34 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface HeatmapCell {
+    date: string;
+    value: number;
+    label?: string;
+}
+export interface HeatmapProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Data points with date strings (YYYY-MM-DD) and values */
+    data: HeatmapCell[];
+    /** Start date (defaults to 1 year ago) */
+    startDate?: string;
+    /** End date (defaults to today) */
+    endDate?: string;
+    /** Color scale: array of colors from low to high */
+    colorScale?: string[];
+    /** Cell size in px */
+    cellSize?: number;
+    /** Gap between cells in px */
+    cellGap?: number;
+    /** Show day-of-week labels */
+    showDayLabels?: boolean;
+    /** Show month labels */
+    showMonthLabels?: boolean;
+    /** Empty cell color */
+    emptyColor?: string;
+    /** Tooltip formatter */
+    tooltipFormat?: (cell: HeatmapCell) => string;
+    /** Callback when a cell is clicked */
+    onCellClick?: (cell: HeatmapCell) => void;
+    /** Render custom hover content per cell */
+    renderTooltip?: (cell: HeatmapCell) => ReactNode;
+    /** Test ID */
+    testId?: string;
+}

package/dist/components/Heatmap/Heatmap.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./Heatmap.const.cjs");function c(t,r){const n=[],e=new Date(t);for(e.setDate(e.getDate()-e.getDay());e<=r;){const o=[];for(let s=0;s<a.DAYS_IN_WEEK;s++)o.push(new Date(e)),e.setDate(e.getDate()+1);n.push(o)}return n}function u(t){return t.toISOString().slice(0,10)}exports.getWeeks=c;exports.toKey=u;

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

@@ -0,0 +1,2 @@
+export declare function getWeeks(start: Date, end: Date): Date[][];
+export declare function toKey(d: Date): string;

package/dist/components/Heatmap/Heatmap.utils.js

@@ -0,0 +1,18 @@
+import { DAYS_IN_WEEK as D } from "./Heatmap.const.js";
+function c(t, s) {
+  const n = [], e = new Date(t);
+  for (e.setDate(e.getDate() - e.getDay()); e <= s; ) {
+    const o = [];
+    for (let r = 0; r < D; r++)
+      o.push(new Date(e)), e.setDate(e.getDate() + 1);
+    n.push(o);
+  }
+  return n;
+}
+function u(t) {
+  return t.toISOString().slice(0, 10);
+}
+export {
+  c as getWeeks,
+  u as toKey
+};

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

@@ -0,0 +1,2 @@
+export { Heatmap } from './Heatmap';
+export type { HeatmapProps, HeatmapCell } from './Heatmap.types';

package/dist/components/HoverCard/HoverCard.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react"),u=require("./HoverCard.utils.cjs"),c=t.forwardRef(({children:l,cardContent:d,side:o="bottom",align:b="center",openDelay:m=200,closeDelay:v=300,arrow:f=!0,className:g="",...p},y)=>{const[h,a]=t.useState(!1),e=t.useRef(),r=t.useRef(),n=()=>{r.current&&clearTimeout(r.current),e.current=setTimeout(()=>{a(!0)},m)},i=()=>{e.current&&clearTimeout(e.current),r.current=setTimeout(()=>{a(!1)},v)};return t.useEffect(()=>()=>{e.current&&clearTimeout(e.current),r.current&&clearTimeout(r.current)},[]),s.jsxs("div",{ref:y,className:`bear-hover-card relative inline-block ${g}`.trim(),onMouseEnter:n,onMouseLeave:i,...p,children:[l,s.jsx("div",{className:`
-          absolute z-50 w-72
-          ${u.getSideClasses(o,b)}
-          transition-all duration-200
-          ${h?"opacity-100 visible scale-100":"opacity-0 invisible scale-95 pointer-events-none"}
-        `,onMouseEnter:n,onMouseLeave:i,children:s.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 p-4",children:[f&&s.jsx("div",{className:`absolute w-3 h-3 bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 ${u.getArrowClasses(o)}`,style:{borderWidth:o==="top"||o==="left"?"0 1px 1px 0":"1px 0 0 1px"}}),d]})})]})});c.displayName="HoverCard";exports.HoverCard=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),o=require("react"),P=require("../Portal/Portal.cjs"),C=11e3,i=288,u=200;function N(e,l,n){let t=0,r=0;const h=i/2;return l==="bottom"?(t=e.bottom+8,r=e.left+e.width/2-h,n==="start"&&(r=e.left),n==="end"&&(r=e.right-i)):l==="top"?(t=e.top-u-8,r=e.left+e.width/2-h,n==="start"&&(r=e.left),n==="end"&&(r=e.right-i)):l==="right"?(r=e.right+8,t=e.top+e.height/2-u/2,n==="start"&&(t=e.top),n==="end"&&(t=e.bottom-u)):(r=e.left-i-8,t=e.top+e.height/2-u/2,n==="start"&&(t=e.top),n==="end"&&(t=e.bottom-u)),r=Math.max(8,Math.min(r,window.innerWidth-i-8)),t=Math.max(8,Math.min(t,window.innerHeight-u-8)),{position:"fixed",zIndex:C,top:t,left:r,width:i}}const T=o.forwardRef(({children:e,cardContent:l,side:n="bottom",align:m="center",openDelay:t=200,closeDelay:r=300,arrow:h=!0,className:x="",...L},H)=>{const[a,p]=o.useState(!1),[S,j]=o.useState({}),d=o.useRef(),c=o.useRef(),f=o.useRef(null),v=o.useRef(null);o.useEffect(()=>{if(!a||!f.current)return;const s=()=>{const w=f.current.getBoundingClientRect();j(N(w,n,m))};return s(),window.addEventListener("resize",s),window.addEventListener("scroll",s,!0),()=>{window.removeEventListener("resize",s),window.removeEventListener("scroll",s,!0)}},[a,n,m]),o.useEffect(()=>{if(!a)return;const s=w=>{var y,M;const R=w.target;(y=f.current)!=null&&y.contains(R)||(M=v.current)!=null&&M.contains(R)||p(!1)};return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[a]);const g=()=>{c.current&&clearTimeout(c.current),d.current=setTimeout(()=>p(!0),t)},E=()=>{d.current&&clearTimeout(d.current),c.current=setTimeout(()=>p(!1),r)};return o.useEffect(()=>()=>{d.current&&clearTimeout(d.current),c.current&&clearTimeout(c.current)},[]),b.jsxs("div",{ref:H,className:`bear-hover-card bear-relative bear-inline-block ${x}`.trim(),onMouseEnter:g,onMouseLeave:E,...L,children:[b.jsx("div",{ref:f,className:"bear-inline-block",children:e}),a&&b.jsx(P.Portal,{children:b.jsx("div",{ref:v,style:S,className:`
+              bear-bg-white dark:bear-bg-gray-800 bear-rounded-lg bear-shadow-xl
+              bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-p-4
+              bear-transition-all bear-duration-200
+              ${a?"bear-opacity-100 bear-scale-100":"bear-opacity-0 bear-scale-95"}
+            `,onMouseEnter:g,onMouseLeave:E,children:l})})]})});T.displayName="HoverCard";exports.HoverCard=T;

package/dist/components/HoverCard/HoverCard.js

@@ -1,68 +1,86 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { forwardRef as y, useState as x, useRef as c, useEffect as T } from "react";
-import { getArrowClasses as w, getSideClasses as M } from "./HoverCard.utils.js";
-const k = y(({
-  children: u,
-  cardContent: l,
-  side: t = "bottom",
-  align: d = "center",
-  openDelay: m = 200,
-  closeDelay: b = 300,
-  arrow: f = !0,
-  className: p = "",
-  ...v
-}, g) => {
-  const [h, o] = x(!1), e = c(), r = c(), a = () => {
-    r.current && clearTimeout(r.current), e.current = setTimeout(() => {
-      o(!0);
-    }, m);
-  }, s = () => {
-    e.current && clearTimeout(e.current), r.current = setTimeout(() => {
-      o(!1);
-    }, b);
+import { jsxs as C, jsx as w } from "react/jsx-runtime";
+import { forwardRef as O, useState as R, useRef as c, useEffect as v } from "react";
+import { Portal as P } from "../Portal/Portal.js";
+const S = 11e3, a = 288, s = 200;
+function z(e, u, n) {
+  let t = 0, r = 0;
+  const b = a / 2;
+  return u === "bottom" ? (t = e.bottom + 8, r = e.left + e.width / 2 - b, n === "start" && (r = e.left), n === "end" && (r = e.right - a)) : u === "top" ? (t = e.top - s - 8, r = e.left + e.width / 2 - b, n === "start" && (r = e.left), n === "end" && (r = e.right - a)) : u === "right" ? (r = e.right + 8, t = e.top + e.height / 2 - s / 2, n === "start" && (t = e.top), n === "end" && (t = e.bottom - s)) : (r = e.left - a - 8, t = e.top + e.height / 2 - s / 2, n === "start" && (t = e.top), n === "end" && (t = e.bottom - s)), r = Math.max(8, Math.min(r, window.innerWidth - a - 8)), t = Math.max(8, Math.min(t, window.innerHeight - s - 8)), {
+    position: "fixed",
+    zIndex: S,
+    top: t,
+    left: r,
+    width: a
   };
-  return T(() => () => {
-    e.current && clearTimeout(e.current), r.current && clearTimeout(r.current);
-  }, []), /* @__PURE__ */ n(
+}
+const I = O(({
+  children: e,
+  cardContent: u,
+  side: n = "bottom",
+  align: m = "center",
+  openDelay: t = 200,
+  closeDelay: r = 300,
+  arrow: b = !0,
+  className: x = "",
+  ...H
+}, N) => {
+  const [i, p] = R(!1), [_, k] = R({}), d = c(), l = c(), f = c(null), g = c(null);
+  v(() => {
+    if (!i || !f.current) return;
+    const o = () => {
+      const h = f.current.getBoundingClientRect();
+      k(z(h, n, m));
+    };
+    return o(), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), () => {
+      window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0);
+    };
+  }, [i, n, m]), v(() => {
+    if (!i) return;
+    const o = (h) => {
+      var T, y;
+      const M = h.target;
+      (T = f.current) != null && T.contains(M) || (y = g.current) != null && y.contains(M) || p(!1);
+    };
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [i]);
+  const E = () => {
+    l.current && clearTimeout(l.current), d.current = setTimeout(() => p(!0), t);
+  }, L = () => {
+    d.current && clearTimeout(d.current), l.current = setTimeout(() => p(!1), r);
+  };
+  return v(() => () => {
+    d.current && clearTimeout(d.current), l.current && clearTimeout(l.current);
+  }, []), /* @__PURE__ */ C(
     "div",
     {
-      ref: g,
-      className: `bear-hover-card relative inline-block ${p}`.trim(),
-      onMouseEnter: a,
-      onMouseLeave: s,
-      ...v,
+      ref: N,
+      className: `bear-hover-card bear-relative bear-inline-block ${x}`.trim(),
+      onMouseEnter: E,
+      onMouseLeave: L,
+      ...H,
       children: [
-        u,
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ w("div", { ref: f, className: "bear-inline-block", children: e }),
+        i && /* @__PURE__ */ w(P, { children: /* @__PURE__ */ w(
           "div",
           {
+            ref: g,
+            style: _,
             className: `
-          absolute z-50 w-72
-          ${M(t, d)}
-          transition-all duration-200
-          ${h ? "opacity-100 visible scale-100" : "opacity-0 invisible scale-95 pointer-events-none"}
-        `,
-            onMouseEnter: a,
-            onMouseLeave: s,
-            children: /* @__PURE__ */ n("div", { className: "bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 p-4", children: [
-              f && /* @__PURE__ */ i(
-                "div",
-                {
-                  className: `absolute w-3 h-3 bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 ${w(t)}`,
-                  style: {
-                    borderWidth: t === "top" || t === "left" ? "0 1px 1px 0" : "1px 0 0 1px"
-                  }
-                }
-              ),
-              l
-            ] })
+              bear-bg-white dark:bear-bg-gray-800 bear-rounded-lg bear-shadow-xl
+              bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-p-4
+              bear-transition-all bear-duration-200
+              ${i ? "bear-opacity-100 bear-scale-100" : "bear-opacity-0 bear-scale-95"}
+            `,
+            onMouseEnter: E,
+            onMouseLeave: L,
+            children: u
           }
-        )
+        ) })
       ]
     }
   );
 });
-k.displayName = "HoverCard";
+I.displayName = "HoverCard";
 export {
-  k as HoverCard
+  I as HoverCard
 };

package/dist/components/Icon/icons/status.js

@@ -1,4 +1,4 @@
-import { jsx as c, jsxs as e } from "react/jsx-runtime";
+import { jsxs as e, jsx as c } from "react/jsx-runtime";
 import { Icon as l } from "../Icon.js";
 const h = (n) => /* @__PURE__ */ c(l, { ...n, children: /* @__PURE__ */ c("polyline", { points: "20 6 9 17 4 12" }) }), o = (n) => /* @__PURE__ */ e(l, { ...n, children: [
   /* @__PURE__ */ c("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),

package/dist/components/ImageAnnotation/ImageAnnotation.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),q=require("../../utils/cn.cjs"),k=require("../Icon/index.cjs"),P=require("../Popover/Popover.cjs"),R=require("../Input/Input.cjs"),_=require("./ImageAnnotation.const.cjs");let T=1;function L(o,a,r,t){return c.jsx("div",{className:"Bear-ImageAnnotation__edit min-w-[160px]",children:c.jsx(R.Input,{autoFocus:!0,size:"sm",value:o,onChange:s=>a(s.target.value),onKeyDown:s=>{s.key==="Enter"&&r(),s.key==="Escape"&&t()},placeholder:"Add note..."})})}function O(o,a,r,t){return c.jsxs("div",{className:"Bear-ImageAnnotation__label text-xs text-gray-700 dark:text-gray-200 whitespace-nowrap flex items-center gap-1",children:[t??o.text,a&&c.jsx("button",{type:"button",className:"text-red-400 hover:text-red-600 ml-1",onClick:s=>{s.stopPropagation(),r(o.id)},children:c.jsx(k.BearIcons.XIcon,{size:12})})]})}const D=({src:o,alt:a="",annotations:r,onChange:t,editable:s=!0,pinColor:A=_.DEFAULT_PIN_COLOR,pinSize:x=_.DEFAULT_PIN_SIZE,renderPopover:f,testId:j,className:y,...b})=>{const p=n.useRef(null),[i,u]=n.useState(null),[d,v]=n.useState(""),h=n.useCallback(e=>{if(!s||!t||!p.current||e.target.closest(".Bear-ImageAnnotation__pin"))return;const l=p.current.getBoundingClientRect(),I=(e.clientX-l.left)/l.width*100,g=(e.clientY-l.top)/l.height*100,m=`ann-${T++}`,B={id:m,x:I,y:g,text:""};t([...r,B]),u(m),v("")},[s,t,r]),N=n.useCallback(()=>{!i||!t||(d.trim()?t(r.map(e=>e.id===i?{...e,text:d}:e)):t(r.filter(e=>e.id!==i)),u(null))},[i,d,t,r]),w=n.useCallback(()=>u(null),[]),E=n.useCallback(e=>{t==null||t(r.filter(l=>l.id!==e)),i===e&&u(null)},[t,r,i]);return c.jsxs("div",{ref:p,className:q.cn("Bear-ImageAnnotation relative inline-block select-none",s&&"cursor-crosshair",y),onClick:h,"data-testid":j,...b,children:[c.jsx("img",{src:o,alt:a,className:"w-full h-auto block rounded-lg",draggable:!1}),r.map(e=>{const l=i===e.id,I=!!e.text,g=f==null?void 0:f(e),m=l?L(d,v,N,w):I?O(e,s,E,g):null;return c.jsx("div",{className:"Bear-ImageAnnotation__pin absolute transform -translate-x-1/2 -translate-y-full z-10",style:{left:`${e.x}%`,top:`${e.y}%`},children:c.jsx(P.Popover,{content:m,trigger:l?"click":"hover",placement:"top",open:l||void 0,arrow:!1,children:c.jsx("div",{className:"Bear-ImageAnnotation__marker flex items-center justify-center rounded-full shadow-lg cursor-pointer transition-transform hover:scale-110",style:{width:x,height:x,backgroundColor:e.color??A},children:c.jsx(k.BearIcons.MapPinIcon,{size:x*_.PIN_ICON_RATIO,className:"text-white"})})})},e.id)})]})};exports.ImageAnnotation=D;

package/dist/components/ImageAnnotation/ImageAnnotation.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I="#ec4899",_=24,t=.6;exports.DEFAULT_PIN_COLOR=I;exports.DEFAULT_PIN_SIZE=_;exports.PIN_ICON_RATIO=t;

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

@@ -0,0 +1,3 @@
+export declare const DEFAULT_PIN_COLOR = "#ec4899";
+export declare const DEFAULT_PIN_SIZE = 24;
+export declare const PIN_ICON_RATIO = 0.6;

package/dist/components/ImageAnnotation/ImageAnnotation.const.js

@@ -0,0 +1,6 @@
+const I = "#ec4899", _ = 24, c = 0.6;
+export {
+  I as DEFAULT_PIN_COLOR,
+  _ as DEFAULT_PIN_SIZE,
+  c as PIN_ICON_RATIO
+};

package/dist/components/ImageAnnotation/ImageAnnotation.d.ts

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