@forgedevstack/bear 1.0.1 → 1.0.3

package/dist/components/ActiveBar/ActiveBar.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),j={sm:"text-sm px-3 py-1.5",md:"text-sm px-4 py-2",lg:"text-base px-5 py-2.5"},g=a.forwardRef(({items:n,activeId:s,onItemClick:l,variant:t="default",size:x="md",fullWidth:d=!1,animated:o=!0,className:f="",...b},y)=>{const i=a.useRef(null),[p,h]=a.useState({});a.useEffect(()=>{if(!o||t!=="underline")return;const e=n.findIndex(v=>v.id===s);if(e===-1||!i.current)return;const u=i.current.querySelectorAll("button")[e];u&&h({left:u.offsetLeft,width:u.offsetWidth})},[s,n,o,t]);const k=e=>{switch(t){case"pills":return e?"bg-pink-500 text-white shadow-lg shadow-pink-500/30":"text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800";case"underline":return e?"text-pink-500 font-medium":"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200";default:return e?"bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white font-medium":"text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800/50"}};return r.jsxs("div",{ref:y,className:`bear-active-bar relative ${d?"w-full":"inline-flex"} ${f}`.trim(),...b,children:[r.jsx("div",{ref:i,className:`flex ${d?"w-full":""} ${t==="underline"?"border-b border-gray-200 dark:border-gray-700":"gap-1"}`,children:n.map(e=>{const c=e.id===s;return r.jsxs("button",{onClick:()=>l==null?void 0:l(e),className:`
+                ${d?"flex-1":""}
+                ${j[x]}
+                ${k(c)}
+                ${t==="pills"?"rounded-full":t==="underline"?"relative pb-3":"rounded-lg"}
+                flex items-center justify-center gap-2
+                transition-all duration-200
+              `,children:[e.icon,r.jsx("span",{children:e.label}),e.badge!==void 0&&r.jsx("span",{className:"px-1.5 py-0.5 text-xs rounded-full bg-pink-100 dark:bg-pink-900/30 text-pink-600 dark:text-pink-400",children:e.badge})]},e.id)})}),o&&t==="underline"&&r.jsx("div",{className:"absolute bottom-0 h-0.5 bg-pink-500 transition-all duration-300 ease-out",style:p})]})});g.displayName="ActiveBar";exports.ActiveBar=g;

package/dist/components/ActiveBar/ActiveBar.d.ts

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

package/dist/components/ActiveBar/ActiveBar.js

