@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/composed/schedule-view.js

@@ -1,191 +1,140 @@
 "use client";
-import { jsxs as w, jsx as a } from "react/jsx-runtime";
-import * as $ from "react";
-import { startOfWeek as S, addDays as E, format as l, isSameDay as k, isToday as C, getHours as v, getMinutes as N, differenceInMinutes as I } from "date-fns";
-import { cn as x } from "../ui/lib/utils.js";
-import { m as D } from "../_chunks/framer.js";
-const A = {
-  primary: "bg-accent-2 border-accent-7 text-accent-11",
-  success: "bg-success-3 border-success-7 text-success-11",
-  warning: "bg-warning-3 border-warning-7 text-warning-11",
-  error: "bg-error-3 border-error-7 text-error-11",
-  info: "bg-info-3 border-info-7 text-info-11",
-  neutral: "bg-surface-raised border-surface-border-strong text-surface-fg-muted"
+import { a as e } from "../_chunks/framer.js";
+import { cn as t } from "../ui/lib/utils.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { addDays as a, differenceInMinutes as o, format as s, getHours as c, getMinutes as l, isSameDay as u, isToday as d, startOfWeek as f } from "date-fns";
+//#region src/composed/schedule-view.tsx
+var p = {
+	primary: "bg-accent-2 border-accent-7 text-accent-11",
+	success: "bg-success-3 border-success-7 text-success-11",
+	warning: "bg-warning-3 border-warning-7 text-warning-11",
+	error: "bg-error-3 border-error-7 text-error-11",
+	info: "bg-info-3 border-info-7 text-info-11",
+	neutral: "bg-surface-raised border-surface-border-strong text-surface-fg-muted"
 };
-function O(r) {
-  return r === 0 ? "12 AM" : r < 12 ? `${r} AM` : r === 12 ? "12 PM" : `${r - 12} PM`;
+function m(e) {
+	return e === 0 ? "12 AM" : e < 12 ? `${e} AM` : e === 12 ? "12 PM" : `${e - 12} PM`;
 }
-function P(r, s, o) {
-  const i = (o - s) * 60, t = (v(r.start) - s) * 60 + N(r.start), f = I(r.end, r.start), u = t / i * 100, m = f / i * 100;
-  return {
-    top: `${u}%`,
-    height: `${m}%`
-  };
+function h(e, t, n) {
+	let r = (n - t) * 60, i = (c(e.start) - t) * 60 + l(e.start), a = o(e.end, e.start), s = i / r * 100, u = a / r * 100;
+	return {
+		top: `${s}%`,
+		height: `${u}%`
+	};
 }
-function T({ startHour: r, endHour: s }) {
-  const o = [];
-  for (let t = r; t < s; t++)
-    o.push(t);
-  const i = 100 / (s - r);
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: "relative shrink-0 w-[60px] border-r border-surface-border-strong",
-      "aria-hidden": "true",
-      children: o.map((t) => /* @__PURE__ */ a(
-        "div",
-        {
-          className: "text-ds-xs text-surface-fg-muted pr-ds-02 text-right",
-          style: { height: `${i}%` },
-          children: O(t)
-        },
-        t
-      ))
-    }
-  );
+function g({ startHour: e, endHour: t }) {
+	let n = [];
+	for (let r = e; r < t; r++) n.push(r);
+	let i = 100 / (t - e);
+	return /* @__PURE__ */ r("div", {
+		className: "relative shrink-0 w-[60px] border-r border-surface-border-strong",
+		"aria-hidden": "true",
+		children: n.map((e) => /* @__PURE__ */ r("div", {
+			className: "text-ds-xs text-surface-fg-muted pr-ds-02 text-right",
+			style: { height: `${i}%` },
+			children: m(e)
+		}, e))
+	});
 }
-function V({
-  date: r,
-  events: s,
-  startHour: o,
-  endHour: i,
-  slotDuration: t,
-  onEventClick: f,
-  onSlotClick: u,
-  showHeader: m
-}) {
-  const y = s.filter((e) => k(e.start, r)), p = (i - o) * 60, h = p / t, b = [];
-  for (let e = 0; e < h; e++) {
-    const n = new Date(r);
-    n.setHours(o, e * t, 0, 0);
-    const c = new Date(n);
-    c.setMinutes(c.getMinutes() + t), b.push({ start: n, end: c });
-  }
-  const d = C(r);
-  let g = null;
-  if (d) {
-    const e = /* @__PURE__ */ new Date(), n = v(e), c = N(e);
-    n >= o && n < i && (g = ((n - o) * 60 + c) / p * 100);
-  }
-  return /* @__PURE__ */ w("div", { className: "flex flex-1 flex-col min-w-[80px]", children: [
-    m && /* @__PURE__ */ a(
-      "div",
-      {
-        className: x(
-          "text-center text-ds-sm font-semibold py-ds-02 border-b border-surface-border-strong",
-          d ? "text-accent-11 bg-accent-2" : "text-surface-fg bg-surface-raised"
-        ),
-        children: l(r, "EEE d")
-      }
-    ),
-    /* @__PURE__ */ w("div", { className: "relative flex-1", children: [
-      b.map((e, n) => /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          className: x(
-            "block w-full border-b border-surface-border hover:bg-surface-raised-hover transition-colors ease-productive-standard",
-            n % 2 === 0 ? "border-surface-border-strong" : "border-surface-border-subtle"
-          ),
-          style: { height: `${100 / h}%` },
-          onClick: () => u?.(e.start, e.end),
-          "aria-label": `${l(e.start, "h:mm a")} to ${l(e.end, "h:mm a")}`
-        },
-        n
-      )),
-      y.map((e) => {
-        const n = P(e, o, i), c = A[e.color ?? "primary"];
-        return /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            className: x(
-              "absolute left-ds-01 right-ds-01 rounded-ds-sm border-l-[3px] px-ds-02 py-ds-01",
-              "text-left text-ds-xs font-medium overflow-hidden cursor-pointer",
-              "hover:shadow-raised hover:scale-[1.02] transition-[box-shadow,transform] duration-fast-02 ease-productive-standard",
-              c
-            ),
-            style: n,
-            onClick: (M) => {
-              M.stopPropagation(), f?.(e);
-            },
-            "aria-label": `${e.title}, ${l(e.start, "h:mm a")} to ${l(e.end, "h:mm a")}`,
-            children: /* @__PURE__ */ a("span", { className: "line-clamp-2", children: e.title })
-          },
-          e.id
-        );
-      }),
-      g != null && /* @__PURE__ */ a(
-        "div",
-        {
-          className: "absolute left-0 right-0 h-[2px] bg-error-9 z-10 pointer-events-none",
-          style: { top: `${g}%` },
-          "aria-hidden": "true",
-          children: /* @__PURE__ */ a(
-            D.span,
-            {
-              className: "absolute -left-[5px] -top-[4px] h-[10px] w-[10px] rounded-ds-full bg-error-9",
-              animate: { scale: [1, 1.3, 1] },
-              transition: { repeat: 1 / 0, duration: 2 }
-            }
-          )
-        }
-      )
-    ] })
-  ] });
+function _({ date: n, events: a, startHour: o, endHour: f, slotDuration: m, onEventClick: g, onSlotClick: _, showHeader: v }) {
+	let y = a.filter((e) => u(e.start, n)), b = (f - o) * 60, x = b / m, S = [];
+	for (let e = 0; e < x; e++) {
+		let t = new Date(n);
+		t.setHours(o, e * m, 0, 0);
+		let r = new Date(t);
+		r.setMinutes(r.getMinutes() + m), S.push({
+			start: t,
+			end: r
+		});
+	}
+	let C = d(n), w = null;
+	if (C) {
+		let e = /* @__PURE__ */ new Date(), t = c(e), n = l(e);
+		t >= o && t < f && (w = ((t - o) * 60 + n) / b * 100);
+	}
+	return /* @__PURE__ */ i("div", {
+		className: "flex flex-1 flex-col min-w-[80px]",
+		children: [v && /* @__PURE__ */ r("div", {
+			className: t("text-center text-ds-sm font-semibold py-ds-02 border-b border-surface-border-strong", C ? "text-accent-11 bg-accent-2" : "text-surface-fg bg-surface-raised"),
+			children: s(n, "EEE d")
+		}), /* @__PURE__ */ i("div", {
+			className: "relative flex-1",
+			children: [
+				S.map((e, n) => /* @__PURE__ */ r("button", {
+					type: "button",
+					className: t("block w-full border-b border-surface-border hover:bg-surface-raised-hover transition-colors ease-productive-standard", n % 2 == 0 ? "border-surface-border-strong" : "border-surface-border-subtle"),
+					style: { height: `${100 / x}%` },
+					onClick: () => _?.(e.start, e.end),
+					"aria-label": `${s(e.start, "h:mm a")} to ${s(e.end, "h:mm a")}`
+				}, n)),
+				y.map((e) => {
+					let n = h(e, o, f), i = p[e.color ?? "primary"];
+					return /* @__PURE__ */ r("button", {
+						type: "button",
+						className: t("absolute left-ds-01 right-ds-01 rounded-ds-sm border-l-[3px] px-ds-02 py-ds-01", "text-left text-ds-xs font-medium overflow-hidden cursor-pointer", "hover:shadow-raised hover:scale-[1.02] transition-[box-shadow,transform] duration-fast-02 ease-productive-standard", i),
+						style: n,
+						onClick: (t) => {
+							t.stopPropagation(), g?.(e);
+						},
+						"aria-label": `${e.title}, ${s(e.start, "h:mm a")} to ${s(e.end, "h:mm a")}`,
+						children: /* @__PURE__ */ r("span", {
+							className: "line-clamp-2",
+							children: e.title
+						})
+					}, e.id);
+				}),
+				w != null && /* @__PURE__ */ r("div", {
+					className: "absolute left-0 right-0 h-[2px] bg-error-9 z-10 pointer-events-none",
+					style: { top: `${w}%` },
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ r(e.span, {
+						className: "absolute -left-[5px] -top-[4px] h-[10px] w-[10px] rounded-ds-full bg-error-9",
+						animate: { scale: [
+							1,
+							1.3,
+							1
+						] },
+						transition: {
+							repeat: Infinity,
+							duration: 2
+						}
+					})
+				})
+			]
+		})]
+	});
 }
