@forgedevstack/bear 1.2.7 → 1.2.9

package/dist/components/AppShell/AppShell.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),e=require("./AppShell.const.cjs"),_=require("../../utils/cn.cjs");require("react");const I=require("../../utils/generateBearId.utils.cjs"),N=require("../../utils/useBearId.cjs"),T=r=>{const{header:A,navbar:L,aside:s,footer:E,children:P,navbarCollapsed:a=e.APP_SHELL_DEFAULT_NAVBAR_COLLAPSED,navbarWidth:d=e.APP_SHELL_DEFAULT_NAVBAR_WIDTH,stickyHeader:i=e.APP_SHELL_DEFAULT_STICKY_HEADER,stickyFooter:c=e.APP_SHELL_DEFAULT_STICKY_FOOTER,padding:n=e.APP_SHELL_DEFAULT_PADDING,className:t,id:l,testId:H,...o}=r,C=N.useBearId("AppShell"),D=I.resolveBearId(l,C);return S.jsxs("div",{...o,id:D,"data-testid":H,className:_.cn(e.APP_SHELL_ROOT_CLASS,e.APP_SHELL_BASE_CLASSES,t),children:[A&&S.jsx("div",{className:_.cn(e.APP_SHELL_HEADER_CLASSES,i&&e.APP_SHELL_HEADER_STICKY_CLASS),children:A}),S.jsxs("div",{className:e.APP_SHELL_BODY_CLASSES,children:[L!==void 0&&S.jsx("aside",{className:_.cn(e.APP_SHELL_NAVBAR_BASE_CLASSES,a?e.APP_SHELL_NAVBAR_COLLAPSED_CLASS:e.APP_SHELL_NAVBAR_WIDTH_CLASSES[d]),"aria-hidden":a||void 0,children:L}),S.jsx("main",{className:_.cn(e.APP_SHELL_MAIN_CLASSES,n&&e.APP_SHELL_MAIN_PADDING_CLASS),children:P}),s&&S.jsx("aside",{className:e.APP_SHELL_ASIDE_CLASSES,children:s})]}),E&&S.jsx("div",{className:_.cn(e.APP_SHELL_FOOTER_CLASSES,c&&e.APP_SHELL_FOOTER_STICKY_CLASS),children:E})]})};exports.AppShell=T;

package/dist/components/AppShell/AppShell.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-AppShell",S=!1,r="md",A=!0,L=!1,e=!0,a="bear-flex bear-flex-col bear-min-h-0 bear-w-full bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]",E=`${_}__body bear-flex bear-flex-1 bear-min-h-0 bear-w-full`,b=`${_}__header bear-w-full bear-z-30 bear-bg-[var(--bear-bg-primary)] bear-border-b bear-border-[var(--bear-border-default)]`,P="bear-sticky bear-top-0",o=`${_}__navbar bear-flex-shrink-0 bear-overflow-y-auto bear-border-e bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)]`,H={sm:"bear-w-56",md:"bear-w-64",lg:"bear-w-72"},t="bear-w-0 bear-overflow-hidden bear-border-e-0",C=`${_}__main bear-flex-1 bear-min-w-0 bear-overflow-auto`,D="bear-p-4 md:bear-p-6",l=`${_}__aside bear-w-64 bear-flex-shrink-0 bear-overflow-y-auto bear-border-s bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)] bear-hidden lg:bear-block`,d=`${_}__footer bear-w-full bear-z-20 bear-bg-[var(--bear-bg-primary)] bear-border-t bear-border-[var(--bear-border-default)]`,n="bear-sticky bear-bottom-0";exports.APP_SHELL_ASIDE_CLASSES=l;exports.APP_SHELL_BASE_CLASSES=a;exports.APP_SHELL_BODY_CLASSES=E;exports.APP_SHELL_DEFAULT_NAVBAR_COLLAPSED=S;exports.APP_SHELL_DEFAULT_NAVBAR_WIDTH=r;exports.APP_SHELL_DEFAULT_PADDING=e;exports.APP_SHELL_DEFAULT_STICKY_FOOTER=L;exports.APP_SHELL_DEFAULT_STICKY_HEADER=A;exports.APP_SHELL_FOOTER_CLASSES=d;exports.APP_SHELL_FOOTER_STICKY_CLASS=n;exports.APP_SHELL_HEADER_CLASSES=b;exports.APP_SHELL_HEADER_STICKY_CLASS=P;exports.APP_SHELL_MAIN_CLASSES=C;exports.APP_SHELL_MAIN_PADDING_CLASS=D;exports.APP_SHELL_NAVBAR_BASE_CLASSES=o;exports.APP_SHELL_NAVBAR_COLLAPSED_CLASS=t;exports.APP_SHELL_NAVBAR_WIDTH_CLASSES=H;exports.APP_SHELL_ROOT_CLASS=_;

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

