@forgedevstack/bear 1.0.4 → 1.0.6

package/dist/components/AppBar/AppBar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../utils/cn.cjs"),u=({children:a,position:t="sticky",variant:r="default",color:b="default",className:s,leftContent:i,rightContent:c,centerContent:l,elevation:n=!0})=>{const d={fixed:"bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",sticky:"bear-sticky bear-top-0 bear-z-50",static:"bear-static",relative:"bear-relative"},o={default:"bear-bg-zinc-900 bear-text-white",transparent:"bear-bg-transparent",blur:"bear-bg-zinc-900/80 bear-backdrop-blur-md"},x={default:"",primary:"bear-bg-bear-600 bear-text-white",dark:"bear-bg-black bear-text-white"};return e.jsx("header",{className:p.cn("bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",d[t],r!=="transparent"&&o[r],x[b],n&&"bear-shadow-lg bear-border-b bear-border-zinc-800",s),children:a??e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:i}),e.jsx("div",{className:"bear-flex-1 bear-flex bear-items-center bear-justify-center",children:l}),e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:c})]})})};exports.AppBar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../utils/cn.cjs"),u=({children:a,position:t="sticky",variant:r="default",color:b="default",className:s,leftContent:i,rightContent:c,centerContent:l,elevation:n=!0})=>{const d={fixed:"bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",sticky:"bear-sticky bear-top-0 bear-z-50",static:"bear-static",relative:"bear-relative"},o={default:"bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",transparent:"bear-bg-transparent",blur:"bear-bg-white/80 dark:bear-bg-zinc-900/80 bear-backdrop-blur-md"},x={default:"",primary:"bear-bg-bear-600 bear-text-white",dark:"bear-bg-black bear-text-white"},g=n?"bear-shadow-lg bear-border-b bear-border-gray-200 dark:bear-border-zinc-800":"";return e.jsx("header",{className:p.cn("bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",d[t],r!=="transparent"&&o[r],x[b],g,s),children:a??e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:i}),e.jsx("div",{className:"bear-flex-1 bear-flex bear-items-center bear-justify-center",children:l}),e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:c})]})})};exports.AppBar=u;

package/dist/components/AppBar/AppBar.js

