@forgedevstack/bear 1.2.3 → 1.2.5

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { useState as f, useEffect as z, useMemo as $ } from "react";
-import { useBearThemeOptional as K } from "../../context/BearProvider.js";
-import { resolveMaxVisible as q } from "../../utils/maxVisible.utils.js";
+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 G, BREADCRUMBS_ICON_SIZE as R } from "./Breadcrumbs.const.js";
-const te = (_) => {
+import { BREADCRUMBS_DEFAULTS as p, BREADCRUMBS_SIZE as q, BREADCRUMBS_ICON_SIZE as R } from "./Breadcrumbs.const.js";
+const ne = (_) => {
   const {
     items: a,
     separator: M,
@@ -17,26 +17,25 @@ const te = (_) => {
     size: x = p.SIZE,
     showHomeIcon: D = p.SHOW_HOME_ICON,
     testId: L,
-    id: P,
-    "aria-label": H = "Breadcrumb"
-  } = _, w = K(), [i, I] = f(null), [T, y] = f({}), [E, U] = f(() => typeof window < "u" ? window.innerWidth : 1200);
+    "aria-label": P = "Breadcrumb"
+  } = _, w = $(), [i, I] = f(null), [H, y] = f({}), [E, T] = f(() => typeof window < "u" ? window.innerWidth : 1200);
   z(() => {
-    const e = () => U(window.innerWidth);
+    const e = () => T(window.innerWidth);
     return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []), z(() => {
     I(null), y({});
   }, [a]);
-  const C = $(
-    () => h == null ? void 0 : q(h, { width: E, theme: w }),
+  const C = V(
+    () => h == null ? void 0 : K(h, { width: E, theme: w }),
     [h, E, w]
-  ), j = () => M || /* @__PURE__ */ r(d.ChevronRightIcon, { className: B(R[x], "bear-text-zinc-500 bear-mx-2") }), g = (e, l, t) => {
+  ), 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] }),
       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 = T[l], v = e.dropdownItems.find((s) => s.key === c);
+      const c = H[l], v = e.dropdownItems.find((s) => s.key === c);
       return /* @__PURE__ */ r(
         O,
         {
@@ -62,16 +61,16 @@ const te = (_) => {
             selected: c === s.key,
             onClick: () => {
               var S;
-              y((V) => ({ ...V, [l]: s.key })), (S = s.onClick) == null || S.call(s);
+              y((Z) => ({ ...Z, [l]: s.key })), (S = s.onClick) == null || S.call(s);
             }
           }))
         }
       );
     }
     return o;
-  }, F = C != null && a.length > C, k = u, W = a.length - b;
+  }, 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 (F) {
+  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 })),
@@ -83,16 +82,15 @@ const te = (_) => {
       }))
     ];
   }
-  const Z = i != null && i >= k && i < W;
+  const W = i != null && i >= k && i < F;
   return /* @__PURE__ */ r(
     "nav",
     {
-      id: P,
       "data-testid": L,
-      className: B("bear-flex bear-min-w-0 bear-items-center bear-flex-wrap", G[x], A),
-      "aria-label": H,
+      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: j() }),
+        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: [
           /* @__PURE__ */ r(
             O,
@@ -121,7 +119,7 @@ const te = (_) => {
               })
             }
           ),