@@ -0,0 +1,19 @@
+import { AppShellNavbarWidth } from './AppShell.types';
+export declare const APP_SHELL_ROOT_CLASS = "Bear-AppShell";
+export declare const APP_SHELL_DEFAULT_NAVBAR_COLLAPSED = false;
+export declare const APP_SHELL_DEFAULT_NAVBAR_WIDTH: AppShellNavbarWidth;
+export declare const APP_SHELL_DEFAULT_STICKY_HEADER = true;
+export declare const APP_SHELL_DEFAULT_STICKY_FOOTER = false;
+export declare const APP_SHELL_DEFAULT_PADDING = true;
+export declare const APP_SHELL_BASE_CLASSES = "bear-flex bear-flex-col bear-min-h-0 bear-w-full bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]";
+export declare const APP_SHELL_BODY_CLASSES = "Bear-AppShell__body bear-flex bear-flex-1 bear-min-h-0 bear-w-full";
+export declare const APP_SHELL_HEADER_CLASSES = "Bear-AppShell__header bear-w-full bear-z-30 bear-bg-[var(--bear-bg-primary)] bear-border-b bear-border-[var(--bear-border-default)]";
+export declare const APP_SHELL_HEADER_STICKY_CLASS = "bear-sticky bear-top-0";
+export declare const APP_SHELL_NAVBAR_BASE_CLASSES = "Bear-AppShell__navbar bear-flex-shrink-0 bear-overflow-y-auto bear-border-e bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)]";
+export declare const APP_SHELL_NAVBAR_WIDTH_CLASSES: Record<AppShellNavbarWidth, string>;
+export declare const APP_SHELL_NAVBAR_COLLAPSED_CLASS = "bear-w-0 bear-overflow-hidden bear-border-e-0";
+export declare const APP_SHELL_MAIN_CLASSES = "Bear-AppShell__main bear-flex-1 bear-min-w-0 bear-overflow-auto";
+export declare const APP_SHELL_MAIN_PADDING_CLASS = "bear-p-4 md:bear-p-6";
+export declare const APP_SHELL_ASIDE_CLASSES = "Bear-AppShell__aside bear-w-64 bear-flex-shrink-0 bear-overflow-y-auto bear-border-s bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)] bear-hidden lg:bear-block";
+export declare const APP_SHELL_FOOTER_CLASSES = "Bear-AppShell__footer bear-w-full bear-z-20 bear-bg-[var(--bear-bg-primary)] bear-border-t bear-border-[var(--bear-border-default)]";
+export declare const APP_SHELL_FOOTER_STICKY_CLASS = "bear-sticky bear-bottom-0";

package/dist/components/AppShell/AppShell.const.js

