@forgedevstack/bear 1.3.0 → 1.3.2

package/dist/components/Gauge/Gauge.js

@@ -1,70 +1,94 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { cn as h } from "../../utils/cn.js";
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import { cn as d } from "../../utils/cn.js";
 import "react";
 import { useBearId as D } from "../../utils/useBearId.js";
-import { Typography as L } from "../Typography/Typography.js";
-import { Flex as s } from "../Flex/Flex.js";
-import { GAUGE_DEFAULT_MIN as T, GAUGE_DEFAULT_MAX as b, GAUGE_DEFAULT_SIZE as F, GAUGE_DEFAULT_STROKE_WIDTH as x, GAUGE_DEFAULT_COLOR as I, GAUGE_DEFAULT_FILL_DURATION_MS as M, GAUGE_DEFAULT_ARC_ANGLE as N } from "./Gauge.const.js";
-import { useGauge as v } from "./hooks/useGauge.js";
-import { GaugeArcSvg as y } from "./helpers/GaugeArcSvg.js";
-const B = (o) => {
+import { Typography as I } from "../Typography/Typography.js";
+import { Flex as i } from "../Flex/Flex.js";
+import { GAUGE_DEFAULT_MIN as T, GAUGE_DEFAULT_MAX as R, GAUGE_DEFAULT_SIZE as b, GAUGE_DEFAULT_STROKE_WIDTH as v, GAUGE_DEFAULT_COLOR as x, GAUGE_DEFAULT_FILL_DURATION_MS as F, GAUGE_DEFAULT_ARC_ANGLE as M, GAUGE_VARIANT_ARC as y, GAUGE_VARIANT_RING as O, GAUGE_RING_ARC_ANGLE as j, GAUGE_VARIANT_LINEAR as C } from "./Gauge.const.js";
+import { useGauge as S } from "./hooks/useGauge.js";
+import { GaugeArcSvg as w } from "./helpers/GaugeArcSvg.js";
+import { GaugeLinearBar as V } from "./helpers/GaugeLinearBar.js";
+const P = (n) => {
   const {
-    value: l,
-    min: m = T,
-    max: c = b,
-    size: r = F,
-    strokeWidth: a = x,
-    color: u = I,
-    trackColor: A,
-    showLabel: d = !0,
-    label: f,
-    animated: g = !0,
-    fillDurationMs: G = M,
-    arcAngle: _ = N,
+    value: f,
+    min: g = T,
+    max: E = R,
+    size: a = b,
+    strokeWidth: l = v,
+    color: s = x,
+    trackColor: o,
+    showLabel: A = !0,
+    label: c,
+    animated: U = !0,
+    fillDurationMs: h = F,
+    arcAngle: p = M,
+    variant: m = y,
     gradient: t,
-    className: E,
-    ...U
-  } = o, p = D("Gauge", "gradient"), e = v({
-    value: l,
-    min: m,
-    max: c,
-    strokeWidth: a,
-    arcAngle: _,
-    animated: g,
-    fillDurationMs: G
+    className: G,
+    ...u
+  } = n, L = m === O ? n.arcAngle ?? j : p, N = D("Gauge", "gradient"), e = S({
+    value: f,
+    min: g,
+    max: E,
+    strokeWidth: l,
+    arcAngle: L,
+    animated: U,
+    fillDurationMs: h
   });
-  return /* @__PURE__ */ i(
-    s,
+  return m === C ? /* @__PURE__ */ r(
+    i,
     {
       align: "center",
       justify: "center",
-      className: h("bear-relative bear-inline-flex", E),
-      style: { width: r, height: r },
-      ...U,
+      className: d("bear-relative bear-inline-flex", G),
+      style: { width: a },
+      ...u,
+      children: /* @__PURE__ */ r(
+        V,
+        {
+          percentage: e.percentage,
+          color: s,
+          trackColor: o,
+          gradient: t,
+          animated: e.animated,
+          fillDurationMs: e.fillDurationMs,
+          showLabel: A,
+          label: c
+        }
+      )
+    }
+  ) : /* @__PURE__ */ _(
+    i,
+    {
+      align: "center",
+      justify: "center",
+      className: d("bear-relative bear-inline-flex", G),
+      style: { width: a, height: a },
+      ...u,
       children: [
-        /* @__PURE__ */ n(
-          y,
+        /* @__PURE__ */ r(
+          w,
           {
             radius: e.radius,
-            strokeWidth: a,
+            strokeWidth: l,
             circumference: e.circumference,
             dashOffset: e.dashOffset,
             startAngle: e.startAngle,
-            color: u,
-            trackColor: A,
-            gradientId: t ? p : void 0,
+            color: s,
+            trackColor: o,
+            gradientId: t ? N : void 0,
             gradient: t,
             animated: e.animated,
             fillDurationMs: e.fillDurationMs
           }
         ),
-        d && /* @__PURE__ */ n(
-          s,
+        A && /* @__PURE__ */ r(
+          i,
           {
             align: "center",
             justify: "center",
             className: "bear-absolute bear-inset-0",
-            children: f || /* @__PURE__ */ i(L, { variant: "h4", className: "bear-text-[var(--bear-text-primary)]", children: [
+            children: c || /* @__PURE__ */ _(I, { variant: "h4", className: "bear-text-[var(--bear-text-primary)]", children: [
               Math.round(e.percentage),
               "%"
             ] })
@@ -75,5 +99,5 @@ const B = (o) => {
   );
 };
 export {
-  B as Gauge
+  P as Gauge
 };

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

@@ -24,8 +24,17 @@ export interface GaugeProps extends HTMLAttributes<HTMLDivElement> {
     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] */
+    variant?: 'arc' | 'linear' | 'ring';
     gradient?: [string, string];
 }
+export interface GaugeLinearBarProps {
+    percentage: number;
+    color: string;
+    trackColor?: string;
+    gradient?: [string, string];
+    animated: boolean;
+    fillDurationMs: number;
+    showLabel: boolean;
+    label?: ReactNode;
+}

package/dist/components/Gauge/helpers/GaugeLinearBar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../../Flex/Flex.cjs"),n=require("../../Box/Box.cjs"),b=require("../../Typography/Typography.cjs"),i=require("../Gauge.const.cjs"),h=t=>{const{percentage:o,color:l,trackColor:u,gradient:r,animated:a,fillDurationMs:s,showLabel:c,label:d}=t;return e.jsxs(g.Flex,{direction:"column",gap:2,className:"Bear-Gauge Bear-Gauge--linear bear-w-full",children:[e.jsx(n.Box,{className:"Bear-Gauge__linear-track bear-w-full bear-overflow-hidden bear-rounded-full",style:{height:i.GAUGE_LINEAR_TRACK_HEIGHT,backgroundColor:u??"var(--bear-border-default)"},children:e.jsx(n.Box,{className:"Bear-Gauge__linear-fill bear-h-full bear-rounded-full",style:{width:`${o}%`,background:r?`linear-gradient(90deg, ${r[0]}, ${r[1]})`:l,transitionProperty:a?"width":void 0,transitionDuration:a?`${s}ms`:void 0,transitionTimingFunction:a?i.GAUGE_ANIMATION_EASING:void 0}})}),c&&(d||e.jsxs(b.Typography,{variant:"caption",color:"muted",children:[Math.round(o),"%"]}))]})};exports.GaugeLinearBar=h;

package/dist/components/Gauge/helpers/GaugeLinearBar.d.ts

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

package/dist/components/Gauge/helpers/GaugeLinearBar.js

@@ -0,0 +1,40 @@
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { Flex as m } from "../../Flex/Flex.js";
+import { Box as l } from "../../Box/Box.js";
+import { Typography as g } from "../../Typography/Typography.js";
+import { GAUGE_LINEAR_TRACK_HEIGHT as f, GAUGE_ANIMATION_EASING as b } from "../Gauge.const.js";
+const N = (n) => {
+  const { percentage: e, color: t, trackColor: d, gradient: r, animated: a, fillDurationMs: u, showLabel: c, label: s } = n;
+  return /* @__PURE__ */ o(m, { direction: "column", gap: 2, className: "Bear-Gauge Bear-Gauge--linear bear-w-full", children: [
+    /* @__PURE__ */ i(
+      l,
+      {
+        className: "Bear-Gauge__linear-track bear-w-full bear-overflow-hidden bear-rounded-full",
+        style: {
+          height: f,
+          backgroundColor: d ?? "var(--bear-border-default)"
+        },
+        children: /* @__PURE__ */ i(
+          l,
+          {
+            className: "Bear-Gauge__linear-fill bear-h-full bear-rounded-full",
+            style: {
+              width: `${e}%`,
+              background: r ? `linear-gradient(90deg, ${r[0]}, ${r[1]})` : t,
+              transitionProperty: a ? "width" : void 0,
+              transitionDuration: a ? `${u}ms` : void 0,
+              transitionTimingFunction: a ? b : void 0
+            }
+          }
+        )
+      }
+    ),
+    c && (s || /* @__PURE__ */ o(g, { variant: "caption", color: "muted", children: [
+      Math.round(e),
+      "%"
+    ] }))
+  ] });
+};
+export {
+  N as GaugeLinearBar
+};

package/dist/components/GradientText/GradientText.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),e=require("./GradientText.const.cjs"),I=c=>{const{children:d,preset:a="primary",colors:t,direction:i="to-r",animate:r=!1,animationSpeed:l=e.DEFAULT_ANIMATION_SPEED,as:T="span",weight:u="bold",className:E,style:g,testId:m}=c,n=s.useMemo(()=>t&&t.length>0?t:e.GRADIENT_PRESETS[a]??e.GRADIENT_PRESETS.primary,[t,a]),A=s.useMemo(()=>{const o=e.DIRECTION_MAP[i]??"to right";if(!r)return`linear-gradient(${o}, ${n.join(", ")})`;const S=Array.from({length:e.COLOR_REPEAT_COUNT},()=>n).flat();return`linear-gradient(${o}, ${S.join(", ")})`},[n,i,r]);return _.jsx(T,{className:b.cn("Bear-GradientText","bear-inline-block","bear-bg-clip-text bear-text-transparent",r&&"Bear-GradientText--animated",E),style:{background:A,fontWeight:e.WEIGHT_MAP[u]??e.DEFAULT_WEIGHT,...r&&{backgroundSize:e.ANIMATED_BG_SIZE,animation:`bear-gradient-shift ${l}s ease infinite`},...g},"data-testid":m,children:d})};exports.GradientText=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),s=require("react"),S=require("../../utils/cn.cjs"),e=require("./GradientText.const.cjs"),b=c=>{const{children:T,preset:a="primary",colors:t,direction:i="to-r",animate:r=!1,animationSpeed:d=e.DEFAULT_ANIMATION_SPEED,as:l="span",weight:E="bold",className:u,style:g,testId:m}=c,n=s.useMemo(()=>t&&t.length>0?t:e.GRADIENT_PRESETS[a]??e.GRADIENT_PRESETS.primary,[t,a]),_=s.useMemo(()=>{const o=e.DIRECTION_MAP[i]??"to right";if(!r)return`linear-gradient(${o}, ${n.join(", ")})`;const I=Array.from({length:e.COLOR_REPEAT_COUNT},()=>n).flat();return`linear-gradient(${o}, ${I.join(", ")})`},[n,i,r]);return A.jsx(l,{className:S.cn("Bear-GradientText","bear-inline-block","bear-bg-clip-text bear-text-transparent",r&&"Bear-GradientText--animated",u),style:{backgroundImage:_,...e.GRADIENT_TEXT_CLIP_STYLE,fontWeight:e.WEIGHT_MAP[E]??e.DEFAULT_WEIGHT,...r&&{backgroundSize:e.ANIMATED_BG_SIZE,animation:`bear-gradient-shift ${d}s ease infinite`},...g},"data-testid":m,children:T})};exports.GradientText=b;

package/dist/components/GradientText/GradientText.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={primary:["var(--bear-primary-400, #f472b6)","var(--bear-primary-600, #db2777)"],sunset:["#f97316","#ef4444","#ec4899"],ocean:["#06b6d4","#3b82f6","#8b5cf6"],forest:["#22c55e","#10b981","#14b8a6"],fire:["#fbbf24","#f97316","#ef4444"],purple:["#a855f7","#7c3aed","#6366f1"],neon:["#22d3ee","#a78bfa","#f472b6"],candy:["#f472b6","#fb923c","#fbbf24"],aurora:["#34d399","#22d3ee","#818cf8","#c084fc"],midnight:["#6366f1","#8b5cf6","#a78bfa"]},o={"to-r":"to right","to-l":"to left","to-t":"to top","to-b":"to bottom","to-tr":"to top right","to-tl":"to top left","to-br":"to bottom right","to-bl":"to bottom left"},b=3,e="200% 200%",f={normal:400,medium:500,semibold:600,bold:700,extrabold:800},E=700,r=3;exports.ANIMATED_BG_SIZE=e;exports.COLOR_REPEAT_COUNT=r;exports.DEFAULT_ANIMATION_SPEED=b;exports.DEFAULT_WEIGHT=E;exports.DIRECTION_MAP=o;exports.GRADIENT_PRESETS=t;exports.WEIGHT_MAP=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={primary:["var(--bear-primary-400, #f472b6)","var(--bear-primary-600, #db2777)"],sunset:["#f97316","#ef4444","#ec4899"],ocean:["#06b6d4","#3b82f6","#8b5cf6"],forest:["#22c55e","#10b981","#14b8a6"],fire:["#fbbf24","#f97316","#ef4444"],purple:["#a855f7","#7c3aed","#6366f1"],neon:["#22d3ee","#a78bfa","#f472b6"],candy:["#f472b6","#fb923c","#fbbf24"],aurora:["#34d399","#22d3ee","#818cf8","#c084fc"],midnight:["#6366f1","#8b5cf6","#a78bfa"]},o={"to-r":"to right","to-l":"to left","to-t":"to top","to-b":"to bottom","to-tr":"to top right","to-tl":"to top left","to-br":"to bottom right","to-bl":"to bottom left"},e=3,r="200% 200%",E={normal:400,medium:500,semibold:600,bold:700,extrabold:800},b=700,T=3,a={WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent",color:"transparent"};exports.ANIMATED_BG_SIZE=r;exports.COLOR_REPEAT_COUNT=T;exports.DEFAULT_ANIMATION_SPEED=e;exports.DEFAULT_WEIGHT=b;exports.DIRECTION_MAP=o;exports.GRADIENT_PRESETS=t;exports.GRADIENT_TEXT_CLIP_STYLE=a;exports.WEIGHT_MAP=E;

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

@@ -11,5 +11,10 @@ export declare const ANIMATED_BG_SIZE = "200% 200%";
 export declare const WEIGHT_MAP: Record<string, number>;
 /** Default font weight */
 export declare const DEFAULT_WEIGHT = 700;
-/** Number of color repetitions for seamless animation */
 export declare const COLOR_REPEAT_COUNT = 3;
+export declare const GRADIENT_TEXT_CLIP_STYLE: {
+    readonly WebkitBackgroundClip: "text";
+    readonly backgroundClip: "text";
+    readonly WebkitTextFillColor: "transparent";
+    readonly color: "transparent";
+};

package/dist/components/GradientText/GradientText.const.js

@@ -18,19 +18,25 @@ const t = {
   "to-tl": "to top left",
   "to-br": "to bottom right",
   "to-bl": "to bottom left"
-}, b = 3, f = "200% 200%", e = {
+}, r = 3, b = "200% 200%", e = {
   normal: 400,
   medium: 500,
   semibold: 600,
   bold: 700,
   extrabold: 800
-}, r = 700, a = 3;
+}, f = 700, a = 3, c = {
+  WebkitBackgroundClip: "text",
+  backgroundClip: "text",
+  WebkitTextFillColor: "transparent",
+  color: "transparent"
+};
 export {
-  f as ANIMATED_BG_SIZE,
+  b as ANIMATED_BG_SIZE,
   a as COLOR_REPEAT_COUNT,
-  b as DEFAULT_ANIMATION_SPEED,
-  r as DEFAULT_WEIGHT,
+  r as DEFAULT_ANIMATION_SPEED,
+  f as DEFAULT_WEIGHT,
   o as DIRECTION_MAP,
   t as GRADIENT_PRESETS,
+  c as GRADIENT_TEXT_CLIP_STYLE,
   e as WEIGHT_MAP
 };

package/dist/components/GradientText/GradientText.js

@@ -1,30 +1,30 @@
-import { jsx as I } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import { useMemo as o } from "react";
-import { cn as _ } from "../../utils/cn.js";
-import { DEFAULT_ANIMATION_SPEED as b, GRADIENT_PRESETS as s, DIRECTION_MAP as u, COLOR_REPEAT_COUNT as N, ANIMATED_BG_SIZE as S, WEIGHT_MAP as h, DEFAULT_WEIGHT as x } from "./GradientText.const.js";
-const M = (d) => {
+import { cn as A } from "../../utils/cn.js";
+import { DEFAULT_ANIMATION_SPEED as b, GRADIENT_PRESETS as s, DIRECTION_MAP as u, COLOR_REPEAT_COUNT as N, ANIMATED_BG_SIZE as S, WEIGHT_MAP as G, DEFAULT_WEIGHT as h, GRADIENT_TEXT_CLIP_STYLE as x } from "./GradientText.const.js";
+const y = (m) => {
   const {
-    children: m,
+    children: d,
     preset: a = "primary",
     colors: t,
     direction: n = "to-r",
     animate: e = !1,
-    animationSpeed: c = b,
-    as: l = "span",
-    weight: T = "bold",
+    animationSpeed: T = b,
+    as: c = "span",
+    weight: l = "bold",
     className: E,
     style: g,
     testId: p
-  } = d, r = o(() => t && t.length > 0 ? t : s[a] ?? s.primary, [t, a]), f = o(() => {
+  } = m, r = o(() => t && t.length > 0 ? t : s[a] ?? s.primary, [t, a]), I = o(() => {
     const i = u[n] ?? "to right";
     if (!e) return `linear-gradient(${i}, ${r.join(", ")})`;
-    const A = Array.from({ length: N }, () => r).flat();
-    return `linear-gradient(${i}, ${A.join(", ")})`;
+    const _ = Array.from({ length: N }, () => r).flat();
+    return `linear-gradient(${i}, ${_.join(", ")})`;
   }, [r, n, e]);
-  return /* @__PURE__ */ I(
-    l,
+  return /* @__PURE__ */ f(
+    c,
     {
-      className: _(
+      className: A(
         "Bear-GradientText",
         "bear-inline-block",
         "bear-bg-clip-text bear-text-transparent",
@@ -32,19 +32,20 @@ const M = (d) => {
         E
       ),
       style: {
-        background: f,
-        fontWeight: h[T] ?? x,
+        backgroundImage: I,
+        ...x,
+        fontWeight: G[l] ?? h,
         ...e && {
           backgroundSize: S,
-          animation: `bear-gradient-shift ${c}s ease infinite`
+          animation: `bear-gradient-shift ${T}s ease infinite`
         },
         ...g
       },
       "data-testid": p,
-      children: m
+      children: d
     }
   );
 };
 export {
-  M as GradientText
+  y as GradientText
 };

package/dist/components/Heatmap/Heatmap.cjs

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

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

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

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

@@ -6,3 +6,5 @@ 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;
+export declare const CELL_SHAPE_SQUARE = "square";
+export declare const CELL_SHAPE_CIRCLE = "circle";

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

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

package/dist/components/Heatmap/Heatmap.js

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

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

@@ -30,6 +30,6 @@ export interface HeatmapProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
     onCellClick?: (cell: HeatmapCell) => void;
     /** Render custom hover content per cell */
     renderTooltip?: (cell: HeatmapCell) => ReactNode;
-    /** Test ID */
+    cellShape?: 'square' | 'circle';
     testId?: string;
 }

package/dist/components/Icon/Icon.d.ts

@@ -1,39 +1,2 @@
-import { FC } from 'react';
-import { IconProps } from './Icon.types';
-/**
- * Icon wrapper component for SVG icons
- * Allows customizing size, color, and animation
- *
- * @example
- * ```tsx
- * <Icon size="md" color="#f97316">
- *   <path d="M12 2L2 7l10 5 10-5-10-5z" />
- * </Icon>
- *
- * // Or use the pre-made icons
- * <EmberIcon.Check size="sm" color="green" />
- * ```
- */
-export declare const Icon: FC<IconProps>;
-export declare const CheckIcon: FC<Omit<IconProps, 'children'>>;
-export declare const XIcon: FC<Omit<IconProps, 'children'>>;
-export declare const ChevronDownIcon: FC<Omit<IconProps, 'children'>>;
-export declare const ChevronRightIcon: FC<Omit<IconProps, 'children'>>;
-export declare const PlusIcon: FC<Omit<IconProps, 'children'>>;
-export declare const MinusIcon: FC<Omit<IconProps, 'children'>>;
-export declare const SearchIcon: FC<Omit<IconProps, 'children'>>;
-export declare const MenuIcon: FC<Omit<IconProps, 'children'>>;
-export declare const SettingsIcon: FC<Omit<IconProps, 'children'>>;
-export declare const BearPawIcon: FC<Omit<IconProps, 'children'>>;
-export declare const BearIcons: {
-    Check: FC<Omit<IconProps, "children">>;
-    X: FC<Omit<IconProps, "children">>;
-    ChevronDown: FC<Omit<IconProps, "children">>;
-    ChevronRight: FC<Omit<IconProps, "children">>;
-    Plus: FC<Omit<IconProps, "children">>;
-    Minus: FC<Omit<IconProps, "children">>;
-    Search: FC<Omit<IconProps, "children">>;
-    Menu: FC<Omit<IconProps, "children">>;
-    Settings: FC<Omit<IconProps, "children">>;
-    BearPaw: FC<Omit<IconProps, "children">>;
-};
+export * from '@forgedevstack/bear-icons';
+export { default } from '@forgedevstack/bear-icons';

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

@@ -1,17 +1 @@
-import { SVGAttributes, ReactNode } from 'react';
-import { BearSize } from '../../types';
-export interface IconProps extends SVGAttributes<SVGElement> {
-    id?: string;
-    /** Icon size */
-    size?: BearSize | number;
-    /** Icon color (CSS color value) */
-    color?: string;
-    /** Stroke width for stroke-based icons */
-    strokeWidth?: number;
-    /** Whether icon should spin */
-    spin?: boolean;
-    /** Test ID */
-    testId?: string;
-    /** The SVG path or children */
-    children: ReactNode;
-}
+export type { IconProps, IconSize } from '@forgedevstack/bear-icons';