@forgedevstack/bear 1.0.1 → 1.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"),y=require("react"),i=require("../../utils/cn.cjs"),k={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})},w=()=>e.jsxs("svg",{width:18,height:18,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),v={success:{bg:"rgba(34, 197, 94, 0.1)",border:"#22c55e",text:"#166534",icon:"#22c55e"},info:{bg:"rgba(59, 130, 246, 0.1)",border:"#3b82f6",text:"#1e40af",icon:"#3b82f6"},warning:{bg:"rgba(245, 158, 11, 0.1)",border:"#f59e0b",text:"#92400e",icon:"#f59e0b"},error:{bg:"rgba(239, 68, 68, 0.1)",border:"#ef4444",text:"#991b1b",icon:"#ef4444"}},p={filled:r=>i.cn("ember-text-white",r==="success"&&"ember-bg-green-500",r==="info"&&"ember-bg-blue-500",r==="warning"&&"ember-bg-amber-500",r==="error"&&"ember-bg-red-500"),outlined:()=>"ember-bg-transparent ember-border",standard:()=>""},C=({severity:r="info",variant:t="standard",title:c,icon:n=!0,action:b,closable:a=!1,onClose:o,children:x,className:m,testId:h,...u})=>{const[g,f]=y.useState(!0);if(!g)return null;const s=v[r],l=t==="filled",j=()=>{f(!1),o==null||o()},d=()=>n===!1?null:n!==!0?n:k[r];return e.jsxs("div",{role:"alert",className:i.cn("ember-flex ember-items-start ember-gap-3 ember-p-4 ember-rounded-lg",p[t](r),m),style:{backgroundColor:l?void 0:s.bg,borderColor:t==="outlined"?s.border:void 0,color:l?void 0:s.text},"data-testid":h,...u,children:[d()&&e.jsx("span",{className:"ember-flex-shrink-0 ember-mt-0.5",style:{color:l?"currentColor":s.icon},children:d()}),e.jsxs("div",{className:"ember-flex-1 ember-min-w-0",children:[c&&e.jsx("div",{className:"ember-font-semibold ember-mb-1",children:c}),x&&e.jsx("div",{className:"ember-text-sm",children:x})]}),b&&e.jsx("div",{className:"ember-flex-shrink-0",children:b}),a&&e.jsx("button",{type:"button",onClick:j,className:i.cn("ember-flex-shrink-0 ember-p-1 ember-rounded hover:ember-bg-black/10 ember-transition-colors","ember-bg-transparent ember-border-none ember-cursor-pointer"),"aria-label":"Close alert",children:e.jsx(w,{})})]})};exports.Alert=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),i=require("../../utils/cn.cjs"),m={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})},w=()=>e.jsxs("svg",{width:18,height:18,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),v={success:{bg:"rgba(34, 197, 94, 0.1)",border:"#22c55e",text:"#166534",icon:"#22c55e"},info:{bg:"rgba(59, 130, 246, 0.1)",border:"#3b82f6",text:"#1e40af",icon:"#3b82f6"},warning:{bg:"rgba(245, 158, 11, 0.1)",border:"#f59e0b",text:"#92400e",icon:"#f59e0b"},error:{bg:"rgba(239, 68, 68, 0.1)",border:"#ef4444",text:"#991b1b",icon:"#ef4444"}},p={filled:r=>i.cn("bear-text-white",r==="success"&&"bear-bg-green-500",r==="info"&&"bear-bg-blue-500",r==="warning"&&"bear-bg-amber-500",r==="error"&&"bear-bg-red-500"),outlined:()=>"bear-bg-transparent bear-border",standard:()=>""},C=({severity:r="info",variant:t="standard",title:a,icon:n=!0,action:c,closable:d=!1,onClose:o,children:b,className:h,testId:u,...g})=>{const[f,j]=k.useState(!0);if(!f)return null;const s=v[r],l=t==="filled",y=()=>{j(!1),o==null||o()},x=()=>n===!1?null:n!==!0?n:m[r];return e.jsxs("div",{role:"alert",className:i.cn("bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",p[t](r),h),style:{backgroundColor:l?void 0:s.bg,borderColor:t==="outlined"?s.border:void 0,color:l?void 0:s.text},"data-testid":u,...g,children:[x()&&e.jsx("span",{className:"bear-flex-shrink-0 bear-mt-0.5",style:{color:l?"currentColor":s.icon},children:x()}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[a&&e.jsx("div",{className:"bear-font-semibold bear-mb-1",children:a}),b&&e.jsx("div",{className:"bear-text-sm",children:b})]}),c&&e.jsx("div",{className:"bear-flex-shrink-0",children:c}),d&&e.jsx("button",{type:"button",onClick:y,className:i.cn("bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 bear-transition-colors","bear-bg-transparent bear-border-none bear-cursor-pointer"),"aria-label":"Close alert",children:e.jsx(w,{})})]})};exports.Alert=C;