-const j = $.forwardRef(
-  ({
-    view: r,
-    date: s,
-    events: o,
-    onEventClick: i,
-    onSlotClick: t,
-    startHour: f = 8,
-    endHour: u = 18,
-    slotDuration: m = 30,
-    className: y,
-    ...p
-  }, h) => {
-    const b = $.useMemo(() => {
-      if (r === "day") return [s];
-      const d = S(s, { weekStartsOn: 1 });
-      return Array.from({ length: 7 }, (g, e) => E(d, e));
-    }, [r, s]);
-    return /* @__PURE__ */ w(
-      "div",
-      {
-        ref: h,
-        role: "region",
-        "aria-label": r === "day" ? `Schedule for ${l(s, "EEEE, MMMM d, yyyy")}` : `Week schedule starting ${l(b[0], "MMMM d, yyyy")}`,
-        className: x(
-          "flex rounded-ds-md border border-surface-border-strong bg-surface-raised overflow-hidden",
-          "h-[480px]",
-          y
-        ),
-        ...p,
-        children: [
-          /* @__PURE__ */ a(T, { startHour: f, endHour: u }),
-          /* @__PURE__ */ a("div", { className: "flex flex-1 divide-x divide-surface-border overflow-x-auto", children: b.map((d) => /* @__PURE__ */ a(
-            V,
-            {
-              date: d,
-              events: o,
-              startHour: f,
-              endHour: u,
-              slotDuration: m,
-              onEventClick: i,
-              onSlotClick: t,
-              showHeader: r === "week"
-            },
-            d.toISOString()
-          )) })
-        ]
-      }
-    );
-  }
-);
-j.displayName = "ScheduleView";
-export {
-  j as ScheduleView
-};
+var v = n.forwardRef(({ view: e, date: o, events: c, onEventClick: l, onSlotClick: u, startHour: d = 8, endHour: p = 18, slotDuration: m = 30, className: h, ...v }, y) => {
+	let b = n.useMemo(() => {
+		if (e === "day") return [o];
+		let t = f(o, { weekStartsOn: 1 });
+		return Array.from({ length: 7 }, (e, n) => a(t, n));
+	}, [e, o]);
+	return /* @__PURE__ */ i("div", {
+		ref: y,
+		role: "region",
+		"aria-label": e === "day" ? `Schedule for ${s(o, "EEEE, MMMM d, yyyy")}` : `Week schedule starting ${s(b[0], "MMMM d, yyyy")}`,
+		className: t("flex rounded-ds-md border border-surface-border-strong bg-surface-raised overflow-hidden", "h-[480px]", h),
+		...v,
+		children: [/* @__PURE__ */ r(g, {
+			startHour: d,
+			endHour: p
+		}), /* @__PURE__ */ r("div", {
+			className: "flex flex-1 divide-x divide-surface-border overflow-x-auto",
+			children: b.map((t) => /* @__PURE__ */ r(_, {
+				date: t,
+				events: c,
+				startHour: d,
+				endHour: p,
+				slotDuration: m,
+				onEventClick: l,
+				onSlotClick: u,
+				showHeader: e === "week"
+			}, t.toISOString()))
+		})]
+	});
+});
+v.displayName = "ScheduleView";
+//#endregion
+export { v as ScheduleView };

