@forgedevstack/bear 1.3.2 → 1.3.4

package/dist/components/Skeleton/Skeleton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("react"),_=require("../../utils/cn.cjs"),d=require("./Skeleton.const.cjs"),j=require("./Skeleton.utils.cjs"),a=S.forwardRef(({variant:e="text",animation:r="pulse",width:l,height:s,borderRadius:o,count:i=1,gap:u=8,className:n,style:f,testId:k,...N},m)=>{S.useEffect(()=>{r==="wave"&&j.injectStyles()},[r]);const x=c=>{if(c!==void 0)return typeof c=="number"?`${c}px`:c},p={width:x(l),height:x(s)||(e==="text"?d.SKELETON_TEXT_HEIGHT:void 0),borderRadius:o?x(o):void 0,...f},y=_.cn(d.SKELETON_BASE_CLASSES,d.SKELETON_VARIANT_CLASSES[e],d.SKELETON_ANIMATION_CLASSES[r],d.SKELETON_BG_CLASSES,n);return i>1?t.jsx("div",{className:"Bear-Skeleton__group flex flex-col",style:{gap:x(u)},"data-testid":k,children:Array.from({length:i}).map((c,g)=>t.jsx("div",{ref:g===0?m:void 0,className:y,style:p,...N},g))}):t.jsx("div",{ref:m,className:y,style:p,"data-testid":k,...N})});a.displayName="Skeleton";const E=S.forwardRef(({lines:e=3,lastLineWidth:r="80%",gap:l=8,animation:s="pulse",...o},i)=>{S.useEffect(()=>{s==="wave"&&j.injectStyles()},[s]);const u=n=>{if(n!==void 0)return typeof n=="number"?`${n}px`:n};return t.jsx("div",{ref:i,className:"Bear-SkeletonText flex flex-col",style:{gap:u(l)},children:Array.from({length:e}).map((n,f)=>t.jsx(a,{variant:"text",animation:s,width:f===e-1?r:"100%",...o},f))})});E.displayName="SkeletonText";const h=S.forwardRef(({size:e="md",animation:r="pulse",...l},s)=>{const o=typeof e=="number"?e:d.SKELETON_AVATAR_SIZES[e];return t.jsx(a,{ref:s,variant:"circular",animation:r,width:o,height:o,...l})});h.displayName="SkeletonAvatar";const A=S.forwardRef(({animation:e="pulse",className:r,...l},s)=>t.jsxs("div",{ref:s,className:_.cn("Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",r),...l,children:[t.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[t.jsx(h,{animation:e}),t.jsxs("div",{className:"flex-1",children:[t.jsx(a,{animation:e,width:"60%",height:16,className:"mb-2"}),t.jsx(a,{animation:e,width:"40%",height:12})]})]}),t.jsx(E,{animation:e,lines:3})]}));A.displayName="SkeletonCard";exports.Skeleton=a;exports.SkeletonAvatar=h;exports.SkeletonCard=A;exports.SkeletonText=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),j=require("../../utils/cn.cjs"),S=require("./Skeleton.const.cjs"),A=require("./Skeleton.utils.cjs"),c=d.forwardRef(({variant:e="text",animation:r="pulse",width:l,height:s,borderRadius:o,count:i=1,gap:u=8,className:n,style:f,testId:p,...N},y)=>{d.useEffect(()=>{r==="wave"&&A.injectStyles()},[r]);const x=a=>{if(a!==void 0)return typeof a=="number"?`${a}px`:a},E={width:x(l),height:x(s)||(e==="text"?S.SKELETON_TEXT_HEIGHT:void 0),borderRadius:o?x(o):void 0,...f},g=j.cn(S.SKELETON_BASE_CLASSES,S.SKELETON_VARIANT_CLASSES[e],r==="pulse"&&"Bear-Skeleton--pulse",S.SKELETON_ANIMATION_CLASSES[r],n);return i>1?t.jsx("div",{className:"Bear-Skeleton__group flex flex-col",style:{gap:x(u)},"data-testid":p,children:Array.from({length:i}).map((a,m)=>t.jsx("div",{ref:m===0?y:void 0,className:g,style:E,...N},m))}):t.jsx("div",{ref:y,className:g,style:E,"data-testid":p,...N})});c.displayName="Skeleton";const k=d.forwardRef(({lines:e=3,lastLineWidth:r="80%",gap:l=8,animation:s="pulse",...o},i)=>{d.useEffect(()=>{s==="wave"&&A.injectStyles()},[s]);const u=n=>{if(n!==void 0)return typeof n=="number"?`${n}px`:n};return t.jsx("div",{ref:i,className:"Bear-SkeletonText flex flex-col",style:{gap:u(l)},children:Array.from({length:e}).map((n,f)=>t.jsx(c,{variant:"text",animation:s,width:f===e-1?r:"100%",...o},f))})});k.displayName="SkeletonText";const h=d.forwardRef(({size:e="md",animation:r="pulse",...l},s)=>{const o=typeof e=="number"?e:S.SKELETON_AVATAR_SIZES[e];return t.jsx(c,{ref:s,variant:"circular",animation:r,width:o,height:o,...l})});h.displayName="SkeletonAvatar";const T=d.forwardRef(({animation:e="pulse",className:r,...l},s)=>t.jsxs("div",{ref:s,className:j.cn("Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",r),...l,children:[t.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[t.jsx(h,{animation:e}),t.jsxs("div",{className:"flex-1",children:[t.jsx(c,{animation:e,width:"60%",height:16,className:"mb-2"}),t.jsx(c,{animation:e,width:"40%",height:12})]})]}),t.jsx(k,{animation:e,lines:3})]}));T.displayName="SkeletonCard";exports.Skeleton=c;exports.SkeletonAvatar=h;exports.SkeletonCard=T;exports.SkeletonText=k;

