@forgedevstack/bear 1.3.1 → 1.3.3

package/dist/components/Sparkline/Sparkline.js

@@ -1,73 +1,95 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { useMemo as R } from "react";
-import { cn as i } from "../../utils/cn.js";
-import { SPARKLINE as t } from "./Sparkline.const.js";
-import { calculateSparklinePathData as T } from "./Sparkline.utils.js";
-const u = (p) => {
+import { jsx as t, jsxs as f, Fragment as g } from "react/jsx-runtime";
+import { cn as l } from "../../utils/cn.js";
+import "react";
+import { SPARKLINE as e, SPARKLINE_VARIANT_LINE as y, SPARKLINE_VARIANT_BARS as P, SPARKLINE_VARIANT_AREA as u } from "./Sparkline.const.js";
+import { calculateSparklinePathData as v, calculateSparklineBars as w, calculateSparklinePoints as C } from "./Sparkline.utils.js";
+const B = (h) => {
   const {
-    data: s,
-    width: m = t.DEFAULT_WIDTH,
-    height: d = t.DEFAULT_HEIGHT,
-    color: o = t.DEFAULT_COLOR,
-    fill: I = !1,
-    strokeWidth: h = t.DEFAULT_STROKE_WIDTH,
-    showExtremes: l = !1,
-    animated: n = !0,
-    className: A,
-    ...D
-  } = p, { path: O, areaPath: x, minPoint: r, maxPoint: a } = R(
-    () => T(s),
-    [s]
-  ), c = `sparkline-gradient-${o.replace("#", "")}`;
-  return /* @__PURE__ */ e(
+    data: o,
+    width: m = e.DEFAULT_WIDTH,
+    height: R = e.DEFAULT_HEIGHT,
+    color: a = e.DEFAULT_COLOR,
+    fill: N = !1,
+    strokeWidth: _ = e.DEFAULT_STROKE_WIDTH,
+    showExtremes: p = !1,
+    animated: s = !0,
+    variant: A = y,
+    showLastPoint: E = !1,
+    className: T,
+    ...x
+  } = h, L = N || A === u, { path: k, areaPath: D, minPoint: n, maxPoint: r } = v(o), O = w(o), d = C(o), c = d[d.length - 1], I = `sparkline-gradient-${a.replace("#", "")}`;
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: i("inline-block", A),
-      style: { width: m, height: d },
-      ...D,
+      className: l("inline-block", T),
+      style: { width: m, height: R },
+      ...x,
       children: /* @__PURE__ */ f("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "none", className: "w-full h-full", children: [
-        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ f("linearGradient", { id: c, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
-          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: o, stopOpacity: "0.4" }),
-          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: o, stopOpacity: "0" })
+        /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ f("linearGradient", { id: I, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [
+          /* @__PURE__ */ t("stop", { offset: "0%", stopColor: a, stopOpacity: "0.4" }),
+          /* @__PURE__ */ t("stop", { offset: "100%", stopColor: a, stopOpacity: "0" })
         ] }) }),
-        I && /* @__PURE__ */ e(
-          "path",
+        A === P ? O.map((i, S) => /* @__PURE__ */ t(
+          "rect",
           {
-            d: x,
-            fill: `url(#${c})`,
-            className: i(n && "animate-fade-in")
-          }
-        ),
-        /* @__PURE__ */ e(
-          "path",
+            x: i.x,
+            y: i.y,
+            width: i.width,
+            height: i.height,
+            fill: a,
+            className: l(s && "animate-grow-up")
+          },
+          S
+        )) : /* @__PURE__ */ f(g, { children: [
+          L && /* @__PURE__ */ t(
+            "path",
+            {
+              d: D,
+              fill: `url(#${I})`,
+              className: l(s && "animate-fade-in")
+            }
+          ),
+          /* @__PURE__ */ t(
+            "path",
+            {
+              d: k,
+              fill: "none",
+              stroke: a,
+              strokeWidth: _,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              vectorEffect: "non-scaling-stroke",
+              className: l(s && "animate-draw-line")
+            }
+          )
+        ] }),
+        p && n && /* @__PURE__ */ t(
+          "circle",
           {
-            d: O,
-            fill: "none",
-            stroke: o,
-            strokeWidth: h,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            vectorEffect: "non-scaling-stroke",
-            className: i(n && "animate-draw-line")
+            cx: n.x,
+            cy: n.y,
+            r: e.INDICATOR_RADIUS,
+            fill: e.MIN_INDICATOR_COLOR,
+            vectorEffect: "non-scaling-stroke"
           }
         ),
-        l && r && /* @__PURE__ */ e(
+        p && r && /* @__PURE__ */ t(
           "circle",
           {
             cx: r.x,
             cy: r.y,
-            r: t.INDICATOR_RADIUS,
-            fill: t.MIN_INDICATOR_COLOR,
+            r: e.INDICATOR_RADIUS,
+            fill: e.MAX_INDICATOR_COLOR,
             vectorEffect: "non-scaling-stroke"
           }
         ),
-        l && a && /* @__PURE__ */ e(
+        E && c && /* @__PURE__ */ t(
           "circle",
           {
-            cx: a.x,
-            cy: a.y,
-            r: t.INDICATOR_RADIUS,
-            fill: t.MAX_INDICATOR_COLOR,
+            cx: c.x,
+            cy: c.y,
+            r: e.LAST_POINT_RADIUS,
+            fill: a,
             vectorEffect: "non-scaling-stroke"
           }
         )
@@ -76,5 +98,5 @@ const u = (p) => {
   );
 };
 export {
-  u as Sparkline
+  B as Sparkline
 };

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

@@ -18,4 +18,6 @@ export interface SparklineProps extends HTMLAttributes<HTMLDivElement> {
     showExtremes?: boolean;
     /** Animate on render */
     animated?: boolean;
+    variant?: 'line' | 'area' | 'bars';
+    showLastPoint?: boolean;
 }

package/dist/components/Sparkline/Sparkline.utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Sparkline.const.cjs"),I=n=>{if(n.length===0)return[];const a=Math.max(...n),e=Math.min(...n),c=a-e||1;return n.map((t,l)=>({x:l/(n.length-1||1)*r.SPARKLINE.VIEWBOX_SIZE,y:r.SPARKLINE.VIEWBOX_SIZE-(t-e)/c*r.SPARKLINE.Y_RANGE-r.SPARKLINE.Y_PADDING,value:t}))},S=n=>n.length===0?"":n.reduce((a,e,c)=>{if(c===0)return`M ${e.x},${e.y}`;const t=n[c-1],l=t.x+(e.x-t.x)/r.SPARKLINE.CONTROL_POINT_FACTOR,P=e.x-(e.x-t.x)/r.SPARKLINE.CONTROL_POINT_FACTOR;return`${a} C ${l},${t.y} ${P},${e.y} ${e.x},${e.y}`},""),s=n=>n?`${n} L ${r.SPARKLINE.VIEWBOX_SIZE},${r.SPARKLINE.VIEWBOX_SIZE} L 0,${r.SPARKLINE.VIEWBOX_SIZE} Z`:"",x=n=>{if(n.length===0)return{path:"",areaPath:"",minPoint:null,maxPoint:null};const a=I(n),e=Math.max(...n),c=Math.min(...n),t=n.indexOf(c),l=n.indexOf(e),P=S(a),u=s(P);return{path:P,areaPath:u,minPoint:a[t]||null,maxPoint:a[l]||null}};exports.calculateSparklinePathData=x;exports.calculateSparklinePoints=I;exports.generateAreaPath=s;exports.generateSparklinePath=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Sparkline.const.cjs"),S=n=>{if(n.length===0)return[];const c=Math.max(...n),t=Math.min(...n),a=c-t||1;return n.map((r,l)=>({x:l/(n.length-1||1)*e.SPARKLINE.VIEWBOX_SIZE,y:e.SPARKLINE.VIEWBOX_SIZE-(r-t)/a*e.SPARKLINE.Y_RANGE-e.SPARKLINE.Y_PADDING,value:r}))},o=n=>n.length===0?"":n.reduce((c,t,a)=>{if(a===0)return`M ${t.x},${t.y}`;const r=n[a-1],l=r.x+(t.x-r.x)/e.SPARKLINE.CONTROL_POINT_FACTOR,I=t.x-(t.x-r.x)/e.SPARKLINE.CONTROL_POINT_FACTOR;return`${c} C ${l},${r.y} ${I},${t.y} ${t.x},${t.y}`},""),E=n=>n?`${n} L ${e.SPARKLINE.VIEWBOX_SIZE},${e.SPARKLINE.VIEWBOX_SIZE} L 0,${e.SPARKLINE.VIEWBOX_SIZE} Z`:"",u=n=>{if(n.length===0)return{path:"",areaPath:"",minPoint:null,maxPoint:null};const c=S(n),t=Math.max(...n),a=Math.min(...n),r=n.indexOf(a),l=n.indexOf(t),I=o(c),s=E(I);return{path:I,areaPath:s,minPoint:c[r]||null,maxPoint:c[l]||null}},x=n=>{if(n.length===0)return[];const c=Math.max(...n),t=Math.min(...n),a=c-t||1,r=e.SPARKLINE.VIEWBOX_SIZE/n.length,l=r*e.SPARKLINE.BAR_GAP_RATIO,I=r-l;return n.map((s,i)=>{const P=(s-t)/a*e.SPARKLINE.Y_RANGE;return{x:i*r+l/2,y:e.SPARKLINE.VIEWBOX_SIZE-e.SPARKLINE.Y_PADDING-P,width:I,height:P}})};exports.calculateSparklineBars=x;exports.calculateSparklinePathData=u;exports.calculateSparklinePoints=S;exports.generateAreaPath=E;exports.generateSparklinePath=o;

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

