@forgedevstack/bear 1.0.2 → 1.0.3

package/dist/components/Calendar/Calendar.js

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

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

@@ -8,6 +8,10 @@ export interface CalendarDayProps {
     isDisabled: boolean;
     isHighlighted?: boolean;
 }
+export type HeaderLabelRFC = (props: {
+    month: string;
+    year: number;
+}) => ReactNode;
 export interface CalendarNavActions {
     onPrevYear: () => void;
     onPrevMonth: () => void;

package/dist/components/Calendar/Calendar.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./Calendar.const.cjs"),N=(e,t)=>new Date(e,t+n.NUMBER.ONE,n.NUMBER.ZERO).getDate(),c=(e,t)=>new Date(e,t,n.NUMBER.ONE).getDay(),g=(e,t)=>!e||!t?!1:e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear(),l=e=>e===n.NUMBER.ZERO||e===n.NUMBER.SIX,i=(e,t)=>({prevMonth:t===n.NUMBER.ZERO?n.NUMBER.ELEVEN:t-n.NUMBER.ONE,prevYear:t===n.NUMBER.ZERO?e-n.NUMBER.ONE:e}),B=(e,t)=>({nextMonth:t===n.NUMBER.ELEVEN?n.NUMBER.ZERO:t+n.NUMBER.ONE,nextYear:t===n.NUMBER.ELEVEN?e+n.NUMBER.ONE:e}),D=(e,t)=>t>n.NUMBER.ZERO?[...e.slice(t),...e.slice(n.NUMBER.ZERO,t)]:[...e];function h(e,t,U){const s=(c(e,t)-U+n.NUMBER.SEVEN)%n.NUMBER.SEVEN,o=N(e,t),{prevMonth:a,prevYear:R}=i(e,t),d=N(R,a),M=[];for(let E=n.NUMBER.ZERO;E<n.NUMBER.TOTAL_CELLS;E++)if(E<s){const r=d-s+E+n.NUMBER.ONE;M.push({date:new Date(R,a,r),isCurrentMonth:!1})}else if(E<s+o){const r=E-s+n.NUMBER.ONE;M.push({date:new Date(e,t,r),isCurrentMonth:!0})}else{const r=E-s-o+n.NUMBER.ONE,{nextMonth:O,nextYear:u}=B(e,t);M.push({date:new Date(u,O,r),isCurrentMonth:!1})}return M}exports.buildCalendarGrid=h;exports.getDaysInMonth=N;exports.getFirstDayOfMonth=c;exports.getNextMonthYear=B;exports.getPrevMonthYear=i;exports.isSameDay=g;exports.isWeekendDay=l;exports.reorderWeekdays=D;

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

@@ -0,0 +1,41 @@
+/**
+ * Get number of days in a given month
+ */
+export declare const getDaysInMonth: (year: number, month: number) => number;
+/**
+ * Get the day of week for the first day of a month (0 = Sunday)
+ */
+export declare const getFirstDayOfMonth: (year: number, month: number) => number;
+/**
+ * Check if two dates are the same day
+ */
+export declare const isSameDay: (a: Date | null, b: Date | null) => boolean;
+/**
+ * Check if a day is a weekend (Saturday or Sunday)
+ */
+export declare const isWeekendDay: (weekday: number) => boolean;
+/**
+ * Get previous month and year
+ */
+export declare const getPrevMonthYear: (year: number, month: number) => {
+    prevMonth: number;
+    prevYear: number;
+};
+/**
+ * Get next month and year
+ */
+export declare const getNextMonthYear: (year: number, month: number) => {
+    nextMonth: number;
+    nextYear: number;
+};
+/**
+ * Reorder weekday labels based on first day of week
+ */
+export declare const reorderWeekdays: <T>(labels: readonly T[], firstDayOfWeek: number) => T[];
+/**
+ * Build 6-week calendar grid: prev month trailing, current month, next month leading
+ */
+export declare function buildCalendarGrid(year: number, month: number, firstDayOfWeek: number): {
+    date: Date;
+    isCurrentMonth: boolean;
+}[];

package/dist/components/Calendar/Calendar.utils.js

@@ -0,0 +1,33 @@
+import { NUMBER as n } from "./Calendar.const.js";
+const i = (t, e) => new Date(t, e + n.ONE, n.ZERO).getDate(), g = (t, e) => new Date(t, e, n.ONE).getDay(), p = (t, e) => !t || !e ? !1 : t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear(), R = (t) => t === n.ZERO || t === n.SIX, l = (t, e) => ({
+  prevMonth: e === n.ZERO ? n.ELEVEN : e - n.ONE,
+  prevYear: e === n.ZERO ? t - n.ONE : t
+}), D = (t, e) => ({
+  nextMonth: e === n.ELEVEN ? n.ZERO : e + n.ONE,
+  nextYear: e === n.ELEVEN ? t + n.ONE : t
+}), Y = (t, e) => e > n.ZERO ? [...t.slice(e), ...t.slice(n.ZERO, e)] : [...t];
+function Z(t, e, N) {
+  const r = (g(t, e) - N + n.SEVEN) % n.SEVEN, c = i(t, e), { prevMonth: a, prevYear: O } = l(t, e), M = i(O, a), o = [];
+  for (let s = n.ZERO; s < n.TOTAL_CELLS; s++)
+    if (s < r) {
+      const E = M - r + s + n.ONE;
+      o.push({ date: new Date(O, a, E), isCurrentMonth: !1 });
+    } else if (s < r + c) {
+      const E = s - r + n.ONE;
+      o.push({ date: new Date(t, e, E), isCurrentMonth: !0 });
+    } else {
+      const E = s - r - c + n.ONE, { nextMonth: u, nextYear: d } = D(t, e);
+      o.push({ date: new Date(d, u, E), isCurrentMonth: !1 });
+    }
+  return o;
+}
+export {
+  Z as buildCalendarGrid,
+  i as getDaysInMonth,
+  g as getFirstDayOfMonth,
+  D as getNextMonthYear,
+  l as getPrevMonthYear,
+  p as isSameDay,
+  R as isWeekendDay,
+  Y as reorderWeekdays
+};

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

@@ -1,2 +1,4 @@
 export { Calendar } from './Calendar';
 export type { CalendarProps, CalendarSlots, CalendarDayProps, CalendarNavActions } from './Calendar.types';
+export { NUMBER, DEFAULT_WEEKDAYS, MONTHS, WEEKEND, WEEKEND_LABELS } from './Calendar.const';
+export { buildCalendarGrid, isSameDay, isWeekendDay, getDaysInMonth, getFirstDayOfMonth, reorderWeekdays } from './Calendar.utils';

package/dist/components/CodeBlock/CodeBlock.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),x=c.forwardRef(({code:a,language:o="typescript",showLineNumbers:g=!0,title:s,copyable:d=!0,maxHeight:t,theme:r="dark",className:y="",...p},h)=>{const[n,i]=c.useState(!1),b=async()=>{await navigator.clipboard.writeText(a),i(!0),setTimeout(()=>i(!1),2e3)},u=a.split(`
+`),j=r==="dark"?"bg-gray-900 text-gray-100":"bg-gray-50 text-gray-900 border border-gray-200";return e.jsxs("div",{className:`bear-code-block rounded-lg overflow-hidden ${j} ${y}`.trim(),children:[(s||d)&&e.jsxs("div",{className:`flex items-center justify-between px-4 py-2 ${r==="dark"?"bg-gray-800 border-b border-gray-700":"bg-gray-100 border-b border-gray-200"}`,children:[e.jsxs("div",{className:"flex items-center gap-2",children:[s&&e.jsx("span",{className:`text-sm font-medium ${r==="dark"?"text-gray-300":"text-gray-700"}`,children:s}),o&&e.jsx("span",{className:`text-xs px-2 py-0.5 rounded ${r==="dark"?"bg-gray-700 text-gray-400":"bg-gray-200 text-gray-600"}`,children:o})]}),d&&e.jsx("button",{onClick:b,className:`p-1.5 rounded transition-colors ${r==="dark"?"hover:bg-gray-700 text-gray-400 hover:text-gray-200":"hover:bg-gray-200 text-gray-500 hover:text-gray-700"}`,title:n?"Copied!":"Copy code",children:n?e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}):e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),e.jsx("path",{d:"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"})]})})]}),e.jsx("pre",{ref:h,className:"overflow-x-auto p-4",style:{maxHeight:t?typeof t=="number"?`${t}px`:t:void 0},...p,children:e.jsx("code",{className:"text-sm font-mono",children:u.map((m,l)=>e.jsxs("div",{className:"flex",children:[g&&e.jsx("span",{className:`select-none w-8 flex-shrink-0 text-right pr-4 ${r==="dark"?"text-gray-600":"text-gray-400"}`,children:l+1}),e.jsx("span",{className:"flex-1",children:m||" "})]},l))})})]})});x.displayName="CodeBlock";exports.CodeBlock=x;