@@ -0,0 +1,25 @@
+const r = "Bear-AppShell", e = !1, a = "md", b = !0, _ = !1, S = !0, A = "bear-flex bear-flex-col bear-min-h-0 bear-w-full bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]", L = `${r}__body bear-flex bear-flex-1 bear-min-h-0 bear-w-full`, o = `${r}__header bear-w-full bear-z-30 bear-bg-[var(--bear-bg-primary)] bear-border-b bear-border-[var(--bear-border-default)]`, E = "bear-sticky bear-top-0", P = `${r}__navbar bear-flex-shrink-0 bear-overflow-y-auto bear-border-e bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)]`, t = {
+  sm: "bear-w-56",
+  md: "bear-w-64",
+  lg: "bear-w-72"
+}, l = "bear-w-0 bear-overflow-hidden bear-border-e-0", d = `${r}__main bear-flex-1 bear-min-w-0 bear-overflow-auto`, n = "bear-p-4 md:bear-p-6", s = `${r}__aside bear-w-64 bear-flex-shrink-0 bear-overflow-y-auto bear-border-s bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)] bear-hidden lg:bear-block`, c = `${r}__footer bear-w-full bear-z-20 bear-bg-[var(--bear-bg-primary)] bear-border-t bear-border-[var(--bear-border-default)]`, H = "bear-sticky bear-bottom-0";
+export {
+  s as APP_SHELL_ASIDE_CLASSES,
+  A as APP_SHELL_BASE_CLASSES,
+  L as APP_SHELL_BODY_CLASSES,
+  e as APP_SHELL_DEFAULT_NAVBAR_COLLAPSED,
+  a as APP_SHELL_DEFAULT_NAVBAR_WIDTH,
+  S as APP_SHELL_DEFAULT_PADDING,
+  _ as APP_SHELL_DEFAULT_STICKY_FOOTER,
+  b as APP_SHELL_DEFAULT_STICKY_HEADER,
+  c as APP_SHELL_FOOTER_CLASSES,
+  H as APP_SHELL_FOOTER_STICKY_CLASS,
+  o as APP_SHELL_HEADER_CLASSES,
+  E as APP_SHELL_HEADER_STICKY_CLASS,
+  d as APP_SHELL_MAIN_CLASSES,
+  n as APP_SHELL_MAIN_PADDING_CLASS,
+  P as APP_SHELL_NAVBAR_BASE_CLASSES,
+  l as APP_SHELL_NAVBAR_COLLAPSED_CLASS,
+  t as APP_SHELL_NAVBAR_WIDTH_CLASSES,
+  r as APP_SHELL_ROOT_CLASS
+};

package/dist/components/AppShell/AppShell.d.ts

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

package/dist/components/AppShell/AppShell.js

