@forgedevstack/bear 1.0.2 → 1.0.4-alpha

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
+};

package/dist/components/Avatar/Avatar.js

@@ -1,91 +1,80 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import f, { useState as y } from "react";
-import { cn as i } from "../../utils/cn.js";
-const 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"
-}, v = {
-  circle: "bear-rounded-full",
-  rounded: "bear-rounded-lg",
-  square: "bear-rounded-none"
-}, w = {
-  online: "bear-bg-green-500",
-  offline: "bear-bg-gray-400",
-  away: "bear-bg-yellow-500",
-  busy: "bear-bg-red-500"
-}, j = ({
-  src: t,
-  alt: e = "Avatar",
-  initials: s,
-  size: o = "md",
-  variant: a = "circle",
-  status: b,
-  bordered: l = !1,
-  className: c,
-  testId: n,
-  ...m
-}) => {
-  const [h, u] = y(!1), x = !t || h;
-  return /* @__PURE__ */ d(
+import { jsxs as A, jsx as e } from "react/jsx-runtime";
+import p, { useState as _ } from "react";
+import { cn as o } from "../../utils/cn.js";
+import { AVATAR_DEFAULTS as s, AVATAR_STATUS as x, AVATAR_VARIANT as y, AVATAR_SIZE as g } from "./Avatar.const.js";
+const T = (c) => {
+  const {
+    src: i,
+    alt: r = s.ALT,
+    initials: b,
+    size: d = s.SIZE,
+    variant: t = s.VARIANT,
+    status: a,
+    bordered: l = !1,
+    className: m,
+    testId: n,
+    ...v
+  } = c, [h, u] = _(!1), f = !i || h;
+  return /* @__PURE__ */ A(
     "div",
     {
-      className: i(
+      className: o(
+        "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",
-        g[o],
-        v[a],
-        l && "bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
-        c
+        g[d],
+        y[t],
+        l && "Bear-Avatar--bordered bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
+        m
       ),
       "data-testid": n,
       children: [
-        x ? s ? /* @__PURE__ */ r("span", { className: "bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase", children: s.slice(0, 2) }) : /* @__PURE__ */ r("svg", { className: "bear-w-3/5 bear-h-3/5 bear-text-gray-400", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("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" }) }) : /* @__PURE__ */ r(
+        f ? b ? /* @__PURE__ */ e("span", { className: "Bear-Avatar__initials bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase", children: b.slice(0, s.MAX_INITIALS) }) : /* @__PURE__ */ e("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: /* @__PURE__ */ e("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" }) }) : /* @__PURE__ */ e(
           "img",
           {
-            src: t,
-            alt: e,
+            src: i,
+            alt: r,
             onError: () => u(!0),
-            className: "bear-w-full bear-h-full bear-object-cover",
-            ...m
+            className: "Bear-Avatar__image bear-w-full bear-h-full bear-object-cover",
+            ...v
           }
         ),
-        b && /* @__PURE__ */ r(
+        a && /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: o(
+              "Bear-Avatar__status",
+              `Bear-Avatar__status--${a}`,
               "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",
-              w[b]
+              x[a]
             )
           }
         )
       ]
     }
   );
-}, z = ({
-  children: t,
-  max: e,
-  size: s = "md",
-  className: o
-}) => {
-  const a = f.Children.toArray(t), b = e ? a.slice(0, e) : a, l = e ? a.length - e : 0;
-  return /* @__PURE__ */ d("div", { className: i("bear-flex bear--space-x-2", o), children: [
-    b.map((c, n) => /* @__PURE__ */ r("div", { className: "bear-relative", style: { zIndex: b.length - n }, children: c }, n)),
-    l > 0 && /* @__PURE__ */ d(
+}, k = (c) => {
+  const {
+    children: i,
+    max: r,
+    size: b = s.SIZE,
+    className: d
+  } = c, t = p.Children.toArray(i), a = r ? t.slice(0, r) : t, l = r ? t.length - r : 0;
+  return /* @__PURE__ */ A("div", { className: o("Bear-AvatarGroup bear-flex bear--space-x-2", d), children: [
+    a.map((m, n) => /* @__PURE__ */ e("div", { className: "Bear-AvatarGroup__item bear-relative", style: { zIndex: a.length - n }, children: m }, n)),
+    l > 0 && /* @__PURE__ */ A(
       "div",
       {
-        className: i(
+        className: o(
+          "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",
-          g[s]
+          g[b]
         ),
         style: { zIndex: 0 },
         children: [
@@ -97,6 +86,6 @@ const g = {
   ] });
 };
 export {
-  j as Avatar,
-  z as AvatarGroup
+  T as Avatar,
+  k as AvatarGroup
 };

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

@@ -1,2 +1,3 @@
 export { Avatar, AvatarGroup } from './Avatar';
 export type { AvatarProps, AvatarGroupProps } from './Avatar.types';
+export { AVATAR_SIZE, AVATAR_VARIANT, AVATAR_STATUS, AVATAR_DEFAULTS } from './Avatar.const';

package/dist/components/Badge/Badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../utils/cn.cjs"),e=require("./Badge.constants.cjs"),c=({variant:s="neutral",size:n="sm",pill:t=!1,dot:l=!1,className:d,children:o,testId:i,...u})=>a.jsxs("span",{className:r.cn("bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",e.sizeClasses[n],e.variantClasses[s],t?"bear-rounded-full":"bear-rounded-md",d),"data-testid":i,...u,children:[l&&a.jsx("span",{className:r.cn(e.BADGE_DOT_SIZE_CLASSES,"bear-rounded-full",e.dotVariantColors[s])}),o]});exports.Badge=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../utils/cn.cjs"),e=require("./Badge.constants.cjs"),u=({variant:s="neutral",size:n="sm",pill:t=!1,dot:d=!1,className:l,children:o,testId:c,...i})=>a.jsxs("span",{className:r.cn("Bear-Badge","bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",e.sizeClasses[n],e.variantClasses[s],t?"Bear-Badge--pill bear-rounded-full":"bear-rounded-md",l),"data-testid":c,...i,children:[d&&a.jsx("span",{className:r.cn("Bear-Badge__dot",e.BADGE_DOT_SIZE_CLASSES,"bear-rounded-full",e.dotVariantColors[s])}),a.jsx("span",{className:"Bear-Badge__content",children:o})]});exports.Badge=u;

package/dist/components/Badge/Badge.js

@@ -1,42 +1,44 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { cn as a } from "../../utils/cn.js";
-import { dotVariantColors as f, BADGE_DOT_SIZE_CLASSES as u, variantClasses as b, sizeClasses as p } from "./Badge.constants.js";
-const S = ({
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { cn as r } from "../../utils/cn.js";
+import { dotVariantColors as B, BADGE_DOT_SIZE_CLASSES as f, variantClasses as p, sizeClasses as c } from "./Badge.constants.js";
+const g = ({
   variant: e = "neutral",
-  size: r = "sm",
-  pill: s = !1,
+  size: s = "sm",
+  pill: d = !1,
   dot: l = !1,
   className: n,
-  children: o,
-  testId: t,
-  ...d
-}) => /* @__PURE__ */ m(
+  children: t,
+  testId: o,
+  ...m
+}) => /* @__PURE__ */ i(
   "span",
   {
-    className: a(
+    className: r(
+      "Bear-Badge",
       "bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",
-      p[r],
-      b[e],
-      s ? "bear-rounded-full" : "bear-rounded-md",
+      c[s],
+      p[e],
+      d ? "Bear-Badge--pill bear-rounded-full" : "bear-rounded-md",
       n
     ),
-    "data-testid": t,
-    ...d,
+    "data-testid": o,
+    ...m,
     children: [
-      l && /* @__PURE__ */ i(
+      l && /* @__PURE__ */ a(
         "span",
         {
-          className: a(
-            u,
+          className: r(
+            "Bear-Badge__dot",
+            f,
             "bear-rounded-full",
-            f[e]
+            B[e]
           )
         }
       ),
-      o
+      /* @__PURE__ */ a("span", { className: "Bear-Badge__content", children: t })
     ]
   }
 );
 export {
-  S as Badge
+  g as Badge
 };

package/dist/components/BearLogo/EmberLogo.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../utils/cn.cjs"),t=({size:r=48,className:o,animated:s=!1})=>e.jsxs("svg",{width:r,height:r,viewBox:"0 0 100 100",fill:"none",className:l.cn("bear-logo",s&&"bear-animate-bear-glow",o),children:[e.jsxs("defs",{children:[e.jsxs("linearGradient",{id:"emberFlameGrad",x1:"50%",y1:"100%",x2:"50%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#ea580c"}),e.jsx("stop",{offset:"30%",stopColor:"#f97316"}),e.jsx("stop",{offset:"60%",stopColor:"#fb923c"}),e.jsx("stop",{offset:"100%",stopColor:"#fed7aa"})]}),e.jsxs("linearGradient",{id:"emberCoreGrad",x1:"50%",y1:"100%",x2:"50%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#f97316"}),e.jsx("stop",{offset:"50%",stopColor:"#fbbf24"}),e.jsx("stop",{offset:"100%",stopColor:"#fef3c7"})]}),e.jsxs("filter",{id:"emberGlow",x:"-50%",y:"-50%",width:"200%",height:"200%",children:[e.jsx("feGaussianBlur",{stdDeviation:"3",result:"coloredBlur"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"coloredBlur"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]}),e.jsx("circle",{cx:"50",cy:"50",r:"45",fill:"#1a1a2e",stroke:"url(#emberFlameGrad)",strokeWidth:"2"}),e.jsx("path",{d:`M50 15
+           C35 30 25 45 25 60
+           C25 75 35 85 50 85
+           C65 85 75 75 75 60
+           C75 50 68 40 60 32
+           C55 27 50 25 50 35
+           C50 42 55 48 55 55
+           C55 62 52 67 50 67
+           C48 67 45 62 45 55
+           C45 45 55 35 55 25
+           C55 20 52 17 50 15
+           Z`,fill:"url(#emberFlameGrad)",filter:"url(#emberGlow)"}),e.jsx("path",{d:`M50 45
+           C45 50 42 55 42 62
+           C42 72 46 78 50 78
+           C54 78 58 72 58 62
+           C58 55 55 50 50 45
+           Z`,fill:"url(#emberCoreGrad)",opacity:"0.9"}),e.jsx("circle",{cx:"38",cy:"35",r:"2",fill:"#fed7aa",opacity:"0.8"}),e.jsx("circle",{cx:"62",cy:"38",r:"1.5",fill:"#fef3c7",opacity:"0.7"}),e.jsx("circle",{cx:"45",cy:"28",r:"1",fill:"#ffffff",opacity:"0.6"})]});exports.EmberLogo=t;

package/dist/components/BearLogo/EmberLogo.js

@@ -0,0 +1,91 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn.js";
+const c = ({
+  size: o = 48,
+  className: l,
+  animated: f = !1
+}) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: o,
+    height: o,
+    viewBox: "0 0 100 100",
+    fill: "none",
+    className: t(
+      "bear-logo",
+      f && "bear-animate-bear-glow",
+      l
+    ),
+    children: [
+      /* @__PURE__ */ r("defs", { children: [
+        /* @__PURE__ */ r("linearGradient", { id: "emberFlameGrad", x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: [
+          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "#ea580c" }),
+          /* @__PURE__ */ e("stop", { offset: "30%", stopColor: "#f97316" }),
+          /* @__PURE__ */ e("stop", { offset: "60%", stopColor: "#fb923c" }),
+          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "#fed7aa" })
+        ] }),
+        /* @__PURE__ */ r("linearGradient", { id: "emberCoreGrad", x1: "50%", y1: "100%", x2: "50%", y2: "0%", children: [
+          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "#f97316" }),
+          /* @__PURE__ */ e("stop", { offset: "50%", stopColor: "#fbbf24" }),
+          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "#fef3c7" })
+        ] }),
+        /* @__PURE__ */ r("filter", { id: "emberGlow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
+          /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "3", result: "coloredBlur" }),
+          /* @__PURE__ */ r("feMerge", { children: [
+            /* @__PURE__ */ e("feMergeNode", { in: "coloredBlur" }),
+            /* @__PURE__ */ e("feMergeNode", { in: "SourceGraphic" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(
+        "circle",
+        {
+          cx: "50",
+          cy: "50",
+          r: "45",
+          fill: "#1a1a2e",
+          stroke: "url(#emberFlameGrad)",
+          strokeWidth: "2"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: `M50 15
+           C35 30 25 45 25 60
+           C25 75 35 85 50 85
+           C65 85 75 75 75 60
+           C75 50 68 40 60 32
+           C55 27 50 25 50 35
+           C50 42 55 48 55 55
+           C55 62 52 67 50 67
+           C48 67 45 62 45 55
+           C45 45 55 35 55 25
+           C55 20 52 17 50 15
+           Z`,
+          fill: "url(#emberFlameGrad)",
+          filter: "url(#emberGlow)"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: `M50 45
+           C45 50 42 55 42 62
+           C42 72 46 78 50 78
+           C54 78 58 72 58 62
+           C58 55 55 50 50 45
+           Z`,
+          fill: "url(#emberCoreGrad)",
+          opacity: "0.9"
+        }
+      ),
+      /* @__PURE__ */ e("circle", { cx: "38", cy: "35", r: "2", fill: "#fed7aa", opacity: "0.8" }),
+      /* @__PURE__ */ e("circle", { cx: "62", cy: "38", r: "1.5", fill: "#fef3c7", opacity: "0.7" }),
+      /* @__PURE__ */ e("circle", { cx: "45", cy: "28", r: "1", fill: "#ffffff", opacity: "0.6" })
+    ]
+  }
+);
+export {
+  c as EmberLogo
+};

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

@@ -1,2 +1,4 @@
 export { BearLogo } from './BearLogo';
 export type { BearLogoProps } from './BearLogo';
+export { EmberLogo } from './EmberLogo';
+export type { EmberLogoProps } from './EmberLogo';

package/dist/components/Box/Box.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react/jsx-runtime"),O=require("react"),s=require("./Box.utils.cjs"),l=O.forwardRef(({children:i,as:e="div",className:p="",p:t,px:r,py:C,pt:g,pb:T,pl:m,pr:d,m:u,mx:x,my:b,mt:y,mb:B,ml:$,mr:f,bg:a,rounded:o,shadow:n,border:j,borderColor:c,style:q,...M},R)=>{const S=[s.spacingToClass(t,"p"),s.spacingToClass(r,"px"),s.spacingToClass(C,"py"),s.spacingToClass(g,"pt"),s.spacingToClass(T,"pb"),s.spacingToClass(m,"pl"),s.spacingToClass(d,"pr"),s.spacingToClass(u,"m"),s.spacingToClass(x,"mx"),s.spacingToClass(b,"my"),s.spacingToClass(y,"mt"),s.spacingToClass(B,"mb"),s.spacingToClass($,"ml"),s.spacingToClass(f,"mr")].filter(Boolean).join(" "),v=o?s.roundedMap[o]:"",w=n?s.shadowMap[n]:"",N=j?"border":"",h={...q,...a?{backgroundColor:a}:{},...c?{borderColor:c}:{}};return k.jsx(e,{ref:R,className:`bear-box ${S} ${v} ${w} ${N} ${p}`.trim(),style:h,...M,children:i})});l.displayName="Box";exports.Box=l;

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from './Box.types';
+export declare const Box: import('react').ForwardRefExoticComponent<BoxProps & import('react').RefAttributes<HTMLDivElement>>;