@@ -0,0 +1,90 @@
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { forwardRef as m, useRef as w, useState as v, useEffect as $ } from "react";
+const N = {
+  sm: "text-sm px-3 py-1.5",
+  md: "text-sm px-4 py-2",
+  lg: "text-base px-5 py-2.5"
+}, S = m(({
+  items: a,
+  activeId: n,
+  onItemClick: s,
+  variant: r = "default",
+  size: x = "md",
+  fullWidth: d = !1,
+  animated: l = !0,
+  className: c = "",
+  ...f
+}, p) => {
+  const o = w(null), [b, y] = v({});
+  $(() => {
+    if (!l || r !== "underline") return;
+    const e = a.findIndex((k) => k.id === n);
+    if (e === -1 || !o.current) return;
+    const i = o.current.querySelectorAll("button")[e];
+    i && y({
+      left: i.offsetLeft,
+      width: i.offsetWidth
+    });
+  }, [n, a, l, r]);
+  const h = (e) => {
+    switch (r) {
+      case "pills":
+        return e ? "bg-pink-500 text-white shadow-lg shadow-pink-500/30" : "text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800";
+      case "underline":
+        return e ? "text-pink-500 font-medium" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200";
+      default:
+        return e ? "bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white font-medium" : "text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800/50";
+    }
+  };
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: p,
+      className: `bear-active-bar relative ${d ? "w-full" : "inline-flex"} ${c}`.trim(),
+      ...f,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            ref: o,
+            className: `flex ${d ? "w-full" : ""} ${r === "underline" ? "border-b border-gray-200 dark:border-gray-700" : "gap-1"}`,
+            children: a.map((e) => {
+              const u = e.id === n;
+              return /* @__PURE__ */ g(
+                "button",
+                {
+                  onClick: () => s == null ? void 0 : s(e),
+                  className: `
+                ${d ? "flex-1" : ""}
+                ${N[x]}
+                ${h(u)}
+                ${r === "pills" ? "rounded-full" : r === "underline" ? "relative pb-3" : "rounded-lg"}
+                flex items-center justify-center gap-2
+                transition-all duration-200
+              `,
+                  children: [
+                    e.icon,
+                    /* @__PURE__ */ t("span", { children: e.label }),
+                    e.badge !== void 0 && /* @__PURE__ */ t("span", { className: "px-1.5 py-0.5 text-xs rounded-full bg-pink-100 dark:bg-pink-900/30 text-pink-600 dark:text-pink-400", children: e.badge })
+                  ]
+                },
+                e.id
+              );
+            })
+          }
+        ),
+        l && r === "underline" && /* @__PURE__ */ t(
+          "div",
+          {
+            className: "absolute bottom-0 h-0.5 bg-pink-500 transition-all duration-300 ease-out",
+            style: b
+          }
+        )
+      ]
+    }
+  );
+});
+S.displayName = "ActiveBar";
+export {
+  S as ActiveBar
+};

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ActiveBarItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    badge?: string | number;
+}
+export interface ActiveBarProps extends HTMLAttributes<HTMLDivElement> {
+    items: ActiveBarItem[];
+    activeId?: string;
+    onItemClick?: (item: ActiveBarItem) => void;
+    variant?: 'default' | 'pills' | 'underline';
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    animated?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { ActiveBar } from './ActiveBar';
+export type { ActiveBarProps, ActiveBarItem } from './ActiveBar.types';

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

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

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

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

package/dist/components/Box/Box.js

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

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

@@ -0,0 +1,24 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface BoxProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    as?: 'div' | 'section' | 'article' | 'aside' | 'main' | 'header' | 'footer' | 'nav';
+    p?: number | string;
+    px?: number | string;
+    py?: number | string;
+    pt?: number | string;
+    pb?: number | string;
+    pl?: number | string;
+    pr?: number | string;
+    m?: number | string;
+    mx?: number | string;
+    my?: number | string;
+    mt?: number | string;
+    mb?: number | string;
+    ml?: number | string;
+    mr?: number | string;
+    bg?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    border?: boolean;
+    borderColor?: string;
+}

package/dist/components/Box/Box.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(d,o)=>d===void 0?"":typeof d=="number"?`${o}-${d}`:`${o}-[${d}]`,s={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl",full:"rounded-full"},e={none:"shadow-none",sm:"shadow-sm",md:"shadow-md",lg:"shadow-lg",xl:"shadow-xl","2xl":"shadow-2xl"};exports.roundedMap=s;exports.shadowMap=e;exports.spacingToClass=n;

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

@@ -0,0 +1,3 @@
+export declare const spacingToClass: (value: number | string | undefined, prefix: string) => string;
+export declare const roundedMap: Record<string, string>;
+export declare const shadowMap: Record<string, string>;

package/dist/components/Box/Box.utils.js

@@ -0,0 +1,21 @@
+const n = (d, o) => d === void 0 ? "" : typeof d == "number" ? `${o}-${d}` : `${o}-[${d}]`, s = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl",
+  full: "rounded-full"
+}, r = {
+  none: "shadow-none",
+  sm: "shadow-sm",
+  md: "shadow-md",
+  lg: "shadow-lg",
+  xl: "shadow-xl",
+  "2xl": "shadow-2xl"
+};
+export {
+  s as roundedMap,
+  r as shadowMap,
+  n as spacingToClass
+};

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

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