@@ -0,0 +1,82 @@
+import { jsxs as a, jsx as _ } from "react/jsx-runtime";
+import { APP_SHELL_DEFAULT_NAVBAR_COLLAPSED as D, APP_SHELL_DEFAULT_NAVBAR_WIDTH as N, APP_SHELL_DEFAULT_STICKY_HEADER as I, APP_SHELL_DEFAULT_STICKY_FOOTER as T, APP_SHELL_DEFAULT_PADDING as p, APP_SHELL_HEADER_STICKY_CLASS as h, APP_SHELL_HEADER_CLASSES as R, APP_SHELL_BODY_CLASSES as O, APP_SHELL_NAVBAR_COLLAPSED_CLASS as v, APP_SHELL_NAVBAR_WIDTH_CLASSES as B, APP_SHELL_NAVBAR_BASE_CLASSES as F, APP_SHELL_MAIN_PADDING_CLASS as f, APP_SHELL_MAIN_CLASSES as U, APP_SHELL_ASIDE_CLASSES as V, APP_SHELL_FOOTER_STICKY_CLASS as Y, APP_SHELL_FOOTER_CLASSES as K, APP_SHELL_BASE_CLASSES as b, APP_SHELL_ROOT_CLASS as x } from "./AppShell.const.js";
+import { cn as S } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as W } from "../../utils/generateBearId.utils.js";
+import { useBearId as g } from "../../utils/useBearId.js";
+const q = (d) => {
+  const {
+    header: A,
+    navbar: L,
+    aside: E,
+    footer: e,
+    children: r,
+    navbarCollapsed: P = D,
+    navbarWidth: s = N,
+    stickyHeader: i = I,
+    stickyFooter: o = T,
+    padding: t = p,
+    className: H,
+    id: c,
+    testId: l,
+    ...m
+  } = d, n = g("AppShell"), C = W(c, n);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ...m,
+      id: C,
+      "data-testid": l,
+      className: S(x, b, H),
+      children: [
+        A && /* @__PURE__ */ _(
+          "div",
+          {
+            className: S(
+              R,
+              i && h
+            ),
+            children: A
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: O, children: [
+          L !== void 0 && /* @__PURE__ */ _(
+            "aside",
+            {
+              className: S(
+                F,
+                P ? v : B[s]
+              ),
+              "aria-hidden": P || void 0,
+              children: L
+            }
+          ),
+          /* @__PURE__ */ _(
+            "main",
+            {
+              className: S(
+                U,
+                t && f
+              ),
+              children: r
+            }
+          ),
+          E && /* @__PURE__ */ _("aside", { className: V, children: E })
+        ] }),
+        e && /* @__PURE__ */ _(
+          "div",
+          {
+            className: S(
+              K,
+              o && Y
+            ),
+            children: e
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  q as AppShell
+};

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type AppShellNavbarWidth = 'sm' | 'md' | 'lg';
+export interface AppShellProps extends HTMLAttributes<HTMLDivElement> {
+    header?: ReactNode;
+    navbar?: ReactNode;
+    aside?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+    navbarCollapsed?: boolean;
+    navbarWidth?: AppShellNavbarWidth;
+    stickyHeader?: boolean;
+    stickyFooter?: boolean;
+    padding?: boolean;
+    id?: string;
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { AppShell } from './AppShell';
+export type { AppShellProps, AppShellNavbarWidth } from './AppShell.types';

package/dist/components/Banner/Banner.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),j=require("react"),e=require("./Banner.const.cjs"),x=require("./helpers/BannerInfoSvg.cjs"),q=require("./helpers/BannerSuccessSvg.cjs"),D=require("./helpers/BannerWarningSvg.cjs"),f=require("./helpers/BannerErrorSvg.cjs"),F=require("../CloseButton/CloseButton.cjs"),U=require("../../utils/cn.cjs"),h=require("../../utils/generateBearId.utils.cjs"),p=require("../../utils/useBearId.cjs"),b=require("../../utils/liveRegion.utils.cjs"),P={info:n.jsx(x.BannerInfoSvg,{}),success:n.jsx(q.BannerSuccessSvg,{}),warning:n.jsx(D.BannerWarningSvg,{}),error:n.jsx(f.BannerErrorSvg,{})},W=l=>{const{severity:s=e.BANNER_DEFAULT_SEVERITY,title:c,children:N,action:a,icon:r=e.BANNER_DEFAULT_SHOW_ICON,dismissible:_=e.BANNER_DEFAULT_DISMISSIBLE,onDismiss:i,open:o,position:A=e.BANNER_DEFAULT_POSITION,fullWidth:E=e.BANNER_DEFAULT_FULL_WIDTH,translations:t,className:B,id:d,testId:u,...I}=l,[L,R]=j.useState(e.BANNER_DEFAULT_OPEN),T=o??L,v=p.useBearId("Banner"),g=h.resolveBearId(d,v),C=(t==null?void 0:t.dismissLabel)??e.BANNER_DEFAULT_TRANSLATIONS.dismissLabel,O=b.getBearLiveRegionProps(s);if(!T)return null;const m=()=>{o===void 0&&R(!1),i==null||i()},S=r===!1?null:r!==!0?r:P[s];return n.jsxs("div",{...I,...O,id:g,"data-testid":u,className:U.cn(e.BANNER_ROOT_CLASS,e.BANNER_BASE_CLASSES,e.BANNER_SEVERITY_CLASSES[s],e.BANNER_POSITION_CLASSES[A],E&&e.BANNER_FULL_WIDTH_CLASS,B),children:[S&&n.jsx("span",{className:e.BANNER_ICON_CLASS,children:S}),n.jsxs("div",{className:e.BANNER_CONTENT_CLASS,children:[c&&n.jsx("div",{className:e.BANNER_TITLE_CLASS,children:c}),N&&n.jsx("div",{className:e.BANNER_MESSAGE_CLASS,children:N})]}),a&&n.jsx("div",{className:e.BANNER_ACTION_CLASS,children:a}),_&&n.jsx("div",{className:e.BANNER_DISMISS_CLASS,children:n.jsx(F.CloseButton,{size:"sm",onClick:m,"aria-label":C})})]})};exports.Banner=W;

package/dist/components/Banner/Banner.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N="Bear-Banner",_="info",S="static",A=!1,E=!0,e=!0,r=!0,a={dismissLabel:"Dismiss"},b="bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-[var(--bear-border-default)]",t="bear-w-full",s={static:"",sticky:"bear-sticky bear-top-0 bear-z-40"},L={info:"bear-bg-[var(--bear-info-50,#eff6ff)] bear-text-[var(--bear-info-800,#1e40af)]",success:"bear-bg-[var(--bear-success-50,#f0fdf4)] bear-text-[var(--bear-success-800,#166534)]",warning:"bear-bg-[var(--bear-warning-50,#fffbeb)] bear-text-[var(--bear-warning-800,#92400e)]",error:"bear-bg-[var(--bear-danger-50,#fef2f2)] bear-text-[var(--bear-danger-800,#991b1b)]"},R=`${N}__icon bear-flex-shrink-0 bear-w-5 bear-h-5`,T=`${N}__content bear-flex-1 bear-min-w-0 bear-text-sm`,n=`${N}__title bear-font-semibold bear-mb-0.5`,B=`${N}__message`,I=`${N}__action bear-flex-shrink-0`,o=`${N}__dismiss bear-flex-shrink-0`,c=20,C=2;exports.BANNER_ACTION_CLASS=I;exports.BANNER_BASE_CLASSES=b;exports.BANNER_CONTENT_CLASS=T;exports.BANNER_DEFAULT_DISMISSIBLE=A;exports.BANNER_DEFAULT_FULL_WIDTH=E;exports.BANNER_DEFAULT_OPEN=r;exports.BANNER_DEFAULT_POSITION=S;exports.BANNER_DEFAULT_SEVERITY=_;exports.BANNER_DEFAULT_SHOW_ICON=e;exports.BANNER_DEFAULT_TRANSLATIONS=a;exports.BANNER_DISMISS_CLASS=o;exports.BANNER_FULL_WIDTH_CLASS=t;exports.BANNER_ICON_CLASS=R;exports.BANNER_ICON_SIZE=c;exports.BANNER_ICON_STROKE_WIDTH=C;exports.BANNER_MESSAGE_CLASS=B;exports.BANNER_POSITION_CLASSES=s;exports.BANNER_ROOT_CLASS=N;exports.BANNER_SEVERITY_CLASSES=L;exports.BANNER_TITLE_CLASS=n;

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

@@ -0,0 +1,21 @@
+import { BannerPosition, BannerSeverity, BannerTranslations } from './Banner.types';
+export declare const BANNER_ROOT_CLASS = "Bear-Banner";
+export declare const BANNER_DEFAULT_SEVERITY: BannerSeverity;
+export declare const BANNER_DEFAULT_POSITION: BannerPosition;
+export declare const BANNER_DEFAULT_DISMISSIBLE = false;
+export declare const BANNER_DEFAULT_FULL_WIDTH = true;
+export declare const BANNER_DEFAULT_SHOW_ICON = true;
+export declare const BANNER_DEFAULT_OPEN = true;
+export declare const BANNER_DEFAULT_TRANSLATIONS: BannerTranslations;
+export declare const BANNER_BASE_CLASSES = "bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-[var(--bear-border-default)]";
+export declare const BANNER_FULL_WIDTH_CLASS = "bear-w-full";
+export declare const BANNER_POSITION_CLASSES: Record<BannerPosition, string>;
+export declare const BANNER_SEVERITY_CLASSES: Record<BannerSeverity, string>;
+export declare const BANNER_ICON_CLASS = "Bear-Banner__icon bear-flex-shrink-0 bear-w-5 bear-h-5";
+export declare const BANNER_CONTENT_CLASS = "Bear-Banner__content bear-flex-1 bear-min-w-0 bear-text-sm";
+export declare const BANNER_TITLE_CLASS = "Bear-Banner__title bear-font-semibold bear-mb-0.5";
+export declare const BANNER_MESSAGE_CLASS = "Bear-Banner__message";
+export declare const BANNER_ACTION_CLASS = "Bear-Banner__action bear-flex-shrink-0";
+export declare const BANNER_DISMISS_CLASS = "Bear-Banner__dismiss bear-flex-shrink-0";
+export declare const BANNER_ICON_SIZE = 20;
+export declare const BANNER_ICON_STROKE_WIDTH = 2;

package/dist/components/Banner/Banner.const.js

@@ -0,0 +1,33 @@
+const e = "Bear-Banner", r = "info", a = "static", _ = !1, b = !0, N = !0, s = !0, t = {
+  dismissLabel: "Dismiss"
+}, n = "bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-[var(--bear-border-default)]", A = "bear-w-full", E = {
+  static: "",
+  sticky: "bear-sticky bear-top-0 bear-z-40"
+}, S = {
+  info: "bear-bg-[var(--bear-info-50,#eff6ff)] bear-text-[var(--bear-info-800,#1e40af)]",
+  success: "bear-bg-[var(--bear-success-50,#f0fdf4)] bear-text-[var(--bear-success-800,#166534)]",
+  warning: "bear-bg-[var(--bear-warning-50,#fffbeb)] bear-text-[var(--bear-warning-800,#92400e)]",
+  error: "bear-bg-[var(--bear-danger-50,#fef2f2)] bear-text-[var(--bear-danger-800,#991b1b)]"
+}, o = `${e}__icon bear-flex-shrink-0 bear-w-5 bear-h-5`, c = `${e}__content bear-flex-1 bear-min-w-0 bear-text-sm`, f = `${e}__title bear-font-semibold bear-mb-0.5`, i = `${e}__message`, L = `${e}__action bear-flex-shrink-0`, R = `${e}__dismiss bear-flex-shrink-0`, B = 20, T = 2;
+export {
+  L as BANNER_ACTION_CLASS,
+  n as BANNER_BASE_CLASSES,
+  c as BANNER_CONTENT_CLASS,
+  _ as BANNER_DEFAULT_DISMISSIBLE,
+  b as BANNER_DEFAULT_FULL_WIDTH,
+  s as BANNER_DEFAULT_OPEN,
+  a as BANNER_DEFAULT_POSITION,
+  r as BANNER_DEFAULT_SEVERITY,
+  N as BANNER_DEFAULT_SHOW_ICON,
+  t as BANNER_DEFAULT_TRANSLATIONS,
+  R as BANNER_DISMISS_CLASS,
+  A as BANNER_FULL_WIDTH_CLASS,
+  o as BANNER_ICON_CLASS,
+  B as BANNER_ICON_SIZE,
+  T as BANNER_ICON_STROKE_WIDTH,
+  i as BANNER_MESSAGE_CLASS,
+  E as BANNER_POSITION_CLASSES,
+  e as BANNER_ROOT_CLASS,
+  S as BANNER_SEVERITY_CLASSES,
+  f as BANNER_TITLE_CLASS
+};

package/dist/components/Banner/Banner.d.ts

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

package/dist/components/Banner/Banner.js

@@ -0,0 +1,70 @@
+import { jsxs as A, jsx as e } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { BANNER_DEFAULT_SEVERITY as D, BANNER_DEFAULT_SHOW_ICON as g, BANNER_DEFAULT_DISMISSIBLE as F, BANNER_DEFAULT_POSITION as U, BANNER_DEFAULT_FULL_WIDTH as h, BANNER_DEFAULT_OPEN as b, BANNER_DEFAULT_TRANSLATIONS as P, BANNER_ICON_CLASS as W, BANNER_CONTENT_CLASS as x, BANNER_TITLE_CLASS as H, BANNER_MESSAGE_CLASS as M, BANNER_ACTION_CLASS as j, BANNER_DISMISS_CLASS as V, BANNER_FULL_WIDTH_CLASS as Y, BANNER_POSITION_CLASSES as k, BANNER_SEVERITY_CLASSES as w, BANNER_BASE_CLASSES as y, BANNER_ROOT_CLASS as z } from "./Banner.const.js";
+import { BannerInfoSvg as G } from "./helpers/BannerInfoSvg.js";
+import { BannerSuccessSvg as q } from "./helpers/BannerSuccessSvg.js";
+import { BannerWarningSvg as J } from "./helpers/BannerWarningSvg.js";
+import { BannerErrorSvg as K } from "./helpers/BannerErrorSvg.js";
+import { CloseButton as Q } from "../CloseButton/CloseButton.js";
+import { cn as X } from "../../utils/cn.js";
+import { resolveBearId as Z } from "../../utils/generateBearId.utils.js";
+import { useBearId as $ } from "../../utils/useBearId.js";
+import { getBearLiveRegionProps as ee } from "../../utils/liveRegion.utils.js";
+const re = {
+  info: /* @__PURE__ */ e(G, {}),
+  success: /* @__PURE__ */ e(q, {}),
+  warning: /* @__PURE__ */ e(J, {}),
+  error: /* @__PURE__ */ e(K, {})
+}, le = (E) => {
+  const {
+    severity: r = D,
+    title: o,
+    children: N,
+    action: t,
+    icon: n = g,
+    dismissible: _ = F,
+    onDismiss: s,
+    open: S,
+    position: c = U,
+    fullWidth: m = h,
+    translations: i,
+    className: l,
+    id: d,
+    testId: B,
+    ...L
+  } = E, [I, R] = u(b), T = S ?? I, f = $("Banner"), p = Z(d, f), C = (i == null ? void 0 : i.dismissLabel) ?? P.dismissLabel, O = ee(r);
+  if (!T)
+    return null;
+  const v = () => {
+    S === void 0 && R(!1), s == null || s();
+  }, a = n === !1 ? null : n !== !0 ? n : re[r];
+  return /* @__PURE__ */ A(
+    "div",
+    {
+      ...L,
+      ...O,
+      id: p,
+      "data-testid": B,
+      className: X(
+        z,
+        y,
+        w[r],
+        k[c],
+        m && Y,
+        l
+      ),
+      children: [
+        a && /* @__PURE__ */ e("span", { className: W, children: a }),
+        /* @__PURE__ */ A("div", { className: x, children: [
+          o && /* @__PURE__ */ e("div", { className: H, children: o }),
+          N && /* @__PURE__ */ e("div", { className: M, children: N })
+        ] }),
+        t && /* @__PURE__ */ e("div", { className: j, children: t }),
+        _ && /* @__PURE__ */ e("div", { className: V, children: /* @__PURE__ */ e(Q, { size: "sm", onClick: v, "aria-label": C }) })
+      ]
+    }
+  );
+};
+export {
+  le as Banner
+};

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type BannerSeverity = 'info' | 'success' | 'warning' | 'error';
+export type BannerPosition = 'static' | 'sticky';
+export interface BannerTranslations {
+    dismissLabel: string;
+}
+export interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    severity?: BannerSeverity;
+    title?: ReactNode;
+    children?: ReactNode;
+    action?: ReactNode;
+    icon?: boolean | ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    open?: boolean;
+    position?: BannerPosition;
+    fullWidth?: boolean;
+    translations?: Partial<BannerTranslations>;
+    id?: string;
+    testId?: string;
+}

package/dist/components/Banner/helpers/BannerErrorSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Banner.const.cjs"),n=()=>e.jsxs("svg",{width:r.BANNER_ICON_SIZE,height:r.BANNER_ICON_SIZE,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:r.BANNER_ICON_STROKE_WIDTH,"aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]});exports.BannerErrorSvg=n;