package/dist/composed/simple-tooltip.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import * as s from "react";
-import { TooltipProvider as T, Tooltip as a, TooltipTrigger as c, TooltipContent as f } from "../ui/tooltip.js";
-const h = s.forwardRef(
-  ({
-    content: i,
-    side: r = "top",
-    align: t = "center",
-    delayDuration: e = 300,
-    children: p,
-    className: l,
-    ...m
-  }, d) => /* @__PURE__ */ o(T, { delayDuration: e, children: /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ o(c, { ref: d, asChild: !0, children: p }),
-    /* @__PURE__ */ o(f, { side: r, align: t, className: l, ...m, children: i })
-  ] }) })
-);
-h.displayName = "SimpleTooltip";
-export {
-  h as SimpleTooltip
-};
+import { Tooltip as e, TooltipContent as t, TooltipProvider as n, TooltipTrigger as r } from "../ui/tooltip.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/composed/simple-tooltip.tsx
+var s = i.forwardRef(({ content: i, side: s = "top", align: c = "center", delayDuration: l = 300, children: u, className: d, ...f }, p) => /* @__PURE__ */ a(n, {
+	delayDuration: l,
+	children: /* @__PURE__ */ o(e, { children: [/* @__PURE__ */ a(r, {
+		ref: p,
+		asChild: !0,
+		children: u
+	}), /* @__PURE__ */ a(t, {
+		side: s,
+		align: c,
+		className: d,
+		...f,
+		children: i
+	})] })
+}));
+s.displayName = "SimpleTooltip";
+//#endregion
+export { s as SimpleTooltip };