@forgedevstack/bear 1.0.7 → 1.0.9

package/dist/components/ActivityItem/ActivityItem.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../utils/cn.cjs");require("react");const 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.js

@@ -1,5 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { cn as m } from "../../utils/cn.js";
+import "react";
 const g = ({
   icon: a,
   iconBg: s = "rgba(16, 185, 129, 0.2)",

package/dist/components/Alert/Alert.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),x=require("../../utils/cn.cjs"),r=require("./Alert.const.cjs"),w={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"})]})},k=()=>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"})]}),C=h=>{const{severity:t=r.ALERT_DEFAULTS.SEVERITY,variant:a=r.ALERT_DEFAULTS.VARIANT,title:l,icon:n=r.ALERT_DEFAULTS.SHOW_ICON,action:c,closable:u=r.ALERT_DEFAULTS.CLOSABLE,onClose:i,children:d,className:v,testId:g,id:j,...f}=h,[y,A]=m.useState(!0);if(!y)return null;const o=a==="filled",s={success:{bg:"var(--bear-success-50)",border:"var(--bear-success-500)",text:"var(--bear-success-800)",icon:"var(--bear-success-600)"},info:{bg:"var(--bear-info-50)",border:"var(--bear-info-500)",text:"var(--bear-info-800)",icon:"var(--bear-info-600)"},warning:{bg:"var(--bear-warning-50)",border:"var(--bear-warning-500)",text:"var(--bear-warning-800)",icon:"var(--bear-warning-600)"},error:{bg:"var(--bear-danger-50)",border:"var(--bear-danger-500)",text:"var(--bear-danger-800)",icon:"var(--bear-danger-600)"}}[t],_=()=>{A(!1),i==null||i()},b=()=>n===!1?null:n!==!0?n:w[t];return e.jsxs("div",{id:j,role:"alert","aria-live":"polite",className:x.cn("Bear-Alert","bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",r.ALERT_VARIANT_CLASSES[a](t),v),style:{backgroundColor:o?void 0:s.bg,borderColor:a==="outlined"?s.border:void 0,color:o?void 0:s.text},"data-testid":g,...f,children:[b()&&e.jsx("span",{className:"Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",style:{color:o?"currentColor":s.icon},children:b()}),e.jsxs("div",{className:"Bear-Alert__content bear-flex-1 bear-min-w-0",children:[l&&e.jsx("div",{className:"Bear-Alert__title bear-font-semibold bear-mb-1",children:l}),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:_,className:x.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(k,{})})]})};exports.Alert=C;

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../utils/cn.cjs");require("react");const a={filled:e=>r.cn("bear-text-white bear-alert-filled",e==="success"&&"bear-alert-filled-success",e==="info"&&"bear-alert-filled-info",e==="warning"&&"bear-alert-filled-warning",e==="error"&&"bear-alert-filled-error"),outlined:()=>"bear-bg-transparent bear-border",standard:()=>""},l={SEVERITY:"info",VARIANT:"standard",SHOW_ICON:!0,CLOSABLE:!1};exports.ALERT_DEFAULTS=l;exports.ALERT_VARIANT_CLASSES=a;

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

@@ -1,4 +1,8 @@
 import { AlertSeverity, AlertVariant } from './Alert.types';
+/**
+ * Alert severity colors using CSS variables for theme support
+ * These map to the theme's success, info, warning, and danger color scales
+ */
 export declare const ALERT_SEVERITY_COLORS: Record<AlertSeverity, {
     bg: string;
     border: string;

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

@@ -1,27 +1,22 @@
 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 = {
+import "react";
+const t = {
   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"
+    "bear-text-white bear-alert-filled",
+    r === "success" && "bear-alert-filled-success",
+    r === "info" && "bear-alert-filled-info",
+    r === "warning" && "bear-alert-filled-warning",
+    r === "error" && "bear-alert-filled-error"
   ),
   outlined: () => "bear-bg-transparent bear-border",
   standard: () => ""
-}, o = {
+}, n = {
   SEVERITY: "info",
   VARIANT: "standard",
   SHOW_ICON: !0,
   CLOSABLE: !1
 };
 export {
-  o as ALERT_DEFAULTS,
-  a as ALERT_SEVERITY_COLORS,
-  n as ALERT_VARIANT_CLASSES
+  n as ALERT_DEFAULTS,
+  t as ALERT_VARIANT_CLASSES
 };

package/dist/components/Alert/Alert.js

@@ -1,8 +1,8 @@
 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 = {
+import { cn as v } from "../../utils/cn.js";
+import { ALERT_DEFAULTS as t, ALERT_VARIANT_CLASSES as C } from "./Alert.const.js";
+const _ = {
   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" })
@@ -22,73 +22,78 @@ const w = {
     /* @__PURE__ */ e("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
     /* @__PURE__ */ e("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
   ] })
-}, N = () => /* @__PURE__ */ r("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: [
+}, B = () => /* @__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" })
-] }), R = (u) => {
+] }), W = (x) => {
   const {
-    severity: l = i.SEVERITY,
-    variant: o = i.VARIANT,
+    severity: o = t.SEVERITY,
+    variant: i = t.VARIANT,
     title: c,
-    icon: n = i.SHOW_ICON,
+    icon: n = t.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];
+    closable: u = t.CLOSABLE,
+    onClose: l,
+    children: b,
+    className: g,
+    testId: f,
+    id: m,
+    ...y
+  } = x, [p, w] = k(!0);
+  if (!p) return null;
+  const s = i === "filled", a = {
+    success: { bg: "var(--bear-success-50)", border: "var(--bear-success-500)", text: "var(--bear-success-800)", icon: "var(--bear-success-600)" },
+    info: { bg: "var(--bear-info-50)", border: "var(--bear-info-500)", text: "var(--bear-info-800)", icon: "var(--bear-info-600)" },
+    warning: { bg: "var(--bear-warning-50)", border: "var(--bear-warning-500)", text: "var(--bear-warning-800)", icon: "var(--bear-warning-600)" },
+    error: { bg: "var(--bear-danger-50)", border: "var(--bear-danger-500)", text: "var(--bear-danger-800)", icon: "var(--bear-danger-600)" }
+  }[o], A = () => {
+    w(!1), l == null || l();
+  }, h = () => n === !1 ? null : n !== !0 ? n : _[o];
   return /* @__PURE__ */ r(
     "div",
     {
-      id: y,
+      id: m,
       role: "alert",
       "aria-live": "polite",
-      className: x(
+      className: v(
         "Bear-Alert",
         "bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",
-        B[o](l),
-        m
+        C[i](o),
+        g
       ),
       style: {
-        backgroundColor: s ? void 0 : t.bg,
-        borderColor: o === "outlined" ? t.border : void 0,
-        color: s ? void 0 : t.text
+        backgroundColor: s ? void 0 : a.bg,
+        borderColor: i === "outlined" ? a.border : void 0,
+        color: s ? void 0 : a.text
       },
-      "data-testid": v,
-      ...g,
+      "data-testid": f,
+      ...y,
       children: [
-        b() && /* @__PURE__ */ e(
+        h() && /* @__PURE__ */ e(
           "span",
           {
             className: "Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",
-            style: { color: s ? "currentColor" : t.icon },
-            children: b()
+            style: { color: s ? "currentColor" : a.icon },
+            children: h()
           }
         ),
         /* @__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 })
+          b && /* @__PURE__ */ e("div", { className: "Bear-Alert__message bear-text-sm", children: b })
         ] }),
         d && /* @__PURE__ */ e("div", { className: "Bear-Alert__action bear-flex-shrink-0", children: d }),
-        f && /* @__PURE__ */ e(
+        u && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: p,
-            className: x(
+            onClick: A,
+            className: v(
               "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(N, {})
+            children: /* @__PURE__ */ e(B, {})
           }
         )
       ]
@@ -96,5 +101,5 @@ const w = {
   );
 };
 export {
-  R as Alert
+  W as Alert
 };

package/dist/components/AppBar/AppBar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../utils/cn.cjs"),u=({children:a,position:t="sticky",variant:r="default",color:b="default",className:s,leftContent:i,rightContent:c,centerContent:l,elevation:n=!0})=>{const d={fixed:"bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",sticky:"bear-sticky bear-top-0 bear-z-50",static:"bear-static",relative:"bear-relative"},o={default:"bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",transparent:"bear-bg-transparent",blur:"bear-bg-white/80 dark:bear-bg-zinc-900/80 bear-backdrop-blur-md"},x={default:"",primary:"bear-bg-bear-600 bear-text-white",dark:"bear-bg-black bear-text-white"},g=n?"bear-shadow-lg bear-border-b bear-border-gray-200 dark:bear-border-zinc-800":"";return e.jsx("header",{className:p.cn("bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",d[t],r!=="transparent"&&o[r],x[b],g,s),children:a??e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:i}),e.jsx("div",{className:"bear-flex-1 bear-flex bear-items-center bear-justify-center",children:l}),e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:c})]})})};exports.AppBar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../utils/cn.cjs");require("react");const u=({children:a,position:t="sticky",variant:b="default",color:r="primary",className:s,leftContent:i,rightContent:l,centerContent:c,elevation:n=!0})=>{const d={fixed:"bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",sticky:"bear-sticky bear-top-0 bear-z-50",static:"bear-static",relative:"bear-relative"},o={default:"",transparent:"bear-bg-transparent",blur:"bear-backdrop-blur-md"},p={default:"bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",primary:"bear-bg-pink-600 bear-text-white",dark:"bear-bg-gray-900 bear-text-white dark:bear-bg-black"},x=n?"bear-shadow-md bear-border-b bear-border-gray-200/10":"";return e.jsx("header",{className:m.cn("Bear-AppBar","bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",d[t],o[b],p[r],x,s),style:{backgroundColor:r==="primary"?"var(--bear-primary-600)":void 0},children:a??e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:i}),e.jsx("div",{className:"bear-flex-1 bear-flex bear-items-center bear-justify-center",children:c}),e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:l})]})})};exports.AppBar=u;