package/dist/components/Banner/helpers/BannerErrorSvg.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const BannerErrorSvg: FC;

package/dist/components/Banner/helpers/BannerErrorSvg.js

@@ -0,0 +1,22 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { BANNER_ICON_STROKE_WIDTH as o, BANNER_ICON_SIZE as e } from "../Banner.const.js";
+const x = () => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: o,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ r("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+      /* @__PURE__ */ r("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+    ]
+  }
+);
+export {
+  x as BannerErrorSvg
+};

package/dist/components/Banner/helpers/BannerInfoSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../Banner.const.cjs"),r=()=>e.jsxs("svg",{width:n.BANNER_ICON_SIZE,height:n.BANNER_ICON_SIZE,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n.BANNER_ICON_STROKE_WIDTH,"aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]});exports.BannerInfoSvg=r;

package/dist/components/Banner/helpers/BannerInfoSvg.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const BannerInfoSvg: FC;

package/dist/components/Banner/helpers/BannerInfoSvg.js

@@ -0,0 +1,22 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { BANNER_ICON_STROKE_WIDTH as o, BANNER_ICON_SIZE as e } from "../Banner.const.js";
+const x = () => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: o,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ r("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+      /* @__PURE__ */ r("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+    ]
+  }
+);
+export {
+  x as BannerInfoSvg
+};

