@forgedevstack/bear 1.2.5 → 1.2.7

package/dist/components/BottomNavigation/BottomNavigation.js

@@ -1,50 +1,68 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { cn as b } from "../../utils/cn.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { BOTTOM_NAVIGATION_ACTIVE_CLASSES as A, BOTTOM_NAVIGATION_INACTIVE_CLASSES as I, BOTTOM_NAVIGATION_ROOT_CLASS as o, BOTTOM_NAVIGATION_VARIANT_CLASSES as T } from "./BottomNavigation.const.js";
+import { cn as t } from "../../utils/cn.js";
 import "react";
-const m = ({
-  items: s,
-  value: n,
-  onChange: t,
-  showLabels: i = "active",
-  variant: c = "default",
-  className: d
-}) => {
-  const o = {
-    default: "bear-bg-zinc-900 bear-border-t bear-border-zinc-800",
-    elevated: "bear-bg-zinc-900 bear-shadow-[0_-4px_20px_rgba(0,0,0,0.3)]",
-    transparent: "bear-bg-zinc-900/80 bear-backdrop-blur-md bear-border-t bear-border-zinc-800/50"
-  }, u = (e) => i === !0 || i === "always" ? !0 : i === "active" ? e : !1;
-  return /* @__PURE__ */ a("nav", { className: b(
-    "bear-fixed bear-bottom-0 bear-left-0 bear-right-0 bear-z-50 bear-h-16 bear-flex bear-items-center bear-justify-around bear-px-2",
-    o[c],
-    d
-  ), children: s.map((e) => {
-    const r = n === e.id;
-    return /* @__PURE__ */ l(
-      "button",
-      {
-        onClick: () => !e.disabled && (t == null ? void 0 : t(e.id)),
-        disabled: e.disabled,
-        className: b(
-          "bear-flex bear-flex-col bear-items-center bear-justify-center bear-flex-1 bear-h-full bear-py-2 bear-transition-all",
-          r ? "bear-text-primary-400" : "bear-text-zinc-500 hover:bear-text-zinc-300",
-          e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
-        ),
-        children: [
-          /* @__PURE__ */ l("div", { className: "bear-relative", children: [
-            /* @__PURE__ */ a("span", { className: b("bear-transition-transform", r && "bear-scale-110"), children: e.icon }),
-            e.badge !== void 0 && /* @__PURE__ */ a("span", { className: "bear-absolute -bear-top-1 -bear-right-1 bear-min-w-[16px] bear-h-4 bear-px-1 bear-flex bear-items-center bear-justify-center bear-text-xs bear-font-medium bear-bg-primary-500 bear-text-white bear-rounded-full", children: e.badge })
-          ] }),
-          u(r) && /* @__PURE__ */ a("span", { className: b(
-            "bear-text-xs bear-mt-1 bear-transition-all",
-            r ? "bear-font-medium" : ""
-          ), children: e.label })
-        ]
-      },
-      e.id
-    );
-  }) });
+import { resolveBearId as h } from "../../utils/generateBearId.utils.js";
+import { useBearId as O } from "../../utils/useBearId.js";
+const V = (l) => {
+  const {
+    items: n,
+    value: d,
+    onChange: s,
+    showLabels: b = "active",
+    variant: c = "default",
+    className: m,
+    id: f,
+    testId: u
+  } = l, p = O("BottomNavigation"), N = h(f, p), x = (e) => b === !0 || b === "always" ? !0 : b === "active" ? e : !1;
+  return /* @__PURE__ */ r(
+    "nav",
+    {
+      id: N,
+      "data-testid": u,
+      className: t(
+        o,
+        "bear-fixed bear-bottom-0 bear-left-0 bear-right-0 bear-z-50 bear-h-16 bear-flex bear-items-center bear-justify-around bear-px-2",
+        T[c],
+        m
+      ),
+      children: n.map((e) => {
+        const a = d === e.id;
+        return /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            onClick: () => !e.disabled && (s == null ? void 0 : s(e.id)),
+            disabled: e.disabled,
+            className: t(
+              `${o}__item`,
+              "bear-flex bear-flex-col bear-items-center bear-justify-center bear-flex-1 bear-h-full bear-py-2 bear-transition-all",
+              a ? A : I,
+              e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
+            ),
+            children: [
+              /* @__PURE__ */ i("div", { className: "bear-relative", children: [
+                /* @__PURE__ */ r("span", { className: t("bear-transition-transform", a && "bear-scale-110"), children: e.icon }),
+                e.badge !== void 0 && /* @__PURE__ */ r("span", { className: "bear-absolute -bear-top-1 -bear-right-1 bear-min-w-[16px] bear-h-4 bear-px-1 bear-flex bear-items-center bear-justify-center bear-text-xs bear-font-medium bear-bg-primary-500 bear-text-white bear-rounded-full", children: e.badge })
+              ] }),
+              x(a) && /* @__PURE__ */ r(
+                "span",
+                {
+                  className: t(
+                    "bear-text-xs bear-mt-1 bear-transition-all",
+                    a ? "bear-font-medium" : ""
+                  ),
+                  children: e.label
+                }
+              )
+            ]
+          },
+          e.id
+        );
+      })
+    }
+  );
 };
 export {
-  m as BottomNavigation
+  V as BottomNavigation
 };