package/dist/components/CodeBlock/CodeBlock.d.ts

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

package/dist/components/CodeBlock/CodeBlock.js

@@ -0,0 +1,55 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { forwardRef as f, useState as v } from "react";
+const k = f(({
+  code: s,
+  language: d = "typescript",
+  showLineNumbers: g = !0,
+  title: o,
+  copyable: i = !0,
+  maxHeight: a,
+  theme: r = "dark",
+  className: y = "",
+  ...x
+}, p) => {
+  const [l, n] = v(!1), h = async () => {
+    await navigator.clipboard.writeText(s), n(!0), setTimeout(() => n(!1), 2e3);
+  }, m = s.split(`
+`);
+  return /* @__PURE__ */ t("div", { className: `bear-code-block rounded-lg overflow-hidden ${r === "dark" ? "bg-gray-900 text-gray-100" : "bg-gray-50 text-gray-900 border border-gray-200"} ${y}`.trim(), children: [
+    (o || i) && /* @__PURE__ */ t("div", { className: `flex items-center justify-between px-4 py-2 ${r === "dark" ? "bg-gray-800 border-b border-gray-700" : "bg-gray-100 border-b border-gray-200"}`, children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+        o && /* @__PURE__ */ e("span", { className: `text-sm font-medium ${r === "dark" ? "text-gray-300" : "text-gray-700"}`, children: o }),
+        d && /* @__PURE__ */ e("span", { className: `text-xs px-2 py-0.5 rounded ${r === "dark" ? "bg-gray-700 text-gray-400" : "bg-gray-200 text-gray-600"}`, children: d })
+      ] }),
+      i && /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: h,
+          className: `p-1.5 rounded transition-colors ${r === "dark" ? "hover:bg-gray-700 text-gray-400 hover:text-gray-200" : "hover:bg-gray-200 text-gray-500 hover:text-gray-700"}`,
+          title: l ? "Copied!" : "Copy code",
+          children: l ? /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ e("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+            /* @__PURE__ */ e("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      "pre",
+      {
+        ref: p,
+        className: "overflow-x-auto p-4",
+        style: { maxHeight: a ? typeof a == "number" ? `${a}px` : a : void 0 },
+        ...x,
+        children: /* @__PURE__ */ e("code", { className: "text-sm font-mono", children: m.map((b, c) => /* @__PURE__ */ t("div", { className: "flex", children: [
+          g && /* @__PURE__ */ e("span", { className: `select-none w-8 flex-shrink-0 text-right pr-4 ${r === "dark" ? "text-gray-600" : "text-gray-400"}`, children: c + 1 }),
+          /* @__PURE__ */ e("span", { className: "flex-1", children: b || " " })
+        ] }, c)) })
+      }
+    )
+  ] });
+});
+k.displayName = "CodeBlock";
+export {
+  k as CodeBlock
+};

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export interface CodeBlockProps extends HTMLAttributes<HTMLPreElement> {
+    code: string;
+    language?: string;
+    showLineNumbers?: boolean;
+    title?: string;
+    copyable?: boolean;
+    maxHeight?: number | string;
+    theme?: 'dark' | 'light';
+}

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

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