@@ -9,19 +9,14 @@ export interface SparklinePathData {
     minPoint: SparklinePoint | null;
     maxPoint: SparklinePoint | null;
 }
-/**
- * Calculate points for sparkline from data array
- */
+export interface SparklineBar {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 export declare const calculateSparklinePoints: (data: number[]) => SparklinePoint[];
-/**
- * Generate smooth bezier curve path from points
- */
 export declare const generateSparklinePath: (points: SparklinePoint[]) => string;
-/**
- * Generate area path for filled sparkline
- */
 export declare const generateAreaPath: (linePath: string) => string;
-/**
- * Calculate all sparkline path data from raw data
- */
 export declare const calculateSparklinePathData: (data: number[]) => SparklinePathData;
+export declare const calculateSparklineBars: (data: number[]) => SparklineBar[];

package/dist/components/Sparkline/Sparkline.utils.js

@@ -1,30 +1,43 @@
-import { SPARKLINE as e } from "./Sparkline.const.js";
-const s = (n) => {
+import { SPARKLINE as r } from "./Sparkline.const.js";
+const h = (n) => {
   if (n.length === 0) return [];
-  const c = Math.max(...n), t = Math.min(...n), x = c - t || 1;
-  return n.map((r, l) => ({
-    x: l / (n.length - 1 || 1) * e.VIEWBOX_SIZE,
-    y: e.VIEWBOX_SIZE - (r - t) / x * e.Y_RANGE - e.Y_PADDING,
-    value: r
+  const c = Math.max(...n), t = Math.min(...n), s = c - t || 1;
+  return n.map((e, o) => ({
+    x: o / (n.length - 1 || 1) * r.VIEWBOX_SIZE,
+    y: r.VIEWBOX_SIZE - (e - t) / s * r.Y_RANGE - r.Y_PADDING,
+    value: e
   }));
-}, a = (n) => n.length === 0 ? "" : n.reduce((c, t, x) => {
-  if (x === 0) return `M ${t.x},${t.y}`;
-  const r = n[x - 1], l = r.x + (t.x - r.x) / e.CONTROL_POINT_FACTOR, m = t.x - (t.x - r.x) / e.CONTROL_POINT_FACTOR;
-  return `${c} C ${l},${r.y} ${m},${t.y} ${t.x},${t.y}`;
-}, ""), u = (n) => n ? `${n} L ${e.VIEWBOX_SIZE},${e.VIEWBOX_SIZE} L 0,${e.VIEWBOX_SIZE} Z` : "", O = (n) => {
+}, u = (n) => n.length === 0 ? "" : n.reduce((c, t, s) => {
+  if (s === 0) return `M ${t.x},${t.y}`;
+  const e = n[s - 1], o = e.x + (t.x - e.x) / r.CONTROL_POINT_FACTOR, x = t.x - (t.x - e.x) / r.CONTROL_POINT_FACTOR;
+  return `${c} C ${o},${e.y} ${x},${t.y} ${t.x},${t.y}`;
+}, ""), a = (n) => n ? `${n} L ${r.VIEWBOX_SIZE},${r.VIEWBOX_SIZE} L 0,${r.VIEWBOX_SIZE} Z` : "", O = (n) => {
   if (n.length === 0)
     return { path: "", areaPath: "", minPoint: null, maxPoint: null };
-  const c = s(n), t = Math.max(...n), x = Math.min(...n), r = n.indexOf(x), l = n.indexOf(t), m = a(c), o = u(m);
+  const c = h(n), t = Math.max(...n), s = Math.min(...n), e = n.indexOf(s), o = n.indexOf(t), x = u(c), l = a(x);
   return {
-    path: m,
-    areaPath: o,
-    minPoint: c[r] || null,
-    maxPoint: c[l] || null
+    path: x,
+    areaPath: l,
+    minPoint: c[e] || null,
+    maxPoint: c[o] || null
   };
+}, E = (n) => {
+  if (n.length === 0) return [];
+  const c = Math.max(...n), t = Math.min(...n), s = c - t || 1, e = r.VIEWBOX_SIZE / n.length, o = e * r.BAR_GAP_RATIO, x = e - o;
+  return n.map((l, I) => {
+    const m = (l - t) / s * r.Y_RANGE;
+    return {
+      x: I * e + o / 2,
+      y: r.VIEWBOX_SIZE - r.Y_PADDING - m,
+      width: x,
+      height: m
+    };
+  });
 };
 export {
+  E as calculateSparklineBars,
   O as calculateSparklinePathData,
-  s as calculateSparklinePoints,
-  u as generateAreaPath,
-  a as generateSparklinePath
+  h as calculateSparklinePoints,
+  a as generateAreaPath,
+  u as generateSparklinePath
 };

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

@@ -1,5 +1,5 @@
 export { Sparkline } from './Sparkline';
 export type { SparklineProps } from './Sparkline.types';
 export { SPARKLINE } from './Sparkline.const';
-export { calculateSparklinePoints, calculateSparklinePathData, generateSparklinePath, generateAreaPath, } from './Sparkline.utils';
-export type { SparklinePoint, SparklinePathData } from './Sparkline.utils';
+export { calculateSparklinePoints, calculateSparklinePathData, generateSparklinePath, generateAreaPath, calculateSparklineBars, } from './Sparkline.utils';
+export type { SparklinePoint, SparklinePathData, SparklineBar } from './Sparkline.utils';

package/dist/components/StatCard/StatCard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),D=require("../../utils/cn.cjs");require("react");const o=require("../../utils/generateBearId.utils.cjs"),R=require("../../utils/useBearId.cjs"),e=require("./StatCard.const.cjs"),L=({title:_,value:a,color:s=e.DEFAULT_STAT_CARD_COLOR,icon:T,onClick:t,className:S,id:d,testId:n,...i})=>{const u=R.useBearId("StatCard"),C=o.resolveBearId(d,u),c=`linear-gradient(135deg, ${s}${e.STAT_CARD_GRADIENT_START_ALPHA}, ${s}${e.STAT_CARD_GRADIENT_END_ALPHA})`;return A.jsxs("div",{id:C,"data-testid":n,role:t?"button":void 0,tabIndex:t?0:void 0,className:D.cn(e.STAT_CARD_ROOT_CLASS,e.STAT_CARD_BASE_CLASSES,S),style:{background:c},onClick:t,onKeyDown:r=>{t&&(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),t())},...i,children:[A.jsx("div",{className:e.STAT_CARD_DECORATION_CLASS,"aria-hidden":!0}),A.jsxs("div",{className:e.STAT_CARD_BODY_CLASS,children:[A.jsx("p",{className:e.STAT_CARD_TITLE_CLASS,children:_}),A.jsx("p",{className:e.STAT_CARD_VALUE_CLASS,children:a}),t&&A.jsxs("button",{type:"button",className:e.STAT_CARD_ACTION_CLASS,children:[T,e.DEFAULT_STAT_CARD_ACTION_LABEL]})]})]})};exports.StatCard=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),y=require("../../utils/cn.cjs");require("react");const B=require("../../utils/generateBearId.utils.cjs"),g=require("../../utils/useBearId.cjs"),h=require("../Button/Button.cjs"),o=require("../Typography/Typography.cjs"),a=require("./StatCard.const.cjs"),m=require("./StatCard.utils.cjs"),p=n=>{const{title:d,value:i,color:s=a.DEFAULT_STAT_CARD_COLOR,icon:c,onClick:e,className:l,id:_,testId:u,...C}=n,A=g.useBearId("StatCard"),S=B.resolveBearId(_,A),T=`linear-gradient(135deg, ${s}${a.STAT_CARD_GRADIENT_START_ALPHA}, ${s}${a.STAT_CARD_GRADIENT_END_ALPHA})`;return t.jsxs("div",{id:S,"data-testid":u,role:e?"button":void 0,tabIndex:e?0:void 0,className:y.cn("Bear-StatCard",l),style:{background:T},onClick:e,onKeyDown:r=>m.handleStatCardKeyDown(r,e),...C,children:[t.jsx("div",{className:"Bear-StatCard__decoration","aria-hidden":!0}),t.jsxs("div",{className:"Bear-StatCard__body",children:[t.jsx(o.Typography,{className:"Bear-StatCard__title",children:d}),t.jsx(o.Typography,{className:"Bear-StatCard__value",children:i}),e&&t.jsx(h.Button,{type:"button",size:"sm",variant:"ghost",className:"Bear-StatCard__action",icon:c,onClick:r=>{r.stopPropagation(),e()},children:a.DEFAULT_STAT_CARD_ACTION_LABEL})]})]})};exports.StatCard=p;

package/dist/components/StatCard/StatCard.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-StatCard",A="bear-relative bear-overflow-hidden bear-rounded-2xl bear-p-6 bear-transition-transform hover:bear-scale-105 bear-cursor-pointer bear-border bear-border-[var(--bear-border-default)]",r="Bear-StatCard__decoration bear-absolute bear-top-0 bear-right-0 bear-w-32 bear-h-32 -bear-mr-8 -bear-mt-8 bear-rounded-full bear-opacity-20 bear-bg-white",_="Bear-StatCard__body bear-relative bear-z-10",a="Bear-StatCard__title bear-text-white/80 bear-text-sm bear-font-medium bear-mb-1",t="Bear-StatCard__value bear-text-white bear-text-3xl bear-font-bold bear-mb-4",T="Bear-StatCard__action bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-1.5 bear-bg-white/20 hover:bear-bg-white/30 bear-rounded-full bear-text-white bear-text-sm bear-font-medium bear-transition-colors bear-border-0",S="#6366f1",b="dd",C="99",o="View All";exports.DEFAULT_STAT_CARD_ACTION_LABEL=o;exports.DEFAULT_STAT_CARD_COLOR=S;exports.STAT_CARD_ACTION_CLASS=T;exports.STAT_CARD_BASE_CLASSES=A;exports.STAT_CARD_BODY_CLASS=_;exports.STAT_CARD_DECORATION_CLASS=r;exports.STAT_CARD_GRADIENT_END_ALPHA=C;exports.STAT_CARD_GRADIENT_START_ALPHA=b;exports.STAT_CARD_ROOT_CLASS=e;exports.STAT_CARD_TITLE_CLASS=a;exports.STAT_CARD_VALUE_CLASS=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A="#6366f1",T="dd",_="99",D="View All";exports.DEFAULT_STAT_CARD_ACTION_LABEL=D;exports.DEFAULT_STAT_CARD_COLOR=A;exports.STAT_CARD_GRADIENT_END_ALPHA=_;exports.STAT_CARD_GRADIENT_START_ALPHA=T;

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

@@ -1,10 +1,3 @@
-export declare const STAT_CARD_ROOT_CLASS = "Bear-StatCard";
-export declare const STAT_CARD_BASE_CLASSES = "bear-relative bear-overflow-hidden bear-rounded-2xl bear-p-6 bear-transition-transform hover:bear-scale-105 bear-cursor-pointer bear-border bear-border-[var(--bear-border-default)]";
-export declare const STAT_CARD_DECORATION_CLASS = "Bear-StatCard__decoration bear-absolute bear-top-0 bear-right-0 bear-w-32 bear-h-32 -bear-mr-8 -bear-mt-8 bear-rounded-full bear-opacity-20 bear-bg-white";
-export declare const STAT_CARD_BODY_CLASS = "Bear-StatCard__body bear-relative bear-z-10";
-export declare const STAT_CARD_TITLE_CLASS = "Bear-StatCard__title bear-text-white/80 bear-text-sm bear-font-medium bear-mb-1";
-export declare const STAT_CARD_VALUE_CLASS = "Bear-StatCard__value bear-text-white bear-text-3xl bear-font-bold bear-mb-4";
-export declare const STAT_CARD_ACTION_CLASS = "Bear-StatCard__action bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-1.5 bear-bg-white/20 hover:bear-bg-white/30 bear-rounded-full bear-text-white bear-text-sm bear-font-medium bear-transition-colors bear-border-0";
 export declare const DEFAULT_STAT_CARD_COLOR = "#6366f1";
 export declare const STAT_CARD_GRADIENT_START_ALPHA = "dd";
 export declare const STAT_CARD_GRADIENT_END_ALPHA = "99";

package/dist/components/StatCard/StatCard.const.js

@@ -1,14 +1,7 @@
-const e = "Bear-StatCard", r = "bear-relative bear-overflow-hidden bear-rounded-2xl bear-p-6 bear-transition-transform hover:bear-scale-105 bear-cursor-pointer bear-border bear-border-[var(--bear-border-default)]", a = "Bear-StatCard__decoration bear-absolute bear-top-0 bear-right-0 bear-w-32 bear-h-32 -bear-mr-8 -bear-mt-8 bear-rounded-full bear-opacity-20 bear-bg-white", t = "Bear-StatCard__body bear-relative bear-z-10", b = "Bear-StatCard__title bear-text-white/80 bear-text-sm bear-font-medium bear-mb-1", _ = "Bear-StatCard__value bear-text-white bear-text-3xl bear-font-bold bear-mb-4", A = "Bear-StatCard__action bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-1.5 bear-bg-white/20 hover:bear-bg-white/30 bear-rounded-full bear-text-white bear-text-sm bear-font-medium bear-transition-colors bear-border-0", o = "#6366f1", S = "dd", T = "99", C = "View All";
+const A = "#6366f1", T = "dd", _ = "99", D = "View All";
 export {
-  C as DEFAULT_STAT_CARD_ACTION_LABEL,
-  o as DEFAULT_STAT_CARD_COLOR,
-  A as STAT_CARD_ACTION_CLASS,
-  r as STAT_CARD_BASE_CLASSES,
-  t as STAT_CARD_BODY_CLASS,
-  a as STAT_CARD_DECORATION_CLASS,
-  T as STAT_CARD_GRADIENT_END_ALPHA,
-  S as STAT_CARD_GRADIENT_START_ALPHA,
-  e as STAT_CARD_ROOT_CLASS,
-  b as STAT_CARD_TITLE_CLASS,
-  _ as STAT_CARD_VALUE_CLASS
+  D as DEFAULT_STAT_CARD_ACTION_LABEL,
+  A as DEFAULT_STAT_CARD_COLOR,
+  _ as STAT_CARD_GRADIENT_END_ALPHA,
+  T as STAT_CARD_GRADIENT_START_ALPHA
 };

package/dist/components/StatCard/StatCard.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { StatCardProps } from './StatCard.types';
-export declare const StatCard: FC<StatCardProps>;
+export declare const StatCard: (props: StatCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/StatCard/StatCard.js

@@ -1,49 +1,60 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { cn as n } from "../../utils/cn.js";
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import { cn as S } from "../../utils/cn.js";
 import "react";
-import { resolveBearId as R } from "../../utils/generateBearId.utils.js";
-import { useBearId as L } from "../../utils/useBearId.js";
-import { DEFAULT_STAT_CARD_COLOR as E, STAT_CARD_GRADIENT_START_ALPHA as N, STAT_CARD_GRADIENT_END_ALPHA as c, STAT_CARD_DECORATION_CLASS as p, STAT_CARD_BODY_CLASS as I, STAT_CARD_TITLE_CLASS as l, STAT_CARD_VALUE_CLASS as u, DEFAULT_STAT_CARD_ACTION_LABEL as O, STAT_CARD_ACTION_CLASS as f, STAT_CARD_BASE_CLASSES as h, STAT_CARD_ROOT_CLASS as b } from "./StatCard.const.js";
-const U = ({
-  title: t,
-  value: S,
-  color: T = E,
-  icon: a,
-  onClick: A,
-  className: d,
-  id: s,
-  testId: o,
-  ...D
-}) => {
-  const i = L("StatCard"), C = R(s, i), m = `linear-gradient(135deg, ${T}${N}, ${T}${c})`;
+import { resolveBearId as D } from "../../utils/generateBearId.utils.js";
+import { useBearId as N } from "../../utils/useBearId.js";
+import { Button as h } from "../Button/Button.js";
+import { Typography as d } from "../Typography/Typography.js";
+import { DEFAULT_STAT_CARD_COLOR as B, STAT_CARD_GRADIENT_START_ALPHA as u, STAT_CARD_GRADIENT_END_ALPHA as v, DEFAULT_STAT_CARD_ACTION_LABEL as I } from "./StatCard.const.js";
+import { handleStatCardKeyDown as f } from "./StatCard.utils.js";
+const k = (i) => {
+  const {
+    title: n,
+    value: s,
+    color: o = B,
+    icon: m,
+    onClick: t,
+    className: c,
+    id: l,
+    testId: _,
+    ...A
+  } = i, C = N("StatCard"), p = D(l, C), T = `linear-gradient(135deg, ${o}${u}, ${o}${v})`;
   return /* @__PURE__ */ e(
     "div",
     {
-      id: C,
-      "data-testid": o,
-      role: A ? "button" : void 0,
-      tabIndex: A ? 0 : void 0,
-      className: n(b, h, d),
-      style: { background: m },
-      onClick: A,
-      onKeyDown: (_) => {
-        A && (_.key === "Enter" || _.key === " ") && (_.preventDefault(), A());
-      },
-      ...D,
+      id: p,
+      "data-testid": _,
+      role: t ? "button" : void 0,
+      tabIndex: t ? 0 : void 0,
+      className: S("Bear-StatCard", c),
+      style: { background: T },
+      onClick: t,
+      onKeyDown: (r) => f(r, t),
+      ...A,
       children: [
-        /* @__PURE__ */ r("div", { className: p, "aria-hidden": !0 }),
-        /* @__PURE__ */ e("div", { className: I, children: [
-          /* @__PURE__ */ r("p", { className: l, children: t }),
-          /* @__PURE__ */ r("p", { className: u, children: S }),
-          A && /* @__PURE__ */ e("button", { type: "button", className: f, children: [
-            a,
-            O
-          ] })
+        /* @__PURE__ */ a("div", { className: "Bear-StatCard__decoration", "aria-hidden": !0 }),
+        /* @__PURE__ */ e("div", { className: "Bear-StatCard__body", children: [
+          /* @__PURE__ */ a(d, { className: "Bear-StatCard__title", children: n }),
+          /* @__PURE__ */ a(d, { className: "Bear-StatCard__value", children: s }),
+          t && /* @__PURE__ */ a(
+            h,
+            {
+              type: "button",
+              size: "sm",
+              variant: "ghost",
+              className: "Bear-StatCard__action",
+              icon: m,
+              onClick: (r) => {
+                r.stopPropagation(), t();
+              },
+              children: I
+            }
+          )
         ] })
       ]
     }
   );
 };
 export {
-  U as StatCard
+  k as StatCard
 };

package/dist/components/StatCard/StatCard.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../constants/keys.const.cjs"),a=(e,t)=>{t&&(e.key!==r.KEY_ENTER&&e.key!==r.KEY_SPACE||(e.preventDefault(),t()))};exports.handleStatCardKeyDown=a;

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

@@ -0,0 +1,2 @@
+import { KeyboardEvent } from 'react';
+export declare const handleStatCardKeyDown: (event: KeyboardEvent<HTMLDivElement>, onClick?: () => void) => void;

package/dist/components/StatCard/StatCard.utils.js

@@ -0,0 +1,7 @@
+import { KEY_ENTER as e, KEY_SPACE as E } from "../../constants/keys.const.js";
+const f = (r, t) => {
+  t && (r.key !== e && r.key !== E || (r.preventDefault(), t()));
+};
+export {
+  f as handleStatCardKeyDown
+};

package/dist/components/Stepper/Stepper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),H=require("../../context/BearProvider.cjs"),ee=require("../../utils/maxVisible.utils.cjs"),E=require("../../utils/cn.cjs"),F=require("../Typography/Typography.cjs"),ne=require("../Dropdown/Dropdown.cjs"),re=require("../Icon/index.cjs"),e=require("./Stepper.const.cjs"),L=require("./Stepper.utils.cjs"),te=1200,se=16,oe=640,U=3,ie=()=>r.jsx("svg",{width:e.CHECK_ICON_SIZE,height:e.CHECK_ICON_SIZE,viewBox:e.CHECK_ICON_VIEWBOX,fill:"none",stroke:"currentColor",strokeWidth:"3",children:r.jsx("polyline",{points:e.CHECK_ICON_POINTS})}),Ee=()=>r.jsxs("svg",{width:e.ERROR_ICON_SIZE,height:e.ERROR_ICON_SIZE,viewBox:e.ERROR_ICON_VIEWBOX,fill:"none",stroke:"currentColor",strokeWidth:"3",children:[r.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),r.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),V=T.forwardRef(({steps:o,activeStep:_,onStepClick:d,orientation:W=e.DEFAULT_ORIENTATION,size:u=e.DEFAULT_SIZE,showNumbers:M=e.DEFAULT_SHOW_NUMBERS,clickable:R=e.DEFAULT_CLICKABLE,showConnectors:q=e.DEFAULT_SHOW_CONNECTORS,connectorStyle:m=e.DEFAULT_CONNECTOR_STYLE,alternativeLabel:g=e.DEFAULT_ALTERNATIVE_LABEL,completedIcon:Z,errorIcon:z,labelTypographyProps:K,descriptionTypographyProps:X,maxVisibleSteps:N,testId:Y,className:$,...k},G)=>{const P=H.useBearThemeOptional(),{direction:f}=H.useBearDirectionOptional(),[A,J]=T.useState(()=>typeof window<"u"?window.innerWidth:te);T.useEffect(()=>{const n=()=>J(window.innerWidth);return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]);const S=T.useMemo(()=>{if(N!=null)return ee.resolveMaxVisible(N,{width:A,theme:P});if(A<oe&&o.length>U)return U},[N,A,P,o.length]),a=W==="horizontal",v=e.STEP_INDICATOR_SIZES[u],j=e.STEP_LABEL_SIZES[u],C=a&&S!=null&&o.length>S,{visibleIndices:B,leftHidden:w,rightHidden:h}=T.useMemo(()=>{if(!C||S==null)return{visibleIndices:o.map((l,I)=>I),leftHidden:[],rightHidden:[]};const n=S,t=Math.floor(n/2),s=Math.max(0,Math.min(_-t,o.length-n)),i=Array.from({length:n},(l,I)=>s+I),c=[],p=[];for(let l=0;l<s;l++)c.push(l);for(let l=s+n;l<o.length;l++)p.push(l);return{visibleIndices:i,leftHidden:c,rightHidden:p}},[C,S,o,_]),b=(n,t,s)=>{const i=e.STEP_STATUS_CLASSES[s],c=L.resolveIndicatorContent(n,t,s,M,Z,z,r.jsx(ie,{}),r.jsx(Ee,{}));return r.jsx("div",{className:E.cn(e.STEP_INDICATOR_BASE,v,i.indicator,R&&!n.disabled&&e.STEP_CLICKABLE_CLASSES),onClick:()=>{R&&!n.disabled&&d&&d(t)},children:c})},O=(n,t)=>{if(!q||t)return null;const s=n<_;return a?r.jsx("div",{className:E.cn(e.CONNECTOR_HORIZONTAL_LAYOUT,s?e.CONNECTOR_STATUS.completed:e.CONNECTOR_STATUS.pending,m==="dashed"&&e.CONNECTOR_DASHED_CLASSES)}):r.jsx("div",{className:E.cn(e.CONNECTOR_BASE,e.CONNECTOR_VERTICAL,s?e.CONNECTOR_STATUS.completed:e.CONNECTOR_STATUS.pending,m==="dashed"&&e.CONNECTOR_DASHED_CLASSES)})},x=(n,t)=>{const s=e.STEP_STATUS_CLASSES[t],i={...K,...n.labelTypographyProps},c={...X,...n.descriptionTypographyProps};return r.jsxs(r.Fragment,{children:[r.jsx(F.Typography,{variant:"body2",...i,className:E.cn(e.STEP_LABEL_BASE,j.label,s.label,i==null?void 0:i.className),children:n.label}),n.description&&r.jsx(F.Typography,{variant:"caption",...c,className:E.cn(e.STEP_DESCRIPTION_CLASSES,j.description,c==null?void 0:c.className),children:n.description})]})},y=(n,t)=>{const s=L.resolveStepStatus(n,t,_);return r.jsxs("div",{className:E.cn(e.STEP_CONTENT_BASE,g?e.STEP_CONTENT_ALTERNATIVE:e.STEP_CONTENT_INLINE),children:[b(n,t,s),r.jsx("div",{className:E.cn(g?e.STEP_LABEL_ALTERNATIVE:e.STEP_LABEL_INLINE),children:x(n,s)})]})},Q=(n,t)=>{const s=L.resolveStepStatus(n,t,_);return r.jsxs(r.Fragment,{children:[r.jsx("div",{className:e.STEP_VERTICAL_INDICATOR_WRAP,children:b(n,t,s)}),r.jsxs("div",{className:e.STEP_VERTICAL_BODY,children:[x(n,s),n.content&&s==="active"&&r.jsx("div",{className:e.STEP_VERTICAL_CONTENT,children:n.content})]})]})},D=(n,t)=>r.jsx("div",{className:e.STEP_OVERFLOW_ROOT,children:r.jsx(ne.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsx("button",{type:"button",className:E.cn(e.STEP_INDICATOR_BASE,v,e.STEP_STATUS_CLASSES.pending.indicator,"bear-cursor-pointer bear-border-0"),"aria-label":t==="left"?e.OVERFLOW_LEFT_LABEL:e.OVERFLOW_RIGHT_LABEL,children:r.jsx(re.BearIcons.MoreHorizIcon,{size:se})}),items:n.map(s=>({key:`step-${s}`,label:o[s].label,disabled:o[s].disabled,onClick:()=>{o[s].disabled||d==null||d(s)}}))})},`overflow-${t}`);return r.jsxs("div",{ref:G,dir:f,className:E.cn(e.STEPPER_BASE_CLASSES,a?e.STEPPER_HORIZONTAL_CLASSES:e.STEPPER_VERTICAL_CLASSES,f==="rtl"&&a&&"bear-flex-row-reverse",$),"data-testid":Y,...k,children:[a&&!C&&o.map((n,t)=>r.jsxs(T.Fragment,{children:[y(n,t),O(t,t===o.length-1)]},t)),a&&C&&r.jsxs(r.Fragment,{children:[w.length>0&&r.jsxs(r.Fragment,{children:[D(w,"left"),O(-1,!1)]}),B.map((n,t)=>{const s=o[n],i=t===B.length-1&&h.length===0;return r.jsxs(T.Fragment,{children:[y(s,n),O(n,i)]},n)}),h.length>0&&D(h,"right")]}),!a&&o.map((n,t)=>r.jsxs("div",{className:E.cn("Bear-Stepper__step",e.STEP_WRAPPER_VERTICAL),children:[Q(n,t),O(t,t===o.length-1)]},t))]})});V.displayName="Stepper";exports.Stepper=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),H=require("../../context/BearProvider.cjs"),ee=require("../../utils/maxVisible.utils.cjs"),E=require("../../utils/cn.cjs"),F=require("../Typography/Typography.cjs"),ne=require("../Dropdown/Dropdown.cjs"),re=require("@forgedevstack/bear-icons"),e=require("./Stepper.const.cjs"),L=require("./Stepper.utils.cjs"),te=1200,se=16,oe=640,U=3,ie=()=>r.jsx("svg",{width:e.CHECK_ICON_SIZE,height:e.CHECK_ICON_SIZE,viewBox:e.CHECK_ICON_VIEWBOX,fill:"none",stroke:"currentColor",strokeWidth:"3",children:r.jsx("polyline",{points:e.CHECK_ICON_POINTS})}),Ee=()=>r.jsxs("svg",{width:e.ERROR_ICON_SIZE,height:e.ERROR_ICON_SIZE,viewBox:e.ERROR_ICON_VIEWBOX,fill:"none",stroke:"currentColor",strokeWidth:"3",children:[r.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),r.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),V=T.forwardRef(({steps:o,activeStep:_,onStepClick:S,orientation:W=e.DEFAULT_ORIENTATION,size:u=e.DEFAULT_SIZE,showNumbers:M=e.DEFAULT_SHOW_NUMBERS,clickable:R=e.DEFAULT_CLICKABLE,showConnectors:q=e.DEFAULT_SHOW_CONNECTORS,connectorStyle:m=e.DEFAULT_CONNECTOR_STYLE,alternativeLabel:g=e.DEFAULT_ALTERNATIVE_LABEL,completedIcon:Z,errorIcon:z,labelTypographyProps:K,descriptionTypographyProps:X,maxVisibleSteps:N,testId:Y,className:$,...k},G)=>{const P=H.useBearThemeOptional(),{direction:f}=H.useBearDirectionOptional(),[A,J]=T.useState(()=>typeof window<"u"?window.innerWidth:te);T.useEffect(()=>{const n=()=>J(window.innerWidth);return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]);const d=T.useMemo(()=>{if(N!=null)return ee.resolveMaxVisible(N,{width:A,theme:P});if(A<oe&&o.length>U)return U},[N,A,P,o.length]),a=W==="horizontal",v=e.STEP_INDICATOR_SIZES[u],j=e.STEP_LABEL_SIZES[u],C=a&&d!=null&&o.length>d,{visibleIndices:B,leftHidden:b,rightHidden:h}=T.useMemo(()=>{if(!C||d==null)return{visibleIndices:o.map((l,I)=>I),leftHidden:[],rightHidden:[]};const n=d,t=Math.floor(n/2),s=Math.max(0,Math.min(_-t,o.length-n)),i=Array.from({length:n},(l,I)=>s+I),c=[],p=[];for(let l=0;l<s;l++)c.push(l);for(let l=s+n;l<o.length;l++)p.push(l);return{visibleIndices:i,leftHidden:c,rightHidden:p}},[C,d,o,_]),w=(n,t,s)=>{const i=e.STEP_STATUS_CLASSES[s],c=L.resolveIndicatorContent(n,t,s,M,Z,z,r.jsx(ie,{}),r.jsx(Ee,{}));return r.jsx("div",{className:E.cn(e.STEP_INDICATOR_BASE,v,i.indicator,R&&!n.disabled&&e.STEP_CLICKABLE_CLASSES),onClick:()=>{R&&!n.disabled&&S&&S(t)},children:c})},O=(n,t)=>{if(!q||t)return null;const s=n<_;return a?r.jsx("div",{className:E.cn(e.CONNECTOR_HORIZONTAL_LAYOUT,s?e.CONNECTOR_STATUS.completed:e.CONNECTOR_STATUS.pending,m==="dashed"&&e.CONNECTOR_DASHED_CLASSES)}):r.jsx("div",{className:E.cn(e.CONNECTOR_BASE,e.CONNECTOR_VERTICAL,s?e.CONNECTOR_STATUS.completed:e.CONNECTOR_STATUS.pending,m==="dashed"&&e.CONNECTOR_DASHED_CLASSES)})},x=(n,t)=>{const s=e.STEP_STATUS_CLASSES[t],i={...K,...n.labelTypographyProps},c={...X,...n.descriptionTypographyProps};return r.jsxs(r.Fragment,{children:[r.jsx(F.Typography,{variant:"body2",...i,className:E.cn(e.STEP_LABEL_BASE,j.label,s.label,i==null?void 0:i.className),children:n.label}),n.description&&r.jsx(F.Typography,{variant:"caption",...c,className:E.cn(e.STEP_DESCRIPTION_CLASSES,j.description,c==null?void 0:c.className),children:n.description})]})},y=(n,t)=>{const s=L.resolveStepStatus(n,t,_);return r.jsxs("div",{className:E.cn(e.STEP_CONTENT_BASE,g?e.STEP_CONTENT_ALTERNATIVE:e.STEP_CONTENT_INLINE),children:[w(n,t,s),r.jsx("div",{className:E.cn(g?e.STEP_LABEL_ALTERNATIVE:e.STEP_LABEL_INLINE),children:x(n,s)})]})},Q=(n,t)=>{const s=L.resolveStepStatus(n,t,_);return r.jsxs(r.Fragment,{children:[r.jsx("div",{className:e.STEP_VERTICAL_INDICATOR_WRAP,children:w(n,t,s)}),r.jsxs("div",{className:e.STEP_VERTICAL_BODY,children:[x(n,s),n.content&&s==="active"&&r.jsx("div",{className:e.STEP_VERTICAL_CONTENT,children:n.content})]})]})},D=(n,t)=>r.jsx("div",{className:e.STEP_OVERFLOW_ROOT,children:r.jsx(ne.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsx("button",{type:"button",className:E.cn(e.STEP_INDICATOR_BASE,v,e.STEP_STATUS_CLASSES.pending.indicator,"bear-cursor-pointer bear-border-0"),"aria-label":t==="left"?e.OVERFLOW_LEFT_LABEL:e.OVERFLOW_RIGHT_LABEL,children:r.jsx(re.BearIcons.MoreHorizIcon,{size:se})}),items:n.map(s=>({key:`step-${s}`,label:o[s].label,disabled:o[s].disabled,onClick:()=>{o[s].disabled||S==null||S(s)}}))})},`overflow-${t}`);return r.jsxs("div",{ref:G,dir:f,className:E.cn(e.STEPPER_BASE_CLASSES,a?e.STEPPER_HORIZONTAL_CLASSES:e.STEPPER_VERTICAL_CLASSES,f==="rtl"&&a&&"bear-flex-row-reverse",$),"data-testid":Y,...k,children:[a&&!C&&o.map((n,t)=>r.jsxs(T.Fragment,{children:[y(n,t),O(t,t===o.length-1)]},t)),a&&C&&r.jsxs(r.Fragment,{children:[b.length>0&&r.jsxs(r.Fragment,{children:[D(b,"left"),O(-1,!1)]}),B.map((n,t)=>{const s=o[n],i=t===B.length-1&&h.length===0;return r.jsxs(T.Fragment,{children:[y(s,n),O(n,i)]},n)}),h.length>0&&D(h,"right")]}),!a&&o.map((n,t)=>r.jsxs("div",{className:E.cn("Bear-Stepper__step",e.STEP_WRAPPER_VERTICAL),children:[Q(n,t),O(t,t===o.length-1)]},t))]})});V.displayName="Stepper";exports.Stepper=V;

package/dist/components/Stepper/Stepper.js

@@ -5,7 +5,7 @@ import { resolveMaxVisible as de } from "../../utils/maxVisible.utils.js";
 import { cn as E } from "../../utils/cn.js";
 import { Typography as M } from "../Typography/Typography.js";
 import { Dropdown as _e } from "../Dropdown/Dropdown.js";
-import { BearIcons as Te } from "../Icon/index.js";
+import { BearIcons as Te } from "@forgedevstack/bear-icons";
 import { STEP_WRAPPER_VERTICAL as he, STEPPER_HORIZONTAL_CLASSES as Ne, STEPPER_VERTICAL_CLASSES as Oe, STEPPER_BASE_CLASSES as Se, DEFAULT_ORIENTATION as Ce, DEFAULT_SIZE as Ie, DEFAULT_SHOW_NUMBERS as Ae, DEFAULT_CLICKABLE as Le, DEFAULT_SHOW_CONNECTORS as me, DEFAULT_CONNECTOR_STYLE as Re, DEFAULT_ALTERNATIVE_LABEL as fe, STEP_LABEL_ALTERNATIVE as ue, STEP_LABEL_INLINE as ge, STEP_CONTENT_ALTERNATIVE as Pe, STEP_CONTENT_INLINE as ve, STEP_CONTENT_BASE as Be, CONNECTOR_DASHED_CLASSES as Z, CONNECTOR_STATUS as S, CONNECTOR_HORIZONTAL_LAYOUT as we, CONNECTOR_VERTICAL as be, CONNECTOR_BASE as pe, STEP_OVERFLOW_ROOT as He, OVERFLOW_LEFT_LABEL as We, OVERFLOW_RIGHT_LABEL as De, STEP_STATUS_CLASSES as m, STEP_INDICATOR_SIZES as Ve, STEP_INDICATOR_BASE as z, STEP_VERTICAL_INDICATOR_WRAP as ye, STEP_VERTICAL_BODY as Fe, STEP_VERTICAL_CONTENT as Ue, STEP_CLICKABLE_CLASSES as Me, STEP_LABEL_SIZES as Ze, STEP_LABEL_BASE as ze, STEP_DESCRIPTION_CLASSES as Ke, ERROR_ICON_VIEWBOX as Xe, ERROR_ICON_SIZE as K, CHECK_ICON_VIEWBOX as Ye, CHECK_ICON_SIZE as X, CHECK_ICON_POINTS as je } from "./Stepper.const.js";
 import { resolveStepStatus as Y, resolveIndicatorContent as $e } from "./Stepper.utils.js";
 const ke = 1200, Ge = 16, qe = 640, j = 3, Je = () => /* @__PURE__ */ t("svg", { width: X, height: X, viewBox: Ye, fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ t("polyline", { points: je }) }), Qe = () => /* @__PURE__ */ i("svg", { width: K, height: K, viewBox: Xe, fill: "none", stroke: "currentColor", strokeWidth: "3", children: [

package/dist/components/StreamingMessage/StreamingMessage.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../constants/generals.const.cjs"),N=require("../../utils/cn.cjs");require("react");const m=require("../../utils/generateBearId.utils.cjs"),I=require("../../utils/useBearId.cjs"),B=require("../../utils/liveRegion.utils.cjs"),n=require("../Box/Box.cjs"),i=require("../Typography/Typography.cjs"),s=require("./StreamingMessage.const.cjs"),p=o=>{const{id:c,testId:S,content:r,isStreaming:t=s.STREAMING_MESSAGE_DEFAULT_STREAMING,sender:g=s.STREAMING_MESSAGE_DEFAULT_SENDER,live:E=s.STREAMING_MESSAGE_DEFAULT_LIVE,translations:_,className:d}=o,l=I.useBearId(a.COMPONENT_NAME_STREAMING_MESSAGE),u=m.resolveBearId(c,l),M={...s.STREAMING_MESSAGE_DEFAULT_TRANSLATIONS,..._},A=E&&t?B.getBearLiveRegionProps("info"):{},T=typeof r=="string"?r:void 0;return e.jsxs(n.Box,{id:u,"data-testid":S,className:N.cn("Bear-StreamingMessage",`Bear-StreamingMessage--${g}`,d),...A,children:[e.jsxs(i.Typography,{variant:"body2",children:[r,t&&e.jsx(n.Box,{as:"span",className:"Bear-StreamingMessage__cursor","aria-hidden":a.BOOLEAN_FALSE})]}),t&&T&&e.jsx(i.Typography,{variant:"caption",className:"Bear-StreamingMessage__status",children:M.streamingLabel})]})};exports.StreamingMessage=p;

package/dist/components/StreamingMessage/StreamingMessage.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../constants/generals.const.cjs"),S={streamingLabel:"Streaming"},A="assistant",_=E.BOOLEAN_FALSE,T=E.BOOLEAN_TRUE;exports.STREAMING_MESSAGE_DEFAULT_LIVE=T;exports.STREAMING_MESSAGE_DEFAULT_SENDER=A;exports.STREAMING_MESSAGE_DEFAULT_STREAMING=_;exports.STREAMING_MESSAGE_DEFAULT_TRANSLATIONS=S;

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

@@ -0,0 +1,5 @@
+import { StreamingMessageSender, StreamingMessageTranslations } from './StreamingMessage.types';
+export declare const STREAMING_MESSAGE_DEFAULT_TRANSLATIONS: StreamingMessageTranslations;
+export declare const STREAMING_MESSAGE_DEFAULT_SENDER: StreamingMessageSender;
+export declare const STREAMING_MESSAGE_DEFAULT_STREAMING = false;
+export declare const STREAMING_MESSAGE_DEFAULT_LIVE = true;

package/dist/components/StreamingMessage/StreamingMessage.const.js

@@ -0,0 +1,10 @@
+import { BOOLEAN_FALSE as E, BOOLEAN_TRUE as A } from "../../constants/generals.const.js";
+const _ = {
+  streamingLabel: "Streaming"
+}, T = "assistant", t = E, L = A;
+export {
+  L as STREAMING_MESSAGE_DEFAULT_LIVE,
+  T as STREAMING_MESSAGE_DEFAULT_SENDER,
+  t as STREAMING_MESSAGE_DEFAULT_STREAMING,
+  _ as STREAMING_MESSAGE_DEFAULT_TRANSLATIONS
+};

package/dist/components/StreamingMessage/StreamingMessage.d.ts

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

package/dist/components/StreamingMessage/StreamingMessage.js

@@ -0,0 +1,48 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { COMPONENT_NAME_STREAMING_MESSAGE as N, BOOLEAN_FALSE as T } from "../../constants/generals.const.js";
+import { cn as l } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as I } from "../../utils/generateBearId.utils.js";
+import { useBearId as f } from "../../utils/useBearId.js";
+import { getBearLiveRegionProps as G } from "../../utils/liveRegion.utils.js";
+import { Box as a } from "../Box/Box.js";
+import { Typography as o } from "../Typography/Typography.js";
+import { STREAMING_MESSAGE_DEFAULT_STREAMING as L, STREAMING_MESSAGE_DEFAULT_SENDER as B, STREAMING_MESSAGE_DEFAULT_LIVE as R, STREAMING_MESSAGE_DEFAULT_TRANSLATIONS as v } from "./StreamingMessage.const.js";
+const j = (i) => {
+  const {
+    id: n,
+    testId: m,
+    content: e,
+    isStreaming: r = L,
+    sender: E = B,
+    live: S = R,
+    translations: A,
+    className: _
+  } = i, c = f(N), d = I(n, c), p = { ...v, ...A }, M = S && r ? G("info") : {}, g = typeof e == "string" ? e : void 0;
+  return /* @__PURE__ */ t(
+    a,
+    {
+      id: d,
+      "data-testid": m,
+      className: l("Bear-StreamingMessage", `Bear-StreamingMessage--${E}`, _),
+      ...M,
+      children: [
+        /* @__PURE__ */ t(o, { variant: "body2", children: [
+          e,
+          r && /* @__PURE__ */ s(
+            a,
+            {
+              as: "span",
+              className: "Bear-StreamingMessage__cursor",
+              "aria-hidden": T
+            }
+          )
+        ] }),
+        r && g && /* @__PURE__ */ s(o, { variant: "caption", className: "Bear-StreamingMessage__status", children: p.streamingLabel })
+      ]
+    }
+  );
+};
+export {
+  j as StreamingMessage
+};

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type StreamingMessageSender = 'user' | 'assistant' | 'bot' | 'system';
+export interface StreamingMessageTranslations {
+    streamingLabel: string;
+}
+export interface StreamingMessageProps {
+    id?: string;
+    testId?: string;
+    content: ReactNode;
+    isStreaming?: boolean;
+    sender?: StreamingMessageSender;
+    live?: boolean;
+    translations?: Partial<StreamingMessageTranslations>;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { StreamingMessage } from './StreamingMessage';
+export type { StreamingMessageProps, StreamingMessageSender, StreamingMessageTranslations, } from './StreamingMessage.types';

package/dist/components/Tabs/TabList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),C=require("../../utils/cn.cjs"),z=require("../../context/BearProvider.cjs"),B=require("../../utils/maxVisible.utils.cjs"),I=require("../Dropdown/Dropdown.cjs"),L=require("../Icon/index.cjs"),N=require("./Tabs.cjs");function S(n){var l;return o.isValidElement(n)&&typeof n.type!="string"&&((l=n.props)==null?void 0:l.id)!=null}const _=({children:n,maxVisibleTabs:l,wrap:i=!1,className:q})=>{const f=o.useContext(N.TabsContext);if(!f)throw new Error("TabList must be used within Tabs");const v=z.useBearThemeOptional(),[x,E]=o.useState(()=>typeof window<"u"?window.innerWidth:1200);o.useEffect(()=>{const e=()=>E(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const a=o.useMemo(()=>B.resolveMaxVisible(l,{width:x,theme:v}),[l,x,v]),{activeTab:b,setActiveTab:M,variant:s}=f,w=o.Children.toArray(n).filter(S),c=w.map(e=>({id:e.props.id,label:e.props.children,disabled:e.props.disabled})),d=b?[b,...c.map(e=>e.id).filter(e=>e!==b)]:c.map(e=>e.id),h=a??d.length,k=d.slice(0,h),u=d.slice(h),p=u.includes(b),y=C.cn("Bear-Tabs__list",`Bear-Tabs__list--${s}`,a!=null&&!i&&"bear-flex bear-w-full bear-min-w-0 bear-items-stretch",(!a||i)&&"bear-flex bear-gap-1",i&&"bear-flex-wrap",!i&&!a&&"bear-gap-1",s==="line"&&"bear-border-b",s==="pills"&&"bear-p-1 bear-rounded-lg",s==="enclosed"&&"bear-border-b",q),g={...s==="line"||s==="enclosed"?{borderColor:"var(--bear-border-default)"}:{},...s==="pills"?{backgroundColor:"var(--bear-bg-tertiary)"}:{}},T=t.jsx(t.Fragment,{children:a!=null?k.map(e=>{const r=w.find(m=>m.props.id===e);return r?o.cloneElement(r,{key:r.props.id}):null}):n}),j=a!=null&&u.length>0?t.jsx("div",{className:"bear-flex bear-h-full bear-flex-shrink-0 bear-items-stretch",children:t.jsx(I.Dropdown,{placement:"bottom-end",closeOnSelect:!0,trigger:t.jsx("button",{type:"button",role:"tab","aria-haspopup":"listbox","aria-label":"More tabs",className:C.cn("bear-flex bear-h-full bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors bear-border-0 bear-cursor-pointer",s==="pills"&&"bear-rounded-md",p&&"bear-shadow-sm",!p&&"hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-[var(--bear-text-primary)]"),style:p?{backgroundColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:{color:"var(--bear-text-muted)"},children:t.jsx(L.BearIcons.MoreHorizIcon,{size:18})}),items:u.map(e=>{const r=c.find(m=>m.id===e);return{key:e,label:(r==null?void 0:r.label)??e,disabled:r==null?void 0:r.disabled,onClick:()=>M(e)}})})}):null;return a!=null&&!i?t.jsxs("div",{role:"tablist",className:y,style:g,children:[t.jsx("div",{className:"bear-flex bear-min-w-0 bear-flex-1 bear-items-center bear-gap-1 bear-overflow-x-auto bear-overflow-y-visible bear-flex-nowrap",children:T}),j]}):t.jsxs("div",{role:"tablist",className:y,style:g,children:[T,j]})};exports.TabList=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),C=require("../../utils/cn.cjs"),I=require("../../context/BearProvider.cjs"),z=require("../../utils/maxVisible.utils.cjs"),B=require("../Dropdown/Dropdown.cjs"),L=require("@forgedevstack/bear-icons"),N=require("./Tabs.cjs");function S(n){var l;return o.isValidElement(n)&&typeof n.type!="string"&&((l=n.props)==null?void 0:l.id)!=null}const _=({children:n,maxVisibleTabs:l,wrap:i=!1,className:q})=>{const f=o.useContext(N.TabsContext);if(!f)throw new Error("TabList must be used within Tabs");const v=I.useBearThemeOptional(),[x,E]=o.useState(()=>typeof window<"u"?window.innerWidth:1200);o.useEffect(()=>{const e=()=>E(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const a=o.useMemo(()=>z.resolveMaxVisible(l,{width:x,theme:v}),[l,x,v]),{activeTab:b,setActiveTab:M,variant:s}=f,w=o.Children.toArray(n).filter(S),c=w.map(e=>({id:e.props.id,label:e.props.children,disabled:e.props.disabled})),d=b?[b,...c.map(e=>e.id).filter(e=>e!==b)]:c.map(e=>e.id),h=a??d.length,k=d.slice(0,h),u=d.slice(h),p=u.includes(b),y=C.cn("Bear-Tabs__list",`Bear-Tabs__list--${s}`,a!=null&&!i&&"bear-flex bear-w-full bear-min-w-0 bear-items-stretch",(!a||i)&&"bear-flex bear-gap-1",i&&"bear-flex-wrap",!i&&!a&&"bear-gap-1",s==="line"&&"bear-border-b",s==="pills"&&"bear-p-1 bear-rounded-lg",s==="enclosed"&&"bear-border-b",q),g={...s==="line"||s==="enclosed"?{borderColor:"var(--bear-border-default)"}:{},...s==="pills"?{backgroundColor:"var(--bear-bg-tertiary)"}:{}},T=t.jsx(t.Fragment,{children:a!=null?k.map(e=>{const r=w.find(m=>m.props.id===e);return r?o.cloneElement(r,{key:r.props.id}):null}):n}),j=a!=null&&u.length>0?t.jsx("div",{className:"bear-flex bear-h-full bear-flex-shrink-0 bear-items-stretch",children:t.jsx(B.Dropdown,{placement:"bottom-end",closeOnSelect:!0,trigger:t.jsx("button",{type:"button",role:"tab","aria-haspopup":"listbox","aria-label":"More tabs",className:C.cn("bear-flex bear-h-full bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors bear-border-0 bear-cursor-pointer",s==="pills"&&"bear-rounded-md",p&&"bear-shadow-sm",!p&&"hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-[var(--bear-text-primary)]"),style:p?{backgroundColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:{color:"var(--bear-text-muted)"},children:t.jsx(L.BearIcons.MoreHorizIcon,{size:18})}),items:u.map(e=>{const r=c.find(m=>m.id===e);return{key:e,label:(r==null?void 0:r.label)??e,disabled:r==null?void 0:r.disabled,onClick:()=>M(e)}})})}):null;return a!=null&&!i?t.jsxs("div",{role:"tablist",className:y,style:g,children:[t.jsx("div",{className:"bear-flex bear-min-w-0 bear-flex-1 bear-items-center bear-gap-1 bear-overflow-x-auto bear-overflow-y-visible bear-flex-nowrap",children:T}),j]}):t.jsxs("div",{role:"tablist",className:y,style:g,children:[T,j]})};exports.TabList=_;