-          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: g(
+          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(
             a[i],
             i,
             i === a.length - 1
@@ -132,5 +130,5 @@ const te = (_) => {
   );
 };
 export {
-  te as Breadcrumbs
+  ne 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"),i=require("react"),c=require("../../utils/cn.cjs"),pe=require("../Spinner/Spinner.cjs"),z=require("../Typography/Typography.cjs"),fe=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const ge=require("../../context/BearProvider.cjs"),n=require("./Button.constants.cjs"),L=require("./Button.utils.cjs"),he=require("./useSpotlight.cjs"),P=i.forwardRef((D,u)=>{var U,V;const{variant:e="primary",size:o="md",loading:b=!1,loadingText:_,fullWidth:Z=!1,icon:p,iconPosition:T="left",leftIcon:F,rightIcon:Y,textVariant:S="inherit",iconOnly:H=!1,radius:W="default",ripple:m=!1,tooltip:X,compact:G=!1,gradient:d,gradientDirection:C=135,prefix:I,suffix:M,spotlight:$=!1,spotlightColor:J="rgba(255, 255, 255, 0.35)",spotlightSize:f=150,disabled:K,className:Q,children:ee,testId:te,bis:re,style:ne,onMouseMove:ae,onMouseEnter:ie,onMouseLeave:oe,onClick:g,...se}=D,le=K||b,x=fe.useBearStyles(re,ne),j=F??(p&&T==="left"?p:void 0),O=Y??(p&&T==="right"?p:void 0),[k,R]=i.useState(null),q=i.useCallback(r=>{if(!m)return;const h=r.currentTarget.getBoundingClientRect(),B=Math.max(h.width,h.height)*2;R({width:B,height:B,left:r.clientX-h.left-B/2,top:r.clientY-h.top-B/2}),setTimeout(()=>R(null),600)},[m]),ce=i.useCallback(r=>{q(r),g==null||g(r)},[q,g]),s=i.useContext(ge.BearContext),y=((V=(U=s==null?void 0:s.components)==null?void 0:U.Button)==null?void 0:V.root)||{},w=(s==null?void 0:s.customVariants)||{},v=!L.isBuiltInVariant(e)&&e in w,a=v?w[e]:null,{spotlightRef:A,position:E,isHovered:ue,handlers:N}=he.useSpotlight({enabled:$,onMouseMove:ae,onMouseEnter:ie,onMouseLeave:oe}),l=n.VARIANT_DEFAULTS[e]||n.VARIANT_DEFAULTS.primary,be=i.useMemo(()=>v&&a?{backgroundColor:`var(--bear-${e}-bg, ${a.bg})`,color:a.text||"#ffffff",borderColor:a.border,"--bear-ring-color":a.ring||a.bg,...y,...x}:{backgroundColor:d?void 0:`var(--bear-btn-${e}-bg, ${l.bg})`,background:d?`linear-gradient(${C}deg, ${d[0]}, ${d[1]})`:void 0,color:e==="outline"||e==="ghost"?`var(--bear-btn-${e}-text, ${l.text||"inherit"})`:"white",borderColor:e==="outline"?`var(--bear-btn-${e}-border, ${l.border||l.bg})`:void 0,"--bear-ring-color":`var(--bear-btn-${e}-ring, ${l.ring})`,...y,...x},[e,l,y,x,v,a,d,C]),de=i.useCallback(r=>{A.current=r,typeof u=="function"?u(r):u&&(u.current=r)},[u,A]);return t.jsxs("button",{ref:de,disabled:le,"aria-busy":b||void 0,style:be,title:X,className:c.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",n.BUTTON_RADIUS[W],H?n.BUTTON_ICON_ONLY_SIZE[o]:G?n.BUTTON_COMPACT_SIZE[o]:n.BUTTON_SIZE[o],L.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",b&&"bear-cursor-wait",Q),"data-testid":te,onClick:ce,onMouseMove:N.handleMouseMove,onMouseEnter:N.handleMouseEnter,onMouseLeave:N.handleMouseLeave,...se,children:[$&&t.jsx("span",{className:c.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",ue?"bear-opacity-100":"bear-opacity-0"),"aria-hidden":"true",style:{width:f,height:f,background:`radial-gradient(circle at center, ${J} 0%, transparent 70%)`,transform:`translate(${E.x-f/2}px, ${E.y-f/2}px)`,mixBlendMode:"overlay"}}),b&&t.jsxs("span",{className:c.cn("Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",!_&&"bear-absolute"),children:[t.jsx(pe.Spinner,{size:o==="xs"?"xs":"sm",className:"Bear-Button__spinner"}),_&&t.jsx(z.Typography,{variant:S,className:"Bear-Button__text",children:_})]}),t.jsxs("span",{className:c.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit bear-relative bear-z-10",b&&"bear-invisible"),children:[I&&t.jsx("span",{className:"Bear-Button__prefix bear-inline-flex bear-shrink-0",children:I}),j&&t.jsx("span",{className:c.cn("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[o]),children:j}),t.jsx(z.Typography,{variant:S,className:"Bear-Button__text",children:ee}),O&&t.jsx("span",{className:c.cn("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[o]),children:O}),M&&t.jsx("span",{className:"Bear-Button__suffix bear-inline-flex bear-shrink-0",children:M})]}),m&&k&&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:k,"aria-hidden":"true"})]})});P.displayName="Button";exports.Button=P;
+"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;

package/dist/components/Button/Button.js

@@ -1,109 +1,121 @@
-import { jsxs as y, jsx as r } from "react/jsx-runtime";
-import { forwardRef as fe, useState as me, useCallback as N, useContext as he, useMemo as ge } from "react";
+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 { cn as s } from "../../utils/cn.js";
-import { Spinner as Be } from "../Spinner/Spinner.js";
-import { Typography as D } from "../Typography/Typography.js";
-import { useBearStyles as _e } from "../../hooks/useBearStyles.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 "../../hooks/useBearComponent/useBearComponent.js";
-import { BearContext as ve } from "../../context/BearProvider.js";
-import { VARIANT_DEFAULTS as P, BUTTON_ICON_SIZE as Z, BUTTON_VARIANT as xe, BUTTON_ICON_ONLY_SIZE as ye, BUTTON_COMPACT_SIZE as Ne, BUTTON_SIZE as Te, BUTTON_RADIUS as Ce } from "./Button.constants.js";
-import { isBuiltInVariant as j } from "./Button.utils.js";
-import { useSpotlight as Ie } from "./useSpotlight.js";
-const Me = fe(
-  (Y, l) => {
-    var A, L;
+import { BearContext as we } 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 { isBuiltInVariant as Z } from "./Button.utils.js";
+import { useSpotlight as Ue } from "./useSpotlight.js";
+const Ve = ye(
+  (j, d) => {
+    var V, A;
     const {
       variant: e = "primary",
-      size: n = "md",
-      loading: b = !1,
+      size: o = "md",
+      loading: l = !1,
       loadingText: h,
-      fullWidth: F = !1,
+      fullWidth: Y = !1,
       icon: u,
-      iconPosition: T = "left",
-      leftIcon: H,
-      rightIcon: W,
-      textVariant: C = "inherit",
-      iconOnly: X = !1,
-      radius: q = "default",
-      ripple: g = !1,
-      tooltip: G,
-      compact: J = !1,
+      iconPosition: I = "left",
+      leftIcon: F,
+      rightIcon: H,
+      textVariant: T = "inherit",
+      iconOnly: W = !1,
+      radius: X = "default",
+      ripple: q = !1,
+      disableRipple: G = !1,
+      disableElevation: J = !1,
+      href: b,
+      component: K = "button",
+      tooltip: Q,
+      compact: ee = !1,
       gradient: c,
-      gradientDirection: I = 135,
-      prefix: M,
-      suffix: S,
+      gradientDirection: C = 135,
+      prefix: S,
+      suffix: M,
       spotlight: $ = !1,
-      spotlightColor: K = "rgba(255, 255, 255, 0.35)",
-      spotlightSize: d = 150,
-      disabled: Q,
-      className: ee,
-      children: te,
-      testId: re,
-      bis: ae,
-      style: ne,
-      onMouseMove: oe,
-      onMouseEnter: ie,
-      onMouseLeave: se,
-      onClick: p,
-      ...le
-    } = Y, be = Q || b, B = _e(ae, ne), w = H ?? (u && T === "left" ? u : void 0), O = W ?? (u && T === "right" ? u : void 0), [k, R] = me(null), z = N((t) => {
-      if (!g) return;
-      const f = t.currentTarget.getBoundingClientRect(), m = Math.max(f.width, f.height) * 2;
-      R({
-        width: m,
-        height: m,
-        left: t.clientX - f.left - m / 2,
-        top: t.clientY - f.top - m / 2
-      }), setTimeout(() => R(null), 600);
-    }, [g]), ce = N((t) => {
-      z(t), p == null || p(t);
-    }, [z, p]), o = he(ve), _ = ((L = (A = o == null ? void 0 : o.components) == null ? void 0 : A.Button) == null ? void 0 : L.root) || {}, E = (o == null ? void 0 : o.customVariants) || {}, v = !j(e) && e in E, a = v ? E[e] : null, { spotlightRef: U, position: V, isHovered: ue, handlers: x } = Ie({
+      spotlightColor: te = "rgba(255, 255, 255, 0.35)",
+      spotlightSize: p = 150,
+      disabled: re,
+      className: ae,
+      children: oe,
+      id: ne,
+      testId: ie,
+      bis: se,
+      style: le,
+      onMouseMove: be,
+      onMouseEnter: ce,
+      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) => {
+      if (w) {
+        const f = t.currentTarget.getBoundingClientRect(), m = Math.max(f.width, f.height) * 2;
+        R({
+          width: m,
+          height: m,
+          left: t.clientX - f.left - m / 2,
+          top: t.clientY - f.top - m / 2
+        }), 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({
       enabled: $,
-      onMouseMove: oe,
-      onMouseEnter: ie,
-      onMouseLeave: se
-    }), i = P[e] || P.primary, de = ge(() => v && a ? {
+      onMouseMove: be,
+      onMouseEnter: ce,
+      onMouseLeave: de
+    }), i = P[e] || P.primary, Be = Te(() => x && a ? {
       backgroundColor: `var(--bear-${e}-bg, ${a.bg})`,
       color: a.text || "#ffffff",
       borderColor: a.border,
       "--bear-ring-color": a.ring || a.bg,
       ..._,
-      ...B
+      ...v
     } : {
       backgroundColor: c ? void 0 : `var(--bear-btn-${e}-bg, ${i.bg})`,
-      background: c ? `linear-gradient(${I}deg, ${c[0]}, ${c[1]})` : void 0,
+      background: c ? `linear-gradient(${C}deg, ${c[0]}, ${c[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})`,
       ..._,
-      ...B
-    }, [e, i, _, B, v, a, c, I]), pe = N((t) => {
-      U.current = t, typeof l == "function" ? l(t) : l && (l.current = t);
-    }, [l, U]);
-    return /* @__PURE__ */ y(
-      "button",
+      ...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 } : {};
+    return /* @__PURE__ */ N(
+      _e,
       {
-        ref: pe,
-        disabled: be,
-        "aria-busy": b || void 0,
-        style: de,
-        title: G,
+        ref: ve,
+        id: fe,
+        disabled: b ? void 0 : B,
+        "aria-disabled": b && B ? !0 : void 0,
+        "aria-busy": l || void 0,
+        style: Be,
+        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",
-          Ce[q],
-          X ? ye[n] : J ? Ne[n] : Te[n],
-          j(e) ? xe[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",
-          b && "bear-cursor-wait",
-          ee
+          !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",
+          Y && "bear-w-full",
+          l && "bear-cursor-wait",
+          ae
         ),
-        "data-testid": re,
-        onClick: ce,
-        onMouseMove: x.handleMouseMove,
-        onMouseEnter: x.handleMouseEnter,
-        onMouseLeave: x.handleMouseLeave,
-        ...le,
+        "data-testid": ie,
+        onClick: me,
+        onMouseMove: y.handleMouseMove,
+        onMouseEnter: y.handleMouseEnter,
+        onMouseLeave: y.handleMouseLeave,
+        ...xe,
+        ...ue,
         children: [
           $ && /* @__PURE__ */ r(
             "span",
@@ -112,46 +124,46 @@ const Me = fe(
                 "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",
-                ue ? "bear-opacity-100" : "bear-opacity-0"
+                ge ? "bear-opacity-100" : "bear-opacity-0"
               ),
               "aria-hidden": "true",
               style: {
-                width: d,
-                height: d,
-                background: `radial-gradient(circle at center, ${K} 0%, transparent 70%)`,
-                transform: `translate(${V.x - d / 2}px, ${V.y - d / 2}px)`,
+                width: p,
+                height: p,
+                background: `radial-gradient(circle at center, ${te} 0%, transparent 70%)`,
+                transform: `translate(${U.x - p / 2}px, ${U.y - p / 2}px)`,
                 mixBlendMode: "overlay"
               }
             }
           ),
-          b && /* @__PURE__ */ y("span", { className: s(
+          l && /* @__PURE__ */ N("span", { className: s(
             "Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",
             !h && "bear-absolute"
           ), children: [
-            /* @__PURE__ */ r(Be, { size: n === "xs" ? "xs" : "sm", className: "Bear-Button__spinner" }),
-            h && /* @__PURE__ */ r(D, { variant: C, className: "Bear-Button__text", children: h })
+            /* @__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__ */ y(
+          /* @__PURE__ */ N(
             "span",
             {
               className: s(
                 "Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit bear-relative bear-z-10",
-                b && "bear-invisible"
+                l && "bear-invisible"
               ),
               children: [
-                M && /* @__PURE__ */ r("span", { className: "Bear-Button__prefix bear-inline-flex bear-shrink-0", children: M }),
-                w && /* @__PURE__ */ r("span", { className: s("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0", Z[n]), children: w }),
-                /* @__PURE__ */ r(D, { variant: C, className: "Bear-Button__text", children: te }),
-                O && /* @__PURE__ */ r("span", { className: s("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0", Z[n]), children: O }),
-                S && /* @__PURE__ */ r("span", { className: "Bear-Button__suffix bear-inline-flex bear-shrink-0", children: S })
+                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 }),
+                M && /* @__PURE__ */ r("span", { className: "Bear-Button__suffix bear-inline-flex bear-shrink-0", children: M })
               ]
             }
           ),
-          g && k && /* @__PURE__ */ r(
+          w && E && /* @__PURE__ */ r(
             "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: k,
+              style: E,
               "aria-hidden": "true"
             }
           )
@@ -160,7 +172,7 @@ const Me = fe(
     );
   }
 );
-Me.displayName = "Button";
+Ve.displayName = "Button";
 export {
-  Me as Button
+  Ve as Button
 };

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

@@ -51,7 +51,10 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     radius?: ButtonRadius;
     /** Enable material-design-style ripple effect on click */
     ripple?: boolean;
-    /** Shorthand tooltip — renders a native title attribute and Bear Tooltip wrapper */
+    disableRipple?: boolean;
+    disableElevation?: boolean;
+    href?: string;
+    component?: React.ElementType;
     tooltip?: string;
     /** Compact mode — reduces padding for dense layouts */
     compact?: boolean;
@@ -65,6 +68,7 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     suffix?: ReactNode;
     /** Test ID for testing */
     testId?: string;
+    id?: string;
     /** Bear Inner Style - sx-like overrides */
     bis?: BisProp;
     /** Inline styles */

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

@@ -0,0 +1 @@
+export declare const B_U_T_T_O_N_G_R_O_U_P_ROOT_CLASS = "Bear-ButtonGroup";

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { BearSize, BearVariant } from '../../types';
 export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     /** Button elements */
     children: ReactNode;
     /** Size applied to all buttons */

package/dist/components/Calendar/Calendar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),D=require("../../utils/cn.cjs"),he=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../../context/BearProvider.cjs");const v=require("../Icon/index.cjs"),s=require("./Calendar.const.cjs"),l=require("./Calendar.utils.cjs"),xe=require("./Calendar.helpers.cjs"),ye=G=>{const{viewDate:w,value:E=null,onSelect:C,onViewChange:n,minDate:N,maxDate:_,disabledDates:M=[],highlightedDates:R=[],weekdayLabels:S=s.DEFAULT_WEEKDAYS,firstDayOfWeek:y=s.NUMBER.ZERO,showWeekNumbers:me=!1,slots:r={},clearable:K=!0,onClear:u,showTodayButton:Z=!0,onToday:h,bis:X,style:J,inline:O=!1,className:Q}=G,b=w.getFullYear(),P=he.useBearStyles(X,J),d=w.getMonth(),$=i.useMemo(()=>new Date,[]),g=i.useCallback(()=>{n==null||n(new Date(b-s.NUMBER.ONE,d,s.NUMBER.ONE))},[b,d,n]),L=i.useCallback(()=>{n==null||n(new Date(b,d-s.NUMBER.ONE,s.NUMBER.ONE))},[b,d,n]),W=i.useCallback(()=>{n==null||n(new Date(b,d+s.NUMBER.ONE,s.NUMBER.ONE))},[b,d,n]),z=i.useCallback(()=>{n==null||n(new Date(b+s.NUMBER.ONE,d,s.NUMBER.ONE))},[b,d,n]),p=L,B=W,V={onPrevYear:g,onPrevMonth:L,onNextMonth:W,onNextYear:z},ee=i.useCallback(t=>N&&t<N||_&&t>_?!0:M.some(a=>l.isSameDay(a,t)),[N,_,M]),re=i.useCallback(t=>R.some(a=>l.isSameDay(a,t)),[R]),ae=i.useMemo(()=>l.buildCalendarGrid(b,d,y),[b,d,y]),q=i.useMemo(()=>l.reorderWeekdays(S,y),[S,y]),T=s.MONTHS[d],f=E!=null,te=O?"Bear-Calendar Bear-Calendar--inline bear-block bear-w-full bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-none bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-text-zinc-900 dark:bear-text-zinc-100":"Bear-Calendar Bear-Calendar--dropdown bear-mt-2 bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-w-80 bear-text-zinc-900 dark:bear-text-zinc-100",U=O?void 0:{zIndex:s.CALENDAR_DROPDOWN_Z_INDEX},ne=()=>{if(r.header)return r.header({month:T,year:b,onPrev:p,onNext:B,nav:V});const t=r.navPrevYear,a=r.navPrev,o=r.navNext,c=r.navNextYear,m=r.headerLabel||xe.DefaultHeaderLabel;return e.jsxs("div",{className:"Bear-Calendar__header bear-flex bear-items-center bear-justify-between bear-gap-1 bear-mb-4",children:[e.jsxs("div",{className:"Bear-Calendar__nav-left bear-flex bear-items-center bear-gap-0.5",children:[t?t({onClick:g}):e.jsx("button",{type:"button",onClick:g,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous year",children:e.jsx(v.ChevronsLeftIcon,{size:16})}),a?a({onClick:p}):e.jsx("button",{type:"button",onClick:p,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous month",children:e.jsx(v.ChevronLeftIcon,{size:16})})]}),m({month:T,year:b}),e.jsxs("div",{className:"Bear-Calendar__nav-right bear-flex bear-items-center bear-gap-0.5",children:[o?o({onClick:B}):e.jsx("button",{type:"button",onClick:B,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next month",children:e.jsx(v.ChevronRightIcon,{size:16})}),c?c({onClick:z}):e.jsx("button",{type:"button",onClick:z,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next year",children:e.jsx(v.ChevronsRightIcon,{size:16})})]})]})},oe=()=>{if(r.weekdays)return r.weekdays({days:q});const t=r.weekday;return e.jsx("div",{className:"Bear-Calendar__weekdays bear-grid bear-grid-cols-7 bear-gap-1 bear-mb-2",children:q.map(a=>t?e.jsx("div",{children:t({label:a})},a):e.jsx("div",{className:D.cn("Bear-Calendar__weekday bear-text-center bear-text-xs bear-font-medium bear-uppercase bear-text-zinc-500 dark:bear-text-zinc-400",s.WEEKEND_LABELS.includes(a)&&"bear-text-red-500"),children:a},a))})},se=(t,a)=>{const{date:o,isCurrentMonth:c}=t,m=o.getDate(),ce=o.getDay(),le=l.isWeekendDay(ce),x=l.isSameDay(E,o),j=l.isSameDay($,o),k=ee(o),H=re(o),F=()=>{k||C==null||C(o)},ue={date:o,day:m,isCurrentMonth:c,isSelected:x,isToday:j,isDisabled:k,isHighlighted:H,onClick:F};return r.day?e.jsx("span",{children:r.day(ue)},a):e.jsx("button",{type:"button",onClick:F,disabled:k,className:D.cn("Bear-Calendar__day bear-w-8 bear-h-8 bear-rounded-full bear-text-sm bear-font-medium bear-transition-colors bear-flex bear-items-center bear-justify-center",x&&"Bear-Calendar__day--selected bear-bg-primary-500 bear-text-white hover:bear-bg-primary-600",!x&&j&&"Bear-Calendar__day--today bear-ring-2 bear-ring-primary-500/50 bear-bg-transparent",!x&&!j&&(c?le?"Bear-Calendar__day--weekend bear-text-red-500 dark:bear-text-red-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"bear-text-zinc-700 dark:bear-text-zinc-300 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"Bear-Calendar__day--other bear-text-zinc-500 dark:bear-text-zinc-600 hover:bear-bg-zinc-50 dark:hover:bear-bg-zinc-800/50"),H&&!x&&"Bear-Calendar__day--highlighted bear-bg-primary-500/15",k&&"Bear-Calendar__day--disabled bear-opacity-40 bear-cursor-not-allowed"),children:m},a)},be=()=>{const t=ae.map((a,o)=>se(a,o));return r.daysGrid?r.daysGrid({children:t,className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1"}):e.jsx("div",{className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1",children:t})},de=()=>{const t=K&&f&&u,a=Z&&h;if(!t&&!a)return null;if(r.footer){const o=r.clearButton,c=r.todayButton;return r.footer({children:e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&o?o({onClick:u,hasSelection:f}):t?e.jsx("button",{type:"button",onClick:u,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a&&c?c({onClick:h}):a?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-600 dark:bear-text-primary-400 hover:bear-text-primary-700 dark:hover:bear-text-primary-300 bear-font-medium",children:"Today"}):null]})})}return r.clearButton&&r.todayButton?e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&r.clearButton({onClick:u,hasSelection:f}),a&&r.todayButton({onClick:h})]}):e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t?e.jsx("button",{type:"button",onClick:u,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-400 hover:bear-text-primary-300 bear-font-medium bear-transition-colors",children:"Today"}):null]})},Y=e.jsxs(e.Fragment,{children:[ne(),oe(),be(),de()]}),I=D.cn(te,Q),A=Object.keys(P).length?P:void 0,ie=U?{...A,...U}:A;return r.root?r.root({children:Y,className:I}):e.jsx("div",{className:I,style:ie,children:Y})};exports.Calendar=ye;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),D=require("../../utils/cn.cjs"),he=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../../context/BearProvider.cjs");require("../FormControl/FormControl.context.cjs");const v=require("../Icon/index.cjs"),s=require("./Calendar.const.cjs"),l=require("./Calendar.utils.cjs"),xe=require("./Calendar.helpers.cjs"),ye=G=>{const{viewDate:w,value:E=null,onSelect:C,onViewChange:n,minDate:N,maxDate:_,disabledDates:M=[],highlightedDates:R=[],weekdayLabels:S=s.DEFAULT_WEEKDAYS,firstDayOfWeek:y=s.NUMBER.ZERO,showWeekNumbers:me=!1,slots:r={},clearable:K=!0,onClear:u,showTodayButton:Z=!0,onToday:h,bis:X,style:J,inline:O=!1,className:Q}=G,b=w.getFullYear(),P=he.useBearStyles(X,J),d=w.getMonth(),$=i.useMemo(()=>new Date,[]),g=i.useCallback(()=>{n==null||n(new Date(b-s.NUMBER.ONE,d,s.NUMBER.ONE))},[b,d,n]),q=i.useCallback(()=>{n==null||n(new Date(b,d-s.NUMBER.ONE,s.NUMBER.ONE))},[b,d,n]),L=i.useCallback(()=>{n==null||n(new Date(b,d+s.NUMBER.ONE,s.NUMBER.ONE))},[b,d,n]),z=i.useCallback(()=>{n==null||n(new Date(b+s.NUMBER.ONE,d,s.NUMBER.ONE))},[b,d,n]),p=q,B=L,V={onPrevYear:g,onPrevMonth:q,onNextMonth:L,onNextYear:z},ee=i.useCallback(t=>N&&t<N||_&&t>_?!0:M.some(a=>l.isSameDay(a,t)),[N,_,M]),re=i.useCallback(t=>R.some(a=>l.isSameDay(a,t)),[R]),ae=i.useMemo(()=>l.buildCalendarGrid(b,d,y),[b,d,y]),W=i.useMemo(()=>l.reorderWeekdays(S,y),[S,y]),T=s.MONTHS[d],f=E!=null,te=O?"Bear-Calendar Bear-Calendar--inline bear-block bear-w-full bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-none bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-text-zinc-900 dark:bear-text-zinc-100":"Bear-Calendar Bear-Calendar--dropdown bear-mt-2 bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-w-80 bear-text-zinc-900 dark:bear-text-zinc-100",U=O?void 0:{zIndex:s.CALENDAR_DROPDOWN_Z_INDEX},ne=()=>{if(r.header)return r.header({month:T,year:b,onPrev:p,onNext:B,nav:V});const t=r.navPrevYear,a=r.navPrev,o=r.navNext,c=r.navNextYear,m=r.headerLabel||xe.DefaultHeaderLabel;return e.jsxs("div",{className:"Bear-Calendar__header bear-flex bear-items-center bear-justify-between bear-gap-1 bear-mb-4",children:[e.jsxs("div",{className:"Bear-Calendar__nav-left bear-flex bear-items-center bear-gap-0.5",children:[t?t({onClick:g}):e.jsx("button",{type:"button",onClick:g,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous year",children:e.jsx(v.ChevronsLeftIcon,{size:16})}),a?a({onClick:p}):e.jsx("button",{type:"button",onClick:p,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous month",children:e.jsx(v.ChevronLeftIcon,{size:16})})]}),m({month:T,year:b}),e.jsxs("div",{className:"Bear-Calendar__nav-right bear-flex bear-items-center bear-gap-0.5",children:[o?o({onClick:B}):e.jsx("button",{type:"button",onClick:B,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next month",children:e.jsx(v.ChevronRightIcon,{size:16})}),c?c({onClick:z}):e.jsx("button",{type:"button",onClick:z,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next year",children:e.jsx(v.ChevronsRightIcon,{size:16})})]})]})},oe=()=>{if(r.weekdays)return r.weekdays({days:W});const t=r.weekday;return e.jsx("div",{className:"Bear-Calendar__weekdays bear-grid bear-grid-cols-7 bear-gap-1 bear-mb-2",children:W.map(a=>t?e.jsx("div",{children:t({label:a})},a):e.jsx("div",{className:D.cn("Bear-Calendar__weekday bear-text-center bear-text-xs bear-font-medium bear-uppercase bear-text-zinc-500 dark:bear-text-zinc-400",s.WEEKEND_LABELS.includes(a)&&"bear-text-red-500"),children:a},a))})},se=(t,a)=>{const{date:o,isCurrentMonth:c}=t,m=o.getDate(),ce=o.getDay(),le=l.isWeekendDay(ce),x=l.isSameDay(E,o),j=l.isSameDay($,o),k=ee(o),H=re(o),F=()=>{k||C==null||C(o)},ue={date:o,day:m,isCurrentMonth:c,isSelected:x,isToday:j,isDisabled:k,isHighlighted:H,onClick:F};return r.day?e.jsx("span",{children:r.day(ue)},a):e.jsx("button",{type:"button",onClick:F,disabled:k,className:D.cn("Bear-Calendar__day bear-w-8 bear-h-8 bear-rounded-full bear-text-sm bear-font-medium bear-transition-colors bear-flex bear-items-center bear-justify-center",x&&"Bear-Calendar__day--selected bear-bg-primary-500 bear-text-white hover:bear-bg-primary-600",!x&&j&&"Bear-Calendar__day--today bear-ring-2 bear-ring-primary-500/50 bear-bg-transparent",!x&&!j&&(c?le?"Bear-Calendar__day--weekend bear-text-red-500 dark:bear-text-red-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"bear-text-zinc-700 dark:bear-text-zinc-300 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"Bear-Calendar__day--other bear-text-zinc-500 dark:bear-text-zinc-600 hover:bear-bg-zinc-50 dark:hover:bear-bg-zinc-800/50"),H&&!x&&"Bear-Calendar__day--highlighted bear-bg-primary-500/15",k&&"Bear-Calendar__day--disabled bear-opacity-40 bear-cursor-not-allowed"),children:m},a)},be=()=>{const t=ae.map((a,o)=>se(a,o));return r.daysGrid?r.daysGrid({children:t,className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1"}):e.jsx("div",{className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1",children:t})},de=()=>{const t=K&&f&&u,a=Z&&h;if(!t&&!a)return null;if(r.footer){const o=r.clearButton,c=r.todayButton;return r.footer({children:e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&o?o({onClick:u,hasSelection:f}):t?e.jsx("button",{type:"button",onClick:u,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a&&c?c({onClick:h}):a?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-600 dark:bear-text-primary-400 hover:bear-text-primary-700 dark:hover:bear-text-primary-300 bear-font-medium",children:"Today"}):null]})})}return r.clearButton&&r.todayButton?e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&r.clearButton({onClick:u,hasSelection:f}),a&&r.todayButton({onClick:h})]}):e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t?e.jsx("button",{type:"button",onClick:u,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-400 hover:bear-text-primary-300 bear-font-medium bear-transition-colors",children:"Today"}):null]})},Y=e.jsxs(e.Fragment,{children:[ne(),oe(),be(),de()]}),I=D.cn(te,Q),A=Object.keys(P).length?P:void 0,ie=U?{...A,...U}:A;return r.root?r.root({children:Y,className:I}):e.jsx("div",{className:I,style:ie,children:Y})};exports.Calendar=ye;

package/dist/components/Calendar/Calendar.js

@@ -4,11 +4,12 @@ import { cn as E } from "../../utils/cn.js";
 import { useBearStyles as ye } from "../../hooks/useBearStyles.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
 import "../../context/BearProvider.js";
+import "../FormControl/FormControl.context.js";
 import { ChevronsLeftIcon as xe, ChevronLeftIcon as ke, ChevronRightIcon as ve, ChevronsRightIcon as pe } from "../Icon/index.js";
 import { DEFAULT_WEEKDAYS as ze, NUMBER as i, CALENDAR_DROPDOWN_Z_INDEX as Ce, MONTHS as _e, WEEKEND_LABELS as ge } from "./Calendar.const.js";
 import { isSameDay as v, buildCalendarGrid as Ne, reorderWeekdays as fe, isWeekendDay as Be } from "./Calendar.utils.js";
 import { DefaultHeaderLabel as we } from "./Calendar.helpers.js";
-const Re = (Z) => {
+const Ae = (Z) => {
   const {
     viewDate: O,
     value: P = null,
@@ -184,5 +185,5 @@ const Re = (Z) => {
   return e.root ? e.root({ children: H, className: F }) : /* @__PURE__ */ t("div", { className: F, style: se, children: H });
 };
 export {
-  Re as Calendar
+  Ae as Calendar
 };

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 export interface CalendarDayProps {
+    testId?: string;
     date: Date;
     day: number;
     isCurrentMonth: boolean;

package/dist/components/Card/Card.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),C=require("react"),c=require("../../utils/cn.cjs"),e=require("./Card.const.cjs"),_=C.forwardRef((t,n)=>{const{variant:r="elevated",padding:a="none",interactive:d=!1,radius:i="lg",className:o,children:l,testId:m,id:E,...N}=t;return s.jsx("div",{ref:n,id:E,className:c.cn("Bear-Card",`Bear-Card--${r}`,"bear-overflow-hidden",e.CARD_VARIANT_CLASSES[r],e.CARD_PADDING_CLASSES[a],e.CARD_RADIUS_CLASSES[i],d&&`Bear-Card--interactive ${e.CARD_INTERACTIVE_CLASSES}`,o),"data-testid":m,...N,children:l})});_.displayName="Card";const S=C.forwardRef((t,n)=>{const{title:r,subtitle:a,action:d,className:i,children:o,...l}=t;return s.jsxs("div",{ref:n,className:c.cn("Bear-Card__header",e.CARD_HEADER_CLASSES,i),...l,children:[s.jsxs("div",{className:"Bear-Card__header-content bear-flex-1 bear-min-w-0",children:[r&&s.jsx("h3",{className:c.cn("Bear-Card__title",e.CARD_TITLE_CLASSES),children:r}),a&&s.jsx("p",{className:c.cn("Bear-Card__subtitle",e.CARD_SUBTITLE_CLASSES),children:a}),o]}),d&&s.jsx("div",{className:"Bear-Card__header-action bear-ml-4 bear-shrink-0",children:d})]})});S.displayName="CardHeader";const A=C.forwardRef((t,n)=>{const{className:r,children:a,...d}=t;return s.jsx("div",{ref:n,className:c.cn("Bear-Card__body",e.CARD_BODY_CLASSES,r),...d,children:a})});A.displayName="CardBody";const R=C.forwardRef((t,n)=>{const{divider:r=!0,className:a,children:d,...i}=t;return s.jsx("div",{ref:n,className:c.cn("Bear-Card__footer",e.CARD_FOOTER_CLASSES,r&&e.CARD_FOOTER_DIVIDER_CLASSES,a),...i,children:d})});R.displayName="CardFooter";const u=Object.assign(_,{Header:S,Body:A,Footer:R});exports.Card=_;exports.CardBody=A;exports.CardCompound=u;exports.CardFooter=R;exports.CardHeader=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),c=require("../../utils/cn.cjs"),e=require("./Card.const.cjs"),_=i.forwardRef((t,n)=>{const{variant:r="elevated",padding:a="none",interactive:d=!1,radius:C="lg",className:o,children:l,testId:m,...E}=t;return s.jsx("div",{ref:n,className:c.cn("Bear-Card",`Bear-Card--${r}`,"bear-overflow-hidden",e.CARD_VARIANT_CLASSES[r],e.CARD_PADDING_CLASSES[a],e.CARD_RADIUS_CLASSES[C],d&&`Bear-Card--interactive ${e.CARD_INTERACTIVE_CLASSES}`,o),"data-testid":m,...E,children:l})});_.displayName="Card";const S=i.forwardRef((t,n)=>{const{title:r,subtitle:a,action:d,className:C,children:o,...l}=t;return s.jsxs("div",{ref:n,className:c.cn("Bear-Card__header",e.CARD_HEADER_CLASSES,C),...l,children:[s.jsxs("div",{className:"Bear-Card__header-content bear-flex-1 bear-min-w-0",children:[r&&s.jsx("h3",{className:c.cn("Bear-Card__title",e.CARD_TITLE_CLASSES),children:r}),a&&s.jsx("p",{className:c.cn("Bear-Card__subtitle",e.CARD_SUBTITLE_CLASSES),children:a}),o]}),d&&s.jsx("div",{className:"Bear-Card__header-action bear-ml-4 bear-shrink-0",children:d})]})});S.displayName="CardHeader";const A=i.forwardRef((t,n)=>{const{className:r,children:a,...d}=t;return s.jsx("div",{ref:n,className:c.cn("Bear-Card__body",e.CARD_BODY_CLASSES,r),...d,children:a})});A.displayName="CardBody";const R=i.forwardRef((t,n)=>{const{divider:r=!0,className:a,children:d,...C}=t;return s.jsx("div",{ref:n,className:c.cn("Bear-Card__footer",e.CARD_FOOTER_CLASSES,r&&e.CARD_FOOTER_DIVIDER_CLASSES,a),...C,children:d})});R.displayName="CardFooter";const N=Object.assign(_,{Header:S,Body:A,Footer:R});exports.Card=_;exports.CardBody=A;exports.CardCompound=N;exports.CardFooter=R;exports.CardHeader=S;