package/dist/components/AppBar/AppBar.js

@@ -1,10 +1,11 @@
-import { jsx as e, jsxs as m, Fragment as x } from "react/jsx-runtime";
+import { jsx as e, jsxs as f, Fragment as x } from "react/jsx-runtime";
 import { cn as g } from "../../utils/cn.js";
+import "react";
 const u = ({
   children: a,
   position: t = "sticky",
-  variant: r = "default",
-  color: b = "default",
+  variant: b = "default",
+  color: r = "primary",
   className: s,
   leftContent: i,
   rightContent: l,
@@ -17,26 +18,30 @@ const u = ({
     static: "bear-static",
     relative: "bear-relative"
   }, o = {
-    default: "bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",
-    transparent: "bear-bg-transparent",
-    blur: "bear-bg-white/80 dark:bear-bg-zinc-900/80 bear-backdrop-blur-md"
-  }, f = {
     default: "",
-    primary: "bear-bg-bear-600 bear-text-white",
-    dark: "bear-bg-black bear-text-white"
-  }, p = n ? "bear-shadow-lg bear-border-b bear-border-gray-200 dark:bear-border-zinc-800" : "";
+    transparent: "bear-bg-transparent",
+    blur: "bear-backdrop-blur-md"
+  }, p = {
+    default: "bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",
+    primary: "bear-bg-pink-600 bear-text-white",
+    dark: "bear-bg-gray-900 bear-text-white dark:bear-bg-black"
+  }, m = n ? "bear-shadow-md bear-border-b bear-border-gray-200/10" : "";
   return /* @__PURE__ */ e(
     "header",
     {
       className: g(
+        "Bear-AppBar",
         "bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",
         d[t],
-        r !== "transparent" && o[r],
-        f[b],
-        p,
+        o[b],
+        p[r],
+        m,
         s
       ),
-      children: a ?? /* @__PURE__ */ m(x, { children: [
+      style: {
+        backgroundColor: r === "primary" ? "var(--bear-primary-600)" : void 0
+      },
+      children: a ?? /* @__PURE__ */ f(x, { children: [
         /* @__PURE__ */ e("div", { className: "bear-flex bear-items-center bear-gap-4", children: i }),
         /* @__PURE__ */ e("div", { className: "bear-flex-1 bear-flex bear-items-center bear-justify-center", children: c }),
         /* @__PURE__ */ e("div", { className: "bear-flex bear-items-center bear-gap-4", children: l })

package/dist/components/BackTop/BackTop.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),v=require("../../utils/cn.cjs"),y=require("../Button/Button.cjs"),o=require("./BackTop.const.cjs"),I=({bottom:l=o.BACKTOP_DEFAULTS.BOTTOM,right:a=o.BACKTOP_DEFAULTS.RIGHT,visibleAt:b=o.BACKTOP_DEFAULTS.VISIBLE_AT,duration:c=o.BACKTOP_DEFAULTS.DURATION,target:i,children:p,size:u=o.BACKTOP_DEFAULTS.SIZE,variant:h=o.BACKTOP_DEFAULTS.VARIANT,animated:A=o.BACKTOP_DEFAULTS.ANIMATED,className:S,testId:w,onClick:r,...B})=>{const[f,E]=s.useState(!1),t=o.BACKTOP_SIZES[u],n=s.useCallback(()=>i?i():typeof window<"u"?window:null,[i]);s.useEffect(()=>{const e=n();if(!e)return;const T=()=>{const g=e===window?window.scrollY||document.documentElement.scrollTop:e.scrollTop;E(g>=b)};return e.addEventListener("scroll",T,{passive:!0}),T(),()=>{e.removeEventListener("scroll",T)}},[n,b]);const m=s.useCallback(()=>{const e=n();e&&(r==null||r(),e===window?window.scrollTo({top:0,behavior:c>0?"smooth":"auto"}):e.scrollTo({top:0,behavior:c>0?"smooth":"auto"}))},[n,c,r]),L=d.jsx("svg",{width:t.iconSize,height:t.iconSize,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",children:d.jsx("path",{d:"M18 15l-6-6-6 6"})}),O=u==="sm"?"sm":u==="lg"?"lg":"md";return d.jsx(y.Button,{variant:h,size:O,className:v.cn("Bear-BackTop","!bear-rounded-full !bear-p-0","!bear-fixed !bear-shadow-lg",A&&"bear-transition-all bear-duration-300 bear-ease-out",f?"bear-opacity-100 bear-translate-y-0 bear-scale-100":"bear-opacity-0 bear-translate-y-5 bear-scale-75 bear-pointer-events-none",S),style:{bottom:typeof l=="number"?`${l}px`:l,right:typeof a=="number"?`${a}px`:a,width:t.width,height:t.height,minWidth:t.width,zIndex:9999},onClick:m,"aria-label":"Scroll to top","data-testid":w,...B,children:p||L})};exports.BackTop=I;

package/dist/components/BackTop/BackTop.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i={BOTTOM:40,RIGHT:40,VISIBLE_AT:400,DURATION:300,SIZE:"md",VARIANT:"primary",ANIMATED:!0},t={sm:{width:36,height:36,iconSize:16},md:{width:44,height:44,iconSize:20},lg:{width:52,height:52,iconSize:24}};exports.BACKTOP_DEFAULTS=i;exports.BACKTOP_SIZES=t;

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

@@ -0,0 +1,34 @@
+/**
+ * BackTop component defaults
+ * Uses Bear Button for consistent styling
+ */
+export declare const BACKTOP_DEFAULTS: {
+    readonly BOTTOM: 40;
+    readonly RIGHT: 40;
+    readonly VISIBLE_AT: 400;
+    readonly DURATION: 300;
+    readonly SIZE: "md";
+    readonly VARIANT: "primary";
+    readonly ANIMATED: true;
+};
+/**
+ * BackTop size configurations
+ * Controls the button dimensions and icon size
+ */
+export declare const BACKTOP_SIZES: {
+    readonly sm: {
+        readonly width: 36;
+        readonly height: 36;
+        readonly iconSize: 16;
+    };
+    readonly md: {
+        readonly width: 44;
+        readonly height: 44;
+        readonly iconSize: 20;
+    };
+    readonly lg: {
+        readonly width: 52;
+        readonly height: 52;
+        readonly iconSize: 24;
+    };
+};

package/dist/components/BackTop/BackTop.const.js

@@ -0,0 +1,29 @@
+const i = {
+  BOTTOM: 40,
+  RIGHT: 40,
+  VISIBLE_AT: 400,
+  DURATION: 300,
+  SIZE: "md",
+  VARIANT: "primary",
+  ANIMATED: !0
+}, t = {
+  sm: {
+    width: 36,
+    height: 36,
+    iconSize: 16
+  },
+  md: {
+    width: 44,
+    height: 44,
+    iconSize: 20
+  },
+  lg: {
+    width: 52,
+    height: 52,
+    iconSize: 24
+  }
+};
+export {
+  i as BACKTOP_DEFAULTS,
+  t as BACKTOP_SIZES
+};

package/dist/components/BackTop/BackTop.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { BackTopProps } from './BackTop.types';
+/**
+ * BackTop - Scroll to top button
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <BackTop />
+ *
+ * // Custom position and threshold
+ * <BackTop bottom={60} right={20} visibleAt={200} />
+ *
+ * // Custom content
+ * <BackTop>
+ *   <span>↑ Top</span>
+ * </BackTop>
+ * ```
+ */
+export declare const BackTop: FC<BackTopProps>;
+export default BackTop;

package/dist/components/BackTop/BackTop.js

@@ -0,0 +1,87 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useState as y, useCallback as b, useEffect as A } from "react";
+import { cn as x } from "../../utils/cn.js";
+import { Button as L } from "../Button/Button.js";
+import { BACKTOP_DEFAULTS as o, BACKTOP_SIZES as z } from "./BackTop.const.js";
+const V = ({
+  bottom: s = o.BOTTOM,
+  right: l = o.RIGHT,
+  visibleAt: u = o.VISIBLE_AT,
+  duration: a = o.DURATION,
+  target: i,
+  children: m,
+  size: c = o.SIZE,
+  variant: T = o.VARIANT,
+  animated: f = o.ANIMATED,
+  className: h,
+  testId: w,
+  onClick: r,
+  ...S
+}) => {
+  const [I, g] = y(!1), t = z[c], n = b(() => i ? i() : typeof window < "u" ? window : null, [i]);
+  A(() => {
+    const e = n();
+    if (!e) return;
+    const d = () => {
+      const E = e === window ? window.scrollY || document.documentElement.scrollTop : e.scrollTop;
+      g(E >= u);
+    };
+    return e.addEventListener("scroll", d, { passive: !0 }), d(), () => {
+      e.removeEventListener("scroll", d);
+    };
+  }, [n, u]);
+  const v = b(() => {
+    const e = n();
+    e && (r == null || r(), e === window ? window.scrollTo({
+      top: 0,
+      behavior: a > 0 ? "smooth" : "auto"
+    }) : e.scrollTo({
+      top: 0,
+      behavior: a > 0 ? "smooth" : "auto"
+    }));
+  }, [n, a, r]), B = /* @__PURE__ */ p(
+    "svg",
+    {
+      width: t.iconSize,
+      height: t.iconSize,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ p("path", { d: "M18 15l-6-6-6 6" })
+    }
+  );
+  return /* @__PURE__ */ p(
+    L,
+    {
+      variant: T,
+      size: c === "sm" ? "sm" : c === "lg" ? "lg" : "md",
+      className: x(
+        "Bear-BackTop",
+        "!bear-rounded-full !bear-p-0",
+        "!bear-fixed !bear-shadow-lg",
+        f && "bear-transition-all bear-duration-300 bear-ease-out",
+        I ? "bear-opacity-100 bear-translate-y-0 bear-scale-100" : "bear-opacity-0 bear-translate-y-5 bear-scale-75 bear-pointer-events-none",
+        h
+      ),
+      style: {
+        bottom: typeof s == "number" ? `${s}px` : s,
+        right: typeof l == "number" ? `${l}px` : l,
+        width: t.width,
+        height: t.height,
+        minWidth: t.width,
+        zIndex: 9999
+      },
+      onClick: v,
+      "aria-label": "Scroll to top",
+      "data-testid": w,
+      ...S,
+      children: m || B
+    }
+  );
+};
+export {
+  V as BackTop
+};

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

@@ -0,0 +1,28 @@
+import { ReactNode, HTMLAttributes } from 'react';
+import { BearVariant, BearSize } from '../../types';
+export interface BackTopProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'children'> {
+    /** Distance from bottom of viewport */
+    bottom?: number | string;
+    /** Distance from right of viewport */
+    right?: number | string;
+    /** Show threshold - scroll distance before button appears */
+    visibleAt?: number;
+    /** Scroll duration in ms */
+    duration?: number;
+    /** Target element to scroll (defaults to window) */
+    target?: () => HTMLElement | null;
+    /** Custom icon or content */
+    children?: ReactNode;
+    /** Button size - uses Bear Button sizes */
+    size?: Extract<BearSize, 'sm' | 'md' | 'lg'>;
+    /** Button variant - uses Bear Button variants */
+    variant?: BearVariant;
+    /** Show/hide animation */
+    animated?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Callback when clicked */
+    onClick?: () => void;
+}

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

@@ -0,0 +1,3 @@
+export { BackTop, default } from './BackTop';
+export * from './BackTop.types';
+export * from './BackTop.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"),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../utils/cn.cjs");require("react");const e=require("./Badge.constants.cjs"),u=({variant:s="neutral",size:n="sm",pill:t=!1,dot:d=!1,className:l,children:o,testId:i,...c})=>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":i,...c,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.constants.d.ts

@@ -1,6 +1,6 @@
-import { EmberSize, EmberVariant } from '../../types';
+import { BearSize, BearVariant } from '../../types';
 /** Dot size utility classes (bear-w-1.5 bear-h-1.5). */
 export declare const BADGE_DOT_SIZE_CLASSES = "bear-w-1.5 bear-h-1.5";
-export declare const sizeClasses: Record<Exclude<EmberSize, 'xl'>, string>;
-export declare const variantClasses: Record<EmberVariant | 'neutral', string>;
-export declare const dotVariantColors: Record<EmberVariant | 'neutral', string>;
+export declare const sizeClasses: Record<Exclude<BearSize, 'xl'>, string>;
+export declare const variantClasses: Record<BearVariant | 'neutral', string>;
+export declare const dotVariantColors: Record<BearVariant | 'neutral', string>;

package/dist/components/Badge/Badge.js

@@ -1,13 +1,14 @@
 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 = ({
+import "react";
+import { dotVariantColors as p, BADGE_DOT_SIZE_CLASSES as B, variantClasses as f, sizeClasses as c } from "./Badge.constants.js";
+const x = ({
   variant: e = "neutral",
   size: s = "sm",
-  pill: d = !1,
-  dot: l = !1,
-  className: n,
-  children: t,
+  pill: t = !1,
+  dot: d = !1,
+  className: l,
+  children: n,
   testId: o,
   ...m
 }) => /* @__PURE__ */ i(
@@ -17,28 +18,28 @@ const g = ({
       "Bear-Badge",
       "bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",
       c[s],
-      p[e],
-      d ? "Bear-Badge--pill bear-rounded-full" : "bear-rounded-md",
-      n
+      f[e],
+      t ? "Bear-Badge--pill bear-rounded-full" : "bear-rounded-md",
+      l
     ),
     "data-testid": o,
     ...m,
     children: [
-      l && /* @__PURE__ */ a(
+      d && /* @__PURE__ */ a(
         "span",
         {
           className: r(
             "Bear-Badge__dot",
-            f,
+            B,
             "bear-rounded-full",
-            B[e]
+            p[e]
           )
         }
       ),
-      /* @__PURE__ */ a("span", { className: "Bear-Badge__content", children: t })
+      /* @__PURE__ */ a("span", { className: "Bear-Badge__content", children: n })
     ]
   }
 );
 export {
-  g as Badge
+  x as Badge
 };

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

@@ -1,10 +1,10 @@
 import { HTMLAttributes } from 'react';
-import { EmberSize, EmberVariant } from '../../types';
+import { BearSize, BearVariant } from '../../types';
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     /** Badge variant */
-    variant?: EmberVariant | 'neutral';
+    variant?: BearVariant | 'neutral';
     /** Badge size */
-    size?: Exclude<EmberSize, 'xl'>;
+    size?: Exclude<BearSize, 'xl'>;
     /** Whether badge is pill shaped */
     pill?: boolean;
     /** Whether badge has a dot indicator */

package/dist/components/BearLogo/EmberLogo.cjs

@@ -1,4 +1,4 @@
-"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
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../utils/cn.cjs");require("react");const 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