@forgedevstack/bear 1.0.6 → 1.0.8

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"),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,21 @@
 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 = {
+const l = {
   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,
+  l 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"),g=({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=g;

package/dist/components/AppBar/AppBar.js

@@ -1,10 +1,10 @@
-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";
-const u = ({
+const k = ({
   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 +17,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 })
@@ -45,5 +49,5 @@ const u = ({
   );
 };
 export {
-  u as AppBar
+  k as AppBar
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),p=require("react-dom"),f=require("../../utils/cn.cjs"),N=require("../Icon/index.cjs"),x=300,S={sm:"bear-max-h-[40%]",md:"bear-max-h-[60%]",lg:"bear-max-h-[80%]",full:"bear-max-h-[95%]"},q=({isOpen:n,onClose:s,title:b,children:h,size:v="md",showCloseButton:i=!0,closeOnBackdrop:y=!0,closeOnEscape:d=!0,showHandle:k=!0,className:g})=>{const[a,u]=r.useState(n),[c,o]=r.useState(!1),[j,m]=r.useState(!1);r.useEffect(()=>{if(n){u(!0),o(!1);const t=requestAnimationFrame(()=>m(!0));return()=>cancelAnimationFrame(t)}if(a){m(!1),o(!0);const t=setTimeout(()=>{u(!1),o(!1)},x);return()=>clearTimeout(t)}},[n,a]);const l=r.useCallback(t=>{d&&t.key==="Escape"&&s()},[d,s]);if(r.useEffect(()=>(a&&(document.addEventListener("keydown",l),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",l),document.body.style.overflow=""}),[a,l]),!a)return null;const w=e.jsxs("div",{className:"bear-fixed bear-inset-0 bear-z-50 bear-flex bear-items-end bear-justify-center",children:[e.jsx("div",{className:f.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",c?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${x}ms`},onClick:y?s:void 0,"aria-hidden":"true"}),e.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":b?"bottom-sheet-title":void 0,className:f.cn("Bear-BottomSheet bear-relative bear-w-full bear-rounded-t-2xl bear-shadow-2xl bear-overflow-hidden bear-transition-transform bear-duration-300","bear-bg-white dark:bear-bg-neutral-900 bear-border-t bear-border-neutral-200 dark:bear-border-neutral-700",S[v],j&&!c?"bear-translate-y-0":"bear-translate-y-full",g),children:[k&&e.jsx("div",{className:"bear-flex bear-justify-center bear-pt-2 bear-pb-1",children:e.jsx("div",{className:"bear-w-12 bear-h-1 bear-rounded-full bear-bg-neutral-300 dark:bear-bg-neutral-600","aria-hidden":!0})}),(b||i)&&e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700",children:[b&&e.jsx("h2",{id:"bottom-sheet-title",className:"bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",children:b}),i&&e.jsx("button",{onClick:s,className:"bear-p-1 bear-rounded-lg bear-text-neutral-500 dark:bear-text-neutral-400 hover:bear-text-neutral-900 dark:hover:bear-text-white hover:bear-bg-neutral-100 dark:hover:bear-bg-neutral-700 bear-transition-colors","aria-label":"Close",children:e.jsx(N.XIcon,{className:"bear-w-5 bear-h-5"})})]}),e.jsx("div",{className:"bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",children:h})]})]});return p.createPortal(w,document.body)};exports.BottomSheet=q;

package/dist/components/BottomSheet/BottomSheet.d.ts

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