@@ -1,5 +1,5 @@
-import { jsx as e, jsxs as p, Fragment as m } from "react/jsx-runtime";
-import { cn as x } from "../../utils/cn.js";
+import { jsx as e, jsxs as m, Fragment as x } from "react/jsx-runtime";
+import { cn as g } from "../../utils/cn.js";
 const u = ({
   children: a,
   position: t = "sticky",
@@ -17,26 +17,26 @@ const u = ({
     static: "bear-static",
     relative: "bear-relative"
   }, o = {
-    default: "bear-bg-zinc-900 bear-text-white",
+    default: "bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",
     transparent: "bear-bg-transparent",
-    blur: "bear-bg-zinc-900/80 bear-backdrop-blur-md"
+    blur: "bear-bg-white/80 dark:bear-bg-zinc-900/80 bear-backdrop-blur-md"
   }, f = {
     default: "",
     primary: "bear-bg-bear-600 bear-text-white",
     dark: "bear-bg-black bear-text-white"
-  };
+  }, p = n ? "bear-shadow-lg bear-border-b bear-border-gray-200 dark:bear-border-zinc-800" : "";
   return /* @__PURE__ */ e(
     "header",
     {
-      className: x(
+      className: g(
         "bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",
         d[t],
         r !== "transparent" && o[r],
         f[b],
-        n && "bear-shadow-lg bear-border-b bear-border-zinc-800",
+        p,
         s
       ),
-      children: a ?? /* @__PURE__ */ p(m, { children: [
+      children: a ?? /* @__PURE__ */ m(x, { children: [
         /* @__PURE__ */ e("div", { className: "bear-flex bear-items-center bear-gap-4", children: i }),
         /* @__PURE__ */ e("div", { className: "bear-flex-1 bear-flex bear-items-center bear-justify-center", children: c }),
         /* @__PURE__ */ e("div", { className: "bear-flex bear-items-center bear-gap-4", children: l })

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

@@ -47,7 +47,7 @@
     focus:bear-ring-2 focus:bear-ring-bear-500/50
     active:bear-bg-bear-100
     disabled:bear-text-bear-300 disabled:bear-border-bear-300 disabled:bear-cursor-not-allowed
-    dark:hover:bear-bg-bear-950 dark:active:bear-bg-bear-900
+    dark:bear-text-bear-400 dark:bear-border-bear-400 dark:hover:bear-bg-bear-950 dark:active:bear-bg-bear-900 dark:disabled:bear-border-bear-700 dark:disabled:bear-text-bear-700
   `,error:`
     bear-bg-red-500 bear-text-white
     hover:bear-bg-red-600

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

@@ -61,7 +61,7 @@ const e = {
     focus:bear-ring-2 focus:bear-ring-bear-500/50
     active:bear-bg-bear-100
     disabled:bear-text-bear-300 disabled:bear-border-bear-300 disabled:bear-cursor-not-allowed
-    dark:hover:bear-bg-bear-950 dark:active:bear-bg-bear-900
+    dark:bear-text-bear-400 dark:bear-border-bear-400 dark:hover:bear-bg-bear-950 dark:active:bear-bg-bear-900 dark:disabled:bear-border-bear-700 dark:disabled:bear-text-bear-700
   `,
   error: `
     bear-bg-red-500 bear-text-white

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

@@ -1,6 +1,8 @@
 import { ButtonProps } from './Button.types';
 /**
- * Button component with multiple variants, sizes, and states
+ * Button component with multiple variants, sizes, and states.
+ * Light and dark mode supported; outline variant has theme-aware borders.
+ * Override borders from outside via className (e.g. className="border-2 border-blue-500 dark:border-blue-400").
  *
  * @example
  * ```tsx
@@ -12,8 +14,8 @@ import { ButtonProps } from './Button.types';
  *   Loading...
  * </Button>
  *
- * <Button leftIcon={<IconPlus />}>
- *   Add Item
+ * <Button variant="outline" className="border-2 border-pink-500">
+ *   Custom border
  * </Button>
  * ```
  */

package/dist/components/Calendar/Calendar.cjs

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

package/dist/components/Calendar/Calendar.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E={ZERO:0,ONE:1,SIX:6,SEVEN:7,ELEVEN:11,TOTAL_CELLS:42},e=["SUN","MON","TUE","WED","THU","FRI","SAT"],S=["January","February","March","April","May","June","July","August","September","October","November","December"],t=["SUN","SAT","Sun","Sat"];exports.DEFAULT_WEEKDAYS=e;exports.MONTHS=S;exports.NUMBER=E;exports.WEEKEND_LABELS=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E={ZERO:0,ONE:1,SIX:6,SEVEN:7,ELEVEN:11,TOTAL_CELLS:42},N=["SUN","MON","TUE","WED","THU","FRI","SAT"],e=["January","February","March","April","May","June","July","August","September","October","November","December"],S=["SUN","SAT","Sun","Sat"],D=9999;exports.CALENDAR_DROPDOWN_Z_INDEX=D;exports.DEFAULT_WEEKDAYS=N;exports.MONTHS=e;exports.NUMBER=E;exports.WEEKEND_LABELS=S;

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

@@ -16,3 +16,4 @@ export declare const WEEKEND: {
     readonly SATURDAY: 6;
 };
 export declare const WEEKEND_LABELS: readonly ["SUN", "SAT", "Sun", "Sat"];
+export declare const CALENDAR_DROPDOWN_Z_INDEX = 9999;

package/dist/components/Calendar/Calendar.const.js

@@ -5,7 +5,7 @@ const E = {
   SEVEN: 7,
   ELEVEN: 11,
   TOTAL_CELLS: 42
-}, S = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"], e = [
+}, N = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"], S = [
   "January",
   "February",
   "March",
@@ -18,10 +18,11 @@ const E = {
   "October",
   "November",
   "December"
-], r = ["SUN", "SAT", "Sun", "Sat"];
+], e = ["SUN", "SAT", "Sun", "Sat"], r = 9999;
 export {
-  S as DEFAULT_WEEKDAYS,
-  e as MONTHS,
+  r as CALENDAR_DROPDOWN_Z_INDEX,
+  N as DEFAULT_WEEKDAYS,
+  S as MONTHS,
   E as NUMBER,
-  r as WEEKEND_LABELS
+  e as WEEKEND_LABELS
 };

package/dist/components/Calendar/Calendar.helpers.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=({month:e,year:t})=>s.jsxs("span",{className:"font-semibold text-sm select-none",children:[e," ",t]});exports.DefaultHeaderLabel=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=({month:e,year:a})=>t.jsxs("span",{className:"Bear-Calendar__header-label bear-font-semibold bear-text-sm bear-select-none bear-text-zinc-900 dark:bear-text-zinc-100",children:[e," ",a]});exports.DefaultHeaderLabel=r;

package/dist/components/Calendar/Calendar.helpers.js

@@ -1,9 +1,9 @@
-import { jsxs as t } from "react/jsx-runtime";
-const a = ({ month: e, year: s }) => /* @__PURE__ */ t("span", { className: "font-semibold text-sm select-none", children: [
+import { jsxs as r } from "react/jsx-runtime";
+const l = ({ month: e, year: a }) => /* @__PURE__ */ r("span", { className: "Bear-Calendar__header-label bear-font-semibold bear-text-sm bear-select-none bear-text-zinc-900 dark:bear-text-zinc-100", children: [
   e,
   " ",
-  s
+  a
 ] });
 export {
-  a as DefaultHeaderLabel
+  l as DefaultHeaderLabel
 };

package/dist/components/Calendar/Calendar.js

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

package/dist/components/Cascader/Cascader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),G=require("react-dom"),w=require("../../utils/cn.cjs"),k=require("./Cascader.const.cjs"),J=({options:u,selectedPath:d,expandedPath:i,onSelect:y,onExpand:m,expandTrigger:C,level:b})=>{const h=t=>{var l;y(t,b),(l=t.children)!=null&&l.length&&m(t,b)},v=t=>{var l;C==="hover"&&((l=t.children)!=null&&l.length)&&m(t,b)};return a.jsx("div",{className:"Bear-Cascader__panel bear-min-w-[180px] bear-max-h-[280px] bear-overflow-y-auto bear-border-r bear-border-zinc-200 dark:bear-border-zinc-700 last:bear-border-r-0",children:u.map(t=>{const l=d[b]===t.value,g=i[b]===t.value,B=t.children&&t.children.length>0;return a.jsxs("button",{type:"button",disabled:t.disabled,onClick:()=>h(t),onMouseEnter:()=>v(t),className:w.cn("Bear-Cascader__option bear-w-full bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-2 bear-text-sm bear-text-left bear-transition-colors",l&&"Bear-Cascader__option--selected bear-bg-pink-500/20 bear-text-pink-600 dark:bear-text-pink-400",g&&!l&&"Bear-Cascader__option--expanded bear-bg-gray-100 dark:bear-bg-zinc-700",!l&&!g&&"bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",t.disabled&&"Bear-Cascader__option--disabled bear-opacity-50 bear-cursor-not-allowed"),children:[a.jsxs("span",{className:"bear-flex bear-items-center bear-gap-2",children:[t.icon&&a.jsx("span",{className:"Bear-Cascader__option-icon",children:t.icon}),a.jsx("span",{className:"Bear-Cascader__option-label",children:t.label})]}),B&&a.jsx("svg",{className:"Bear-Cascader__arrow bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-zinc-500",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]},t.value)})})},K=({options:u,value:d=[],onChange:i,placeholder:y,label:m,helperText:C,error:b,disabled:h=!1,loading:v=!1,clearable:t=!0,size:l="md",variant:g="default",expandTrigger:B="click",showFullPath:R=!0,pathSeparator:L=k.CASCADER_PATH_SEPARATOR,changeOnSelect:O=!1,className:q,testId:W,translations:P,icon:X})=>{const[p,E]=c.useState(!1),[_,N]=c.useState([]),[D,Z]=c.useState({top:0,left:0}),M=c.useRef(null),S=c.useRef(null),A=c.useMemo(()=>({...k.CASCADER_DEFAULT_TRANSLATIONS,...P}),[P]);c.useEffect(()=>{if(p&&S.current){const e=S.current.getBoundingClientRect(),s=window.scrollY||document.documentElement.scrollTop,r=window.scrollX||document.documentElement.scrollLeft;Z({top:e.bottom+s+8,left:e.left+r})}},[p]),c.useEffect(()=>{const e=s=>{var n,o;const r=s.target;(n=M.current)!=null&&n.contains(r)||(o=r.closest)!=null&&o.call(r,"[data-bear-cascader-dropdown]")||E(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),c.useEffect(()=>{d.length>0&&N(d.slice(0,-1))},[d]);const H=c.useCallback((e,s)=>{for(const r of e){if(r.value===s)return r;if(r.children){const n=H(r.children,s);if(n)return n}}},[]),T=c.useMemo(()=>{var s;if(d.length===0)return"";const e=d.map((r,n)=>{let o=u;for(let f=0;f<n;f++){const x=o.find(z=>z.value===d[f]);x!=null&&x.children&&(o=x.children)}return o.find(f=>f.value===r)}).filter(Boolean);return R?e.map(r=>r.label).join(L):((s=e[e.length-1])==null?void 0:s.label)||""},[d,u,R,L]),I=c.useMemo(()=>{const e=[u];let s=u;for(const r of _){const n=s.find(o=>o.value===r);if(n!=null&&n.children)e.push(n.children),s=n.children;else break}return e},[u,_]),U=c.useCallback((e,s)=>{var n,o;const r=[..._.slice(0,s),e.value];if(!((n=e.children)!=null&&n.length)||O){const f=[];let x=u;for(const z of r){const j=x.find(F=>F.value===z);j&&(f.push(j),j.children&&(x=j.children))}i==null||i(r,f),(o=e.children)!=null&&o.length||E(!1)}},[_,u,i,O]),V=c.useCallback((e,s)=>{N(r=>[...r.slice(0,s),e.value])},[]),Y=c.useCallback(e=>{e.stopPropagation(),i==null||i([],[]),N([])},[i]);return a.jsxs("div",{ref:M,className:w.cn("Bear-Cascader bear-relative",q),"data-testid":W,children:[m&&a.jsx("label",{className:"Bear-Cascader__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5",children:m}),a.jsxs("button",{ref:S,type:"button",onClick:()=>!h&&E(!p),disabled:h,className:w.cn("Bear-Cascader__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",k.CASCADER_SIZE_CLASSES[l],k.CASCADER_VARIANT_CLASSES[g],b?"bear-border-red-500":"focus:bear-border-pink-500",h&&"bear-opacity-50 bear-cursor-not-allowed",T?"bear-text-gray-900 dark:bear-text-white":"bear-text-gray-500 dark:bear-text-zinc-500"),children:[a.jsx("span",{className:"Bear-Cascader__value bear-truncate bear-flex-1",children:v?A.loading:T||y||A.placeholder}),a.jsxs("span",{className:"Bear-Cascader__icons bear-flex bear-items-center bear-gap-1",children:[t&&d.length>0&&!h&&a.jsx("span",{onClick:Y,className:"Bear-Cascader__clear bear-p-0.5 bear-rounded hover:bear-bg-gray-200 dark:hover:bear-bg-zinc-700 bear-cursor-pointer",children:a.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-zinc-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}),X??a.jsx("svg",{className:w.cn("Bear-Cascader__chevron bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-zinc-400 bear-transition-transform",p&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]})]}),b&&a.jsx("p",{className:"Bear-Cascader__error bear-mt-1 bear-text-xs bear-text-red-400",children:b}),C&&!b&&a.jsx("p",{className:"Bear-Cascader__helper bear-mt-1 bear-text-xs bear-text-zinc-500 dark:bear-text-zinc-400",children:C}),p&&typeof document<"u"&&G.createPortal(a.jsxs("div",{"data-bear-cascader-dropdown":!0,className:"Bear-Cascader__dropdown bear-fixed bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-flex bear-overflow-hidden",style:{top:D.top,left:D.left,zIndex:k.CASCADER_DROPDOWN_Z_INDEX},children:[I.map((e,s)=>a.jsx(J,{options:e,selectedPath:d,expandedPath:_,onSelect:U,onExpand:V,expandTrigger:B,level:s},s)),I.every(e=>e.length===0)&&a.jsx("div",{className:"Bear-Cascader__empty bear-px-4 bear-py-3 bear-text-sm bear-text-gray-500 dark:bear-text-zinc-500",children:A.noOptions})]}),document.body)]})};exports.Cascader=K;

package/dist/components/Cascader/Cascader.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={placeholder:"Select option",noOptions:"No options available",loading:"Loading...",clear:"Clear"},r={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4 bear-text-sm",lg:"bear-py-2.5 bear-px-5 bear-text-base"},A={default:"bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600",filled:"bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-300 dark:bear-border-zinc-500"},a=9999,b=" / ";exports.CASCADER_DEFAULT_TRANSLATIONS=e;exports.CASCADER_DROPDOWN_Z_INDEX=a;exports.CASCADER_PATH_SEPARATOR=b;exports.CASCADER_SIZE_CLASSES=r;exports.CASCADER_VARIANT_CLASSES=A;

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

@@ -0,0 +1,33 @@
+import { CascaderTranslations } from './Cascader.types';
+/**
+ * Default translations for Cascader
+ */
+export declare const CASCADER_DEFAULT_TRANSLATIONS: CascaderTranslations;
+/**
+ * Size classes for Cascader trigger
+ */
+export declare const CASCADER_SIZE_CLASSES: {
+    readonly sm: "bear-py-1.5 bear-px-3 bear-text-sm";
+    readonly md: "bear-py-2 bear-px-4 bear-text-sm";
+    readonly lg: "bear-py-2.5 bear-px-5 bear-text-base";
+};
+/**
+ * Variant classes for Cascader trigger (light/dark)
+ */
+export declare const CASCADER_VARIANT_CLASSES: {
+    readonly default: "bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600";
+    readonly filled: "bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent";
+    readonly outline: "bear-bg-transparent bear-border-zinc-300 dark:bear-border-zinc-500";
+};
+/**
+ * Z-index for dropdown
+ */
+export declare const CASCADER_DROPDOWN_Z_INDEX = 9999;
+/**
+ * Default path separator
+ */
+export declare const CASCADER_PATH_SEPARATOR = " / ";
+/**
+ * Animation duration in ms
+ */
+export declare const CASCADER_ANIMATION_DURATION = 200;