@forgedevstack/bear 1.0.3 → 1.0.4-alpha

package/dist/components/Accordion/Accordion.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),n=require("../../utils/cn.cjs"),g=u.createContext(null),m=({children:o,allowMultiple:s=!1,defaultOpen:i=[],className:t,testId:b})=>{const[d,c]=u.useState(i),l=r=>{c(a=>a.includes(r)?a.filter(x=>x!==r):s?[...a,r]:[r])};return e.jsx(g.Provider,{value:{openItems:d,toggleItem:l,allowMultiple:s},children:e.jsx("div",{className:n.cn("bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden",t),"data-testid":b,children:o})})},y=({id:o,title:s,children:i,disabled:t=!1,icon:b,className:d})=>{const c=u.useContext(g);if(!c)throw new Error("AccordionItem must be used within an Accordion");const{openItems:l,toggleItem:r}=c,a=l.includes(o);return e.jsxs("div",{className:n.cn("bear-bg-white dark:bear-bg-gray-900",d),children:[e.jsxs("button",{onClick:()=>!t&&r(o),disabled:t,className:n.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3","bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white","hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800 bear-transition-colors",t&&"bear-opacity-50 bear-cursor-not-allowed"),children:[e.jsx("span",{children:s}),b||e.jsx("svg",{className:n.cn("bear-w-5 bear-h-5 bear-text-gray-500 bear-transition-transform bear-duration-200",a&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),e.jsx("div",{className:n.cn("bear-overflow-hidden bear-transition-all bear-duration-200",a?"bear-max-h-96":"bear-max-h-0"),children:e.jsx("div",{className:"bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-gray-800/50",children:i})})]})};exports.Accordion=m;exports.AccordionItem=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),n=require("../../utils/cn.cjs"),o=require("./Accordion.const.cjs"),C=x.createContext(null),b=i=>{const{children:c,allowMultiple:a=!1,defaultOpen:d=[],className:t,testId:l,id:u}=i,[s,A]=x.useState(d),_=r=>{A(m=>m.includes(r)?m.filter(S=>S!==r):a?[...m,r]:[r])};return e.jsx(C.Provider,{value:{openItems:s,toggleItem:_,allowMultiple:a},children:e.jsx("div",{id:u,className:n.cn("Bear-Accordion",o.ACCORDION_ROOT_CLASSES,t),"data-testid":l,children:c})})},h=i=>{const{id:c,title:a,children:d,disabled:t=!1,icon:l,className:u}=i,s=x.useContext(C);if(!s)throw new Error("AccordionItem must be used within an Accordion");const{openItems:A,toggleItem:_}=s,r=A.includes(c);return e.jsxs("div",{className:n.cn("Bear-Accordion__item",o.ACCORDION_ITEM_CLASSES,u),children:[e.jsxs("button",{onClick:()=>!t&&_(c),disabled:t,className:n.cn("Bear-Accordion__trigger",o.ACCORDION_TRIGGER_CLASSES,t&&`Bear-Accordion__trigger--disabled ${o.ACCORDION_TRIGGER_DISABLED_CLASSES}`),"aria-expanded":r,children:[e.jsx("span",{className:"Bear-Accordion__title",children:a}),e.jsx("span",{className:"Bear-Accordion__icon",children:l||e.jsx("svg",{className:n.cn("bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",r&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})]}),e.jsx("div",{className:n.cn("Bear-Accordion__content-wrapper","bear-overflow-hidden bear-transition-all bear-duration-200",r?"Bear-Accordion__content-wrapper--open bear-max-h-96":"bear-max-h-0"),children:e.jsx("div",{className:n.cn("Bear-Accordion__content",o.ACCORDION_CONTENT_CLASSES),children:d})})]})};exports.Accordion=b;exports.AccordionItem=h;

package/dist/components/Accordion/Accordion.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden",r="bear-bg-white dark:bear-bg-zinc-900",a="bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-transition-colors",b="bear-opacity-50 bear-cursor-not-allowed",S="bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-zinc-800/50";exports.ACCORDION_CONTENT_CLASSES=S;exports.ACCORDION_ITEM_CLASSES=r;exports.ACCORDION_ROOT_CLASSES=e;exports.ACCORDION_TRIGGER_CLASSES=a;exports.ACCORDION_TRIGGER_DISABLED_CLASSES=b;

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

@@ -0,0 +1,10 @@
+export declare const ACCORDION_MAX_HEIGHT = 96;
+export declare const ACCORDION_TRANSITION_DURATION = 200;
+export declare const ACCORDION_ICON_SIZE = 5;
+export declare const ACCORDION_PADDING_X = 4;
+export declare const ACCORDION_PADDING_Y = 3;
+export declare const ACCORDION_ROOT_CLASSES = "bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden";
+export declare const ACCORDION_ITEM_CLASSES = "bear-bg-white dark:bear-bg-zinc-900";
+export declare const ACCORDION_TRIGGER_CLASSES = "bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-transition-colors";
+export declare const ACCORDION_TRIGGER_DISABLED_CLASSES = "bear-opacity-50 bear-cursor-not-allowed";
+export declare const ACCORDION_CONTENT_CLASSES = "bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-zinc-800/50";

package/dist/components/Accordion/Accordion.const.js

@@ -0,0 +1,8 @@
+const r = "bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden", e = "bear-bg-white dark:bear-bg-zinc-900", a = "bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-transition-colors", b = "bear-opacity-50 bear-cursor-not-allowed", t = "bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-zinc-800/50";
+export {
+  t as ACCORDION_CONTENT_CLASSES,
+  e as ACCORDION_ITEM_CLASSES,
+  r as ACCORDION_ROOT_CLASSES,
+  a as ACCORDION_TRIGGER_CLASSES,
+  b as ACCORDION_TRIGGER_DISABLED_CLASSES
+};

package/dist/components/Accordion/Accordion.d.ts

@@ -20,3 +20,4 @@ export declare const Accordion: FC<AccordionProps>;
  * AccordionItem - Individual accordion panel
  */
 export declare const AccordionItem: FC<AccordionItemProps>;
+export default Accordion;

package/dist/components/Accordion/Accordion.js

@@ -1,79 +1,84 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { createContext as h, useState as x, useContext as f } from "react";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { createContext as h, useState as N, useContext as S } from "react";
 import { cn as o } from "../../utils/cn.js";
-const g = h(null), k = ({
-  children: n,
-  allowMultiple: b = !1,
-  defaultOpen: s = [],
-  className: t,
-  testId: d
-}) => {
-  const [c, i] = x(s), l = (r) => {
-    i((a) => a.includes(r) ? a.filter((u) => u !== r) : b ? [...a, r] : [r]);
+import { ACCORDION_ROOT_CLASSES as b, ACCORDION_TRIGGER_DISABLED_CLASSES as O, ACCORDION_TRIGGER_CLASSES as f, ACCORDION_CONTENT_CLASSES as I, ACCORDION_ITEM_CLASSES as x } from "./Accordion.const.js";
+const C = h(null), w = (i) => {
+  const {
+    children: t,
+    allowMultiple: a = !1,
+    defaultOpen: s = [],
+    className: n,
+    testId: d,
+    id: l
+  } = i, [c, m] = N(s), _ = (e) => {
+    m((A) => A.includes(e) ? A.filter((p) => p !== e) : a ? [...A, e] : [e]);
   };
-  return /* @__PURE__ */ e(g.Provider, { value: { openItems: c, toggleItem: l, allowMultiple: b }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ r(C.Provider, { value: { openItems: c, toggleItem: _, allowMultiple: a }, children: /* @__PURE__ */ r(
     "div",
     {
-      className: o("bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden", t),
+      id: l,
+      className: o("Bear-Accordion", b, n),
       "data-testid": d,
-      children: n
+      children: t
     }
   ) });
-}, w = ({
-  id: n,
-  title: b,
-  children: s,
-  disabled: t = !1,
-  icon: d,
-  className: c
-}) => {
-  const i = f(g);
-  if (!i)
+}, L = (i) => {
+  const {
+    id: t,
+    title: a,
+    children: s,
+    disabled: n = !1,
+    icon: d,
+    className: l
+  } = i, c = S(C);
+  if (!c)
     throw new Error("AccordionItem must be used within an Accordion");
-  const { openItems: l, toggleItem: r } = i, a = l.includes(n);
-  return /* @__PURE__ */ m("div", { className: o("bear-bg-white dark:bear-bg-gray-900", c), children: [
-    /* @__PURE__ */ m(
+  const { openItems: m, toggleItem: _ } = c, e = m.includes(t);
+  return /* @__PURE__ */ u("div", { className: o("Bear-Accordion__item", x, l), children: [
+    /* @__PURE__ */ u(
       "button",
       {
-        onClick: () => !t && r(n),
-        disabled: t,
+        onClick: () => !n && _(t),
+        disabled: n,
         className: o(
-          "bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3",
-          "bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white",
-          "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800 bear-transition-colors",
-          t && "bear-opacity-50 bear-cursor-not-allowed"
+          "Bear-Accordion__trigger",
+          f,
+          n && `Bear-Accordion__trigger--disabled ${O}`
         ),
+        "aria-expanded": e,
         children: [
-          /* @__PURE__ */ e("span", { children: b }),
-          d || /* @__PURE__ */ e(
+          /* @__PURE__ */ r("span", { className: "Bear-Accordion__title", children: a }),
+          /* @__PURE__ */ r("span", { className: "Bear-Accordion__icon", children: d || /* @__PURE__ */ r(
             "svg",
             {
               className: o(
-                "bear-w-5 bear-h-5 bear-text-gray-500 bear-transition-transform bear-duration-200",
-                a && "bear-rotate-180"
+                "bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",
+                e && "bear-rotate-180"
               ),
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor",
-              children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
             }
-          )
+          ) })
         ]
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       "div",
       {
         className: o(
+          "Bear-Accordion__content-wrapper",
           "bear-overflow-hidden bear-transition-all bear-duration-200",
-          a ? "bear-max-h-96" : "bear-max-h-0"
+          e ? "Bear-Accordion__content-wrapper--open bear-max-h-96" : "bear-max-h-0"
         ),
-        children: /* @__PURE__ */ e("div", { className: "bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-gray-800/50", children: s })
+        children: /* @__PURE__ */ r("div", { className: o("Bear-Accordion__content", I), children: s })
       }
     )
   ] });
 };
 export {
-  k as Accordion,
-  w as AccordionItem
+  w as Accordion,
+  L as AccordionItem
 };

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

@@ -15,6 +15,8 @@ export interface AccordionProps {
     className?: string;
     /** Test ID */
     testId?: string;
+    /** Unique ID */
+    id?: string;
 }
 export interface AccordionItemProps {
     /** Unique identifier */

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

@@ -1,2 +1,3 @@
-export { Accordion, AccordionItem } from './Accordion';
-export type { AccordionProps, AccordionItemProps, AccordionContextValue } from './Accordion.types';
+export { Accordion, AccordionItem, default } from './Accordion';
+export * from './Accordion.types';
+export * from './Accordion.const';

package/dist/components/ActivityItem/ActivityItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../utils/cn.cjs"),m=({icon:s,iconBg:r="rgba(16, 185, 129, 0.2)",title:a,description:i,user:t,time:l,onClick:c,className:n,...x})=>e.jsxs("div",{className:d.cn("flex items-start gap-4 p-4 hover:bg-slate-700/30 dark:hover:bg-slate-700/30 rounded-xl transition-colors cursor-pointer",n),onClick:c,...x,children:[e.jsx("div",{className:"flex items-center justify-center w-10 h-10 rounded-xl flex-shrink-0",style:{background:r},children:s}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-gray-900 dark:text-white font-medium truncate",children:a}),e.jsx("p",{className:"text-gray-500 dark:text-slate-400 text-sm truncate",children:i})]}),e.jsxs("div",{className:"text-right flex-shrink-0",children:[e.jsx("p",{className:"text-gray-500 dark:text-slate-400 text-sm",children:l}),t&&e.jsx("p",{className:"text-gray-400 dark:text-slate-500 text-xs",children:t})]})]});exports.ActivityItem=m;

package/dist/components/ActivityItem/ActivityItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ActivityItemProps } from './ActivityItem.types';
+/**
+ * ActivityItem Component
+ * A single activity/event item for activity feeds
+ */
+export declare const ActivityItem: FC<ActivityItemProps>;

package/dist/components/ActivityItem/ActivityItem.js

@@ -0,0 +1,44 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { cn as m } from "../../utils/cn.js";
+const g = ({
+  icon: a,
+  iconBg: s = "rgba(16, 185, 129, 0.2)",
+  title: l,
+  description: i,
+  user: r,
+  time: c,
+  onClick: n,
+  className: d,
+  ...x
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: m(
+      "flex items-start gap-4 p-4 hover:bg-slate-700/30 dark:hover:bg-slate-700/30 rounded-xl transition-colors cursor-pointer",
+      d
+    ),
+    onClick: n,
+    ...x,
+    children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "flex items-center justify-center w-10 h-10 rounded-xl flex-shrink-0",
+          style: { background: s },
+          children: a
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ e("p", { className: "text-gray-900 dark:text-white font-medium truncate", children: l }),
+        /* @__PURE__ */ e("p", { className: "text-gray-500 dark:text-slate-400 text-sm truncate", children: i })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "text-right flex-shrink-0", children: [
+        /* @__PURE__ */ e("p", { className: "text-gray-500 dark:text-slate-400 text-sm", children: c }),
+        r && /* @__PURE__ */ e("p", { className: "text-gray-400 dark:text-slate-500 text-xs", children: r })
+      ] })
+    ]
+  }
+);
+export {
+  g as ActivityItem
+};

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ActivityItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** Icon element */
+    icon: ReactNode;
+    /** Icon background color/gradient */
+    iconBg?: string;
+    /** Activity title */
+    title: string;
+    /** Activity description */
+    description?: string;
+    /** User who performed the activity */
+    user?: string;
+    /** Time of the activity */
+    time: string;
+    /** Click handler */
+    onClick?: () => void;
+}

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

@@ -0,0 +1,2 @@
+export { ActivityItem } from './ActivityItem';
+export type { ActivityItemProps } from './ActivityItem.types';

package/dist/components/Alert/Alert.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),i=require("../../utils/cn.cjs"),m={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,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"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,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"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,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"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,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"})]})},w=()=>e.jsxs("svg",{width:18,height:18,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),v={success:{bg:"rgba(34, 197, 94, 0.1)",border:"#22c55e",text:"#166534",icon:"#22c55e"},info:{bg:"rgba(59, 130, 246, 0.1)",border:"#3b82f6",text:"#1e40af",icon:"#3b82f6"},warning:{bg:"rgba(245, 158, 11, 0.1)",border:"#f59e0b",text:"#92400e",icon:"#f59e0b"},error:{bg:"rgba(239, 68, 68, 0.1)",border:"#ef4444",text:"#991b1b",icon:"#ef4444"}},p={filled:r=>i.cn("bear-text-white",r==="success"&&"bear-bg-green-500",r==="info"&&"bear-bg-blue-500",r==="warning"&&"bear-bg-amber-500",r==="error"&&"bear-bg-red-500"),outlined:()=>"bear-bg-transparent bear-border",standard:()=>""},C=({severity:r="info",variant:t="standard",title:a,icon:n=!0,action:c,closable:d=!1,onClose:o,children:b,className:h,testId:u,...g})=>{const[f,j]=k.useState(!0);if(!f)return null;const s=v[r],l=t==="filled",y=()=>{j(!1),o==null||o()},x=()=>n===!1?null:n!==!0?n:m[r];return e.jsxs("div",{role:"alert",className:i.cn("bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",p[t](r),h),style:{backgroundColor:l?void 0:s.bg,borderColor:t==="outlined"?s.border:void 0,color:l?void 0:s.text},"data-testid":u,...g,children:[x()&&e.jsx("span",{className:"bear-flex-shrink-0 bear-mt-0.5",style:{color:l?"currentColor":s.icon},children:x()}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[a&&e.jsx("div",{className:"bear-font-semibold bear-mb-1",children:a}),b&&e.jsx("div",{className:"bear-text-sm",children:b})]}),c&&e.jsx("div",{className:"bear-flex-shrink-0",children:c}),d&&e.jsx("button",{type:"button",onClick:y,className:i.cn("bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 bear-transition-colors","bear-bg-transparent bear-border-none bear-cursor-pointer"),"aria-label":"Close alert",children:e.jsx(w,{})})]})};exports.Alert=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),h=require("../../utils/cn.cjs"),r=require("./Alert.const.cjs"),k={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"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"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"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"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"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"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"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"})]})},E=()=>e.jsxs("svg",{width:18,height:18,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,"aria-hidden":"true",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),L=b=>{const{severity:s=r.ALERT_DEFAULTS.SEVERITY,variant:i=r.ALERT_DEFAULTS.VARIANT,title:a,icon:l=r.ALERT_DEFAULTS.SHOW_ICON,action:c,closable:u=r.ALERT_DEFAULTS.CLOSABLE,onClose:n,children:d,className:j,testId:A,id:y,...v}=b,[_,f]=m.useState(!0);if(!_)return null;const t=r.ALERT_SEVERITY_COLORS[s],o=i==="filled",g=()=>{f(!1),n==null||n()},x=()=>l===!1?null:l!==!0?l:k[s];return e.jsxs("div",{id:y,role:"alert","aria-live":"polite",className:h.cn("Bear-Alert","bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",r.ALERT_VARIANT_CLASSES[i](s),j),style:{backgroundColor:o?void 0:t.bg,borderColor:i==="outlined"?t.border:void 0,color:o?void 0:t.text},"data-testid":A,...v,children:[x()&&e.jsx("span",{className:"Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",style:{color:o?"currentColor":t.icon},children:x()}),e.jsxs("div",{className:"Bear-Alert__content bear-flex-1 bear-min-w-0",children:[a&&e.jsx("div",{className:"Bear-Alert__title bear-font-semibold bear-mb-1",children:a}),d&&e.jsx("div",{className:"Bear-Alert__message bear-text-sm",children:d})]}),c&&e.jsx("div",{className:"Bear-Alert__action bear-flex-shrink-0",children:c}),u&&e.jsx("button",{type:"button",onClick:g,className:h.cn("Bear-Alert__close","bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 bear-transition-colors","bear-bg-transparent bear-border-none bear-cursor-pointer"),"aria-label":"Close alert",children:e.jsx(E,{})})]})};exports.Alert=L;

package/dist/components/Alert/Alert.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../utils/cn.cjs"),b={success:{bg:"rgba(34, 197, 94, 0.1)",border:"#22c55e",text:"#166534",icon:"#22c55e"},info:{bg:"rgba(59, 130, 246, 0.1)",border:"#3b82f6",text:"#1e40af",icon:"#3b82f6"},warning:{bg:"rgba(245, 158, 11, 0.1)",border:"#f59e0b",text:"#92400e",icon:"#f59e0b"},error:{bg:"rgba(239, 68, 68, 0.1)",border:"#ef4444",text:"#991b1b",icon:"#ef4444"}},n={filled:e=>r.cn("bear-text-white",e==="success"&&"bear-bg-green-500",e==="info"&&"bear-bg-blue-500",e==="warning"&&"bear-bg-amber-500",e==="error"&&"bear-bg-red-500"),outlined:()=>"bear-bg-transparent bear-border",standard:()=>""},a={SEVERITY:"info",VARIANT:"standard",SHOW_ICON:!0,CLOSABLE:!1};exports.ALERT_DEFAULTS=a;exports.ALERT_SEVERITY_COLORS=b;exports.ALERT_VARIANT_CLASSES=n;

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

@@ -0,0 +1,14 @@
+import { AlertSeverity, AlertVariant } from './Alert.types';
+export declare const ALERT_SEVERITY_COLORS: Record<AlertSeverity, {
+    bg: string;
+    border: string;
+    text: string;
+    icon: string;
+}>;
+export declare const ALERT_VARIANT_CLASSES: Record<AlertVariant, (severity: AlertSeverity) => string>;
+export declare const ALERT_DEFAULTS: {
+    SEVERITY: AlertSeverity;
+    VARIANT: AlertVariant;
+    SHOW_ICON: boolean;
+    CLOSABLE: boolean;
+};

package/dist/components/Alert/Alert.const.js

@@ -0,0 +1,27 @@
+import { cn as e } from "../../utils/cn.js";
+const a = {
+  success: { bg: "rgba(34, 197, 94, 0.1)", border: "#22c55e", text: "#166534", icon: "#22c55e" },
+  info: { bg: "rgba(59, 130, 246, 0.1)", border: "#3b82f6", text: "#1e40af", icon: "#3b82f6" },
+  warning: { bg: "rgba(245, 158, 11, 0.1)", border: "#f59e0b", text: "#92400e", icon: "#f59e0b" },
+  error: { bg: "rgba(239, 68, 68, 0.1)", border: "#ef4444", text: "#991b1b", icon: "#ef4444" }
+}, n = {
+  filled: (r) => e(
+    "bear-text-white",
+    r === "success" && "bear-bg-green-500",
+    r === "info" && "bear-bg-blue-500",
+    r === "warning" && "bear-bg-amber-500",
+    r === "error" && "bear-bg-red-500"
+  ),
+  outlined: () => "bear-bg-transparent bear-border",
+  standard: () => ""
+}, o = {
+  SEVERITY: "info",
+  VARIANT: "standard",
+  SHOW_ICON: !0,
+  CLOSABLE: !1
+};
+export {
+  o as ALERT_DEFAULTS,
+  a as ALERT_SEVERITY_COLORS,
+  n as ALERT_VARIANT_CLASSES
+};

package/dist/components/Alert/Alert.js

@@ -1,103 +1,94 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { cn as s } from "../../utils/cn.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useState as k } from "react";
+import { cn as x } from "../../utils/cn.js";
+import { ALERT_DEFAULTS as i, ALERT_SEVERITY_COLORS as C, ALERT_VARIANT_CLASSES as B } from "./Alert.const.js";
 const w = {
-  success: /* @__PURE__ */ o("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  success: /* @__PURE__ */ r("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: [
     /* @__PURE__ */ e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
     /* @__PURE__ */ e("polyline", { points: "22 4 12 14.01 9 11.01" })
   ] }),
-  info: /* @__PURE__ */ o("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  info: /* @__PURE__ */ r("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: [
     /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
     /* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
   ] }),
-  warning: /* @__PURE__ */ o("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  warning: /* @__PURE__ */ r("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: [
     /* @__PURE__ */ e("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__ */ e("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
     /* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
   ] }),
-  error: /* @__PURE__ */ o("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  error: /* @__PURE__ */ r("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: [
     /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ e("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
     /* @__PURE__ */ e("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
   ] })
-}, v = () => /* @__PURE__ */ o("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+}, N = () => /* @__PURE__ */ r("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: [
   /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
   /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-] }), C = {
-  success: { bg: "rgba(34, 197, 94, 0.1)", border: "#22c55e", text: "#166534", icon: "#22c55e" },
-  info: { bg: "rgba(59, 130, 246, 0.1)", border: "#3b82f6", text: "#1e40af", icon: "#3b82f6" },
-  warning: { bg: "rgba(245, 158, 11, 0.1)", border: "#f59e0b", text: "#92400e", icon: "#f59e0b" },
-  error: { bg: "rgba(239, 68, 68, 0.1)", border: "#ef4444", text: "#991b1b", icon: "#ef4444" }
-}, N = {
-  filled: (r) => s(
-    "bear-text-white",
-    r === "success" && "bear-bg-green-500",
-    r === "info" && "bear-bg-blue-500",
-    r === "warning" && "bear-bg-amber-500",
-    r === "error" && "bear-bg-red-500"
-  ),
-  outlined: () => "bear-bg-transparent bear-border",
-  standard: () => ""
-}, W = ({
-  severity: r = "info",
-  variant: n = "standard",
-  title: b,
-  icon: l = !0,
-  action: c,
-  closable: x = !1,
-  onClose: i,
-  children: d,
-  className: f,
-  testId: g,
-  ...u
-}) => {
-  const [m, y] = p(!0);
-  if (!m) return null;
-  const t = C[r], a = n === "filled", k = () => {
-    y(!1), i == null || i();
-  }, h = () => l === !1 ? null : l !== !0 ? l : w[r];
-  return /* @__PURE__ */ o(
+] }), R = (u) => {
+  const {
+    severity: l = i.SEVERITY,
+    variant: o = i.VARIANT,
+    title: c,
+    icon: n = i.SHOW_ICON,
+    action: d,
+    closable: f = i.CLOSABLE,
+    onClose: a,
+    children: h,
+    className: m,
+    testId: v,
+    id: y,
+    ...g
+  } = u, [A, _] = k(!0);
+  if (!A) return null;
+  const t = C[l], s = o === "filled", p = () => {
+    _(!1), a == null || a();
+  }, b = () => n === !1 ? null : n !== !0 ? n : w[l];
+  return /* @__PURE__ */ r(
     "div",
     {
+      id: y,
       role: "alert",
-      className: s(
+      "aria-live": "polite",
+      className: x(
+        "Bear-Alert",
         "bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",
-        N[n](r),
-        f
+        B[o](l),
+        m
       ),
       style: {
-        backgroundColor: a ? void 0 : t.bg,
-        borderColor: n === "outlined" ? t.border : void 0,
-        color: a ? void 0 : t.text
+        backgroundColor: s ? void 0 : t.bg,
+        borderColor: o === "outlined" ? t.border : void 0,
+        color: s ? void 0 : t.text
       },
-      "data-testid": g,
-      ...u,
+      "data-testid": v,
+      ...g,
       children: [
-        h() && /* @__PURE__ */ e(
+        b() && /* @__PURE__ */ e(
           "span",
           {
-            className: "bear-flex-shrink-0 bear-mt-0.5",
-            style: { color: a ? "currentColor" : t.icon },
-            children: h()
+            className: "Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",
+            style: { color: s ? "currentColor" : t.icon },
+            children: b()
           }
         ),
-        /* @__PURE__ */ o("div", { className: "bear-flex-1 bear-min-w-0", children: [
-          b && /* @__PURE__ */ e("div", { className: "bear-font-semibold bear-mb-1", children: b }),
-          d && /* @__PURE__ */ e("div", { className: "bear-text-sm", children: d })
+        /* @__PURE__ */ r("div", { className: "Bear-Alert__content bear-flex-1 bear-min-w-0", children: [
+          c && /* @__PURE__ */ e("div", { className: "Bear-Alert__title bear-font-semibold bear-mb-1", children: c }),
+          h && /* @__PURE__ */ e("div", { className: "Bear-Alert__message bear-text-sm", children: h })
         ] }),
-        c && /* @__PURE__ */ e("div", { className: "bear-flex-shrink-0", children: c }),
-        x && /* @__PURE__ */ e(
+        d && /* @__PURE__ */ e("div", { className: "Bear-Alert__action bear-flex-shrink-0", children: d }),
+        f && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: k,
-            className: s(
+            onClick: p,
+            className: x(
+              "Bear-Alert__close",
               "bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 bear-transition-colors",
               "bear-bg-transparent bear-border-none bear-cursor-pointer"
             ),
             "aria-label": "Close alert",
-            children: /* @__PURE__ */ e(v, {})
+            children: /* @__PURE__ */ e(N, {})
           }
         )
       ]
@@ -105,5 +96,5 @@ const w = {
   );
 };
 export {
-  W as Alert
+  R as Alert
 };

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

@@ -18,6 +18,8 @@ export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'
     onClose?: () => void;
     /** Content of the alert */
     children?: ReactNode;
-    /** Test ID */
+    /** Unique identifier for testing */
     testId?: string;
+    /** HTML id attribute */
+    id?: string;
 }

package/dist/components/Avatar/Avatar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),i=require("../../utils/cn.cjs"),g={xs:"bear-w-6 bear-h-6 bear-text-xs",sm:"bear-w-8 bear-h-8 bear-text-sm",md:"bear-w-10 bear-h-10 bear-text-base",lg:"bear-w-12 bear-h-12 bear-text-lg",xl:"bear-w-16 bear-h-16 bear-text-xl","2xl":"bear-w-20 bear-h-20 bear-text-2xl"},y={circle:"bear-rounded-full",rounded:"bear-rounded-lg",square:"bear-rounded-none"},v={online:"bear-bg-green-500",offline:"bear-bg-gray-400",away:"bear-bg-yellow-500",busy:"bear-bg-red-500"},f=({src:t,alt:r="Avatar",initials:s,size:c="md",variant:a="circle",status:b,bordered:n=!1,className:o,testId:l,...u})=>{const[x,h]=d.useState(!1),m=!t||x;return e.jsxs("div",{className:i.cn("bear-relative bear-inline-flex bear-items-center bear-justify-center","bear-bg-gray-200 dark:bear-bg-gray-700","bear-overflow-hidden",g[c],y[a],n&&"bear-ring-2 bear-ring-white dark:bear-ring-gray-900",o),"data-testid":l,children:[m?s?e.jsx("span",{className:"bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase",children:s.slice(0,2)}):e.jsx("svg",{className:"bear-w-3/5 bear-h-3/5 bear-text-gray-400",fill:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"})}):e.jsx("img",{src:t,alt:r,onError:()=>h(!0),className:"bear-w-full bear-h-full bear-object-cover",...u}),b&&e.jsx("span",{className:i.cn("bear-absolute bear-bottom-0 bear-right-0","bear-w-1/4 bear-h-1/4 bear-min-w-[8px] bear-min-h-[8px]","bear-rounded-full bear-ring-2 bear-ring-white dark:bear-ring-gray-900",v[b])})]})},w=({children:t,max:r,size:s="md",className:c})=>{const a=d.Children.toArray(t),b=r?a.slice(0,r):a,n=r?a.length-r:0;return e.jsxs("div",{className:i.cn("bear-flex bear--space-x-2",c),children:[b.map((o,l)=>e.jsx("div",{className:"bear-relative",style:{zIndex:b.length-l},children:o},l)),n>0&&e.jsxs("div",{className:i.cn("bear-relative bear-inline-flex bear-items-center bear-justify-center","bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full","bear-ring-2 bear-ring-white dark:bear-ring-gray-900","bear-text-gray-600 dark:bear-text-gray-300 bear-font-medium",g[s]),style:{zIndex:0},children:["+",n]})]})};exports.Avatar=f;exports.AvatarGroup=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),c=require("../../utils/cn.cjs"),r=require("./Avatar.const.cjs"),h=A=>{const{src:i,alt:a=r.AVATAR_DEFAULTS.ALT,initials:n,size:o=r.AVATAR_DEFAULTS.SIZE,variant:s=r.AVATAR_DEFAULTS.VARIANT,status:t,bordered:b=!1,className:d,testId:l,...u}=A,[v,m]=g.useState(!1),_=!i||v;return e.jsxs("div",{className:c.cn("Bear-Avatar","bear-relative bear-inline-flex bear-items-center bear-justify-center","bear-bg-gray-200 dark:bear-bg-gray-700","bear-overflow-hidden",r.AVATAR_SIZE[o],r.AVATAR_VARIANT[s],b&&"Bear-Avatar--bordered bear-ring-2 bear-ring-white dark:bear-ring-gray-900",d),"data-testid":l,children:[_?n?e.jsx("span",{className:"Bear-Avatar__initials bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase",children:n.slice(0,r.AVATAR_DEFAULTS.MAX_INITIALS)}):e.jsx("svg",{className:"Bear-Avatar__placeholder bear-w-3/5 bear-h-3/5 bear-text-gray-400",fill:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"})}):e.jsx("img",{src:i,alt:a,onError:()=>m(!0),className:"Bear-Avatar__image bear-w-full bear-h-full bear-object-cover",...u}),t&&e.jsx("span",{className:c.cn("Bear-Avatar__status",`Bear-Avatar__status--${t}`,"bear-absolute bear-bottom-0 bear-right-0","bear-w-1/4 bear-h-1/4 bear-min-w-[8px] bear-min-h-[8px]","bear-rounded-full bear-ring-2 bear-ring-white dark:bear-ring-gray-900",r.AVATAR_STATUS[t])})]})},x=A=>{const{children:i,max:a,size:n=r.AVATAR_DEFAULTS.SIZE,className:o}=A,s=g.Children.toArray(i),t=a?s.slice(0,a):s,b=a?s.length-a:0;return e.jsxs("div",{className:c.cn("Bear-AvatarGroup bear-flex bear--space-x-2",o),children:[t.map((d,l)=>e.jsx("div",{className:"Bear-AvatarGroup__item bear-relative",style:{zIndex:t.length-l},children:d},l)),b>0&&e.jsxs("div",{className:c.cn("Bear-AvatarGroup__overflow","bear-relative bear-inline-flex bear-items-center bear-justify-center","bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full","bear-ring-2 bear-ring-white dark:bear-ring-gray-900","bear-text-gray-600 dark:bear-text-gray-300 bear-font-medium",r.AVATAR_SIZE[n]),style:{zIndex:0},children:["+",b]})]})};exports.Avatar=h;exports.AvatarGroup=x;

package/dist/components/Avatar/Avatar.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={xs:"bear-w-6 bear-h-6 bear-text-xs",sm:"bear-w-8 bear-h-8 bear-text-sm",md:"bear-w-10 bear-h-10 bear-text-base",lg:"bear-w-12 bear-h-12 bear-text-lg",xl:"bear-w-16 bear-h-16 bear-text-xl","2xl":"bear-w-20 bear-h-20 bear-text-2xl"},r={circle:"bear-rounded-full",rounded:"bear-rounded-lg",square:"bear-rounded-none"},A={online:"bear-bg-green-500",offline:"bear-bg-gray-400",away:"bear-bg-yellow-500",busy:"bear-bg-red-500"},a={SIZE:"md",VARIANT:"circle",ALT:"Avatar",MAX_INITIALS:2};exports.AVATAR_DEFAULTS=a;exports.AVATAR_SIZE=e;exports.AVATAR_STATUS=A;exports.AVATAR_VARIANT=r;

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

@@ -0,0 +1,28 @@
+/**
+ * Avatar component constants
+ */
+export declare const AVATAR_SIZE: {
+    readonly xs: "bear-w-6 bear-h-6 bear-text-xs";
+    readonly sm: "bear-w-8 bear-h-8 bear-text-sm";
+    readonly md: "bear-w-10 bear-h-10 bear-text-base";
+    readonly lg: "bear-w-12 bear-h-12 bear-text-lg";
+    readonly xl: "bear-w-16 bear-h-16 bear-text-xl";
+    readonly '2xl': "bear-w-20 bear-h-20 bear-text-2xl";
+};
+export declare const AVATAR_VARIANT: {
+    readonly circle: "bear-rounded-full";
+    readonly rounded: "bear-rounded-lg";
+    readonly square: "bear-rounded-none";
+};
+export declare const AVATAR_STATUS: {
+    readonly online: "bear-bg-green-500";
+    readonly offline: "bear-bg-gray-400";
+    readonly away: "bear-bg-yellow-500";
+    readonly busy: "bear-bg-red-500";
+};
+export declare const AVATAR_DEFAULTS: {
+    readonly SIZE: "md";
+    readonly VARIANT: "circle";
+    readonly ALT: "Avatar";
+    readonly MAX_INITIALS: 2;
+};

package/dist/components/Avatar/Avatar.const.js

@@ -0,0 +1,28 @@
+const e = {
+  xs: "bear-w-6 bear-h-6 bear-text-xs",
+  sm: "bear-w-8 bear-h-8 bear-text-sm",
+  md: "bear-w-10 bear-h-10 bear-text-base",
+  lg: "bear-w-12 bear-h-12 bear-text-lg",
+  xl: "bear-w-16 bear-h-16 bear-text-xl",
+  "2xl": "bear-w-20 bear-h-20 bear-text-2xl"
+}, r = {
+  circle: "bear-rounded-full",
+  rounded: "bear-rounded-lg",
+  square: "bear-rounded-none"
+}, a = {
+  online: "bear-bg-green-500",
+  offline: "bear-bg-gray-400",
+  away: "bear-bg-yellow-500",
+  busy: "bear-bg-red-500"
+}, b = {
+  SIZE: "md",
+  VARIANT: "circle",
+  ALT: "Avatar",
+  MAX_INITIALS: 2
+};
+export {
+  b as AVATAR_DEFAULTS,
+  e as AVATAR_SIZE,
+  a as AVATAR_STATUS,
+  r as AVATAR_VARIANT
+};