package/dist/components/Alert/Alert.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { useState as p } from "react";
-import { cn as b } from "../../utils/cn.js";
+import { cn as s } from "../../utils/cn.js";
 const w = {
   success: /* @__PURE__ */ o("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
     /* @__PURE__ */ e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
@@ -30,71 +30,71 @@ const w = {
   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) => b(
-    "ember-text-white",
-    r === "success" && "ember-bg-green-500",
-    r === "info" && "ember-bg-blue-500",
-    r === "warning" && "ember-bg-amber-500",
-    r === "error" && "ember-bg-red-500"
+  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: () => "ember-bg-transparent ember-border",
+  outlined: () => "bear-bg-transparent bear-border",
   standard: () => ""
 }, W = ({
   severity: r = "info",
   variant: n = "standard",
-  title: c,
+  title: b,
   icon: l = !0,
-  action: d,
-  closable: h = !1,
+  action: c,
+  closable: x = !1,
   onClose: i,
-  children: a,
-  className: x,
-  testId: f,
-  ...g
+  children: d,
+  className: f,
+  testId: g,
+  ...u
 }) => {
-  const [u, y] = p(!0);
-  if (!u) return null;
-  const t = C[r], s = n === "filled", k = () => {
+  const [m, y] = p(!0);
+  if (!m) return null;
+  const t = C[r], a = n === "filled", k = () => {
     y(!1), i == null || i();
-  }, m = () => l === !1 ? null : l !== !0 ? l : w[r];
+  }, h = () => l === !1 ? null : l !== !0 ? l : w[r];
   return /* @__PURE__ */ o(
     "div",
     {
       role: "alert",
-      className: b(
-        "ember-flex ember-items-start ember-gap-3 ember-p-4 ember-rounded-lg",
+      className: s(
+        "bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",
         N[n](r),
-        x
+        f
       ),
       style: {
-        backgroundColor: s ? void 0 : t.bg,
+        backgroundColor: a ? void 0 : t.bg,
         borderColor: n === "outlined" ? t.border : void 0,
-        color: s ? void 0 : t.text
+        color: a ? void 0 : t.text
       },
-      "data-testid": f,
-      ...g,
+      "data-testid": g,
+      ...u,
       children: [
-        m() && /* @__PURE__ */ e(
+        h() && /* @__PURE__ */ e(
           "span",
           {
-            className: "ember-flex-shrink-0 ember-mt-0.5",
-            style: { color: s ? "currentColor" : t.icon },
-            children: m()
+            className: "bear-flex-shrink-0 bear-mt-0.5",
+            style: { color: a ? "currentColor" : t.icon },
+            children: h()
           }
         ),
-        /* @__PURE__ */ o("div", { className: "ember-flex-1 ember-min-w-0", children: [
-          c && /* @__PURE__ */ e("div", { className: "ember-font-semibold ember-mb-1", children: c }),
-          a && /* @__PURE__ */ e("div", { className: "ember-text-sm", children: a })
+        /* @__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 })
         ] }),
-        d && /* @__PURE__ */ e("div", { className: "ember-flex-shrink-0", children: d }),
-        h && /* @__PURE__ */ e(
+        c && /* @__PURE__ */ e("div", { className: "bear-flex-shrink-0", children: c }),
+        x && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             onClick: k,
-            className: b(
-              "ember-flex-shrink-0 ember-p-1 ember-rounded hover:ember-bg-black/10 ember-transition-colors",
-              "ember-bg-transparent ember-border-none ember-cursor-pointer"
+            className: s(
+              "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, {})

package/dist/components/AppBar/AppBar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../utils/cn.cjs"),f=({children:a,position:t="sticky",variant:r="default",color:b="default",className:s,leftContent:i,rightContent:c,centerContent:n,elevation:l=!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-zinc-900",transparent:"bear-bg-transparent",blur:"bear-bg-zinc-900/80 bear-backdrop-blur-md"},p={default:"",primary:"bear-bg-pink-600",dark:"bear-bg-black"};return e.jsx("header",{className:u.cn("bear-h-16 bear-px-4 bear-flex bear-items-center",d[t],r!=="transparent"&&o[r],p[b],l&&"bear-shadow-lg bear-border-b bear-border-zinc-800",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:n}),e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:c})]})})};exports.AppBar=f;
+"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-zinc-900 bear-text-white",transparent:"bear-bg-transparent",blur:"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"};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],n&&"bear-shadow-lg bear-border-b bear-border-zinc-800",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;

package/dist/components/AppBar/AppBar.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as f, Fragment as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as p, Fragment as m } from "react/jsx-runtime";
 import { cn as x } from "../../utils/cn.js";
 const u = ({
   children: a,
-  position: b = "sticky",
+  position: t = "sticky",
   variant: r = "default",
-  color: t = "default",
+  color: b = "default",
   className: s,
   leftContent: i,
-  rightContent: c,
-  centerContent: l,
+  rightContent: l,
+  centerContent: c,
   elevation: n = !0
 }) => {
   const d = {
@@ -17,29 +17,29 @@ const u = ({
     static: "bear-static",
     relative: "bear-relative"
   }, o = {
-    default: "bear-bg-zinc-900",
+    default: "bear-bg-zinc-900 bear-text-white",
     transparent: "bear-bg-transparent",
     blur: "bear-bg-zinc-900/80 bear-backdrop-blur-md"
-  }, p = {
+  }, f = {
     default: "",
-    primary: "bear-bg-pink-600",
-    dark: "bear-bg-black"
+    primary: "bear-bg-bear-600 bear-text-white",
+    dark: "bear-bg-black bear-text-white"
   };
   return /* @__PURE__ */ e(
     "header",
     {
       className: x(
-        "bear-h-16 bear-px-4 bear-flex bear-items-center",
-        d[b],
+        "bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",
+        d[t],
         r !== "transparent" && o[r],
-        p[t],
+        f[b],
         n && "bear-shadow-lg bear-border-b bear-border-zinc-800",
         s
       ),
-      children: a || /* @__PURE__ */ f(m, { children: [
+      children: a ?? /* @__PURE__ */ p(m, { 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: l }),
-        /* @__PURE__ */ e("div", { className: "bear-flex bear-items-center bear-gap-4", children: c })
+        /* @__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/Badge/Badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("../../utils/cn.cjs"),o={xs:"ember-px-1.5 ember-py-0.5 ember-text-[10px]",sm:"ember-px-2 ember-py-0.5 ember-text-xs",md:"ember-px-2.5 ember-py-1 ember-text-xs",lg:"ember-px-3 ember-py-1.5 ember-text-sm"},l={primary:"ember-bg-ember-100 ember-text-ember-700 dark:ember-bg-ember-900/30 dark:ember-text-ember-400",secondary:"ember-bg-forge-100 ember-text-forge-700 dark:ember-bg-forge-900/30 dark:ember-text-forge-400",success:"ember-bg-green-100 ember-text-green-700 dark:ember-bg-green-900/30 dark:ember-text-green-400",warning:"ember-bg-yellow-100 ember-text-yellow-700 dark:ember-bg-yellow-900/30 dark:ember-text-yellow-400",danger:"ember-bg-red-100 ember-text-red-700 dark:ember-bg-red-900/30 dark:ember-text-red-400",info:"ember-bg-blue-100 ember-text-blue-700 dark:ember-bg-blue-900/30 dark:ember-text-blue-400",ghost:"ember-bg-gray-100 ember-text-gray-700 dark:ember-bg-gray-800 dark:ember-text-gray-300",outline:"ember-bg-transparent ember-text-gray-700 ember-border ember-border-gray-300 dark:ember-text-gray-300 dark:ember-border-gray-600",error:"ember-bg-red-100 ember-text-red-700 dark:ember-bg-red-900/30 dark:ember-text-red-400",neutral:"ember-bg-gray-100 ember-text-gray-600 dark:ember-bg-gray-800 dark:ember-text-gray-400"},x={primary:"ember-bg-ember-500",secondary:"ember-bg-forge-500",success:"ember-bg-green-500",warning:"ember-bg-yellow-500",danger:"ember-bg-red-500",info:"ember-bg-blue-500",ghost:"ember-bg-gray-500",outline:"ember-bg-gray-500",error:"ember-bg-red-500",neutral:"ember-bg-gray-500"},y=({variant:e="neutral",size:m="sm",pill:t=!1,dot:a=!1,className:g,children:d,testId:s,...n})=>r.jsxs("span",{className:b.cn("ember-inline-flex ember-items-center ember-gap-1.5 ember-font-medium",o[m],l[e],t?"ember-rounded-full":"ember-rounded-md",g),"data-testid":s,...n,children:[a&&r.jsx("span",{className:b.cn("ember-w-1.5 ember-h-1.5 ember-rounded-full",x[e])}),d]});exports.Badge=y;
+"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;

package/dist/components/Badge/Badge.constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="bear-w-1.5 bear-h-1.5",e={xs:"bear-px-1.5 bear-py-0.5 bear-text-[10px]",sm:"bear-px-2 bear-py-0.5 bear-text-xs",md:"bear-px-2.5 bear-py-1 bear-text-xs",lg:"bear-px-3 bear-py-1.5 bear-text-sm"},a={primary:"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-900/30 dark:bear-text-bear-400",secondary:"bear-bg-forge-100 bear-text-forge-700 dark:bear-bg-forge-900/30 dark:bear-text-forge-400",success:"bear-bg-green-100 bear-text-green-700 dark:bear-bg-green-900/30 dark:bear-text-green-400",warning:"bear-bg-yellow-100 bear-text-yellow-700 dark:bear-bg-yellow-900/30 dark:bear-text-yellow-400",danger:"bear-bg-red-100 bear-text-red-700 dark:bear-bg-red-900/30 dark:bear-text-red-400",info:"bear-bg-blue-100 bear-text-blue-700 dark:bear-bg-blue-900/30 dark:bear-text-blue-400",ghost:"bear-bg-gray-100 bear-text-gray-700 dark:bear-bg-gray-800 dark:bear-text-gray-300",outline:"bear-bg-transparent bear-text-gray-700 bear-border bear-border-gray-300 dark:bear-text-gray-300 dark:bear-border-gray-600",error:"bear-bg-red-100 bear-text-red-700 dark:bear-bg-red-900/30 dark:bear-text-red-400",neutral:"bear-bg-gray-100 bear-text-gray-600 dark:bear-bg-gray-800 dark:bear-text-gray-400"},b={primary:"bear-bg-bear-500",secondary:"bear-bg-forge-500",success:"bear-bg-green-500",warning:"bear-bg-yellow-500",danger:"bear-bg-red-500",info:"bear-bg-blue-500",ghost:"bear-bg-gray-500",outline:"bear-bg-gray-500",error:"bear-bg-red-500",neutral:"bear-bg-gray-500"};exports.BADGE_DOT_SIZE_CLASSES=r;exports.dotVariantColors=b;exports.sizeClasses=e;exports.variantClasses=a;

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

@@ -0,0 +1,6 @@
+import { EmberSize, EmberVariant } 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>;

package/dist/components/Badge/Badge.constants.js

@@ -0,0 +1,34 @@
+const r = "bear-w-1.5 bear-h-1.5", e = {
+  xs: "bear-px-1.5 bear-py-0.5 bear-text-[10px]",
+  sm: "bear-px-2 bear-py-0.5 bear-text-xs",
+  md: "bear-px-2.5 bear-py-1 bear-text-xs",
+  lg: "bear-px-3 bear-py-1.5 bear-text-sm"
+}, a = {
+  primary: "bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-900/30 dark:bear-text-bear-400",
+  secondary: "bear-bg-forge-100 bear-text-forge-700 dark:bear-bg-forge-900/30 dark:bear-text-forge-400",
+  success: "bear-bg-green-100 bear-text-green-700 dark:bear-bg-green-900/30 dark:bear-text-green-400",
+  warning: "bear-bg-yellow-100 bear-text-yellow-700 dark:bear-bg-yellow-900/30 dark:bear-text-yellow-400",
+  danger: "bear-bg-red-100 bear-text-red-700 dark:bear-bg-red-900/30 dark:bear-text-red-400",
+  info: "bear-bg-blue-100 bear-text-blue-700 dark:bear-bg-blue-900/30 dark:bear-text-blue-400",
+  ghost: "bear-bg-gray-100 bear-text-gray-700 dark:bear-bg-gray-800 dark:bear-text-gray-300",
+  outline: "bear-bg-transparent bear-text-gray-700 bear-border bear-border-gray-300 dark:bear-text-gray-300 dark:bear-border-gray-600",
+  error: "bear-bg-red-100 bear-text-red-700 dark:bear-bg-red-900/30 dark:bear-text-red-400",
+  neutral: "bear-bg-gray-100 bear-text-gray-600 dark:bear-bg-gray-800 dark:bear-text-gray-400"
+}, b = {
+  primary: "bear-bg-bear-500",
+  secondary: "bear-bg-forge-500",
+  success: "bear-bg-green-500",
+  warning: "bear-bg-yellow-500",
+  danger: "bear-bg-red-500",
+  info: "bear-bg-blue-500",
+  ghost: "bear-bg-gray-500",
+  outline: "bear-bg-gray-500",
+  error: "bear-bg-red-500",
+  neutral: "bear-bg-gray-500"
+};
+export {
+  r as BADGE_DOT_SIZE_CLASSES,
+  b as dotVariantColors,
+  e as sizeClasses,
+  a as variantClasses
+};

package/dist/components/Badge/Badge.js

@@ -1,67 +1,42 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { cn as r } from "../../utils/cn.js";
-const x = {
-  xs: "ember-px-1.5 ember-py-0.5 ember-text-[10px]",
-  sm: "ember-px-2 ember-py-0.5 ember-text-xs",
-  md: "ember-px-2.5 ember-py-1 ember-text-xs",
-  lg: "ember-px-3 ember-py-1.5 ember-text-sm"
-}, l = {
-  primary: "ember-bg-ember-100 ember-text-ember-700 dark:ember-bg-ember-900/30 dark:ember-text-ember-400",
-  secondary: "ember-bg-forge-100 ember-text-forge-700 dark:ember-bg-forge-900/30 dark:ember-text-forge-400",
-  success: "ember-bg-green-100 ember-text-green-700 dark:ember-bg-green-900/30 dark:ember-text-green-400",
-  warning: "ember-bg-yellow-100 ember-text-yellow-700 dark:ember-bg-yellow-900/30 dark:ember-text-yellow-400",
-  danger: "ember-bg-red-100 ember-text-red-700 dark:ember-bg-red-900/30 dark:ember-text-red-400",
-  info: "ember-bg-blue-100 ember-text-blue-700 dark:ember-bg-blue-900/30 dark:ember-text-blue-400",
-  ghost: "ember-bg-gray-100 ember-text-gray-700 dark:ember-bg-gray-800 dark:ember-text-gray-300",
-  outline: "ember-bg-transparent ember-text-gray-700 ember-border ember-border-gray-300 dark:ember-text-gray-300 dark:ember-border-gray-600",
-  error: "ember-bg-red-100 ember-text-red-700 dark:ember-bg-red-900/30 dark:ember-text-red-400",
-  neutral: "ember-bg-gray-100 ember-text-gray-600 dark:ember-bg-gray-800 dark:ember-text-gray-400"
-}, y = {
-  primary: "ember-bg-ember-500",
-  secondary: "ember-bg-forge-500",
-  success: "ember-bg-green-500",
-  warning: "ember-bg-yellow-500",
-  danger: "ember-bg-red-500",
-  info: "ember-bg-blue-500",
-  ghost: "ember-bg-gray-500",
-  outline: "ember-bg-gray-500",
-  error: "ember-bg-red-500",
-  neutral: "ember-bg-gray-500"
-}, i = ({
+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 = ({
   variant: e = "neutral",
-  size: b = "sm",
-  pill: m = !1,
-  dot: t = !1,
-  className: a,
-  children: g,
-  testId: d,
-  ...s
-}) => /* @__PURE__ */ n(
+  size: r = "sm",
+  pill: s = !1,
+  dot: l = !1,
+  className: n,
+  children: o,
+  testId: t,
+  ...d
+}) => /* @__PURE__ */ m(
   "span",
   {
-    className: r(
-      "ember-inline-flex ember-items-center ember-gap-1.5 ember-font-medium",
-      x[b],
-      l[e],
-      m ? "ember-rounded-full" : "ember-rounded-md",
-      a
+    className: a(
+      "bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",
+      p[r],
+      b[e],
+      s ? "bear-rounded-full" : "bear-rounded-md",
+      n
     ),
-    "data-testid": d,
-    ...s,
+    "data-testid": t,
+    ...d,
     children: [
-      t && /* @__PURE__ */ o(
+      l && /* @__PURE__ */ i(
         "span",
         {
-          className: r(
-            "ember-w-1.5 ember-h-1.5 ember-rounded-full",
-            y[e]
+          className: a(
+            u,
+            "bear-rounded-full",
+            f[e]
           )
         }
       ),
-      g
+      o
     ]
   }
 );
 export {
-  i as Badge
+  S as Badge
 };

package/dist/components/Button/Button.cjs

@@ -1,57 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),t=require("../../utils/cn.cjs"),p=require("../Spinner/Spinner.cjs"),h={xs:"ember-px-2 ember-py-1 ember-text-xs ember-gap-1",sm:"ember-px-3 ember-py-1.5 ember-text-sm ember-gap-1.5",md:"ember-px-4 ember-py-2 ember-text-sm ember-gap-2",lg:"ember-px-5 ember-py-2.5 ember-text-base ember-gap-2",xl:"ember-px-6 ember-py-3 ember-text-lg ember-gap-2.5"},v={primary:`
-    ember-bg-ember-500 ember-text-white
-    hover:ember-bg-ember-600
-    focus:ember-ring-2 focus:ember-ring-ember-500/50 focus:ember-ring-offset-2
-    active:ember-bg-ember-700
-    disabled:ember-bg-ember-300 disabled:ember-cursor-not-allowed
-  `,secondary:`
-    ember-bg-forge-500 ember-text-white
-    hover:ember-bg-forge-600
-    focus:ember-ring-2 focus:ember-ring-forge-500/50 focus:ember-ring-offset-2
-    active:ember-bg-forge-700
-    disabled:ember-bg-forge-300 disabled:ember-cursor-not-allowed
-  `,success:`
-    ember-bg-green-500 ember-text-white
-    hover:ember-bg-green-600
-    focus:ember-ring-2 focus:ember-ring-green-500/50 focus:ember-ring-offset-2
-    active:ember-bg-green-700
-    disabled:ember-bg-green-300 disabled:ember-cursor-not-allowed
-  `,warning:`
-    ember-bg-yellow-500 ember-text-white
-    hover:ember-bg-yellow-600
-    focus:ember-ring-2 focus:ember-ring-yellow-500/50 focus:ember-ring-offset-2
-    active:ember-bg-yellow-700
-    disabled:ember-bg-yellow-300 disabled:ember-cursor-not-allowed
-  `,danger:`
-    ember-bg-red-500 ember-text-white
-    hover:ember-bg-red-600
-    focus:ember-ring-2 focus:ember-ring-red-500/50 focus:ember-ring-offset-2
-    active:ember-bg-red-700
-    disabled:ember-bg-red-300 disabled:ember-cursor-not-allowed
-  `,info:`
-    ember-bg-blue-500 ember-text-white
-    hover:ember-bg-blue-600
-    focus:ember-ring-2 focus:ember-ring-blue-500/50 focus:ember-ring-offset-2
-    active:ember-bg-blue-700
-    disabled:ember-bg-blue-300 disabled:ember-cursor-not-allowed
-  `,ghost:`
-    ember-bg-transparent ember-text-gray-700
-    hover:ember-bg-gray-100
-    focus:ember-ring-2 focus:ember-ring-gray-500/50
-    active:ember-bg-gray-200
-    disabled:ember-text-gray-400 disabled:ember-cursor-not-allowed
-    dark:ember-text-gray-300 dark:hover:ember-bg-gray-800 dark:active:ember-bg-gray-700
-  `,outline:`
-    ember-bg-transparent ember-text-ember-500 ember-border ember-border-ember-500
-    hover:ember-bg-ember-50
-    focus:ember-ring-2 focus:ember-ring-ember-500/50
-    active:ember-bg-ember-100
-    disabled:ember-text-ember-300 disabled:ember-border-ember-300 disabled:ember-cursor-not-allowed
-    dark:hover:ember-bg-ember-950 dark:active:ember-bg-ember-900
-  `,error:`
-    ember-bg-red-500 ember-text-white
-    hover:ember-bg-red-600
-    focus:ember-ring-2 focus:ember-ring-red-500/50 focus:ember-ring-offset-2
-    active:ember-bg-red-700
-    disabled:ember-bg-red-300 disabled:ember-cursor-not-allowed
-  `},i=x.forwardRef(({variant:o="primary",size:b="md",loading:r=!1,fullWidth:a=!1,leftIcon:m,rightIcon:s,disabled:n,className:g,children:l,testId:d,...c},u)=>{const f=n||r;return e.jsxs("button",{ref:u,disabled:f,className:t.cn("ember-inline-flex ember-items-center ember-justify-center ember-font-medium ember-rounded-lg ember-transition-all ember-duration-200 ember-outline-none",h[b],v[o],a&&"ember-w-full",r&&"ember-cursor-wait",g),"data-testid":d,...c,children:[r&&e.jsx(p.Spinner,{size:b==="xs"?"xs":"sm",className:"ember-absolute"}),e.jsxs("span",{className:t.cn("ember-inline-flex ember-items-center ember-gap-inherit",r&&"ember-invisible"),children:[m&&e.jsx("span",{className:"ember-inline-flex ember-shrink-0",children:m}),l,s&&e.jsx("span",{className:"ember-inline-flex ember-shrink-0",children:s})]})]})});i.displayName="Button";exports.Button=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("react"),i=require("../../utils/cn.cjs"),q=require("../Spinner/Spinner.cjs"),B=require("../../hooks/useBearStyles.cjs"),l=require("./Button.constants.cjs"),c=S.forwardRef(({variant:b="primary",size:r="md",loading:s=!1,fullWidth:u=!1,leftIcon:a,rightIcon:n,disabled:o,className:d,children:m,testId:x,bis:f,style:y,...j},p)=>{const h=o||s,t=B.useBearStyles(f,y);return e.jsxs("button",{ref:p,disabled:h,style:Object.keys(t).length?t:void 0,className:i.cn("bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-rounded-lg bear-transition-all bear-duration-200 bear-outline-none",l.sizeClasses[r],l.variantClasses[b],u&&"bear-w-full",s&&"bear-cursor-wait",d),"data-testid":x,...j,children:[s&&e.jsx(q.Spinner,{size:r==="xs"?"xs":"sm",className:"bear-absolute"}),e.jsxs("span",{className:i.cn("bear-inline-flex bear-items-center bear-gap-inherit",s&&"bear-invisible"),children:[a&&e.jsx("span",{className:"bear-inline-flex bear-shrink-0",children:a}),m,n&&e.jsx("span",{className:"bear-inline-flex bear-shrink-0",children:n})]})]})});c.displayName="Button";exports.Button=c;

package/dist/components/Button/Button.constants.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={xs:"bear-px-2 bear-py-1 bear-text-xs bear-gap-1",sm:"bear-px-3 bear-py-1.5 bear-text-sm bear-gap-1.5",md:"bear-px-4 bear-py-2 bear-text-sm bear-gap-2",lg:"bear-px-5 bear-py-2.5 bear-text-base bear-gap-2",xl:"bear-px-6 bear-py-3 bear-text-lg bear-gap-2.5"},r={primary:`
+    bear-bg-bear-500 bear-text-white
+    hover:bear-bg-bear-600
+    focus:bear-ring-2 focus:bear-ring-bear-500/50 focus:bear-ring-offset-2
+    active:bear-bg-bear-700
+    disabled:bear-bg-bear-300 disabled:bear-cursor-not-allowed
+  `,secondary:`
+    bear-bg-forge-500 bear-text-white
+    hover:bear-bg-forge-600
+    focus:bear-ring-2 focus:bear-ring-forge-500/50 focus:bear-ring-offset-2
+    active:bear-bg-forge-700
+    disabled:bear-bg-forge-300 disabled:bear-cursor-not-allowed
+  `,success:`
+    bear-bg-green-500 bear-text-white
+    hover:bear-bg-green-600
+    focus:bear-ring-2 focus:bear-ring-green-500/50 focus:bear-ring-offset-2
+    active:bear-bg-green-700
+    disabled:bear-bg-green-300 disabled:bear-cursor-not-allowed
+  `,warning:`
+    bear-bg-yellow-500 bear-text-white
+    hover:bear-bg-yellow-600
+    focus:bear-ring-2 focus:bear-ring-yellow-500/50 focus:bear-ring-offset-2
+    active:bear-bg-yellow-700
+    disabled:bear-bg-yellow-300 disabled:bear-cursor-not-allowed
+  `,danger:`
+    bear-bg-red-500 bear-text-white
+    hover:bear-bg-red-600
+    focus:bear-ring-2 focus:bear-ring-red-500/50 focus:bear-ring-offset-2
+    active:bear-bg-red-700
+    disabled:bear-bg-red-300 disabled:bear-cursor-not-allowed
+  `,info:`
+    bear-bg-blue-500 bear-text-white
+    hover:bear-bg-blue-600
+    focus:bear-ring-2 focus:bear-ring-blue-500/50 focus:bear-ring-offset-2
+    active:bear-bg-blue-700
+    disabled:bear-bg-blue-300 disabled:bear-cursor-not-allowed
+  `,ghost:`
+    bear-bg-transparent bear-text-gray-700
+    hover:bear-bg-gray-100
+    focus:bear-ring-2 focus:bear-ring-gray-500/50
+    active:bear-bg-gray-200
+    disabled:bear-text-gray-400 disabled:bear-cursor-not-allowed
+    dark:bear-text-gray-300 dark:hover:bear-bg-gray-800 dark:active:bear-bg-gray-700
+  `,outline:`
+    bear-bg-transparent bear-text-bear-500 bear-border bear-border-bear-500
+    hover:bear-bg-bear-50
+    focus:bear-ring-2 focus:bear-ring-bear-500/50
+    active:bear-bg-bear-100
+    disabled:bear-text-bear-300 disabled:bear-border-bear-300 disabled:bear-cursor-not-allowed
+    dark:hover:bear-bg-bear-950 dark:active:bear-bg-bear-900
+  `,error:`
+    bear-bg-red-500 bear-text-white
+    hover:bear-bg-red-600
+    focus:bear-ring-2 focus:bear-ring-red-500/50 focus:bear-ring-offset-2
+    active:bear-bg-red-700
+    disabled:bear-bg-red-300 disabled:bear-cursor-not-allowed
+  `};exports.sizeClasses=e;exports.variantClasses=r;

package/dist/components/Button/Button.constants.d.ts

@@ -0,0 +1,3 @@
+import { EmberSize, EmberVariant } from '../../types';
+export declare const sizeClasses: Record<EmberSize, string>;
+export declare const variantClasses: Record<EmberVariant, string>;

package/dist/components/Button/Button.constants.js

@@ -0,0 +1,77 @@
+const e = {
+  xs: "bear-px-2 bear-py-1 bear-text-xs bear-gap-1",
+  sm: "bear-px-3 bear-py-1.5 bear-text-sm bear-gap-1.5",
+  md: "bear-px-4 bear-py-2 bear-text-sm bear-gap-2",
+  lg: "bear-px-5 bear-py-2.5 bear-text-base bear-gap-2",
+  xl: "bear-px-6 bear-py-3 bear-text-lg bear-gap-2.5"
+}, r = {
+  primary: `
+    bear-bg-bear-500 bear-text-white
+    hover:bear-bg-bear-600
+    focus:bear-ring-2 focus:bear-ring-bear-500/50 focus:bear-ring-offset-2
+    active:bear-bg-bear-700
+    disabled:bear-bg-bear-300 disabled:bear-cursor-not-allowed
+  `,
+  secondary: `
+    bear-bg-forge-500 bear-text-white
+    hover:bear-bg-forge-600
+    focus:bear-ring-2 focus:bear-ring-forge-500/50 focus:bear-ring-offset-2
+    active:bear-bg-forge-700
+    disabled:bear-bg-forge-300 disabled:bear-cursor-not-allowed
+  `,
+  success: `
+    bear-bg-green-500 bear-text-white
+    hover:bear-bg-green-600
+    focus:bear-ring-2 focus:bear-ring-green-500/50 focus:bear-ring-offset-2
+    active:bear-bg-green-700
+    disabled:bear-bg-green-300 disabled:bear-cursor-not-allowed
+  `,
+  warning: `
+    bear-bg-yellow-500 bear-text-white
+    hover:bear-bg-yellow-600
+    focus:bear-ring-2 focus:bear-ring-yellow-500/50 focus:bear-ring-offset-2
+    active:bear-bg-yellow-700
+    disabled:bear-bg-yellow-300 disabled:bear-cursor-not-allowed
+  `,
+  danger: `
+    bear-bg-red-500 bear-text-white
+    hover:bear-bg-red-600
+    focus:bear-ring-2 focus:bear-ring-red-500/50 focus:bear-ring-offset-2
+    active:bear-bg-red-700
+    disabled:bear-bg-red-300 disabled:bear-cursor-not-allowed
+  `,
+  info: `
+    bear-bg-blue-500 bear-text-white
+    hover:bear-bg-blue-600
+    focus:bear-ring-2 focus:bear-ring-blue-500/50 focus:bear-ring-offset-2
+    active:bear-bg-blue-700
+    disabled:bear-bg-blue-300 disabled:bear-cursor-not-allowed
+  `,
+  ghost: `
+    bear-bg-transparent bear-text-gray-700
+    hover:bear-bg-gray-100
+    focus:bear-ring-2 focus:bear-ring-gray-500/50
+    active:bear-bg-gray-200
+    disabled:bear-text-gray-400 disabled:bear-cursor-not-allowed
+    dark:bear-text-gray-300 dark:hover:bear-bg-gray-800 dark:active:bear-bg-gray-700
+  `,
+  outline: `
+    bear-bg-transparent bear-text-bear-500 bear-border bear-border-bear-500
+    hover:bear-bg-bear-50
+    focus:bear-ring-2 focus:bear-ring-bear-500/50
+    active:bear-bg-bear-100
+    disabled:bear-text-bear-300 disabled:bear-border-bear-300 disabled:bear-cursor-not-allowed
+    dark:hover:bear-bg-bear-950 dark:active:bear-bg-bear-900
+  `,
+  error: `
+    bear-bg-red-500 bear-text-white
+    hover:bear-bg-red-600
+    focus:bear-ring-2 focus:bear-ring-red-500/50 focus:bear-ring-offset-2
+    active:bear-bg-red-700
+    disabled:bear-bg-red-300 disabled:bear-cursor-not-allowed
+  `
+};
+export {
+  e as sizeClasses,
+  r as variantClasses
+};