package/dist/components/Columns/Columns.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),a=require("../../utils/cn.cjs"),c={none:"0",xs:"0.5rem",sm:"1rem",md:"1.5rem",lg:"2rem",xl:"3rem"},b=({children:l,count:e="auto",gap:n="md",fill:r=!1,minWidth:o,className:s,style:m})=>{const t={columnCount:e==="auto"?"auto":e,columnGap:c[n],columnFill:r?"balance":"auto",...o&&{columnWidth:typeof o=="number"?`${o}px`:o},...m};return u.jsx("div",{className:a.cn("bear-w-full",s),style:t,children:l})},i=({children:l,span:e="avoid",className:n,style:r})=>u.jsx("div",{className:a.cn("bear-inline-block bear-w-full bear-mb-4",e==="avoid"&&"bear-break-inside-avoid",n),style:r,children:l});exports.Column=i;exports.Columns=b;

package/dist/components/Columns/Columns.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ColumnsProps, ColumnProps } from './Columns.types';
+export declare const Columns: FC<ColumnsProps>;
+export declare const Column: FC<ColumnProps>;
+export default Columns;

package/dist/components/Columns/Columns.js

@@ -0,0 +1,54 @@
+import { jsx as m } from "react/jsx-runtime";
+import { cn as n } from "../../utils/cn.js";
+const c = {
+  none: "0",
+  xs: "0.5rem",
+  sm: "1rem",
+  md: "1.5rem",
+  lg: "2rem",
+  xl: "3rem"
+}, d = ({
+  children: l,
+  count: o = "auto",
+  gap: a = "md",
+  fill: r = !1,
+  minWidth: e,
+  className: u,
+  style: s
+}) => {
+  const t = {
+    columnCount: o === "auto" ? "auto" : o,
+    columnGap: c[a],
+    columnFill: r ? "balance" : "auto",
+    ...e && { columnWidth: typeof e == "number" ? `${e}px` : e },
+    ...s
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: n("bear-w-full", u),
+      style: t,
+      children: l
+    }
+  );
+}, f = ({
+  children: l,
+  span: o = "avoid",
+  className: a,
+  style: r
+}) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: n(
+      "bear-inline-block bear-w-full bear-mb-4",
+      o === "avoid" && "bear-break-inside-avoid",
+      a
+    ),
+    style: r,
+    children: l
+  }
+);
+export {
+  f as Column,
+  d as Columns
+};

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

@@ -0,0 +1,17 @@
+import { ReactNode, CSSProperties } from 'react';
+export interface ColumnsProps {
+    children: ReactNode;
+    count?: 1 | 2 | 3 | 4 | 5 | 6 | 'auto';
+    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    fill?: boolean;
+    minWidth?: string | number;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface ColumnProps {
+    children: ReactNode;
+    span?: 'avoid' | 'auto';
+    className?: string;
+    style?: CSSProperties;
+}
+export type ColumnsCountType = 1 | 2 | 3 | 4 | 5 | 6 | 'auto';

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

@@ -0,0 +1,2 @@
+export { Columns, Column } from './Columns';
+export type { ColumnsProps, ColumnProps, ColumnsCountType } from './Columns.types';