package/dist/components/Banner/helpers/BannerSuccessSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../Banner.const.cjs"),t=()=>e.jsxs("svg",{width:n.BANNER_ICON_SIZE,height:n.BANNER_ICON_SIZE,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n.BANNER_ICON_STROKE_WIDTH,"aria-hidden":"true",children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]});exports.BannerSuccessSvg=t;

package/dist/components/Banner/helpers/BannerSuccessSvg.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const BannerSuccessSvg: FC;

package/dist/components/Banner/helpers/BannerSuccessSvg.js

@@ -0,0 +1,21 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { BANNER_ICON_STROKE_WIDTH as t, BANNER_ICON_SIZE as r } from "../Banner.const.js";
+const s = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: t,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ o("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+      /* @__PURE__ */ o("polyline", { points: "22 4 12 14.01 9 11.01" })
+    ]
+  }
+);
+export {
+  s as BannerSuccessSvg
+};

package/dist/components/Banner/helpers/BannerWarningSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../Banner.const.cjs"),r=()=>e.jsxs("svg",{width:n.BANNER_ICON_SIZE,height:n.BANNER_ICON_SIZE,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n.BANNER_ICON_STROKE_WIDTH,"aria-hidden":"true",children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]});exports.BannerWarningSvg=r;

package/dist/components/Banner/helpers/BannerWarningSvg.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const BannerWarningSvg: FC;

