@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/_chunks/use-calendar.js

@@ -1,210 +1,163 @@
 "use client";
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
-import * as w from "react";
-import { useState as ae } from "react";
-import { format as m, startOfMonth as k, endOfMonth as ie, startOfWeek as ce, endOfWeek as de, addDays as b, subMonths as z, addMonths as B, isSameMonth as Y, isSameDay as x, lastDayOfMonth as le, isBefore as N, startOfDay as G, isAfter as T, isWithinInterval as L, setYear as ue, setMonth as fe } from "date-fns";
-import { IconChevronLeft as me, IconChevronRight as pe } from "@tabler/icons-react";
-import { Icon as P } from "../ui/icon.js";
-import { cn as C } from "../ui/lib/utils.js";
-const be = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], he = w.forwardRef(
-  function({
-    currentMonth: c,
-    selected: d,
-    rangeStart: o,
-    rangeEnd: l,
-    hoverDate: f,
-    onSelect: v,
-    onHover: a,
-    onMonthChange: u,
-    onHeaderClick: R,
-    disabledDates: q,
-    minDate: j,
-    maxDate: A,
-    hidePrevNav: F,
-    hideNextNav: S,
-    events: g,
-    className: U,
-    ...$
-  }, J) {
-    const M = w.useRef(null), Q = w.useMemo(() => {
-      const e = /* @__PURE__ */ new Map();
-      if (!g) return e;
-      for (const n of g) {
-        const t = m(n.date, "yyyy-MM-dd"), s = e.get(t) ?? [];
-        s.push(n), e.set(t, s);
-      }
-      return e;
-    }, [g]), V = k(c), X = ie(c), Z = ce(V), _ = de(X), E = [];
-    let h = Z;
-    for (; h <= _; )
-      E.push(h), h = b(h, 1);
-    const I = (e) => !!(q?.(e) || j && N(e, G(j)) || A && T(e, G(A))), H = (e) => {
-      if (o && l) {
-        const n = N(o, l) ? o : l, t = T(l, o) ? l : o;
-        return L(e, { start: n, end: t });
-      }
-      if (o && f) {
-        const n = N(o, f) ? o : f, t = T(f, o) ? f : o;
-        return L(e, { start: n, end: t });
-      }
-      return !1;
-    }, ee = (e) => !!(o && x(e, o) || l && x(e, l)), te = (e) => {
-      if (!M.current) return;
-      const n = m(e, "yyyy-MM-dd"), t = M.current.querySelector(
-        `[data-date="${n}"]`
-      );
-      t ? t.focus() : u(k(e));
-    }, se = (e) => {
-      const t = e.target.getAttribute("data-date");
-      if (!t) return;
-      const s = /* @__PURE__ */ new Date(t + "T00:00:00");
-      let r = null;
-      switch (e.key) {
-        case "ArrowLeft":
-          r = b(s, -1);
-          break;
-        case "ArrowRight":
-          r = b(s, 1);
-          break;
-        case "ArrowUp":
-          r = b(s, -7);
-          break;
-        case "ArrowDown":
-          r = b(s, 7);
-          break;
-        case "Home":
-          r = k(s);
-          break;
-        case "End":
-          r = le(s);
-          break;
-        case "Enter":
-        case " ": {
-          e.preventDefault(), !I(s) && Y(s, c) && v(s);
-          return;
-        }
-        default:
-          return;
-      }
-      r && (e.preventDefault(), te(r));
-    };
-    return /* @__PURE__ */ y("div", { ref: J, ...$, className: C("w-[252px]", U), children: [
-      /* @__PURE__ */ y("div", { className: "flex items-center justify-between px-ds-02 pb-ds-04", children: [
-        F ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: () => u(z(c, 1)),
-            className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
-            "aria-label": "Previous month",
-            children: /* @__PURE__ */ i(P, { icon: me, size: "sm", stroke: "light" })
-          }
-        ),
-        /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: R,
-            className: C(
-              "text-ds-md font-semibold text-surface-fg",
-              R && "cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover"
-            ),
-            "aria-label": "Switch to month/year view",
-            children: m(c, "MMMM yyyy")
-          }
-        ),
-        S ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: () => u(B(c, 1)),
-            className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
-            "aria-label": "Next month",
-            children: /* @__PURE__ */ i(P, { icon: pe, size: "sm", stroke: "light" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ y(
-        "div",
-        {
-          ref: M,
-          className: "grid grid-cols-7 gap-0",
-          role: "grid",
-          tabIndex: 0,
-          "aria-label": "Calendar",
-          onKeyDown: se,
-          children: [
-            be.map((e) => /* @__PURE__ */ i(
-              "div",
-              {
-                role: "columnheader",
-                className: "flex h-ds-sm items-center justify-center text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
-                children: e
-              },
-              e
-            )),
-            E.map((e, n) => {
-              const t = Y(e, c), s = I(e), r = d && x(e, d), O = H(e), p = ee(e), oe = x(e, /* @__PURE__ */ new Date()), W = m(e, "yyyy-MM-dd"), K = Q.get(W) ?? [];
-              return /* @__PURE__ */ y(
-                "button",
-                {
-                  type: "button",
-                  role: "gridcell",
-                  "data-date": W,
-                  tabIndex: t && !s ? 0 : -1,
-                  disabled: !t || s,
-                  onClick: () => {
-                    t && !s && v(e);
-                  },
-                  onMouseEnter: () => a?.(e),
-                  onMouseLeave: () => a?.(null),
-                  "aria-label": m(e, "EEEE, MMMM d, yyyy"),
-                  "aria-selected": r || p || void 0,
-                  "aria-disabled": !t || s || void 0,
-                  className: C(
-                    "relative flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-ds-md text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard",
-                    !t && "pointer-events-none opacity-0",
-                    t && s && "opacity-action-disabled pointer-events-none cursor-not-allowed",
-                    t && !s && !r && !p && !O && "text-surface-fg hover:bg-surface-raised-hover",
-                    O && !p && "rounded-ds-none bg-surface-raised-hover text-surface-fg",
-                    (r || p) && "bg-accent-9 text-accent-fg hover:bg-accent-10",
-                    oe && !r && !p && !s && "font-semibold text-accent-11"
-                  ),
-                  children: [
-                    m(e, "d"),
-                    K.length > 0 && /* @__PURE__ */ i("span", { className: "flex gap-px justify-center absolute bottom-[2px] left-0 right-0", children: K.slice(0, 3).map((re, ne) => /* @__PURE__ */ i(
-                      "span",
-                      {
-                        "data-event-dot": !0,
-                        className: "h-[4px] w-[4px] rounded-ds-full",
-                        style: { backgroundColor: re.color ?? "var(--color-accent-9)" }
-                      },
-                      ne
-                    )) })
-                  ]
-                },
-                n
-              );
-            })
-          ]
-        }
-      )
-    ] });
-  }
-);
-he.displayName = "CalendarGrid";
-function ke(D) {
-  const [c, d] = ae(D ?? /* @__PURE__ */ new Date());
-  return {
-    currentMonth: c,
-    setCurrentMonth: d,
-    goToPreviousMonth: () => d((a) => z(a, 1)),
-    goToNextMonth: () => d((a) => B(a, 1)),
-    goToMonth: (a) => d((u) => fe(u, a)),
-    goToYear: (a) => d((u) => ue(u, a))
-  };
+import { cn as e } from "../ui/lib/utils.js";
+import { Icon as t } from "../ui/icon.js";
+import * as n from "react";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconChevronLeft as o, IconChevronRight as s } from "@tabler/icons-react";
+import { addDays as c, addMonths as l, endOfMonth as u, endOfWeek as d, format as f, isAfter as p, isBefore as m, isSameDay as h, isSameMonth as g, isWithinInterval as _, lastDayOfMonth as v, setMonth as y, setYear as b, startOfDay as x, startOfMonth as S, startOfWeek as C, subMonths as w } from "date-fns";
+//#region src/composed/date-picker/calendar-grid.tsx
+var T = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+], E = n.forwardRef(function({ currentMonth: r, selected: y, rangeStart: b, rangeEnd: E, hoverDate: D, onSelect: O, onHover: k, onMonthChange: A, onHeaderClick: j, disabledDates: M, minDate: N, maxDate: P, hidePrevNav: F, hideNextNav: I, events: L, className: R, ...z }, B) {
+	let V = n.useRef(null), H = n.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		if (!L) return e;
+		for (let t of L) {
+			let n = f(t.date, "yyyy-MM-dd"), r = e.get(n) ?? [];
+			r.push(t), e.set(n, r);
+		}
+		return e;
+	}, [L]), U = S(r), W = u(r), G = C(U), K = d(W), q = [], J = G;
+	for (; J <= K;) q.push(J), J = c(J, 1);
+	let Y = (e) => !!(M?.(e) || N && m(e, x(N)) || P && p(e, x(P))), X = (e) => b && E ? _(e, {
+		start: m(b, E) ? b : E,
+		end: p(E, b) ? E : b
+	}) : b && D ? _(e, {
+		start: m(b, D) ? b : D,
+		end: p(D, b) ? D : b
+	}) : !1, Z = (e) => !!(b && h(e, b) || E && h(e, E)), Q = (e) => {
+		if (!V.current) return;
+		let t = f(e, "yyyy-MM-dd"), n = V.current.querySelector(`[data-date="${t}"]`);
+		n ? n.focus() : A(S(e));
+	}, $ = (e) => {
+		let t = e.target.getAttribute("data-date");
+		if (!t) return;
+		let n = /* @__PURE__ */ new Date(t + "T00:00:00"), i = null;
+		switch (e.key) {
+			case "ArrowLeft":
+				i = c(n, -1);
+				break;
+			case "ArrowRight":
+				i = c(n, 1);
+				break;
+			case "ArrowUp":
+				i = c(n, -7);
+				break;
+			case "ArrowDown":
+				i = c(n, 7);
+				break;
+			case "Home":
+				i = S(n);
+				break;
+			case "End":
+				i = v(n);
+				break;
+			case "Enter":
+			case " ":
+				e.preventDefault(), !Y(n) && g(n, r) && O(n);
+				return;
+			default: return;
+		}
+		i && (e.preventDefault(), Q(i));
+	};
+	return /* @__PURE__ */ a("div", {
+		ref: B,
+		...z,
+		className: e("w-[252px]", R),
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center justify-between px-ds-02 pb-ds-04",
+			children: [
+				F ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i("button", {
+					type: "button",
+					onClick: () => A(w(r, 1)),
+					className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
+					"aria-label": "Previous month",
+					children: /* @__PURE__ */ i(t, {
+						icon: o,
+						size: "sm",
+						stroke: "light"
+					})
+				}),
+				/* @__PURE__ */ i("button", {
+					type: "button",
+					onClick: j,
+					className: e("text-ds-md font-semibold text-surface-fg", j && "cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover"),
+					"aria-label": "Switch to month/year view",
+					children: f(r, "MMMM yyyy")
+				}),
+				I ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i("button", {
+					type: "button",
+					onClick: () => A(l(r, 1)),
+					className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
+					"aria-label": "Next month",
+					children: /* @__PURE__ */ i(t, {
+						icon: s,
+						size: "sm",
+						stroke: "light"
+					})
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			ref: V,
+			className: "grid grid-cols-7 gap-0",
+			role: "grid",
+			tabIndex: 0,
+			"aria-label": "Calendar",
+			onKeyDown: $,
+			children: [T.map((e) => /* @__PURE__ */ i("div", {
+				role: "columnheader",
+				className: "flex h-ds-sm items-center justify-center text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle",
+				children: e
+			}, e)), q.map((t, n) => {
+				let o = g(t, r), s = Y(t), c = y && h(t, y), l = X(t), u = Z(t), d = h(t, /* @__PURE__ */ new Date()), p = f(t, "yyyy-MM-dd"), m = H.get(p) ?? [];
+				return /* @__PURE__ */ a("button", {
+					type: "button",
+					role: "gridcell",
+					"data-date": p,
+					tabIndex: o && !s ? 0 : -1,
+					disabled: !o || s,
+					onClick: () => {
+						o && !s && O(t);
+					},
+					onMouseEnter: () => k?.(t),
+					onMouseLeave: () => k?.(null),
+					"aria-label": f(t, "EEEE, MMMM d, yyyy"),
+					"aria-selected": c || u || void 0,
+					"aria-disabled": !o || s || void 0,
+					className: e("relative flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-ds-md text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard", !o && "pointer-events-none opacity-0", o && s && "opacity-action-disabled pointer-events-none cursor-not-allowed", o && !s && !c && !u && !l && "text-surface-fg hover:bg-surface-raised-hover", l && !u && "rounded-ds-none bg-surface-raised-hover text-surface-fg", (c || u) && "bg-accent-9 text-accent-fg hover:bg-accent-10", d && !c && !u && !s && "font-semibold text-accent-11"),
+					children: [f(t, "d"), m.length > 0 && /* @__PURE__ */ i("span", {
+						className: "flex gap-px justify-center absolute bottom-[2px] left-0 right-0",
+						children: m.slice(0, 3).map((e, t) => /* @__PURE__ */ i("span", {
+							"data-event-dot": !0,
+							className: "h-[4px] w-[4px] rounded-ds-full",
+							style: { backgroundColor: e.color ?? "var(--color-accent-9)" }
+						}, t))
+					})]
+				}, n);
+			})]
+		})]
+	});
+});
+E.displayName = "CalendarGrid";
+//#endregion
+//#region src/composed/date-picker/use-calendar.ts
+function D(e) {
+	let [t, n] = r(e ?? /* @__PURE__ */ new Date());
+	return {
+		currentMonth: t,
+		setCurrentMonth: n,
+		goToPreviousMonth: () => n((e) => w(e, 1)),
+		goToNextMonth: () => n((e) => l(e, 1)),
+		goToMonth: (e) => n((t) => y(t, e)),
+		goToYear: (e) => n((t) => b(t, e))
+	};
 }
-export {
-  he as C,
-  ke as u
-};
+//#endregion
+export { E as n, D as t };