@forgedevstack/bear 1.0.3 → 1.0.4

package/dist/components/Avatar/Avatar.js

@@ -1,91 +1,80 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import f, { useState as y } from "react";
-import { cn as i } from "../../utils/cn.js";
-const g = {
-  xs: "bear-w-6 bear-h-6 bear-text-xs",
-  sm: "bear-w-8 bear-h-8 bear-text-sm",
-  md: "bear-w-10 bear-h-10 bear-text-base",
-  lg: "bear-w-12 bear-h-12 bear-text-lg",
-  xl: "bear-w-16 bear-h-16 bear-text-xl",
-  "2xl": "bear-w-20 bear-h-20 bear-text-2xl"
-}, v = {
-  circle: "bear-rounded-full",
-  rounded: "bear-rounded-lg",
-  square: "bear-rounded-none"
-}, w = {
-  online: "bear-bg-green-500",
-  offline: "bear-bg-gray-400",
-  away: "bear-bg-yellow-500",
-  busy: "bear-bg-red-500"
-}, j = ({
-  src: t,
-  alt: e = "Avatar",
-  initials: s,
-  size: o = "md",
-  variant: a = "circle",
-  status: b,
-  bordered: l = !1,
-  className: c,
-  testId: n,
-  ...m
-}) => {
-  const [h, u] = y(!1), x = !t || h;
-  return /* @__PURE__ */ d(
+import { jsxs as A, jsx as e } from "react/jsx-runtime";
+import p, { useState as _ } from "react";
+import { cn as o } from "../../utils/cn.js";
+import { AVATAR_DEFAULTS as s, AVATAR_STATUS as x, AVATAR_VARIANT as y, AVATAR_SIZE as g } from "./Avatar.const.js";
+const T = (c) => {
+  const {
+    src: i,
+    alt: r = s.ALT,
+    initials: b,
+    size: d = s.SIZE,
+    variant: t = s.VARIANT,
+    status: a,
+    bordered: l = !1,
+    className: m,
+    testId: n,
+    ...v
+  } = c, [h, u] = _(!1), f = !i || h;
+  return /* @__PURE__ */ A(
     "div",
     {
-      className: i(
+      className: o(
+        "Bear-Avatar",
         "bear-relative bear-inline-flex bear-items-center bear-justify-center",
         "bear-bg-gray-200 dark:bear-bg-gray-700",
         "bear-overflow-hidden",
-        g[o],
-        v[a],
-        l && "bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
-        c
+        g[d],
+        y[t],
+        l && "Bear-Avatar--bordered bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
+        m
       ),
       "data-testid": n,
       children: [
-        x ? s ? /* @__PURE__ */ r("span", { className: "bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase", children: s.slice(0, 2) }) : /* @__PURE__ */ r("svg", { className: "bear-w-3/5 bear-h-3/5 bear-text-gray-400", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) : /* @__PURE__ */ r(
+        f ? b ? /* @__PURE__ */ e("span", { className: "Bear-Avatar__initials bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase", children: b.slice(0, s.MAX_INITIALS) }) : /* @__PURE__ */ e("svg", { className: "Bear-Avatar__placeholder bear-w-3/5 bear-h-3/5 bear-text-gray-400", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) : /* @__PURE__ */ e(
           "img",
           {
-            src: t,
-            alt: e,
+            src: i,
+            alt: r,
             onError: () => u(!0),
-            className: "bear-w-full bear-h-full bear-object-cover",
-            ...m
+            className: "Bear-Avatar__image bear-w-full bear-h-full bear-object-cover",
+            ...v
           }
         ),
-        b && /* @__PURE__ */ r(
+        a && /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: o(
+              "Bear-Avatar__status",
+              `Bear-Avatar__status--${a}`,
               "bear-absolute bear-bottom-0 bear-right-0",
               "bear-w-1/4 bear-h-1/4 bear-min-w-[8px] bear-min-h-[8px]",
               "bear-rounded-full bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
-              w[b]
+              x[a]
             )
           }
         )
       ]
     }
   );
-}, z = ({
-  children: t,
-  max: e,
-  size: s = "md",
-  className: o
-}) => {
-  const a = f.Children.toArray(t), b = e ? a.slice(0, e) : a, l = e ? a.length - e : 0;
-  return /* @__PURE__ */ d("div", { className: i("bear-flex bear--space-x-2", o), children: [
-    b.map((c, n) => /* @__PURE__ */ r("div", { className: "bear-relative", style: { zIndex: b.length - n }, children: c }, n)),
-    l > 0 && /* @__PURE__ */ d(
+}, k = (c) => {
+  const {
+    children: i,
+    max: r,
+    size: b = s.SIZE,
+    className: d
+  } = c, t = p.Children.toArray(i), a = r ? t.slice(0, r) : t, l = r ? t.length - r : 0;
+  return /* @__PURE__ */ A("div", { className: o("Bear-AvatarGroup bear-flex bear--space-x-2", d), children: [
+    a.map((m, n) => /* @__PURE__ */ e("div", { className: "Bear-AvatarGroup__item bear-relative", style: { zIndex: a.length - n }, children: m }, n)),
+    l > 0 && /* @__PURE__ */ A(
       "div",
       {
-        className: i(
+        className: o(
+          "Bear-AvatarGroup__overflow",
           "bear-relative bear-inline-flex bear-items-center bear-justify-center",
           "bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full",
           "bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
           "bear-text-gray-600 dark:bear-text-gray-300 bear-font-medium",
-          g[s]
+          g[b]
         ),
         style: { zIndex: 0 },
         children: [
@@ -97,6 +86,6 @@ const g = {
   ] });
 };
 export {
-  j as Avatar,
-  z as AvatarGroup
+  T as Avatar,
+  k as AvatarGroup
 };

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

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

package/dist/components/Badge/Badge.cjs

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

package/dist/components/Badge/Badge.js

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

package/dist/components/BearLogo/EmberLogo.cjs

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

package/dist/components/BearLogo/EmberLogo.js

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

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

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

package/dist/components/Breadcrumbs/Breadcrumbs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),i=require("../../utils/cn.cjs"),C=({className:s})=>e.jsx("svg",{className:s,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"})}),w=({className:s})=>e.jsx("svg",{className:s,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),z=({items:s,separator:b,maxItems:o,itemsBeforeCollapse:x=1,itemsAfterCollapse:d=1,className:h,size:t="md",showHomeIcon:u=!1})=>{const[m,p]=g.useState(!1),f={sm:"bear-text-xs",md:"bear-text-sm",lg:"bear-text-base"},l={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"},j=()=>b||e.jsx(w,{className:i.cn(l[t],"bear-text-zinc-500 bear-mx-2")}),k=(r,a,N)=>{const n=e.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[a===0&&u&&e.jsx(C,{className:l[t]}),r.icon,r.label]});return N?e.jsx("span",{className:"bear-text-zinc-300 bear-font-medium",children:n}):r.href?e.jsx("a",{href:r.href,className:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors",children:n}):r.onClick?e.jsx("button",{onClick:r.onClick,className:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors",children:n}):e.jsx("span",{className:"bear-text-zinc-400",children:n})},v=o&&s.length>o&&!m;let c=s;if(v){const r=s.slice(0,x),a=s.slice(-d);c=[...r,"ellipsis",...a]}return e.jsx("nav",{className:i.cn("bear-flex bear-items-center bear-flex-wrap",f[t],h),"aria-label":"Breadcrumb",children:c.map((r,a)=>e.jsxs("span",{className:"bear-flex bear-items-center",children:[a>0&&j(),r==="ellipsis"?e.jsx("button",{onClick:()=>p(!0),className:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors bear-px-1",children:"..."}):k(r,a,a===c.length-1)]},a))})};exports.Breadcrumbs=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react"),b=require("../../utils/cn.cjs"),s=require("./Breadcrumbs.const.cjs"),k=({className:t})=>e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"})}),A=({className:t})=>e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),N=t=>{const{items:n,separator:d,maxItems:i,itemsBeforeCollapse:m=s.BREADCRUMBS_DEFAULTS.ITEMS_BEFORE_COLLAPSE,itemsAfterCollapse:x=s.BREADCRUMBS_DEFAULTS.ITEMS_AFTER_COLLAPSE,className:u,size:c=s.BREADCRUMBS_DEFAULTS.SIZE,showHomeIcon:h=s.BREADCRUMBS_DEFAULTS.SHOW_HOME_ICON,testId:p,id:S,"aria-label":E="Breadcrumb"}=t,[f,B]=_.useState(!1),C=()=>d||e.jsx(A,{className:b.cn(s.BREADCRUMBS_ICON_SIZE[c],"bear-text-zinc-500 bear-mx-2")}),j=(r,a,I)=>{const o=e.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1",children:[a===0&&h&&e.jsx(k,{className:s.BREADCRUMBS_ICON_SIZE[c]}),r.icon,r.label]});return I?e.jsx("span",{className:"bear-text-zinc-300 bear-font-medium","aria-current":"page",children:o}):r.href?e.jsx("a",{href:r.href,className:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors",children:o}):r.onClick?e.jsx("button",{type:"button",onClick:r.onClick,className:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors",children:o}):e.jsx("span",{className:"bear-text-zinc-400",children:o})},R=i&&n.length>i&&!f;let l=n;if(R){const r=n.slice(0,m),a=n.slice(-x);l=[...r,"ellipsis",...a]}return e.jsx("nav",{id:S,"data-testid":p,className:b.cn("bear-flex bear-items-center bear-flex-wrap",s.BREADCRUMBS_SIZE[c],u),"aria-label":E,children:e.jsx("ol",{className:"bear-flex bear-items-center bear-flex-wrap bear-list-none bear-p-0 bear-m-0",children:l.map((r,a)=>e.jsxs("li",{className:"bear-flex bear-items-center",children:[a>0&&e.jsx("span",{"aria-hidden":"true",children:C()}),r==="ellipsis"?e.jsx("button",{type:"button",onClick:()=>B(!0),className:"bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors bear-px-1","aria-label":"Show more breadcrumbs",children:"..."}):j(r,a,a===l.length-1)]},a))})})};exports.Breadcrumbs=N;

package/dist/components/Breadcrumbs/Breadcrumbs.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={sm:"bear-text-xs",md:"bear-text-sm",lg:"bear-text-base"},E={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"},S={SIZE:"md",ITEMS_BEFORE_COLLAPSE:1,ITEMS_AFTER_COLLAPSE:1,SHOW_HOME_ICON:!1};exports.BREADCRUMBS_DEFAULTS=S;exports.BREADCRUMBS_ICON_SIZE=E;exports.BREADCRUMBS_SIZE=e;

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

@@ -0,0 +1,16 @@
+export declare const BREADCRUMBS_SIZE: {
+    readonly sm: "bear-text-xs";
+    readonly md: "bear-text-sm";
+    readonly lg: "bear-text-base";
+};
+export declare const BREADCRUMBS_ICON_SIZE: {
+    readonly sm: "bear-w-3 bear-h-3";
+    readonly md: "bear-w-4 bear-h-4";
+    readonly lg: "bear-w-5 bear-h-5";
+};
+export declare const BREADCRUMBS_DEFAULTS: {
+    SIZE: "md";
+    ITEMS_BEFORE_COLLAPSE: number;
+    ITEMS_AFTER_COLLAPSE: number;
+    SHOW_HOME_ICON: boolean;
+};

package/dist/components/Breadcrumbs/Breadcrumbs.const.js

@@ -0,0 +1,19 @@
+const e = {
+  sm: "bear-text-xs",
+  md: "bear-text-sm",
+  lg: "bear-text-base"
+}, E = {
+  sm: "bear-w-3 bear-h-3",
+  md: "bear-w-4 bear-h-4",
+  lg: "bear-w-5 bear-h-5"
+}, S = {
+  SIZE: "md",
+  ITEMS_BEFORE_COLLAPSE: 1,
+  ITEMS_AFTER_COLLAPSE: 1,
+  SHOW_HOME_ICON: !1
+};
+export {
+  S as BREADCRUMBS_DEFAULTS,
+  E as BREADCRUMBS_ICON_SIZE,
+  e as BREADCRUMBS_SIZE
+};

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,41 +1,56 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useState as w } from "react";
-import { cn as b } from "../../utils/cn.js";
-const z = ({ className: a }) => /* @__PURE__ */ e("svg", { className: a, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" }) }), j = ({ className: a }) => /* @__PURE__ */ e("svg", { className: a, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }), M = ({
-  items: a,
-  separator: h,
-  maxItems: l,
-  itemsBeforeCollapse: d = 1,
-  itemsAfterCollapse: m = 1,
-  className: p,
-  size: s = "md",
-  showHomeIcon: x = !1
-}) => {
-  const [f, u] = w(!1), k = { sm: "bear-text-xs", md: "bear-text-sm", lg: "bear-text-base" }, c = { sm: "bear-w-3 bear-h-3", md: "bear-w-4 bear-h-4", lg: "bear-w-5 bear-h-5" }, v = () => h || /* @__PURE__ */ e(j, { className: b(c[s], "bear-text-zinc-500 bear-mx-2") }), N = (r, n, g) => {
-    const t = /* @__PURE__ */ i("span", { className: "bear-flex bear-items-center bear-gap-1", children: [
-      n === 0 && x && /* @__PURE__ */ e(z, { className: c[s] }),
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { useState as _ } from "react";
+import { cn as m } from "../../utils/cn.js";
+import { BREADCRUMBS_DEFAULTS as o, BREADCRUMBS_SIZE as M, BREADCRUMBS_ICON_SIZE as d } from "./Breadcrumbs.const.js";
+const A = ({ className: t }) => /* @__PURE__ */ e("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" }) }), R = ({ className: t }) => /* @__PURE__ */ e("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }), j = (t) => {
+  const {
+    items: n,
+    separator: p,
+    maxItems: c,
+    itemsBeforeCollapse: h = o.ITEMS_BEFORE_COLLAPSE,
+    itemsAfterCollapse: f = o.ITEMS_AFTER_COLLAPSE,
+    className: u,
+    size: l = o.SIZE,
+    showHomeIcon: x = o.SHOW_HOME_ICON,
+    testId: C,
+    id: E,
+    "aria-label": k = "Breadcrumb"
+  } = t, [S, I] = _(!1), N = () => p || /* @__PURE__ */ e(R, { className: m(d[l], "bear-text-zinc-500 bear-mx-2") }), v = (r, a, L) => {
+    const s = /* @__PURE__ */ b("span", { className: "bear-flex bear-items-center bear-gap-1", children: [
+      a === 0 && x && /* @__PURE__ */ e(A, { className: d[l] }),
       r.icon,
       r.label
     ] });
-    return g ? /* @__PURE__ */ e("span", { className: "bear-text-zinc-300 bear-font-medium", children: t }) : r.href ? /* @__PURE__ */ e("a", { href: r.href, className: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors", children: t }) : r.onClick ? /* @__PURE__ */ e("button", { onClick: r.onClick, className: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors", children: t }) : /* @__PURE__ */ e("span", { className: "bear-text-zinc-400", children: t });
-  }, C = l && a.length > l && !f;
-  let o = a;
-  if (C) {
-    const r = a.slice(0, d), n = a.slice(-m);
-    o = [...r, "ellipsis", ...n];
+    return L ? /* @__PURE__ */ e("span", { className: "bear-text-zinc-300 bear-font-medium", "aria-current": "page", children: s }) : r.href ? /* @__PURE__ */ e("a", { href: r.href, className: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors", children: s }) : r.onClick ? /* @__PURE__ */ e("button", { type: "button", onClick: r.onClick, className: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors", children: s }) : /* @__PURE__ */ e("span", { className: "bear-text-zinc-400", children: s });
+  }, B = c && n.length > c && !S;
+  let i = n;
+  if (B) {
+    const r = n.slice(0, h), a = n.slice(-f);
+    i = [...r, "ellipsis", ...a];
   }
-  return /* @__PURE__ */ e("nav", { className: b("bear-flex bear-items-center bear-flex-wrap", k[s], p), "aria-label": "Breadcrumb", children: o.map((r, n) => /* @__PURE__ */ i("span", { className: "bear-flex bear-items-center", children: [
-    n > 0 && v(),
-    r === "ellipsis" ? /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => u(!0),
-        className: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors bear-px-1",
-        children: "..."
-      }
-    ) : N(r, n, n === o.length - 1)
-  ] }, n)) });
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      id: E,
+      "data-testid": C,
+      className: m("bear-flex bear-items-center bear-flex-wrap", M[l], u),
+      "aria-label": k,
+      children: /* @__PURE__ */ e("ol", { className: "bear-flex bear-items-center bear-flex-wrap bear-list-none bear-p-0 bear-m-0", children: i.map((r, a) => /* @__PURE__ */ b("li", { className: "bear-flex bear-items-center", children: [
+        a > 0 && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: N() }),
+        r === "ellipsis" ? /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => I(!0),
+            className: "bear-text-zinc-400 hover:bear-text-pink-400 bear-transition-colors bear-px-1",
+            "aria-label": "Show more breadcrumbs",
+            children: "..."
+          }
+        ) : v(r, a, a === i.length - 1)
+      ] }, a)) })
+    }
+  );
 };
 export {
-  M as Breadcrumbs
+  j as Breadcrumbs
 };

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+export type BreadcrumbSize = 'sm' | 'md' | 'lg';
 export interface BreadcrumbItem {
     label: string;
     href?: string;
@@ -12,6 +13,12 @@ export interface BreadcrumbsProps {
     itemsBeforeCollapse?: number;
     itemsAfterCollapse?: number;
     className?: string;
-    size?: 'sm' | 'md' | 'lg';
+    size?: BreadcrumbSize;
     showHomeIcon?: boolean;
+    /** Unique identifier for testing */
+    testId?: string;
+    /** HTML id attribute */
+    id?: string;
+    /** Accessible label for screen readers */
+    'aria-label'?: string;
 }

package/dist/components/Button/Button.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),i=require("../../utils/cn.cjs"),j=require("../Spinner/Spinner.cjs"),g=require("../../hooks/useBearStyles.cjs"),l=require("./Button.constants.cjs"),o=N.forwardRef((c,u)=>{const{variant:b="primary",size:n="md",loading:t=!1,fullWidth:d=!1,leftIcon:r,rightIcon:s,disabled:B,className:m,children:_,testId:f,bis:x,style:h,...p}=c,y=B||t,a=g.useBearStyles(x,h);return e.jsxs("button",{ref:u,disabled:y,style:Object.keys(a).length?a:void 0,className:i.cn("Bear-Button","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.BUTTON_SIZE[n],l.BUTTON_VARIANT[b],d&&"bear-w-full",t&&"bear-cursor-wait",m),"data-testid":f,...p,children:[t&&e.jsx(j.Spinner,{size:n==="xs"?"xs":"sm",className:"Bear-Button__spinner bear-absolute"}),e.jsxs("span",{className:i.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit",t&&"bear-invisible"),children:[r&&e.jsx("span",{className:"Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",children:r}),e.jsx("span",{className:"Bear-Button__text",children:_}),s&&e.jsx("span",{className:"Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",children:s})]})]})});o.displayName="Button";exports.Button=o;

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

@@ -54,4 +54,4 @@
     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;
+  `};exports.BUTTON_SIZE=e;exports.BUTTON_VARIANT=r;

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

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

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

@@ -72,6 +72,6 @@ const e = {
   `
 };
 export {
-  e as sizeClasses,
-  r as variantClasses
+  e as BUTTON_SIZE,
+  r as BUTTON_VARIANT
 };