package/dist/components/Breadcrumbs/Breadcrumbs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),F=require("../../context/BearProvider.cjs"),H=require("../../utils/maxVisible.utils.cjs"),R=require("../../utils/cn.cjs"),v=require("../Dropdown/Dropdown.cjs"),u=require("../Icon/index.cjs"),c=require("./Breadcrumbs.const.cjs"),Z=N=>{const{items:n,separator:k,maxItems:p,itemsBeforeCollapse:x=c.BREADCRUMBS_DEFAULTS.ITEMS_BEFORE_COLLAPSE,itemsAfterCollapse:d=c.BREADCRUMBS_DEFAULTS.ITEMS_AFTER_COLLAPSE,className:D,size:h=c.BREADCRUMBS_DEFAULTS.SIZE,showHomeIcon:_=c.BREADCRUMBS_DEFAULTS.SHOW_HOME_ICON,testId:A,"aria-label":z="Breadcrumb"}=N,w=F.useBearThemeOptional(),[i,f]=b.useState(null),[M,E]=b.useState({}),[I,O]=b.useState(()=>typeof window<"u"?window.innerWidth:1200);b.useEffect(()=>{const e=()=>O(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),b.useEffect(()=>{f(null),E({})},[n]);const S=b.useMemo(()=>p==null?void 0:H.resolveMaxVisible(p,{width:I,theme:w}),[p,I,w]),U=()=>k||r.jsx(u.BearIcons.ChevronRightIcon,{className:R.cn(c.BREADCRUMBS_ICON_SIZE[h],"bear-text-zinc-500 bear-mx-2")}),y=(e,s,t)=>{const a=r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1 bear-max-w-[12rem] bear-truncate md:bear-max-w-none",children:[s===0&&_&&r.jsx(u.BearIcons.HomeIcon,{className:c.BREADCRUMBS_ICON_SIZE[h]}),e.icon,e.label]}),o=t?r.jsx("span",{className:"bear-text-zinc-300 bear-font-medium","aria-current":"page",children:a}):e.href?r.jsx("a",{href:e.href,className:"bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate",children:a}):e.onClick?r.jsx("button",{type:"button",onClick:e.onClick,className:"bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate",children:a}):r.jsx("span",{className:"bear-text-zinc-400 bear-truncate",children:a});if(e.dropdownItems&&e.dropdownItems.length>0&&!t){const m=M[s],j=e.dropdownItems.find(l=>l.key===m);return r.jsx(v.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsxs("button",{type:"button",className:"bear-inline-flex bear-items-center bear-gap-1 bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors","aria-haspopup":"true",children:[a,j&&r.jsx("span",{className:"bear-ml-1 bear-max-w-[8rem] bear-truncate bear-text-xs bear-text-zinc-300",children:j.label}),r.jsx(u.BearIcons.ChevronDownIcon,{size:14})]}),items:e.dropdownItems.map(l=>({key:l.key,label:l.label,disabled:l.disabled,selected:m===l.key,onClick:()=>{var g;E(q=>({...q,[s]:l.key})),(g=l.onClick)==null||g.call(l)}}))})}return o},L=S!=null&&n.length>S,B=x,T=n.length-d;let C=n.map((e,s)=>({type:"item",item:e,index:s}));if(L){const e=n.slice(0,x),s=n.slice(-d),t=n.slice(x,n.length-d);C=[...e.map((a,o)=>({type:"item",item:a,index:o})),...t.length?[{type:"ellipsis",hidden:t}]:[],...s.map((a,o)=>({type:"item",item:a,index:n.length-d+o}))]}const P=i!=null&&i>=B&&i<T;return r.jsx("nav",{"data-testid":A,className:R.cn("bear-flex bear-min-w-0 bear-items-center bear-flex-wrap",c.BREADCRUMBS_SIZE[h],D),"aria-label":z,children:r.jsx("ol",{className:"bear-flex bear-min-w-0 bear-items-center bear-flex-wrap bear-list-none bear-p-0 bear-m-0",children:C.map((e,s)=>r.jsxs("li",{className:"bear-flex bear-min-w-0 bear-items-center",children:[s>0&&r.jsx("span",{"aria-hidden":"true",children:U()}),e.type==="ellipsis"?r.jsxs("span",{className:"bear-inline-flex bear-min-w-0 bear-max-w-full bear-items-center bear-gap-1",children:[r.jsx(v.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsx("button",{type:"button",className:"bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-px-2 bear-py-1 bear-text-zinc-400 hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-primary-400 bear-transition-colors","aria-label":"Hidden breadcrumbs",children:r.jsx(u.BearIcons.MoreHorizIcon,{size:18})}),items:e.hidden.map((t,a)=>{const o=B+a;return{key:`${t.label}-${a}`,label:t.label,onClick:()=>{var m;f(o),(m=t.onClick)==null||m.call(t)}}})}),P&&i!=null&&r.jsx("span",{className:"bear-min-w-0 bear-max-w-[12rem] bear-truncate md:bear-max-w-none bear-inline-flex bear-items-center",children:y(n[i],i,i===n.length-1)})]}):y(e.item,e.index,e.index===n.length-1)]},s))})})};exports.Breadcrumbs=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),v=require("../../context/BearProvider.cjs"),Z=require("../../utils/maxVisible.utils.cjs"),w=require("../../utils/cn.cjs"),D=require("../Dropdown/Dropdown.cjs"),d=require("../Icon/index.cjs"),l=require("./Breadcrumbs.const.cjs"),V=_=>{const{items:n,separator:k,maxItems:p,itemsBeforeCollapse:h=l.BREADCRUMBS_DEFAULTS.ITEMS_BEFORE_COLLAPSE,itemsAfterCollapse:u=l.BREADCRUMBS_DEFAULTS.ITEMS_AFTER_COLLAPSE,className:A,size:x=l.BREADCRUMBS_DEFAULTS.SIZE,showHomeIcon:z=l.BREADCRUMBS_DEFAULTS.SHOW_HOME_ICON,testId:M,"aria-label":O="Breadcrumb"}=_,f=v.useBearThemeOptional(),{direction:I}=v.useBearDirectionOptional(),[o,E]=b.useState(null),[U,S]=b.useState({}),[B,L]=b.useState(()=>typeof window<"u"?window.innerWidth:1200);b.useEffect(()=>{const e=()=>L(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),b.useEffect(()=>{E(null),S({})},[n]);const C=b.useMemo(()=>p==null?void 0:Z.resolveMaxVisible(p,{width:B,theme:f}),[p,B,f]),T=()=>k||(I==="rtl"?r.jsx(d.BearIcons.ChevronLeftIcon,{className:w.cn(l.BREADCRUMBS_ICON_SIZE[x],"bear-text-zinc-500 bear-mx-2")}):r.jsx(d.BearIcons.ChevronRightIcon,{className:w.cn(l.BREADCRUMBS_ICON_SIZE[x],"bear-text-zinc-500 bear-mx-2")})),y=(e,s,t)=>{const a=r.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1 bear-max-w-[12rem] bear-truncate md:bear-max-w-none",children:[s===0&&z&&r.jsx(d.BearIcons.HomeIcon,{className:l.BREADCRUMBS_ICON_SIZE[x]}),e.icon,e.label]}),c=t?r.jsx("span",{className:"bear-text-zinc-300 bear-font-medium","aria-current":"page",children:a}):e.href?r.jsx("a",{href:e.href,className:"bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate",children:a}):e.onClick?r.jsx("button",{type:"button",onClick:e.onClick,className:"bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate",children:a}):r.jsx("span",{className:"bear-text-zinc-400 bear-truncate",children:a});if(e.dropdownItems&&e.dropdownItems.length>0&&!t){const m=U[s],N=e.dropdownItems.find(i=>i.key===m);return r.jsx(D.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsxs("button",{type:"button",className:"bear-inline-flex bear-items-center bear-gap-1 bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors","aria-haspopup":"true",children:[a,N&&r.jsx("span",{className:"bear-ml-1 bear-max-w-[8rem] bear-truncate bear-text-xs bear-text-zinc-300",children:N.label}),r.jsx(d.BearIcons.ChevronDownIcon,{size:14})]}),items:e.dropdownItems.map(i=>({key:i.key,label:i.label,disabled:i.disabled,selected:m===i.key,onClick:()=>{var g;S(H=>({...H,[s]:i.key})),(g=i.onClick)==null||g.call(i)}}))})}return c},P=C!=null&&n.length>C,j=h,q=n.length-u;let R=n.map((e,s)=>({type:"item",item:e,index:s}));if(P){const e=n.slice(0,h),s=n.slice(-u),t=n.slice(h,n.length-u);R=[...e.map((a,c)=>({type:"item",item:a,index:c})),...t.length?[{type:"ellipsis",hidden:t}]:[],...s.map((a,c)=>({type:"item",item:a,index:n.length-u+c}))]}const F=o!=null&&o>=j&&o<q;return r.jsx("nav",{dir:I,"data-testid":M,className:w.cn("bear-flex bear-min-w-0 bear-items-center bear-flex-wrap",l.BREADCRUMBS_SIZE[x],A),"aria-label":O,children:r.jsx("ol",{className:"bear-flex bear-min-w-0 bear-items-center bear-flex-wrap bear-list-none bear-p-0 bear-m-0",children:R.map((e,s)=>r.jsxs("li",{className:"bear-flex bear-min-w-0 bear-items-center",children:[s>0&&r.jsx("span",{"aria-hidden":"true",children:T()}),e.type==="ellipsis"?r.jsxs("span",{className:"bear-inline-flex bear-min-w-0 bear-max-w-full bear-items-center bear-gap-1",children:[r.jsx(D.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:r.jsx("button",{type:"button",className:"bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-px-2 bear-py-1 bear-text-zinc-400 hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-primary-400 bear-transition-colors","aria-label":"Hidden breadcrumbs",children:r.jsx(d.BearIcons.MoreHorizIcon,{size:18})}),items:e.hidden.map((t,a)=>{const c=j+a;return{key:`${t.label}-${a}`,label:t.label,onClick:()=>{var m;E(c),(m=t.onClick)==null||m.call(t)}}})}),F&&o!=null&&r.jsx("span",{className:"bear-min-w-0 bear-max-w-[12rem] bear-truncate md:bear-max-w-none bear-inline-flex bear-items-center",children:y(n[o],o,o===n.length-1)})]}):y(e.item,e.index,e.index===n.length-1)]},s))})})};exports.Breadcrumbs=V;

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,56 +1,56 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { useState as f, useEffect as z, useMemo as V } from "react";
-import { useBearThemeOptional as $ } from "../../context/BearProvider.js";
-import { resolveMaxVisible as K } from "../../utils/maxVisible.utils.js";
-import { cn as B } from "../../utils/cn.js";
-import { Dropdown as O } from "../Dropdown/Dropdown.js";
-import { BearIcons as d } from "../Icon/index.js";
-import { BREADCRUMBS_DEFAULTS as p, BREADCRUMBS_SIZE as q, BREADCRUMBS_ICON_SIZE as R } from "./Breadcrumbs.const.js";
-const ne = (_) => {
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { useState as f, useEffect as R, useMemo as $ } from "react";
+import { useBearThemeOptional as K, useBearDirectionOptional as q } from "../../context/BearProvider.js";
+import { resolveMaxVisible as G } from "../../utils/maxVisible.utils.js";
+import { cn as w } from "../../utils/cn.js";
+import { Dropdown as _ } from "../Dropdown/Dropdown.js";
+import { BearIcons as b } from "../Icon/index.js";
+import { BREADCRUMBS_DEFAULTS as h, BREADCRUMBS_SIZE as J, BREADCRUMBS_ICON_SIZE as I } from "./Breadcrumbs.const.js";
+const le = (D) => {
   const {
     items: a,
     separator: M,
-    maxItems: h,
-    itemsBeforeCollapse: u = p.ITEMS_BEFORE_COLLAPSE,
-    itemsAfterCollapse: b = p.ITEMS_AFTER_COLLAPSE,
+    maxItems: u,
+    itemsBeforeCollapse: x = h.ITEMS_BEFORE_COLLAPSE,
+    itemsAfterCollapse: m = h.ITEMS_AFTER_COLLAPSE,
     className: A,
-    size: x = p.SIZE,
-    showHomeIcon: D = p.SHOW_HOME_ICON,
-    testId: L,
-    "aria-label": P = "Breadcrumb"
-  } = _, w = $(), [i, I] = f(null), [H, y] = f({}), [E, T] = f(() => typeof window < "u" ? window.innerWidth : 1200);
-  z(() => {
-    const e = () => T(window.innerWidth);
+    size: d = h.SIZE,
+    showHomeIcon: L = h.SHOW_HOME_ICON,
+    testId: P,
+    "aria-label": H = "Breadcrumb"
+  } = D, y = K(), { direction: C } = q(), [i, E] = f(null), [T, N] = f({}), [g, U] = f(() => typeof window < "u" ? window.innerWidth : 1200);
+  R(() => {
+    const e = () => U(window.innerWidth);
     return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, []), z(() => {
-    I(null), y({});
+  }, []), R(() => {
+    E(null), N({});
   }, [a]);
-  const C = V(
-    () => h == null ? void 0 : K(h, { width: E, theme: w }),
-    [h, E, w]
-  ), U = () => M || /* @__PURE__ */ r(d.ChevronRightIcon, { className: B(R[x], "bear-text-zinc-500 bear-mx-2") }), g = (e, l, t) => {
-    const n = /* @__PURE__ */ m("span", { className: "bear-flex bear-items-center bear-gap-1 bear-max-w-[12rem] bear-truncate md:bear-max-w-none", children: [
-      l === 0 && D && /* @__PURE__ */ r(d.HomeIcon, { className: R[x] }),
+  const k = $(
+    () => u == null ? void 0 : G(u, { width: g, theme: y }),
+    [u, g, y]
+  ), j = () => M || (C === "rtl" ? /* @__PURE__ */ r(b.ChevronLeftIcon, { className: w(I[d], "bear-text-zinc-500 bear-mx-2") }) : /* @__PURE__ */ r(b.ChevronRightIcon, { className: w(I[d], "bear-text-zinc-500 bear-mx-2") })), v = (e, l, n) => {
+    const t = /* @__PURE__ */ p("span", { className: "bear-flex bear-items-center bear-gap-1 bear-max-w-[12rem] bear-truncate md:bear-max-w-none", children: [
+      l === 0 && L && /* @__PURE__ */ r(b.HomeIcon, { className: I[d] }),
       e.icon,
       e.label
-    ] }), o = t ? /* @__PURE__ */ r("span", { className: "bear-text-zinc-300 bear-font-medium", "aria-current": "page", children: n }) : e.href ? /* @__PURE__ */ r("a", { href: e.href, className: "bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate", children: n }) : e.onClick ? /* @__PURE__ */ r("button", { type: "button", onClick: e.onClick, className: "bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate", children: n }) : /* @__PURE__ */ r("span", { className: "bear-text-zinc-400 bear-truncate", children: n });
-    if (e.dropdownItems && e.dropdownItems.length > 0 && !t) {
-      const c = H[l], v = e.dropdownItems.find((s) => s.key === c);
+    ] }), o = n ? /* @__PURE__ */ r("span", { className: "bear-text-zinc-300 bear-font-medium", "aria-current": "page", children: t }) : e.href ? /* @__PURE__ */ r("a", { href: e.href, className: "bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate", children: t }) : e.onClick ? /* @__PURE__ */ r("button", { type: "button", onClick: e.onClick, className: "bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors bear-truncate", children: t }) : /* @__PURE__ */ r("span", { className: "bear-text-zinc-400 bear-truncate", children: t });
+    if (e.dropdownItems && e.dropdownItems.length > 0 && !n) {
+      const c = T[l], B = e.dropdownItems.find((s) => s.key === c);
       return /* @__PURE__ */ r(
-        O,
+        _,
         {
           placement: "bottom-start",
           closeOnSelect: !0,
-          trigger: /* @__PURE__ */ m(
+          trigger: /* @__PURE__ */ p(
             "button",
             {
               type: "button",
               className: "bear-inline-flex bear-items-center bear-gap-1 bear-text-zinc-400 hover:bear-text-primary-400 bear-transition-colors",
               "aria-haspopup": "true",
               children: [
-                n,
-                v && /* @__PURE__ */ r("span", { className: "bear-ml-1 bear-max-w-[8rem] bear-truncate bear-text-xs bear-text-zinc-300", children: v.label }),
-                /* @__PURE__ */ r(d.ChevronDownIcon, { size: 14 })
+                t,
+                B && /* @__PURE__ */ r("span", { className: "bear-ml-1 bear-max-w-[8rem] bear-truncate bear-text-xs bear-text-zinc-300", children: B.label }),
+                /* @__PURE__ */ r(b.ChevronDownIcon, { size: 14 })
               ]
             }
           ),
@@ -60,40 +60,41 @@ const ne = (_) => {
             disabled: s.disabled,
             selected: c === s.key,
             onClick: () => {
-              var S;
-              y((Z) => ({ ...Z, [l]: s.key })), (S = s.onClick) == null || S.call(s);
+              var O;
+              N((V) => ({ ...V, [l]: s.key })), (O = s.onClick) == null || O.call(s);
             }
           }))
         }
       );
     }
     return o;
-  }, j = C != null && a.length > C, k = u, F = a.length - b;
-  let N = a.map((e, l) => ({ type: "item", item: e, index: l }));
-  if (j) {
-    const e = a.slice(0, u), l = a.slice(-b), t = a.slice(u, a.length - b);
-    N = [
-      ...e.map((n, o) => ({ type: "item", item: n, index: o })),
-      ...t.length ? [{ type: "ellipsis", hidden: t }] : [],
-      ...l.map((n, o) => ({
+  }, F = k != null && a.length > k, S = x, W = a.length - m;
+  let z = a.map((e, l) => ({ type: "item", item: e, index: l }));
+  if (F) {
+    const e = a.slice(0, x), l = a.slice(-m), n = a.slice(x, a.length - m);
+    z = [
+      ...e.map((t, o) => ({ type: "item", item: t, index: o })),
+      ...n.length ? [{ type: "ellipsis", hidden: n }] : [],
+      ...l.map((t, o) => ({
         type: "item",
-        item: n,
-        index: a.length - b + o
+        item: t,
+        index: a.length - m + o
       }))
     ];
   }
-  const W = i != null && i >= k && i < F;
+  const Z = i != null && i >= S && i < W;
   return /* @__PURE__ */ r(
     "nav",
     {
-      "data-testid": L,
-      className: B("bear-flex bear-min-w-0 bear-items-center bear-flex-wrap", q[x], A),
-      "aria-label": P,
-      children: /* @__PURE__ */ r("ol", { className: "bear-flex bear-min-w-0 bear-items-center bear-flex-wrap bear-list-none bear-p-0 bear-m-0", children: N.map((e, l) => /* @__PURE__ */ m("li", { className: "bear-flex bear-min-w-0 bear-items-center", children: [
-        l > 0 && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: U() }),
-        e.type === "ellipsis" ? /* @__PURE__ */ m("span", { className: "bear-inline-flex bear-min-w-0 bear-max-w-full bear-items-center bear-gap-1", children: [
+      dir: C,
+      "data-testid": P,
+      className: w("bear-flex bear-min-w-0 bear-items-center bear-flex-wrap", J[d], A),
+      "aria-label": H,
+      children: /* @__PURE__ */ r("ol", { className: "bear-flex bear-min-w-0 bear-items-center bear-flex-wrap bear-list-none bear-p-0 bear-m-0", children: z.map((e, l) => /* @__PURE__ */ p("li", { className: "bear-flex bear-min-w-0 bear-items-center", children: [
+        l > 0 && /* @__PURE__ */ r("span", { "aria-hidden": "true", children: j() }),
+        e.type === "ellipsis" ? /* @__PURE__ */ p("span", { className: "bear-inline-flex bear-min-w-0 bear-max-w-full bear-items-center bear-gap-1", children: [
           /* @__PURE__ */ r(
-            O,
+            _,
             {
               placement: "bottom-start",
               closeOnSelect: !0,
@@ -103,32 +104,32 @@ const ne = (_) => {
                   type: "button",
                   className: "bear-inline-flex bear-items-center bear-justify-center bear-rounded bear-px-2 bear-py-1 bear-text-zinc-400 hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-primary-400 bear-transition-colors",
                   "aria-label": "Hidden breadcrumbs",
-                  children: /* @__PURE__ */ r(d.MoreHorizIcon, { size: 18 })
+                  children: /* @__PURE__ */ r(b.MoreHorizIcon, { size: 18 })
                 }
               ),
-              items: e.hidden.map((t, n) => {
-                const o = k + n;
+              items: e.hidden.map((n, t) => {
+                const o = S + t;
                 return {
-                  key: `${t.label}-${n}`,
-                  label: t.label,
+                  key: `${n.label}-${t}`,
+                  label: n.label,
                   onClick: () => {
                     var c;
-                    I(o), (c = t.onClick) == null || c.call(t);
+                    E(o), (c = n.onClick) == null || c.call(n);
                   }
                 };
               })
             }
           ),
-          W && i != null && /* @__PURE__ */ r("span", { className: "bear-min-w-0 bear-max-w-[12rem] bear-truncate md:bear-max-w-none bear-inline-flex bear-items-center", children: g(
+          Z && i != null && /* @__PURE__ */ r("span", { className: "bear-min-w-0 bear-max-w-[12rem] bear-truncate md:bear-max-w-none bear-inline-flex bear-items-center", children: v(
             a[i],
             i,
             i === a.length - 1
           ) })
-        ] }) : g(e.item, e.index, e.index === a.length - 1)
+        ] }) : v(e.item, e.index, e.index === a.length - 1)
       ] }, l)) })
     }
   );
 };
 export {
-  ne as Breadcrumbs
+  le as Breadcrumbs
 };

package/dist/components/Button/Button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("react"),l=require("../../utils/cn.cjs"),ye=require("../../utils/generateBearId.utils.cjs"),Ne=require("../../utils/useBearId.cjs"),Ie=require("../Spinner/Spinner.cjs"),z=require("../Typography/Typography.cjs"),Te=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const Se=require("../../context/BearProvider.cjs");require("../FormControl/FormControl.context.cjs");const n=require("./Button.constants.cjs"),P=require("./Button.utils.cjs"),Ce=require("./useSpotlight.cjs"),L=B.forwardRef((D,d)=>{var U,V;const{variant:e="primary",size:i="md",loading:c=!1,loadingText:m,fullWidth:Z=!1,icon:p,iconPosition:T="left",leftIcon:F,rightIcon:Y,textVariant:S="inherit",iconOnly:H=!1,radius:W="default",ripple:X=!1,disableRipple:G=!1,disableElevation:J=!1,href:u,component:K="button",tooltip:Q,compact:ee=!1,gradient:b,gradientDirection:C=135,prefix:M,suffix:$,spotlight:j=!1,spotlightColor:te="rgba(255, 255, 255, 0.35)",spotlightSize:f=150,disabled:re,className:ne,children:ae,id:ie,testId:oe,bis:se,style:le,onMouseMove:ce,onMouseEnter:ue,onMouseLeave:be,onClick:_,...de}=D,pe=Ne.useBearId("Button"),fe=ye.resolveBearId(ie,pe),q=X&&!G,x=re||c,v=Te.useBearStyles(se,le),O=F??(p&&T==="left"?p:void 0),R=Y??(p&&T==="right"?p:void 0),[w,E]=B.useState(null),ge=r=>{if(q){const g=r.currentTarget.getBoundingClientRect(),h=Math.max(g.width,g.height)*2;E({width:h,height:h,left:r.clientX-g.left-h/2,top:r.clientY-g.top-h/2}),setTimeout(()=>E(null),600)}_==null||_(r)},o=B.useContext(Se.BearContext),y=((V=(U=o==null?void 0:o.components)==null?void 0:U.Button)==null?void 0:V.root)||{},k=(o==null?void 0:o.customVariants)||{},N=!P.isBuiltInVariant(e)&&e in k,a=N?k[e]:null,{spotlightRef:he,position:A,isHovered:Be,handlers:I}=Ce.useSpotlight({enabled:j,onMouseMove:ce,onMouseEnter:ue,onMouseLeave:be}),s=n.VARIANT_DEFAULTS[e]||n.VARIANT_DEFAULTS.primary,me=B.useMemo(()=>N&&a?{backgroundColor:`var(--bear-${e}-bg, ${a.bg})`,color:a.text||"#ffffff",borderColor:a.border,"--bear-ring-color":a.ring||a.bg,...y,...v}:{backgroundColor:b?void 0:`var(--bear-btn-${e}-bg, ${s.bg})`,background:b?`linear-gradient(${C}deg, ${b[0]}, ${b[1]})`:void 0,color:e==="outline"||e==="ghost"?`var(--bear-btn-${e}-text, ${s.text||"inherit"})`:"white",borderColor:e==="outline"?`var(--bear-btn-${e}-border, ${s.border||s.bg})`:void 0,"--bear-ring-color":`var(--bear-btn-${e}-ring, ${s.ring})`,...y,...v},[e,s,y,v,N,a,b,C]),_e=r=>{he.current=r,typeof d=="function"?d(r):d&&(d.current=r)},xe=u?"a":K,ve=u?{href:x?void 0:u}:{};return t.jsxs(xe,{ref:_e,id:fe,disabled:u?void 0:x,"aria-disabled":u&&x?!0:void 0,"aria-busy":c||void 0,style:me,title:Q,className:l.cn("Bear-Button","bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-transition-all bear-duration-200 bear-outline-none bear-relative bear-overflow-hidden",!J&&"bear-shadow-sm",n.BUTTON_RADIUS[W],H?n.BUTTON_ICON_ONLY_SIZE[i]:ee?n.BUTTON_COMPACT_SIZE[i]:n.BUTTON_SIZE[i],P.isBuiltInVariant(e)?n.BUTTON_VARIANT[e]:"bear-btn-custom bear-text-white focus:bear-ring-2 focus:bear-ring-offset-2 disabled:bear-opacity-50 disabled:bear-cursor-not-allowed hover:bear-brightness-110 active:bear-brightness-95",Z&&"bear-w-full",c&&"bear-cursor-wait",ne),"data-testid":oe,onClick:ge,onMouseMove:I.handleMouseMove,onMouseEnter:I.handleMouseEnter,onMouseLeave:I.handleMouseLeave,...ve,...de,children:[j&&t.jsx("span",{className:l.cn("Bear-Button__spotlight","bear-absolute bear-left-0 bear-top-0 bear-rounded-full bear-pointer-events-none bear-z-[1]","bear-transition-opacity bear-duration-150 bear-ease-out",Be?"bear-opacity-100":"bear-opacity-0"),"aria-hidden":"true",style:{width:f,height:f,background:`radial-gradient(circle at center, ${te} 0%, transparent 70%)`,transform:`translate(${A.x-f/2}px, ${A.y-f/2}px)`,mixBlendMode:"overlay"}}),c&&t.jsxs("span",{className:l.cn("Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",!m&&"bear-absolute"),children:[t.jsx(Ie.Spinner,{size:i==="xs"?"xs":"sm",className:"Bear-Button__spinner"}),m&&t.jsx(z.Typography,{variant:S,className:"Bear-Button__text",children:m})]}),t.jsxs("span",{className:l.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit bear-relative bear-z-10",c&&"bear-invisible"),children:[M&&t.jsx("span",{className:"Bear-Button__prefix bear-inline-flex bear-shrink-0",children:M}),O&&t.jsx("span",{className:l.cn("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[i]),children:O}),t.jsx(z.Typography,{variant:S,className:"Bear-Button__text",children:ae}),R&&t.jsx("span",{className:l.cn("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[i]),children:R}),$&&t.jsx("span",{className:"Bear-Button__suffix bear-inline-flex bear-shrink-0",children:$})]}),q&&w&&t.jsx("span",{className:"Bear-Button__ripple bear-absolute bear-rounded-full bear-pointer-events-none bear-z-[2] bear-animate-ping bear-opacity-30 bear-bg-white",style:w,"aria-hidden":"true"})]})});L.displayName="Button";exports.Button=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("react"),l=require("../../utils/cn.cjs"),Te=require("../../utils/generateBearId.utils.cjs"),Se=require("../../utils/useBearId.cjs"),Ce=require("../Spinner/Spinner.cjs"),z=require("../Typography/Typography.cjs"),Me=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const P=require("../../context/BearProvider.cjs");require("../FormControl/FormControl.context.cjs");const n=require("./Button.constants.cjs"),D=require("./Button.utils.cjs"),$e=require("./useSpotlight.cjs"),L=B.forwardRef((Z,d)=>{var U,V;const{variant:e="primary",size:o="md",loading:c=!1,loadingText:m,fullWidth:F=!1,icon:p,iconPosition:T="left",leftIcon:Y,rightIcon:H,textVariant:S="inherit",iconOnly:W=!1,radius:X="default",ripple:G=!1,disableRipple:J=!1,disableElevation:K=!1,href:u,component:Q="button",tooltip:ee,compact:te,gradient:b,gradientDirection:C=135,prefix:M,suffix:$,spotlight:j=!1,spotlightColor:re="rgba(255, 255, 255, 0.35)",spotlightSize:f=150,disabled:ne,className:ae,children:oe,id:ie,testId:se,bis:le,style:ce,onMouseMove:ue,onMouseEnter:be,onMouseLeave:de,onClick:_,...pe}=Z,fe=Se.useBearId("Button"),ge=Te.resolveBearId(ie,fe),{density:he}=P.useBearDensityOptional(),Be=te??he==="compact",O=G&&!J,x=ne||c,v=Me.useBearStyles(le,ce),q=Y??(p&&T==="left"?p:void 0),R=H??(p&&T==="right"?p:void 0),[w,E]=B.useState(null),me=r=>{if(O){const g=r.currentTarget.getBoundingClientRect(),h=Math.max(g.width,g.height)*2;E({width:h,height:h,left:r.clientX-g.left-h/2,top:r.clientY-g.top-h/2}),setTimeout(()=>E(null),600)}_==null||_(r)},i=B.useContext(P.BearContext),y=((V=(U=i==null?void 0:i.components)==null?void 0:U.Button)==null?void 0:V.root)||{},k=(i==null?void 0:i.customVariants)||{},N=!D.isBuiltInVariant(e)&&e in k,a=N?k[e]:null,{spotlightRef:_e,position:A,isHovered:xe,handlers:I}=$e.useSpotlight({enabled:j,onMouseMove:ue,onMouseEnter:be,onMouseLeave:de}),s=n.VARIANT_DEFAULTS[e]||n.VARIANT_DEFAULTS.primary,ve=B.useMemo(()=>N&&a?{backgroundColor:`var(--bear-${e}-bg, ${a.bg})`,color:a.text||"#ffffff",borderColor:a.border,"--bear-ring-color":a.ring||a.bg,...y,...v}:{backgroundColor:b?void 0:`var(--bear-btn-${e}-bg, ${s.bg})`,background:b?`linear-gradient(${C}deg, ${b[0]}, ${b[1]})`:void 0,color:e==="outline"||e==="ghost"?`var(--bear-btn-${e}-text, ${s.text||"inherit"})`:"white",borderColor:e==="outline"?`var(--bear-btn-${e}-border, ${s.border||s.bg})`:void 0,"--bear-ring-color":`var(--bear-btn-${e}-ring, ${s.ring})`,...y,...v},[e,s,y,v,N,a,b,C]),ye=r=>{_e.current=r,typeof d=="function"?d(r):d&&(d.current=r)},Ne=u?"a":Q,Ie=u?{href:x?void 0:u}:{};return t.jsxs(Ne,{ref:ye,id:ge,disabled:u?void 0:x,"aria-disabled":u&&x?!0:void 0,"aria-busy":c||void 0,style:ve,title:ee,className:l.cn("Bear-Button","bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-transition-all bear-duration-200 bear-outline-none bear-relative bear-overflow-hidden",!K&&"bear-shadow-sm",n.BUTTON_RADIUS[X],W?n.BUTTON_ICON_ONLY_SIZE[o]:Be?n.BUTTON_COMPACT_SIZE[o]:n.BUTTON_SIZE[o],D.isBuiltInVariant(e)?n.BUTTON_VARIANT[e]:"bear-btn-custom bear-text-white focus:bear-ring-2 focus:bear-ring-offset-2 disabled:bear-opacity-50 disabled:bear-cursor-not-allowed hover:bear-brightness-110 active:bear-brightness-95",F&&"bear-w-full",c&&"bear-cursor-wait",ae),"data-testid":se,onClick:me,onMouseMove:I.handleMouseMove,onMouseEnter:I.handleMouseEnter,onMouseLeave:I.handleMouseLeave,...Ie,...pe,children:[j&&t.jsx("span",{className:l.cn("Bear-Button__spotlight","bear-absolute bear-left-0 bear-top-0 bear-rounded-full bear-pointer-events-none bear-z-[1]","bear-transition-opacity bear-duration-150 bear-ease-out",xe?"bear-opacity-100":"bear-opacity-0"),"aria-hidden":"true",style:{width:f,height:f,background:`radial-gradient(circle at center, ${re} 0%, transparent 70%)`,transform:`translate(${A.x-f/2}px, ${A.y-f/2}px)`,mixBlendMode:"overlay"}}),c&&t.jsxs("span",{className:l.cn("Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",!m&&"bear-absolute"),children:[t.jsx(Ce.Spinner,{size:o==="xs"?"xs":"sm",className:"Bear-Button__spinner"}),m&&t.jsx(z.Typography,{variant:S,className:"Bear-Button__text",children:m})]}),t.jsxs("span",{className:l.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit bear-relative bear-z-10",c&&"bear-invisible"),children:[M&&t.jsx("span",{className:"Bear-Button__prefix bear-inline-flex bear-shrink-0",children:M}),q&&t.jsx("span",{className:l.cn("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[o]),children:q}),t.jsx(z.Typography,{variant:S,className:"Bear-Button__text",children:oe}),R&&t.jsx("span",{className:l.cn("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[o]),children:R}),$&&t.jsx("span",{className:"Bear-Button__suffix bear-inline-flex bear-shrink-0",children:$})]}),O&&w&&t.jsx("span",{className:"Bear-Button__ripple bear-absolute bear-rounded-full bear-pointer-events-none bear-z-[2] bear-animate-ping bear-opacity-30 bear-bg-white",style:w,"aria-hidden":"true"})]})});L.displayName="Button";exports.Button=L;

package/dist/components/Button/Button.js

@@ -1,18 +1,18 @@
 import { jsxs as N, jsx as r } from "react/jsx-runtime";
-import { forwardRef as ye, useState as Ne, useContext as Ie, useMemo as Te } from "react";
+import { forwardRef as Ie, useState as Ce, useContext as Te, useMemo as Se } from "react";
 import { cn as s } from "../../utils/cn.js";
-import { resolveBearId as Ce } from "../../utils/generateBearId.utils.js";
-import { useBearId as Se } from "../../utils/useBearId.js";
-import { Spinner as Me } from "../Spinner/Spinner.js";
-import { Typography as L } from "../Typography/Typography.js";
-import { useBearStyles as $e } from "../../hooks/useBearStyles.js";
+import { resolveBearId as Me } from "../../utils/generateBearId.utils.js";
+import { useBearId as $e } from "../../utils/useBearId.js";
+import { Spinner as we } from "../Spinner/Spinner.js";
+import { Typography as D } from "../Typography/Typography.js";
+import { useBearStyles as Oe } from "../../hooks/useBearStyles.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
-import { BearContext as we } from "../../context/BearProvider.js";
+import { useBearDensityOptional as ke, BearContext as Ee } from "../../context/BearProvider.js";
 import "../FormControl/FormControl.context.js";
-import { VARIANT_DEFAULTS as P, BUTTON_ICON_SIZE as D, BUTTON_VARIANT as Oe, BUTTON_ICON_ONLY_SIZE as ke, BUTTON_COMPACT_SIZE as Ee, BUTTON_SIZE as Re, BUTTON_RADIUS as ze } from "./Button.constants.js";
+import { VARIANT_DEFAULTS as L, BUTTON_ICON_SIZE as P, BUTTON_VARIANT as Re, BUTTON_ICON_ONLY_SIZE as ze, BUTTON_COMPACT_SIZE as Ue, BUTTON_SIZE as Ve, BUTTON_RADIUS as Ae } from "./Button.constants.js";
 import { isBuiltInVariant as Z } from "./Button.utils.js";
-import { useSpotlight as Ue } from "./useSpotlight.js";
-const Ve = ye(
+import { useSpotlight as De } from "./useSpotlight.js";
+const Le = Ie(
   (j, d) => {
     var V, A;
     const {
@@ -25,18 +25,18 @@ const Ve = ye(
       iconPosition: I = "left",
       leftIcon: F,
       rightIcon: H,
-      textVariant: T = "inherit",
+      textVariant: C = "inherit",
       iconOnly: W = !1,
       radius: X = "default",
       ripple: q = !1,
       disableRipple: G = !1,
       disableElevation: J = !1,
-      href: b,
+      href: c,
       component: K = "button",
       tooltip: Q,
-      compact: ee = !1,
-      gradient: c,
-      gradientDirection: C = 135,
+      compact: ee,
+      gradient: b,
+      gradientDirection: T = 135,
       prefix: S,
       suffix: M,
       spotlight: $ = !1,
@@ -49,12 +49,12 @@ const Ve = ye(
       testId: ie,
       bis: se,
       style: le,
-      onMouseMove: be,
-      onMouseEnter: ce,
+      onMouseMove: ce,
+      onMouseEnter: be,
       onMouseLeave: de,
       onClick: g,
       ...ue
-    } = j, pe = Se("Button"), fe = Ce(ne, pe), w = q && !G, B = re || l, v = $e(se, le), O = F ?? (u && I === "left" ? u : void 0), k = H ?? (u && I === "right" ? u : void 0), [E, R] = Ne(null), me = (t) => {
+    } = j, pe = $e("Button"), fe = Me(ne, pe), { density: me } = ke(), he = ee ?? me === "compact", w = q && !G, B = re || l, v = Oe(se, le), O = F ?? (u && I === "left" ? u : void 0), k = H ?? (u && I === "right" ? u : void 0), [E, R] = Ce(null), ge = (t) => {
       if (w) {
         const f = t.currentTarget.getBoundingClientRect(), m = Math.max(f.width, f.height) * 2;
         R({
@@ -65,12 +65,12 @@ const Ve = ye(
         }), setTimeout(() => R(null), 600);
       }
       g == null || g(t);
-    }, n = Ie(we), _ = ((A = (V = n == null ? void 0 : n.components) == null ? void 0 : V.Button) == null ? void 0 : A.root) || {}, z = (n == null ? void 0 : n.customVariants) || {}, x = !Z(e) && e in z, a = x ? z[e] : null, { spotlightRef: he, position: U, isHovered: ge, handlers: y } = Ue({
+    }, n = Te(Ee), _ = ((A = (V = n == null ? void 0 : n.components) == null ? void 0 : V.Button) == null ? void 0 : A.root) || {}, z = (n == null ? void 0 : n.customVariants) || {}, y = !Z(e) && e in z, a = y ? z[e] : null, { spotlightRef: Be, position: U, isHovered: ve, handlers: x } = De({
       enabled: $,
-      onMouseMove: be,
-      onMouseEnter: ce,
+      onMouseMove: ce,
+      onMouseEnter: be,
       onMouseLeave: de
-    }), i = P[e] || P.primary, Be = Te(() => x && a ? {
+    }), i = L[e] || L.primary, _e = Se(() => y && a ? {
       backgroundColor: `var(--bear-${e}-bg, ${a.bg})`,
       color: a.text || "#ffffff",
       borderColor: a.border,
@@ -78,43 +78,43 @@ const Ve = ye(
       ..._,
       ...v
     } : {
-      backgroundColor: c ? void 0 : `var(--bear-btn-${e}-bg, ${i.bg})`,
-      background: c ? `linear-gradient(${C}deg, ${c[0]}, ${c[1]})` : void 0,
+      backgroundColor: b ? void 0 : `var(--bear-btn-${e}-bg, ${i.bg})`,
+      background: b ? `linear-gradient(${T}deg, ${b[0]}, ${b[1]})` : void 0,
       color: e === "outline" || e === "ghost" ? `var(--bear-btn-${e}-text, ${i.text || "inherit"})` : "white",
       borderColor: e === "outline" ? `var(--bear-btn-${e}-border, ${i.border || i.bg})` : void 0,
       "--bear-ring-color": `var(--bear-btn-${e}-ring, ${i.ring})`,
       ..._,
       ...v
-    }, [e, i, _, v, x, a, c, C]), ve = (t) => {
-      he.current = t, typeof d == "function" ? d(t) : d && (d.current = t);
-    }, _e = b ? "a" : K, xe = b ? { href: B ? void 0 : b } : {};
+    }, [e, i, _, v, y, a, b, T]), ye = (t) => {
+      Be.current = t, typeof d == "function" ? d(t) : d && (d.current = t);
+    }, xe = c ? "a" : K, Ne = c ? { href: B ? void 0 : c } : {};
     return /* @__PURE__ */ N(
-      _e,
+      xe,
       {
-        ref: ve,
+        ref: ye,
         id: fe,
-        disabled: b ? void 0 : B,
-        "aria-disabled": b && B ? !0 : void 0,
+        disabled: c ? void 0 : B,
+        "aria-disabled": c && B ? !0 : void 0,
         "aria-busy": l || void 0,
-        style: Be,
+        style: _e,
         title: Q,
         className: s(
           "Bear-Button",
           "bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-transition-all bear-duration-200 bear-outline-none bear-relative bear-overflow-hidden",
           !J && "bear-shadow-sm",
-          ze[X],
-          W ? ke[o] : ee ? Ee[o] : Re[o],
-          Z(e) ? Oe[e] : "bear-btn-custom bear-text-white focus:bear-ring-2 focus:bear-ring-offset-2 disabled:bear-opacity-50 disabled:bear-cursor-not-allowed hover:bear-brightness-110 active:bear-brightness-95",
+          Ae[X],
+          W ? ze[o] : he ? Ue[o] : Ve[o],
+          Z(e) ? Re[e] : "bear-btn-custom bear-text-white focus:bear-ring-2 focus:bear-ring-offset-2 disabled:bear-opacity-50 disabled:bear-cursor-not-allowed hover:bear-brightness-110 active:bear-brightness-95",
           Y && "bear-w-full",
           l && "bear-cursor-wait",
           ae
         ),
         "data-testid": ie,
-        onClick: me,
-        onMouseMove: y.handleMouseMove,
-        onMouseEnter: y.handleMouseEnter,
-        onMouseLeave: y.handleMouseLeave,
-        ...xe,
+        onClick: ge,
+        onMouseMove: x.handleMouseMove,
+        onMouseEnter: x.handleMouseEnter,
+        onMouseLeave: x.handleMouseLeave,
+        ...Ne,
         ...ue,
         children: [
           $ && /* @__PURE__ */ r(
@@ -124,7 +124,7 @@ const Ve = ye(
                 "Bear-Button__spotlight",
                 "bear-absolute bear-left-0 bear-top-0 bear-rounded-full bear-pointer-events-none bear-z-[1]",
                 "bear-transition-opacity bear-duration-150 bear-ease-out",
-                ge ? "bear-opacity-100" : "bear-opacity-0"
+                ve ? "bear-opacity-100" : "bear-opacity-0"
               ),
               "aria-hidden": "true",
               style: {
@@ -140,8 +140,8 @@ const Ve = ye(
             "Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",
             !h && "bear-absolute"
           ), children: [
-            /* @__PURE__ */ r(Me, { size: o === "xs" ? "xs" : "sm", className: "Bear-Button__spinner" }),
-            h && /* @__PURE__ */ r(L, { variant: T, className: "Bear-Button__text", children: h })
+            /* @__PURE__ */ r(we, { size: o === "xs" ? "xs" : "sm", className: "Bear-Button__spinner" }),
+            h && /* @__PURE__ */ r(D, { variant: C, className: "Bear-Button__text", children: h })
           ] }),
           /* @__PURE__ */ N(
             "span",
@@ -152,9 +152,9 @@ const Ve = ye(
               ),
               children: [
                 S && /* @__PURE__ */ r("span", { className: "Bear-Button__prefix bear-inline-flex bear-shrink-0", children: S }),
-                O && /* @__PURE__ */ r("span", { className: s("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0", D[o]), children: O }),
-                /* @__PURE__ */ r(L, { variant: T, className: "Bear-Button__text", children: oe }),
-                k && /* @__PURE__ */ r("span", { className: s("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0", D[o]), children: k }),
+                O && /* @__PURE__ */ r("span", { className: s("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0", P[o]), children: O }),
+                /* @__PURE__ */ r(D, { variant: C, className: "Bear-Button__text", children: oe }),
+                k && /* @__PURE__ */ r("span", { className: s("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0", P[o]), children: k }),
                 M && /* @__PURE__ */ r("span", { className: "Bear-Button__suffix bear-inline-flex bear-shrink-0", children: M })
               ]
             }
@@ -172,7 +172,7 @@ const Ve = ye(
     );
   }
 );
-Ve.displayName = "Button";
+Le.displayName = "Button";
 export {
-  Ve as Button
+  Le as Button
 };

package/dist/components/Chip/Chip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn.cjs");require("react");const h=({children:l,variant:i="filled",color:c="default",size:b="md",icon:t,avatar:o,onDelete:n,onClick:a,disabled:r=!1,className:d})=>{const p={filled:{default:"bear-bg-zinc-600 bear-text-white",primary:"bear-bg-primary-500 bear-text-white",secondary:"bear-bg-purple-500 bear-text-white",success:"bear-bg-green-500 bear-text-white",warning:"bear-bg-yellow-500 bear-text-black",error:"bear-bg-red-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white"},outlined:{default:"bear-border bear-border-zinc-500 bear-text-zinc-300",primary:"bear-border bear-border-primary-500 bear-text-primary-400",secondary:"bear-border bear-border-purple-500 bear-text-purple-400",success:"bear-border bear-border-green-500 bear-text-green-400",warning:"bear-border bear-border-yellow-500 bear-text-yellow-400",error:"bear-border bear-border-red-500 bear-text-red-400",info:"bear-border bear-border-blue-500 bear-text-blue-400"},soft:{default:"bear-bg-zinc-500/20 bear-text-zinc-300",primary:"bear-bg-primary-500/20 bear-text-primary-400",secondary:"bear-bg-purple-500/20 bear-text-purple-400",success:"bear-bg-green-500/20 bear-text-green-400",warning:"bear-bg-yellow-500/20 bear-text-yellow-400",error:"bear-bg-red-500/20 bear-text-red-400",info:"bear-bg-blue-500/20 bear-text-blue-400"}},u={sm:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",md:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",lg:"bear-h-10 bear-text-base bear-px-4 bear-gap-2"},x={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"},g=a?"button":"span";return e.jsxs(g,{onClick:a,disabled:r,className:s.cn("bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",u[b],p[i][c],a&&!r&&"bear-cursor-pointer hover:bear-opacity-80",r&&"bear-opacity-50 bear-cursor-not-allowed",d),children:[o&&e.jsx("span",{className:"bear--ml-1",children:o}),t&&e.jsx("span",{children:t}),e.jsx("span",{children:l}),n&&e.jsx("button",{onClick:m=>{m.stopPropagation(),n()},disabled:r,className:s.cn("bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/20 bear-transition-colors",r&&"bear-cursor-not-allowed"),children:e.jsx("svg",{className:x[b],fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})};exports.Chip=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./Chip.const.cjs"),l=require("../../utils/cn.cjs");require("react");const P=require("../../utils/generateBearId.utils.cjs"),A=require("../../utils/useBearId.cjs"),v=require("../../context/BearProvider.cjs"),E=c=>{const{children:_,variant:d="filled",color:C="default",size:s="md",icon:t,avatar:o,onDelete:i,onClick:n,disabled:a=!1,className:u,id:b,testId:S}=c,I=A.useBearId("Chip"),p=P.resolveBearId(b,I),{density:m}=v.useBearDensityOptional(),O=m==="compact"?e.CHIP_SIZE_COMPACT_CLASSES:e.CHIP_SIZE_CLASSES,h=n?"button":"span";return r.jsxs(h,{id:p,"data-testid":S,onClick:n,disabled:a,className:l.cn(e.C_H_I_P_ROOT_CLASS,"bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",O[s],o&&e.CHIP_AVATAR_SIZE_CLASSES[s],e.CHIP_COLOR_CLASSES[d][C],n&&!a&&"bear-cursor-pointer hover:bear-opacity-80",a&&"bear-opacity-50 bear-cursor-not-allowed",u),children:[o&&r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__avatar bear--ml-1`,children:o}),t&&r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__icon`,children:t}),r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__label`,children:_}),i&&r.jsx("button",{type:"button",onClick:L=>{L.stopPropagation(),i()},disabled:a,className:l.cn(`${e.C_H_I_P_ROOT_CLASS}__delete`,"bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/10 dark:hover:bear-bg-black/20 bear-transition-colors",a&&"bear-cursor-not-allowed"),"aria-label":"Remove",children:r.jsx("svg",{className:e.CHIP_DELETE_ICON_SIZES[s],fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})};exports.Chip=E;

package/dist/components/Chip/Chip.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Chip",r={filled:{default:"bear-bg-gray-600 bear-text-white dark:bear-bg-zinc-600",primary:"bear-bg-primary-500 bear-text-white",secondary:"bear-bg-purple-500 bear-text-white",success:"bear-bg-green-500 bear-text-white",warning:"bear-bg-yellow-500 bear-text-black",error:"bear-bg-red-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white"},outlined:{default:"bear-border bear-border-gray-400 bear-text-gray-700 dark:bear-border-zinc-500 dark:bear-text-zinc-300",primary:"bear-border bear-border-primary-500 bear-text-primary-600 dark:bear-text-primary-400",secondary:"bear-border bear-border-purple-500 bear-text-purple-600 dark:bear-text-purple-400",success:"bear-border bear-border-green-500 bear-text-green-700 dark:bear-text-green-400",warning:"bear-border bear-border-yellow-500 bear-text-yellow-700 dark:bear-text-yellow-400",error:"bear-border bear-border-red-500 bear-text-red-600 dark:bear-text-red-400",info:"bear-border bear-border-blue-500 bear-text-blue-600 dark:bear-text-blue-400"},soft:{default:"bear-bg-gray-500/15 bear-text-gray-700 dark:bear-bg-zinc-500/20 dark:bear-text-zinc-300",primary:"bear-bg-primary-500/15 bear-text-primary-700 dark:bear-bg-primary-500/20 dark:bear-text-primary-400",secondary:"bear-bg-purple-500/15 bear-text-purple-700 dark:bear-bg-purple-500/20 dark:bear-text-purple-400",success:"bear-bg-green-500/15 bear-text-green-700 dark:bear-bg-green-500/20 dark:bear-text-green-400",warning:"bear-bg-yellow-500/15 bear-text-yellow-800 dark:bear-bg-yellow-500/20 dark:bear-text-yellow-400",error:"bear-bg-red-500/15 bear-text-red-700 dark:bear-bg-red-500/20 dark:bear-text-red-400",info:"bear-bg-blue-500/15 bear-text-blue-700 dark:bear-bg-blue-500/20 dark:bear-text-blue-400"}},a={sm:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",md:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",lg:"bear-h-10 bear-text-base bear-px-4 bear-gap-2"},b={sm:"bear-h-5 bear-text-xs bear-px-1.5 bear-gap-0.5",md:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",lg:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5"},t={sm:"[&_.Bear-Avatar]:bear-w-4 [&_.Bear-Avatar]:bear-h-4",md:"[&_.Bear-Avatar]:bear-w-5 [&_.Bear-Avatar]:bear-h-5",lg:"[&_.Bear-Avatar]:bear-w-6 [&_.Bear-Avatar]:bear-h-6"},d={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"};exports.CHIP_AVATAR_SIZE_CLASSES=t;exports.CHIP_COLOR_CLASSES=r;exports.CHIP_DELETE_ICON_SIZES=d;exports.CHIP_SIZE_CLASSES=a;exports.CHIP_SIZE_COMPACT_CLASSES=b;exports.C_H_I_P_ROOT_CLASS=e;