package/dist/components/Skeleton/Skeleton.const.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Skeleton relative overflow-hidden",n={text:"rounded",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-lg"},a={pulse:"animate-pulse",wave:"Bear-Skeleton--wave",none:""},r="bg-gray-200 dark:bg-zinc-700",S=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Skeleton relative overflow-hidden",n={text:"rounded",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-lg"},a={pulse:"animate-pulse",wave:"Bear-Skeleton--wave",none:""},r=`
   @keyframes Bear-Skeleton-wave {
     0% {
       transform: translateX(-100%);
@@ -33,4 +33,4 @@
       transparent
     );
   }
-`,t="1em",E={sm:32,md:40,lg:56};exports.SKELETON_ANIMATION_CLASSES=a;exports.SKELETON_AVATAR_SIZES=E;exports.SKELETON_BASE_CLASSES=e;exports.SKELETON_BG_CLASSES=r;exports.SKELETON_TEXT_HEIGHT=t;exports.SKELETON_VARIANT_CLASSES=n;exports.SKELETON_WAVE_STYLES=S;
+`,t="1em",S={sm:32,md:40,lg:56};exports.SKELETON_ANIMATION_CLASSES=a;exports.SKELETON_AVATAR_SIZES=S;exports.SKELETON_BASE_CLASSES=e;exports.SKELETON_TEXT_HEIGHT=t;exports.SKELETON_VARIANT_CLASSES=n;exports.SKELETON_WAVE_STYLES=r;

package/dist/components/Skeleton/Skeleton.const.js

@@ -7,7 +7,7 @@ const e = "Bear-Skeleton relative overflow-hidden", n = {
   pulse: "animate-pulse",
   wave: "Bear-Skeleton--wave",
   none: ""
-}, r = "bg-gray-200 dark:bg-zinc-700", t = `
+}, r = `
   @keyframes Bear-Skeleton-wave {
     0% {
       transform: translateX(-100%);
@@ -42,17 +42,16 @@ const e = "Bear-Skeleton relative overflow-hidden", n = {
       transparent
     );
   }
-`, o = "1em", S = {
+`, t = "1em", o = {
   sm: 32,
   md: 40,
   lg: 56
 };
 export {
   a as SKELETON_ANIMATION_CLASSES,
-  S as SKELETON_AVATAR_SIZES,
+  o as SKELETON_AVATAR_SIZES,
   e as SKELETON_BASE_CLASSES,
-  r as SKELETON_BG_CLASSES,
-  o as SKELETON_TEXT_HEIGHT,
+  t as SKELETON_TEXT_HEIGHT,
   n as SKELETON_VARIANT_CLASSES,
-  t as SKELETON_WAVE_STYLES
+  r as SKELETON_WAVE_STYLES
 };

package/dist/components/Skeleton/Skeleton.js

@@ -1,88 +1,88 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as m, useEffect as _ } from "react";
-import { cn as k } from "../../utils/cn.js";
-import { SKELETON_BG_CLASSES as v, SKELETON_ANIMATION_CLASSES as b, SKELETON_VARIANT_CLASSES as L, SKELETON_BASE_CLASSES as w, SKELETON_TEXT_HEIGHT as C, SKELETON_AVATAR_SIZES as O } from "./Skeleton.const.js";
-import { injectStyles as x } from "./Skeleton.utils.js";
-const S = m(
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as m, useEffect as u } from "react";
+import { cn as x } from "../../utils/cn.js";
+import { SKELETON_ANIMATION_CLASSES as v, SKELETON_VARIANT_CLASSES as b, SKELETON_BASE_CLASSES as w, SKELETON_TEXT_HEIGHT as L, SKELETON_AVATAR_SIZES as C } from "./Skeleton.const.js";
+import { injectStyles as A } from "./Skeleton.utils.js";
+const a = m(
   ({
     variant: e = "text",
-    animation: r = "pulse",
+    animation: t = "pulse",
     width: s,
     height: l,
     borderRadius: o,
-    count: a = 1,
-    gap: p = 8,
+    count: S = 1,
+    gap: f = 8,
     className: d,
     style: n,
     testId: h,
-    ...E
-  }, N) => {
-    _(() => {
-      r === "wave" && x();
-    }, [r]);
+    ...N
+  }, E) => {
+    u(() => {
+      t === "wave" && A();
+    }, [t]);
     const c = (i) => {
       if (i !== void 0)
         return typeof i == "number" ? `${i}px` : i;
     }, g = {
       width: c(s),
-      height: c(l) || (e === "text" ? C : void 0),
+      height: c(l) || (e === "text" ? L : void 0),
       borderRadius: o ? c(o) : void 0,
       ...n
-    }, y = k(
+    }, k = x(
       w,
-      L[e],
-      b[r],
-      v,
+      b[e],
+      t === "pulse" && "Bear-Skeleton--pulse",
+      v[t],
       d
     );
-    return a > 1 ? /* @__PURE__ */ t(
+    return S > 1 ? /* @__PURE__ */ r(
       "div",
       {
         className: "Bear-Skeleton__group flex flex-col",
-        style: { gap: c(p) },
+        style: { gap: c(f) },
         "data-testid": h,
-        children: Array.from({ length: a }).map((i, A) => /* @__PURE__ */ t(
+        children: Array.from({ length: S }).map((i, y) => /* @__PURE__ */ r(
           "div",
           {
-            ref: A === 0 ? N : void 0,
-            className: y,
+            ref: y === 0 ? E : void 0,
+            className: k,
             style: g,
-            ...E
+            ...N
           },
-          A
+          y
         ))
       }
-    ) : /* @__PURE__ */ t(
+    ) : /* @__PURE__ */ r(
       "div",
       {
-        ref: N,
-        className: y,
+        ref: E,
+        className: k,
         style: g,
         "data-testid": h,
-        ...E
+        ...N
       }
     );
   }
 );
-S.displayName = "Skeleton";
+a.displayName = "Skeleton";
 const T = m(
-  ({ lines: e = 3, lastLineWidth: r = "80%", gap: s = 8, animation: l = "pulse", ...o }, a) => (_(() => {
-    l === "wave" && x();
-  }, [l]), /* @__PURE__ */ t(
+  ({ lines: e = 3, lastLineWidth: t = "80%", gap: s = 8, animation: l = "pulse", ...o }, S) => (u(() => {
+    l === "wave" && A();
+  }, [l]), /* @__PURE__ */ r(
     "div",
     {
-      ref: a,
+      ref: S,
       className: "Bear-SkeletonText flex flex-col",
       style: { gap: ((d) => {
         if (d !== void 0)
           return typeof d == "number" ? `${d}px` : d;
       })(s) },
-      children: Array.from({ length: e }).map((d, n) => /* @__PURE__ */ t(
-        S,
+      children: Array.from({ length: e }).map((d, n) => /* @__PURE__ */ r(
+        a,
         {
           variant: "text",
           animation: l,
-          width: n === e - 1 ? r : "100%",
+          width: n === e - 1 ? t : "100%",
           ...o
         },
         n
@@ -91,15 +91,15 @@ const T = m(
   ))
 );
 T.displayName = "SkeletonText";
-const u = m(
-  ({ size: e = "md", animation: r = "pulse", ...s }, l) => {
-    const o = typeof e == "number" ? e : O[e];
-    return /* @__PURE__ */ t(
-      S,
+const _ = m(
+  ({ size: e = "md", animation: t = "pulse", ...s }, l) => {
+    const o = typeof e == "number" ? e : C[e];
+    return /* @__PURE__ */ r(
+      a,
       {
         ref: l,
         variant: "circular",
-        animation: r,
+        animation: t,
         width: o,
         height: o,
         ...s
@@ -107,34 +107,34 @@ const u = m(
     );
   }
 );
-u.displayName = "SkeletonAvatar";
-const K = m(
-  ({ animation: e = "pulse", className: r, ...s }, l) => /* @__PURE__ */ f(
+_.displayName = "SkeletonAvatar";
+const O = m(
+  ({ animation: e = "pulse", className: t, ...s }, l) => /* @__PURE__ */ p(
     "div",
     {
       ref: l,
-      className: k(
+      className: x(
         "Bear-SkeletonCard p-4 rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900",
-        r
+        t
       ),
       ...s,
       children: [
-        /* @__PURE__ */ f("div", { className: "flex items-center gap-3 mb-4", children: [
-          /* @__PURE__ */ t(u, { animation: e }),
-          /* @__PURE__ */ f("div", { className: "flex-1", children: [
-            /* @__PURE__ */ t(S, { animation: e, width: "60%", height: 16, className: "mb-2" }),
-            /* @__PURE__ */ t(S, { animation: e, width: "40%", height: 12 })
+        /* @__PURE__ */ p("div", { className: "flex items-center gap-3 mb-4", children: [
+          /* @__PURE__ */ r(_, { animation: e }),
+          /* @__PURE__ */ p("div", { className: "flex-1", children: [
+            /* @__PURE__ */ r(a, { animation: e, width: "60%", height: 16, className: "mb-2" }),
+            /* @__PURE__ */ r(a, { animation: e, width: "40%", height: 12 })
           ] })
         ] }),
-        /* @__PURE__ */ t(T, { animation: e, lines: 3 })
+        /* @__PURE__ */ r(T, { animation: e, lines: 3 })
       ]
     }
   )
 );
-K.displayName = "SkeletonCard";
+O.displayName = "SkeletonCard";
 export {
-  S as Skeleton,
-  u as SkeletonAvatar,
-  K as SkeletonCard,
+  a as Skeleton,
+  _ as SkeletonAvatar,
+  O as SkeletonCard,
   T as SkeletonText
 };

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/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/ThemeSwitcher/ThemeSwitcher.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),I=require("../../constants/generals.const.cjs"),_=require("../../utils/cn.cjs");require("react");const q=require("../../utils/generateBearId.utils.cjs"),v=require("../../utils/useBearId.cjs"),B=require("../../context/BearProvider.cjs"),g=require("../Button/Button.cjs"),N=require("../Flex/Flex.cjs"),c=require("./ThemeSwitcher.const.cjs"),C=n=>{const{id:a,testId:o,value:t,onChange:r,translations:i,className:l}=n,u=v.useBearId(I.COMPONENT_NAME_THEME_SWITCHER),d=q.resolveBearId(a,u),{colorScheme:T,setColorScheme:S}=B.useBear(),h=t??T,m={...c.THEME_SWITCHER_DEFAULT_TRANSLATIONS,...i},E=e=>{t===void 0&&S(e),r==null||r(e)};return s.jsx(N.Flex,{id:d,testId:o,className:_.cn("Bear-ThemeSwitcher",l),align:"center",gap:1,children:c.THEME_SWITCHER_OPTIONS.map(e=>s.jsx(g.Button,{type:"button",size:"sm",variant:h===e.value?"primary":"ghost",onClick:()=>E(e.value),children:m[e.labelKey]},e.value))})};exports.ThemeSwitcher=C;

package/dist/components/ThemeSwitcher/ThemeSwitcher.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../constants/generals.const.cjs"),e={lightLabel:E.LABEL_THEME_LIGHT,darkLabel:E.LABEL_THEME_DARK,systemLabel:E.LABEL_THEME_SYSTEM},T=[{value:E.COLOR_SCHEME_LIGHT,labelKey:"lightLabel"},{value:E.COLOR_SCHEME_DARK,labelKey:"darkLabel"},{value:E.COLOR_SCHEME_SYSTEM,labelKey:"systemLabel"}];exports.THEME_SWITCHER_DEFAULT_TRANSLATIONS=e;exports.THEME_SWITCHER_OPTIONS=T;

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

@@ -0,0 +1,7 @@
+import { BearColorScheme } from '../../context/bearProvider.types';
+import { ThemeSwitcherTranslations } from './ThemeSwitcher.types';
+export declare const THEME_SWITCHER_DEFAULT_TRANSLATIONS: ThemeSwitcherTranslations;
+export declare const THEME_SWITCHER_OPTIONS: {
+    value: BearColorScheme;
+    labelKey: keyof ThemeSwitcherTranslations;
+}[];

package/dist/components/ThemeSwitcher/ThemeSwitcher.const.js

@@ -0,0 +1,14 @@
+import { COLOR_SCHEME_LIGHT as E, COLOR_SCHEME_DARK as L, COLOR_SCHEME_SYSTEM as e, LABEL_THEME_SYSTEM as l, LABEL_THEME_DARK as _, LABEL_THEME_LIGHT as T } from "../../constants/generals.const.js";
+const H = {
+  lightLabel: T,
+  darkLabel: _,
+  systemLabel: l
+}, S = [
+  { value: E, labelKey: "lightLabel" },
+  { value: L, labelKey: "darkLabel" },
+  { value: e, labelKey: "systemLabel" }
+];
+export {
+  H as THEME_SWITCHER_DEFAULT_TRANSLATIONS,
+  S as THEME_SWITCHER_OPTIONS
+};

package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts

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

package/dist/components/ThemeSwitcher/ThemeSwitcher.js

@@ -0,0 +1,39 @@
+import { jsx as o } from "react/jsx-runtime";
+import { COMPONENT_NAME_THEME_SWITCHER as I } from "../../constants/generals.const.js";
+import { cn as S } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as h } from "../../utils/generateBearId.utils.js";
+import { useBearId as u } from "../../utils/useBearId.js";
+import { useBear as N } from "../../context/BearProvider.js";
+import { Button as _ } from "../Button/Button.js";
+import { Flex as v } from "../Flex/Flex.js";
+import { THEME_SWITCHER_OPTIONS as C, THEME_SWITCHER_DEFAULT_TRANSLATIONS as H } from "./ThemeSwitcher.const.js";
+const w = (m) => {
+  const { id: a, testId: s, value: t, onChange: r, translations: i, className: l } = m, c = u(I), n = h(a, c), { colorScheme: d, setColorScheme: T } = N(), p = t ?? d, E = { ...H, ...i }, f = (e) => {
+    t === void 0 && T(e), r == null || r(e);
+  };
+  return /* @__PURE__ */ o(
+    v,
+    {
+      id: n,
+      testId: s,
+      className: S("Bear-ThemeSwitcher", l),
+      align: "center",
+      gap: 1,
+      children: C.map((e) => /* @__PURE__ */ o(
+        _,
+        {
+          type: "button",
+          size: "sm",
+          variant: p === e.value ? "primary" : "ghost",
+          onClick: () => f(e.value),
+          children: E[e.labelKey]
+        },
+        e.value
+      ))
+    }
+  );
+};
+export {
+  w as ThemeSwitcher
+};

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

@@ -0,0 +1,14 @@
+import { BearColorScheme } from '../../context/bearProvider.types';
+export interface ThemeSwitcherTranslations {
+    lightLabel: string;
+    darkLabel: string;
+    systemLabel: string;
+}
+export interface ThemeSwitcherProps {
+    id?: string;
+    testId?: string;
+    value?: BearColorScheme;
+    onChange?: (scheme: BearColorScheme) => void;
+    translations?: Partial<ThemeSwitcherTranslations>;
+    className?: string;
+}