package/dist/components/Banner/helpers/BannerWarningSvg.js

@@ -0,0 +1,22 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { BANNER_ICON_STROKE_WIDTH as n, BANNER_ICON_SIZE as e } from "../Banner.const.js";
+const a = () => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: n,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ r("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+      /* @__PURE__ */ r("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+      /* @__PURE__ */ r("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+    ]
+  }
+);
+export {
+  a as BannerWarningSvg
+};

package/dist/components/Banner/helpers/index.d.ts

@@ -0,0 +1,4 @@
+export { BannerInfoSvg } from './BannerInfoSvg';
+export { BannerSuccessSvg } from './BannerSuccessSvg';
+export { BannerWarningSvg } from './BannerWarningSvg';
+export { BannerErrorSvg } from './BannerErrorSvg';

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

@@ -0,0 +1,2 @@
+export { Banner } from './Banner';
+export type { BannerProps, BannerSeverity, BannerPosition, BannerTranslations, } from './Banner.types';

package/dist/components/StatCard/StatCard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../utils/cn.cjs");require("react");const o=({title:s,value:i,color:t="#6366f1",icon:n,onClick:r,className:a,...l})=>e.jsxs("div",{className:d.cn("relative overflow-hidden rounded-2xl p-6 transition-transform hover:scale-105 cursor-pointer",a),style:{background:`linear-gradient(135deg, ${t}dd, ${t}99)`},onClick:r,...l,children:[e.jsx("div",{className:"absolute top-0 right-0 w-32 h-32 -mr-8 -mt-8 rounded-full opacity-20 bg-white"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("p",{className:"text-white/80 text-sm font-medium mb-1",children:s}),e.jsx("p",{className:"text-white text-3xl font-bold mb-4",children:i}),r&&e.jsxs("button",{className:"flex items-center gap-2 px-4 py-1.5 bg-white/20 hover:bg-white/30 rounded-full text-white text-sm font-medium transition-colors",children:[n,"View All"]})]})]});exports.StatCard=o;
+"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;

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

