@forgedevstack/bear 1.3.2 → 1.3.4

package/dist/components/Chart/PieChart.js

@@ -1,118 +1,138 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import { useState as z } from "react";
-import { ZERO as h, ONE as K } from "../../constants/numbers.const.js";
-import { cn as N } from "../../utils/cn.js";
-import { Portal as Z } from "../Portal/Portal.js";
-import { Card as q, CardHeader as J, CardBody as Q } from "../Card/Card.js";
-import { Flex as _ } from "../Flex/Flex.js";
-import { Box as T } from "../Box/Box.js";
-import { Typography as D } from "../Typography/Typography.js";
-import { CHART as r, PIE_VIEW_FULL as ee, PIE_VIEW_ROSE as ae, CHART_LEGEND_NONE as re, CHART_LEGEND_BOTTOM as te, PIE_VIEW_HALF as le } from "./Chart.const.js";
-import { getChartColor as B, createArcPath as ne, polarOffset as oe } from "./Chart.utils.js";
-const ge = (M) => {
+import { jsx as l, jsxs as h } from "react/jsx-runtime";
+import { useState as J } from "react";
+import { ZERO as p, ONE as Q } from "../../constants/numbers.const.js";
+import { cn as f } from "../../utils/cn.js";
+import { resolveBearId as ee } from "../../utils/generateBearId.utils.js";
+import { useBearId as ae } from "../../utils/useBearId.js";
+import { Portal as te } from "../Portal/Portal.js";
+import { Card as re, CardHeader as ne, CardBody as oe } from "../Card/Card.js";
+import { Flex as g } from "../Flex/Flex.js";
+import { Box as P } from "../Box/Box.js";
+import { Typography as M } from "../Typography/Typography.js";
+import { CHART as t, PIE_VIEW_FULL as le, PIE_VIEW_ROSE as se, CHART_LEGEND_NONE as ce, CHART_LEGEND_BOTTOM as ie, PIE_VIEW_HALF as de } from "./Chart.const.js";
+import { getChartColor as S, createArcPath as pe, polarOffset as me } from "./Chart.utils.js";
+const Le = (F) => {
   const {
-    data: t,
-    height: f = r.DEFAULT_HEIGHT,
-    showLabels: P = !0,
-    innerRadius: S = h,
-    startAngle: F,
-    padAngle: A = r.DEFAULT_PAD_ANGLE,
-    animated: U = !0,
-    pieView: I = ee,
-    explodeIndex: C,
-    legendPosition: y = "right",
-    onSliceClick: d,
-    onSliceHover: i,
-    showSliceTooltip: L = !0,
-    sliceTooltipTitle: m,
-    sliceTooltipDescription: p,
-    sliceTooltipContent: b,
-    className: V,
-    ...W
-  } = M, E = t.reduce((e, a) => e + a.value, h), [n, x] = z(null), R = I === le, v = I === ae, w = R ? r.HALF_SWEEP : r.FULL_SWEEP, X = F ?? (R ? r.HALF_PIE_START : r.DEFAULT_START_ANGLE), H = Math.max(...t.map((e) => e.value), K), $ = y === re || !P, G = y === te, O = (e, a, c) => {
-    const s = t[c];
-    if (i == null || i(s, c), !L)
+    data: r,
+    height: y = t.DEFAULT_HEIGHT,
+    showLabels: U = !0,
+    innerRadius: V = p,
+    startAngle: W,
+    padAngle: _ = t.DEFAULT_PAD_ANGLE,
+    animated: $ = !0,
+    pieView: B = le,
+    explodeIndex: X,
+    legendPosition: b = "right",
+    onSliceClick: i,
+    onSliceHover: d,
+    showSliceTooltip: v = !0,
+    sliceTooltipTitle: u,
+    sliceTooltipDescription: E,
+    sliceTooltipContent: A,
+    className: x,
+    id: H,
+    testId: L,
+    ...C
+  } = F, G = ae("PieChart"), R = ee(H, G), m = r.reduce((e, a) => e + a.value, p), [o, N] = J(null), O = B === de, T = B === se, w = O ? t.HALF_SWEEP : t.FULL_SWEEP, j = W ?? (O ? t.HALF_PIE_START : t.DEFAULT_START_ANGLE), Y = Math.max(...r.map((e) => e.value), Q), k = b === ce || !U, z = b === ie, D = (e, a, c) => {
+    const s = r[c];
+    if (d == null || d(s, c), !v)
       return;
-    const l = Math.round(s.value / E * r.VIEWBOX);
-    x({ x: e, y: a, index: c, label: s.label, value: s.value, pct: l });
-  }, k = () => {
-    x(null), i == null || i(null, null);
+    const n = Math.round(s.value / m * t.VIEWBOX);
+    N({ x: e, y: a, index: c, label: s.label, value: s.value, pct: n });
+  }, K = () => {
+    N(null), d == null || d(null, null);
   };
-  let g = X;
-  const Y = t.map((e, a) => {
-    const c = v ? w / t.length - A : e.value / E * w - A, s = g, l = g + c;
-    g += c + A;
-    const j = v ? r.ROSE_MIN_RADIUS + e.value / H * (r.OUTER_RADIUS - r.ROSE_MIN_RADIUS) : r.OUTER_RADIUS;
+  if (r.length === p || m === p)
+    return /* @__PURE__ */ l(
+      g,
+      {
+        id: R,
+        "data-testid": L,
+        align: "center",
+        justify: "center",
+        className: f("Bear-Chart Bear-Chart--pie Bear-Chart--empty", x),
+        style: { "--Bear-Chart-height": `${y}px` },
+        ...C
+      }
+    );
+  let I = j;
+  const Z = r.map((e, a) => {
+    const c = T ? w / r.length - _ : e.value / m * w - _, s = I, n = I + c;
+    I += c + _;
+    const q = T ? t.ROSE_MIN_RADIUS + e.value / Y * (t.OUTER_RADIUS - t.ROSE_MIN_RADIUS) : t.OUTER_RADIUS;
     return {
       startAngle: s,
-      endAngle: l,
-      color: B(a, e.color),
-      outerRadius: j,
+      endAngle: n,
+      color: S(a, e.color),
+      outerRadius: q,
       ...e
     };
   });
-  return /* @__PURE__ */ u(
-    _,
+  return /* @__PURE__ */ h(
+    g,
     {
-      direction: G ? "column" : "row",
+      id: R,
+      "data-testid": L,
+      direction: z ? "column" : "row",
       align: "center",
       gap: 4,
       wrap: "wrap",
-      className: N("Bear-Chart Bear-Chart--pie bear-relative bear-max-w-full", V),
-      ...W,
+      className: f("Bear-Chart Bear-Chart--pie", x),
+      style: { "--Bear-Chart-height": `${y}px` },
+      ...C,
       children: [
-        /* @__PURE__ */ o(T, { style: { width: f, height: f }, className: "bear-min-w-0 bear-shrink-0", children: /* @__PURE__ */ o("svg", { viewBox: `0 0 ${r.VIEWBOX} ${r.VIEWBOX}`, className: "bear-h-full bear-w-full", children: Y.map((e, a) => {
-          const c = (e.startAngle + e.endAngle) / 2, s = C === a ? oe(c, r.EXPLODE_OFFSET) : { x: h, y: h };
-          return /* @__PURE__ */ o("g", { transform: `translate(${s.x} ${s.y})`, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ l(P, { className: "Bear-Chart__pie-canvas", children: /* @__PURE__ */ l("svg", { viewBox: `0 0 ${t.VIEWBOX} ${t.VIEWBOX}`, className: "Bear-Chart__svg", children: Z.map((e, a) => {
+          const c = (e.startAngle + e.endAngle) / 2, s = X === a ? me(c, t.EXPLODE_OFFSET) : { x: p, y: p };
+          return /* @__PURE__ */ l("g", { transform: `translate(${s.x} ${s.y})`, children: /* @__PURE__ */ l(
             "path",
             {
-              d: ne(e.startAngle, e.endAngle, S, e.outerRadius),
+              d: pe(e.startAngle, e.endAngle, V, e.outerRadius),
               fill: e.color,
-              className: N(
-                d && "bear-cursor-pointer",
+              className: f(
+                i && "bear-cursor-pointer",
                 "bear-transition-opacity hover:bear-opacity-80",
-                U && "animate-scale-in"
+                $ && "animate-scale-in"
               ),
-              style: { animationDelay: `${a * r.SLICE_DELAY_MS}ms` },
-              onClick: () => d == null ? void 0 : d(t[a], a),
+              style: { animationDelay: `${a * t.SLICE_DELAY_MS}ms` },
+              onClick: () => i == null ? void 0 : i(r[a], a),
               tabIndex: 0,
               role: "button",
-              "aria-label": `${t[a].label} ${Math.round(t[a].value / E * r.VIEWBOX)}%`,
-              onKeyDown: (l) => {
-                (l.key === "Enter" || l.key === " ") && (l.preventDefault(), d == null || d(t[a], a));
+              "aria-label": `${r[a].label} ${Math.round(r[a].value / m * t.VIEWBOX)}%`,
+              onKeyDown: (n) => {
+                (n.key === "Enter" || n.key === " ") && (n.preventDefault(), i == null || i(r[a], a));
               },
-              onMouseEnter: (l) => O(l.clientX, l.clientY, a),
-              onMouseMove: (l) => O(l.clientX, l.clientY, a),
-              onMouseLeave: k
+              onMouseEnter: (n) => D(n.clientX, n.clientY, a),
+              onMouseMove: (n) => D(n.clientX, n.clientY, a),
+              onMouseLeave: K
             }
           ) }, e.label);
         }) }) }),
-        !$ && /* @__PURE__ */ o(_, { direction: "column", gap: 2, children: t.map((e, a) => /* @__PURE__ */ u(_, { align: "center", gap: 2, children: [
-          /* @__PURE__ */ o(
-            T,
+        !k && /* @__PURE__ */ l(g, { direction: "column", gap: 2, children: r.map((e, a) => /* @__PURE__ */ h(g, { align: "center", gap: 2, children: [
+          /* @__PURE__ */ l(
+            P,
             {
-              className: "bear-h-3 bear-w-3 bear-rounded-full",
-              style: { backgroundColor: B(a, e.color) }
+              className: "Bear-Chart__swatch",
+              style: { "--Bear-Chart-color": S(a, e.color) }
             }
           ),
-          /* @__PURE__ */ o(D, { variant: "body2", color: "muted", children: e.label }),
-          /* @__PURE__ */ u(D, { variant: "body2", color: "muted", children: [
-            Math.round(e.value / E * r.VIEWBOX),
+          /* @__PURE__ */ l(M, { variant: "body2", color: "muted", children: e.label }),
+          /* @__PURE__ */ h(M, { variant: "body2", color: "muted", children: [
+            Math.round(e.value / m * t.VIEWBOX),
             "%"
           ] })
         ] }, e.label)) }),
-        n && L && /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ o("div", { className: "pointer-events-none fixed z-[11500] w-56 max-w-[calc(100vw-24px)]", style: { left: n.x + 12, top: n.y + 12 }, children: /* @__PURE__ */ u(q, { variant: "elevated", padding: "none", children: [
-          (m || p) && /* @__PURE__ */ o(
-            J,
+        o && v && /* @__PURE__ */ l(te, { children: /* @__PURE__ */ l("div", { className: "pointer-events-none fixed z-[11500] w-56 max-w-[calc(100vw-24px)]", style: { left: o.x + 12, top: o.y + 12 }, children: /* @__PURE__ */ h(re, { variant: "elevated", padding: "none", children: [
+          (u || E) && /* @__PURE__ */ l(
+            ne,
             {
-              title: (m == null ? void 0 : m(t[n.index], n.index)) ?? n.label,
-              subtitle: p == null ? void 0 : p(t[n.index], n.index)
+              title: (u == null ? void 0 : u(r[o.index], o.index)) ?? o.label,
+              subtitle: E == null ? void 0 : E(r[o.index], o.index)
             }
           ),
-          /* @__PURE__ */ o(Q, { className: "bear-text-xs bear-text-gray-500 dark:bear-text-slate-400", children: (b == null ? void 0 : b(t[n.index], n.index)) ?? /* @__PURE__ */ u("span", { children: [
-            n.value,
+          /* @__PURE__ */ l(oe, { className: "bear-text-xs bear-text-gray-500 dark:bear-text-slate-400", children: (A == null ? void 0 : A(r[o.index], o.index)) ?? /* @__PURE__ */ h("span", { children: [
+            o.value,
             " (",
-            n.pct,
+            o.pct,
             "%)"
           ] }) })
         ] }) }) })
@@ -121,5 +141,5 @@ const ge = (M) => {
   );
 };
 export {
-  ge as PieChart
+  Le as PieChart
 };

package/dist/components/Chart/RadarChart.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("../../constants/numbers.const.cjs"),C=require("../../utils/cn.cjs");require("react");const r=require("./Chart.const.cjs"),o=require("./Chart.utils.cjs"),f=u=>{const{data:s,height:E=r.CHART.DEFAULT_HEIGHT,showLabels:d=!0,showValues:h=!1,animated:_=!0,color:A,className:m,...x}=u,i=s.length;if(i===c.ZERO)return null;const b=Math.max(...s.map(e=>e.value),c.ONE),R=r.CHART.FULL_SWEEP/i,T=s.map((e,a)=>{const t=r.CHART.DEFAULT_START_ANGLE+a*R,l=e.value/b*r.CHART.OUTER_RADIUS;return o.polarToCartesian(t,l)}),g=T.map(e=>`${e.x},${e.y}`).join(" "),H=Array.from({length:r.CHART.RADAR_RINGS},(e,a)=>{const t=(a+c.ONE)/r.CHART.RADAR_RINGS*r.CHART.OUTER_RADIUS;return Array.from({length:i},(l,y)=>{const p=r.CHART.DEFAULT_START_ANGLE+y*R;return o.polarToCartesian(p,t)})});return n.jsx("div",{className:C.cn("Bear-Chart Bear-Chart--radar bear-flex bear-flex-col bear-items-center",m),style:{height:E},...x,children:n.jsxs("svg",{viewBox:`0 0 ${r.CHART.VIEWBOX} ${r.CHART.VIEWBOX}`,className:"bear-h-full bear-w-full",children:[H.map((e,a)=>n.jsx("polygon",{points:e.map(t=>`${t.x},${t.y}`).join(" "),fill:"none",stroke:"var(--bear-border-default, #e5e5e5)",strokeWidth:.4},a)),s.map((e,a)=>{const t=r.CHART.DEFAULT_START_ANGLE+a*R,l=o.polarToCartesian(t,r.CHART.OUTER_RADIUS);return n.jsx("line",{x1:r.CHART.CENTER,y1:r.CHART.CENTER,x2:l.x,y2:l.y,stroke:"var(--bear-border-default, #e5e5e5)",strokeWidth:.4},e.label)}),n.jsx("polygon",{points:g,fill:o.getChartColor(c.ZERO,A),fillOpacity:.25,stroke:o.getChartColor(c.ZERO,A),strokeWidth:.8,className:C.cn(_&&"animate-scale-in")}),T.map((e,a)=>n.jsx("circle",{cx:e.x,cy:e.y,r:r.CHART.DOT_RADIUS,fill:o.getChartColor(a,s[a].color||A)},s[a].label)),d&&s.map((e,a)=>{const t=r.CHART.DEFAULT_START_ANGLE+a*R,l=o.polarToCartesian(t,r.CHART.OUTER_RADIUS+r.CHART.RADAR_LABEL_OFFSET);return n.jsxs("text",{x:l.x,y:l.y,textAnchor:"middle",dominantBaseline:"middle",className:"bear-fill-[var(--bear-text-secondary)]",fontSize:4,children:[e.label,h?` ${e.value}`:""]},`${e.label}-label`)})]})})};exports.RadarChart=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("../../constants/numbers.const.cjs"),T=require("../../utils/cn.cjs");require("react");const U=require("../../utils/generateBearId.utils.cjs"),D=require("../../utils/useBearId.cjs"),a=require("./Chart.const.cjs"),l=require("./Chart.utils.cjs"),L=m=>{const{data:n,height:g=a.CHART.DEFAULT_HEIGHT,showLabels:x=!0,showValues:y=!1,animated:p=!0,color:R,className:d,id:H,testId:C,...u}=m,S=D.useBearId("RadarChart"),h=U.resolveBearId(H,S),A=n.length,E={"--Bear-Chart-height":`${g}px`};if(A===c.ZERO)return o.jsx("div",{id:h,"data-testid":C,className:T.cn("Bear-Chart Bear-Chart--radar Bear-Chart--empty",d),style:E,...u});const I=Math.max(...n.map(e=>e.value),c.ONE),i=a.CHART.FULL_SWEEP/A,_=n.map((e,r)=>{const t=a.CHART.DEFAULT_START_ANGLE+r*i,s=e.value/I*a.CHART.OUTER_RADIUS;return l.polarToCartesian(t,s)}),b=_.map(e=>`${e.x},${e.y}`).join(" "),B=Array.from({length:a.CHART.RADAR_RINGS},(e,r)=>{const t=(r+c.ONE)/a.CHART.RADAR_RINGS*a.CHART.OUTER_RADIUS;return Array.from({length:A},(s,N)=>{const O=a.CHART.DEFAULT_START_ANGLE+N*i;return l.polarToCartesian(O,t)})});return o.jsx("div",{id:h,"data-testid":C,className:T.cn("Bear-Chart Bear-Chart--radar",d),style:E,...u,children:o.jsxs("svg",{viewBox:`0 0 ${a.CHART.VIEWBOX} ${a.CHART.VIEWBOX}`,className:"Bear-Chart__svg",children:[B.map((e,r)=>o.jsx("polygon",{points:e.map(t=>`${t.x},${t.y}`).join(" "),fill:"none",stroke:"var(--bear-border-default, #e5e5e5)",strokeWidth:.4},r)),n.map((e,r)=>{const t=a.CHART.DEFAULT_START_ANGLE+r*i,s=l.polarToCartesian(t,a.CHART.OUTER_RADIUS);return o.jsx("line",{x1:a.CHART.CENTER,y1:a.CHART.CENTER,x2:s.x,y2:s.y,stroke:"var(--bear-border-default, #e5e5e5)",strokeWidth:.4},e.label)}),o.jsx("polygon",{points:b,fill:l.getChartColor(c.ZERO,R),fillOpacity:.25,stroke:l.getChartColor(c.ZERO,R),strokeWidth:.8,className:T.cn(p&&"animate-scale-in")}),_.map((e,r)=>o.jsx("circle",{cx:e.x,cy:e.y,r:a.CHART.DOT_RADIUS,fill:l.getChartColor(r,n[r].color||R)},n[r].label)),x&&n.map((e,r)=>{const t=a.CHART.DEFAULT_START_ANGLE+r*i,s=l.polarToCartesian(t,a.CHART.OUTER_RADIUS+a.CHART.RADAR_LABEL_OFFSET);return o.jsxs("text",{x:s.x,y:s.y,textAnchor:"middle",dominantBaseline:"middle",className:"bear-fill-[var(--bear-text-secondary)]",fontSize:4,children:[e.label,y?` ${e.value}`:""]},`${e.label}-label`)})]})})};exports.RadarChart=L;

package/dist/components/Chart/RadarChart.d.ts

@@ -1,2 +1,2 @@
 import { RadarChartProps } from './Chart.types';
-export declare const RadarChart: (props: RadarChartProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const RadarChart: (props: RadarChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/RadarChart.js

@@ -1,100 +1,123 @@
-import { jsx as n, jsxs as T } from "react/jsx-runtime";
-import { ZERO as A, ONE as d } from "../../constants/numbers.const.js";
-import { cn as u } from "../../utils/cn.js";
+import { jsx as s, jsxs as y } from "react/jsx-runtime";
+import { ZERO as m, ONE as f } from "../../constants/numbers.const.js";
+import { cn as A } from "../../utils/cn.js";
 import "react";
-import { CHART as r } from "./Chart.const.js";
-import { polarToCartesian as c, getChartColor as R } from "./Chart.utils.js";
-const $ = (_) => {
+import { resolveBearId as O } from "../../utils/generateBearId.utils.js";
+import { useBearId as $ } from "../../utils/useBearId.js";
+import { CHART as a } from "./Chart.const.js";
+import { polarToCartesian as i, getChartColor as R } from "./Chart.utils.js";
+const P = (g) => {
   const {
-    data: o,
-    height: f = r.DEFAULT_HEIGHT,
-    showLabels: p = !0,
-    showValues: h = !1,
-    animated: b = !0,
-    color: i,
-    className: x,
-    ...y
-  } = _, m = o.length;
-  if (m === A)
-    return null;
-  const g = Math.max(...o.map((e) => e.value), d), s = r.FULL_SWEEP / m, E = o.map((e, a) => {
-    const t = r.DEFAULT_START_ANGLE + a * s, l = e.value / g * r.OUTER_RADIUS;
-    return c(t, l);
-  }), S = E.map((e) => `${e.x},${e.y}`).join(" "), U = Array.from({ length: r.RADAR_RINGS }, (e, a) => {
-    const t = (a + d) / r.RADAR_RINGS * r.OUTER_RADIUS;
-    return Array.from({ length: m }, (l, D) => {
-      const L = r.DEFAULT_START_ANGLE + D * s;
-      return c(L, t);
-    });
-  });
-  return /* @__PURE__ */ n("div", { className: u("Bear-Chart Bear-Chart--radar bear-flex bear-flex-col bear-items-center", x), style: { height: f }, ...y, children: /* @__PURE__ */ T("svg", { viewBox: `0 0 ${r.VIEWBOX} ${r.VIEWBOX}`, className: "bear-h-full bear-w-full", children: [
-    U.map((e, a) => /* @__PURE__ */ n(
-      "polygon",
-      {
-        points: e.map((t) => `${t.x},${t.y}`).join(" "),
-        fill: "none",
-        stroke: "var(--bear-border-default, #e5e5e5)",
-        strokeWidth: 0.4
-      },
-      a
-    )),
-    o.map((e, a) => {
-      const t = r.DEFAULT_START_ANGLE + a * s, l = c(t, r.OUTER_RADIUS);
-      return /* @__PURE__ */ n(
-        "line",
-        {
-          x1: r.CENTER,
-          y1: r.CENTER,
-          x2: l.x,
-          y2: l.y,
-          stroke: "var(--bear-border-default, #e5e5e5)",
-          strokeWidth: 0.4
-        },
-        e.label
-      );
-    }),
-    /* @__PURE__ */ n(
-      "polygon",
+    data: l,
+    height: x = a.DEFAULT_HEIGHT,
+    showLabels: S = !0,
+    showValues: C = !1,
+    animated: I = !0,
+    color: c,
+    className: h,
+    id: N,
+    testId: E,
+    ...p
+  } = g, U = $("RadarChart"), T = O(N, U), d = l.length, _ = { "--Bear-Chart-height": `${x}px` };
+  if (d === m)
+    return /* @__PURE__ */ s(
+      "div",
       {
-        points: S,
-        fill: R(A, i),
-        fillOpacity: 0.25,
-        stroke: R(A, i),
-        strokeWidth: 0.8,
-        className: u(b && "animate-scale-in")
+        id: T,
+        "data-testid": E,
+        className: A("Bear-Chart Bear-Chart--radar Bear-Chart--empty", h),
+        style: _,
+        ...p
       }
-    ),
-    E.map((e, a) => /* @__PURE__ */ n(
-      "circle",
-      {
-        cx: e.x,
-        cy: e.y,
-        r: r.DOT_RADIUS,
-        fill: R(a, o[a].color || i)
-      },
-      o[a].label
-    )),
-    p && o.map((e, a) => {
-      const t = r.DEFAULT_START_ANGLE + a * s, l = c(t, r.OUTER_RADIUS + r.RADAR_LABEL_OFFSET);
-      return /* @__PURE__ */ T(
-        "text",
-        {
-          x: l.x,
-          y: l.y,
-          textAnchor: "middle",
-          dominantBaseline: "middle",
-          className: "bear-fill-[var(--bear-text-secondary)]",
-          fontSize: 4,
-          children: [
-            e.label,
-            h ? ` ${e.value}` : ""
-          ]
-        },
-        `${e.label}-label`
-      );
-    })
-  ] }) });
+    );
+  const B = Math.max(...l.map((e) => e.value), f), n = a.FULL_SWEEP / d, u = l.map((e, r) => {
+    const t = a.DEFAULT_START_ANGLE + r * n, o = e.value / B * a.OUTER_RADIUS;
+    return i(t, o);
+  }), D = u.map((e) => `${e.x},${e.y}`).join(" "), L = Array.from({ length: a.RADAR_RINGS }, (e, r) => {
+    const t = (r + f) / a.RADAR_RINGS * a.OUTER_RADIUS;
+    return Array.from({ length: d }, (o, b) => {
+      const v = a.DEFAULT_START_ANGLE + b * n;
+      return i(v, t);
+    });
+  });
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      id: T,
+      "data-testid": E,
+      className: A("Bear-Chart Bear-Chart--radar", h),
+      style: _,
+      ...p,
+      children: /* @__PURE__ */ y("svg", { viewBox: `0 0 ${a.VIEWBOX} ${a.VIEWBOX}`, className: "Bear-Chart__svg", children: [
+        L.map((e, r) => /* @__PURE__ */ s(
+          "polygon",
+          {
+            points: e.map((t) => `${t.x},${t.y}`).join(" "),
+            fill: "none",
+            stroke: "var(--bear-border-default, #e5e5e5)",
+            strokeWidth: 0.4
+          },
+          r
+        )),
+        l.map((e, r) => {
+          const t = a.DEFAULT_START_ANGLE + r * n, o = i(t, a.OUTER_RADIUS);
+          return /* @__PURE__ */ s(
+            "line",
+            {
+              x1: a.CENTER,
+              y1: a.CENTER,
+              x2: o.x,
+              y2: o.y,
+              stroke: "var(--bear-border-default, #e5e5e5)",
+              strokeWidth: 0.4
+            },
+            e.label
+          );
+        }),
+        /* @__PURE__ */ s(
+          "polygon",
+          {
+            points: D,
+            fill: R(m, c),
+            fillOpacity: 0.25,
+            stroke: R(m, c),
+            strokeWidth: 0.8,
+            className: A(I && "animate-scale-in")
+          }
+        ),
+        u.map((e, r) => /* @__PURE__ */ s(
+          "circle",
+          {
+            cx: e.x,
+            cy: e.y,
+            r: a.DOT_RADIUS,
+            fill: R(r, l[r].color || c)
+          },
+          l[r].label
+        )),
+        S && l.map((e, r) => {
+          const t = a.DEFAULT_START_ANGLE + r * n, o = i(t, a.OUTER_RADIUS + a.RADAR_LABEL_OFFSET);
+          return /* @__PURE__ */ y(
+            "text",
+            {
+              x: o.x,
+              y: o.y,
+              textAnchor: "middle",
+              dominantBaseline: "middle",
+              className: "bear-fill-[var(--bear-text-secondary)]",
+              fontSize: 4,
+              children: [
+                e.label,
+                C ? ` ${e.value}` : ""
+              ]
+            },
+            `${e.label}-label`
+          );
+        })
+      ] })
+    }
+  );
 };
 export {
-  $ as RadarChart
+  P as RadarChart
 };

package/dist/components/Chat/Chat.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),d=require("../../utils/cn.cjs"),D=require("../../context/BearProvider.cjs"),I=require("../Button/Button.cjs"),q=require("../Input/Input.cjs"),B=require("../Avatar/Avatar.cjs");require("../Box/Box.cjs");const u=require("../Typography/Typography.cjs"),_=require("@forgedevstack/bear-icons"),x=require("./Chat.const.cjs"),R=({message:r,showTimestamp:n=!0,showStatus:s=!0,showAvatar:b=!0,userAvatar:y,botAvatar:m})=>{var c;const a=r.sender==="user",f=r.sender==="system",l=x.SENDER_COLORS[r.sender];if(f)return e.jsx("div",{className:"flex justify-center my-2",children:e.jsx(u.Typography,{variant:"caption",className:"px-3 py-1 rounded-full bg-gray-100 dark:bg-gray-800",style:{color:l.text},children:r.content})});const v=a?y:m,p=r.status?x.MESSAGE_STATUS_ICONS[r.status]:null;return e.jsxs("div",{className:d.cn("flex gap-2 mb-3",a?"flex-row-reverse":"flex-row"),children:[b&&e.jsx(B.Avatar,{src:v,initials:((c=r.name)==null?void 0:c[0])||(a?"U":"B"),size:"sm",className:"flex-shrink-0"}),e.jsxs("div",{className:d.cn("flex flex-col max-w-[70%]",a?"items-end":"items-start"),children:[r.name&&e.jsx(u.Typography,{variant:"caption",className:"mb-1 opacity-60",children:r.name}),e.jsx("div",{className:d.cn("px-4 py-2 rounded-2xl",a?"rounded-br-sm":"rounded-bl-sm"),style:{backgroundColor:l.bg,color:l.text},children:typeof r.content=="string"?e.jsx(u.Typography,{variant:"body2",children:r.content}):r.content}),e.jsxs("div",{className:"flex items-center gap-1 mt-1",children:[n&&r.timestamp&&e.jsx(u.Typography,{variant:"caption",className:"opacity-50 text-xs",children:r.timestamp.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}),s&&p&&a&&e.jsx("span",{className:d.cn("text-xs",r.status==="read"?"text-blue-500":"opacity-50",r.status==="error"&&"text-red-500"),children:p})]})]})]})},H=({text:r=x.CHAT_DEFAULTS.TYPING_TEXT})=>e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsxs("div",{className:"flex gap-1 px-4 py-3 bg-gray-100 dark:bg-gray-800 rounded-2xl rounded-bl-sm",children:[e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"0ms"}}),e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"150ms"}}),e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"300ms"}})]}),e.jsx(u.Typography,{variant:"caption",className:"opacity-50",children:r})]}),U=({messages:r,onSend:n,isLoading:s=!1,placeholder:b=x.CHAT_DEFAULTS.PLACEHOLDER,header:y,footer:m,showTimestamps:a=!0,showStatus:f=!0,showAvatars:l=!0,userAvatar:v,botAvatar:p,isTyping:c=!1,typingText:C,className:S,height:j=x.CHAT_DEFAULTS.HEIGHT,testId:w,disabled:h=!1})=>{const{mode:E}=D.useBear(),k=E==="dark",[o,g]=i.useState(""),T=i.useRef(null);i.useEffect(()=>{var t;(t=T.current)==null||t.scrollIntoView({behavior:"smooth"})},[r,c]);const N=i.useCallback(()=>{o.trim()&&n&&!h&&!s&&(n(o.trim()),g(""))},[o,n,h,s]),A=i.useCallback(t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),N())},[N]);return e.jsxs("div",{className:d.cn("Bear-Chat","flex flex-col rounded-xl overflow-hidden border",k?"bg-gray-900 border-gray-700":"bg-white border-gray-200",S),style:{height:typeof j=="number"?`${j}px`:j},"data-testid":w,children:[y&&e.jsx("div",{className:"px-4 py-3 border-b border-gray-200 dark:border-gray-700",children:y}),e.jsxs("div",{className:"flex-1 overflow-y-auto p-4",children:[r.map(t=>e.jsx(R,{message:t,showTimestamp:a,showStatus:f,showAvatar:l,userAvatar:v,botAvatar:p},t.id)),c&&e.jsx(H,{text:C}),e.jsx("div",{ref:T})]}),e.jsxs("div",{className:"p-3 border-t border-gray-200 dark:border-gray-700",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(q.Input,{value:o,onChange:t=>g(t.target.value),onKeyDown:A,placeholder:b,disabled:h||s,className:"flex-1"}),e.jsx(I.Button,{variant:"primary",onClick:N,disabled:!o.trim()||h||s,children:e.jsx(_.BearIcons.SendIcon,{size:18})})]}),m&&e.jsx("div",{className:"mt-2",children:m})]})]})};exports.Chat=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),r=require("../../constants/generals.const.cjs"),Z=require("../../utils/cn.cjs"),$=require("../../utils/generateBearId.utils.cjs"),ee=require("../../utils/useBearId.cjs"),te=require("../../utils/liveRegion.utils.cjs"),o=require("../Box/Box.cjs"),se=require("../Button/Button.cjs"),re=require("../ChatBubble/ChatBubble.cjs"),oe=require("../ChatError/ChatError.cjs"),ne=require("../PromptComposer/PromptComposer.cjs"),ae=require("../PromptSuggestions/PromptSuggestions.cjs"),n=require("./Chat.const.cjs"),S=require("./Chat.utils.cjs"),ce=require("./helpers/ChatTypingIndicator.cjs"),ie=E=>{const{id:C,testId:p,messages:c,onSend:L,onStop:O,onAttach:x,isLoading:N=r.BOOLEAN_FALSE,isStreaming:f=r.BOOLEAN_FALSE,isTyping:R=r.BOOLEAN_FALSE,placeholder:q,header:T,footer:H,showTimestamps:I=n.CHAT_DEFAULT_SHOW_TIMESTAMPS,showStatus:j=n.CHAT_DEFAULT_SHOW_STATUS,showAvatars:v=n.CHAT_DEFAULT_SHOW_AVATARS,userAvatar:F,botAvatar:b,typingText:y,className:w,height:U=n.CHAT_DEFAULTS.HEIGHT,disabled:P=n.CHAT_DEFAULT_DISABLED,allowAttach:D,suggestions:l,onSuggestionSelect:M,errorTitle:W,errorMessage:g,onRetry:V,translations:k}=E,z=ee.useBearId(r.COMPONENT_NAME_CHAT),G=$.resolveBearId(C,z),u=a.useRef(null),h=a.useRef(r.BOOLEAN_TRUE),A=a.useRef(null),[J,d]=a.useState(r.BOOLEAN_FALSE),_={...n.CHAT_DEFAULT_TRANSLATIONS,...k},B=f||N,s=c[c.length-1],K=B&&typeof(s==null?void 0:s.content)=="string"?s.content:void 0,Q=te.getBearLiveRegionProps("info"),m=()=>{const e=u.current;e&&(e.scrollTop=e.scrollHeight,h.current=r.BOOLEAN_TRUE,d(r.BOOLEAN_FALSE))},X=()=>{const e=u.current;if(!e)return;const i=S.isChatScrollerAtBottom(e);h.current=i,i&&d(r.BOOLEAN_FALSE)};return a.useEffect(()=>{const e=(s==null?void 0:s.id)??null,i=A.current===null,Y=e!==null&&e!==A.current;if(A.current=e,!!Y){if(i||h.current){m();return}d(r.BOOLEAN_TRUE)}},[c,s==null?void 0:s.id]),t.jsxs(o.Box,{id:G,"data-testid":p,className:Z.cn("Bear-Chat",w),style:S.resolveChatHeightVar(U),children:[T&&t.jsx(o.Box,{className:"Bear-Chat__header",children:T}),t.jsxs(o.Box,{ref:u,className:"Bear-Chat__messages",onScroll:X,children:[t.jsx(o.Box,{className:"Bear-Chat__live",...Q,children:K}),c.map(e=>t.jsx(re.ChatBubble,{message:e,showTimestamp:I,showStatus:j,showAvatar:v,userAvatar:F,botAvatar:b},e.id)),R&&!B&&t.jsx(ce.ChatTypingIndicator,{text:y??_.typingText}),g&&t.jsx(oe.ChatError,{title:W,onRetry:V,children:g}),J&&t.jsx(se.Button,{type:"button",variant:"primary",size:"sm",className:"Bear-Chat__new-messages",onClick:m,children:_.newMessagesLabel})]}),l&&l.length>0&&t.jsx(o.Box,{className:"Bear-Chat__suggestions",children:t.jsx(ae.PromptSuggestions,{suggestions:l,onSelect:M})}),t.jsxs(o.Box,{className:"Bear-Chat__composer",children:[t.jsx(ne.PromptComposer,{onSubmit:L,onStop:O,onAttach:x,isStreaming:B,disabled:P,allowAttach:D,placeholder:q??_.placeholder}),H]})]})};exports.Chat=ie;

package/dist/components/Chat/Chat.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={PLACEHOLDER:"Type a message...",HEIGHT:400,TYPING_TEXT:"is typing..."},t={sending:"○",sent:"✓",delivered:"✓✓",read:"✓✓",error:"!"},r={user:{bg:"var(--bear-primary-500)",text:"white"},bot:{bg:"var(--bear-bg-secondary)",text:"var(--bear-text-primary)"},system:{bg:"transparent",text:"var(--bear-text-tertiary, var(--bear-text-muted))"}};exports.CHAT_DEFAULTS=e;exports.MESSAGE_STATUS_ICONS=t;exports.SENDER_COLORS=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../constants/numbers.const.cjs"),T=require("../../constants/generals.const.cjs"),A={PLACEHOLDER:T.PLACEHOLDER_START_TYPING,HEIGHT:_.FOUR_HUNDRED,TYPING_TEXT:"is typing..."},E={placeholder:A.PLACEHOLDER,typingText:A.TYPING_TEXT,newMessagesLabel:T.LABEL_NEW_MESSAGES},H=_.CHAT_STICK_THRESHOLD_PX,S=T.BOOLEAN_TRUE,L=T.BOOLEAN_TRUE,C=T.BOOLEAN_TRUE,D=T.BOOLEAN_FALSE,O="--Bear-Chat-height";exports.CHAT_DEFAULTS=A;exports.CHAT_DEFAULT_DISABLED=D;exports.CHAT_DEFAULT_SHOW_AVATARS=C;exports.CHAT_DEFAULT_SHOW_STATUS=L;exports.CHAT_DEFAULT_SHOW_TIMESTAMPS=S;exports.CHAT_DEFAULT_TRANSLATIONS=E;exports.CHAT_HEIGHT_VAR=O;exports.CHAT_STICK_THRESHOLD=H;

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

@@ -1,26 +1,13 @@
+import { ChatTranslations } from './Chat.types';
 export declare const CHAT_DEFAULTS: {
-    readonly PLACEHOLDER: "Type a message...";
+    readonly PLACEHOLDER: "Start typing...";
     readonly HEIGHT: 400;
     readonly TYPING_TEXT: "is typing...";
 };
-export declare const MESSAGE_STATUS_ICONS: {
-    readonly sending: "○";
-    readonly sent: "✓";
-    readonly delivered: "✓✓";
-    readonly read: "✓✓";
-    readonly error: "!";
-};
-export declare const SENDER_COLORS: {
-    readonly user: {
-        readonly bg: "var(--bear-primary-500)";
-        readonly text: "white";
-    };
-    readonly bot: {
-        readonly bg: "var(--bear-bg-secondary)";
-        readonly text: "var(--bear-text-primary)";
-    };
-    readonly system: {
-        readonly bg: "transparent";
-        readonly text: "var(--bear-text-tertiary, var(--bear-text-muted))";
-    };
-};
+export declare const CHAT_DEFAULT_TRANSLATIONS: ChatTranslations;
+export declare const CHAT_STICK_THRESHOLD = 16;
+export declare const CHAT_DEFAULT_SHOW_TIMESTAMPS = true;
+export declare const CHAT_DEFAULT_SHOW_STATUS = true;
+export declare const CHAT_DEFAULT_SHOW_AVATARS = true;
+export declare const CHAT_DEFAULT_DISABLED = false;
+export declare const CHAT_HEIGHT_VAR = "--Bear-Chat-height";

package/dist/components/Chat/Chat.const.js

@@ -1,29 +1,21 @@
-const e = {
-  PLACEHOLDER: "Type a message...",
-  HEIGHT: 400,
+import { FOUR_HUNDRED as _, CHAT_STICK_THRESHOLD_PX as E } from "../../constants/numbers.const.js";
+import { BOOLEAN_TRUE as T, BOOLEAN_FALSE as H, LABEL_NEW_MESSAGES as L, PLACEHOLDER_START_TYPING as S } from "../../constants/generals.const.js";
+const A = {
+  PLACEHOLDER: S,
+  HEIGHT: _,
   TYPING_TEXT: "is typing..."
-}, r = {
-  sending: "○",
-  sent: "✓",
-  delivered: "✓✓",
-  read: "✓✓",
-  error: "!"
-}, t = {
-  user: {
-    bg: "var(--bear-primary-500)",
-    text: "white"
-  },
-  bot: {
-    bg: "var(--bear-bg-secondary)",
-    text: "var(--bear-text-primary)"
-  },
-  system: {
-    bg: "transparent",
-    text: "var(--bear-text-tertiary, var(--bear-text-muted))"
-  }
-};
+}, D = {
+  placeholder: A.PLACEHOLDER,
+  typingText: A.TYPING_TEXT,
+  newMessagesLabel: L
+}, o = E, O = T, s = T, R = T, n = H, e = "--Bear-Chat-height";
 export {
-  e as CHAT_DEFAULTS,
-  r as MESSAGE_STATUS_ICONS,
-  t as SENDER_COLORS
+  A as CHAT_DEFAULTS,
+  n as CHAT_DEFAULT_DISABLED,
+  R as CHAT_DEFAULT_SHOW_AVATARS,
+  s as CHAT_DEFAULT_SHOW_STATUS,
+  O as CHAT_DEFAULT_SHOW_TIMESTAMPS,
+  D as CHAT_DEFAULT_TRANSLATIONS,
+  e as CHAT_HEIGHT_VAR,
+  o as CHAT_STICK_THRESHOLD
 };

package/dist/components/Chat/Chat.d.ts

@@ -1,21 +1,2 @@
-import { FC } from 'react';
 import { ChatProps } from './Chat.types';
-/**
- * Chat - Chat interface component
- *
- * @example
- * ```tsx
- * const [messages, setMessages] = useState<ChatMessage[]>([
- *   { id: '1', content: 'Hello!', sender: 'bot', timestamp: new Date() },
- * ]);
- *
- * <Chat
- *   messages={messages}
- *   onSend={(msg) => setMessages([...messages, { id: Date.now().toString(), content: msg, sender: 'user' }])}
- *   isTyping={false}
- *   showAvatars
- * />
- * ```
- */
-export declare const Chat: FC<ChatProps>;
-export default Chat;
+export declare const Chat: (props: ChatProps) => import("react/jsx-runtime").JSX.Element;