@@ -0,0 +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;

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

@@ -1 +1,11 @@
-export declare const S_T_A_T_C_A_R_D_ROOT_CLASS = "Bear-StatCard";
+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";
+export declare const DEFAULT_STAT_CARD_ACTION_LABEL = "View All";

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

@@ -0,0 +1,14 @@
+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";
+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
+};

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

@@ -1,7 +1,3 @@
 import { FC } from 'react';
 import { StatCardProps } from './StatCard.types';
-/**
- * StatCard Component
- * A colorful statistics card with gradient background
- */
 export declare const StatCard: FC<StatCardProps>;

package/dist/components/StatCard/StatCard.js

@@ -1,37 +1,49 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { cn as n } from "../../utils/cn.js";
 import "react";
-const p = ({
-  title: l,
-  value: o,
-  color: r = "#6366f1",
-  icon: s,
-  onClick: i,
-  className: a,
-  ...d
-}) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: n(
-      "relative overflow-hidden rounded-2xl p-6 transition-transform hover:scale-105 cursor-pointer",
-      a
-    ),
-    style: { background: `linear-gradient(135deg, ${r}dd, ${r}99)` },
-    onClick: i,
-    ...d,
-    children: [
-      /* @__PURE__ */ t("div", { className: "absolute top-0 right-0 w-32 h-32 -mr-8 -mt-8 rounded-full opacity-20 bg-white" }),
-      /* @__PURE__ */ e("div", { className: "relative z-10", children: [
-        /* @__PURE__ */ t("p", { className: "text-white/80 text-sm font-medium mb-1", children: l }),
-        /* @__PURE__ */ t("p", { className: "text-white text-3xl font-bold mb-4", children: o }),
-        i && /* @__PURE__ */ e("button", { className: "flex items-center gap-2 px-4 py-1.5 bg-white/20 hover:bg-white/30 rounded-full text-white text-sm font-medium transition-colors", children: [
-          s,
-          "View All"
+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})`;
+  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,
+      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
+          ] })
         ] })
-      ] })
-    ]
-  }
-);
+      ]
+    }
+  );
+};
 export {
-  p as StatCard
+  U as StatCard
 };