@cascivo/react 0.8.0 → 0.10.0

package/dist/node/calendar/calendar.js

@@ -0,0 +1,195 @@
+"use client";
+
+import e from "./calendar.module.js";
+import { batch as t, cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
+import { builtin as a, currentLocale as o, t as s } from "@cascivo/i18n";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region ../components/src/calendar/calendar.tsx
+function u(e) {
+	try {
+		let t = new Intl.Locale(e).weekInfo;
+		if (t) return t.firstDay % 7;
+	} catch {}
+	return 1;
+}
+function d(e, t, n) {
+	let r = new Date(Date.UTC(e, t, 1)), i = new Date(Date.UTC(e, t + 1, 0)), a = (r.getUTCDay() - n + 7) % 7, o = [];
+	for (let e = 0; e < a; e++) o.push(null);
+	for (let n = 1; n <= i.getUTCDate(); n++) o.push(new Date(Date.UTC(e, t, n)));
+	for (; o.length % 7 != 0;) o.push(null);
+	let s = [];
+	for (let e = 0; e < o.length; e += 7) s.push(o.slice(e, e + 7));
+	return s;
+}
+function f(e) {
+	return `${e.getUTCFullYear()}-${e.getUTCMonth()}-${e.getUTCDate()}`;
+}
+function p(e, t) {
+	return !e || !t ? !1 : f(e) === f(t);
+}
+function m(e, t) {
+	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + t));
+}
+function h(e, t) {
+	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth() + t, e.getUTCDate()));
+}
+function g(e, t) {
+	return m(e, -((e.getUTCDay() - t + 7) % 7));
+}
+function _(e, t, n) {
+	if (t) {
+		let n = new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()));
+		if (e.getTime() < n.getTime()) return !0;
+	}
+	if (n) {
+		let t = new Date(Date.UTC(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate()));
+		if (e.getTime() > t.getTime()) return !0;
+	}
+	return !1;
+}
+function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabled: S, locale: C, size: w = "md", labels: T, className: E, isInRange: D, isRangeStart: O, isRangeEnd: k, onDayHover: A, month: j, year: M, onViewChange: N, hideNav: P = !1 }) {
+	i();
+	let F = C ?? o(), I = T?.previousMonth ?? s(a.calendar.previousMonth), L = T?.nextMonth ?? s(a.calendar.nextMonth), R = f === void 0 ? v ?? null : f, z = /* @__PURE__ */ new Date(), B = R ?? v ?? z, V = r(B.getUTCFullYear()), H = r(B.getUTCMonth()), U = r(B);
+	j !== void 0 && (H.value = j), M !== void 0 && (V.value = M);
+	let W = u(F), G = d(V.value, H.value, W), K = new Intl.DateTimeFormat(F, { weekday: "short" }), q = Array.from({ length: 7 }, (e, t) => {
+		let n = new Date(Date.UTC(2024, 0, 7 + W + t));
+		return K.format(n);
+	}), J = new Intl.DateTimeFormat(F, {
+		weekday: "long",
+		year: "numeric",
+		month: "long",
+		day: "numeric"
+	}), Y = new Intl.DateTimeFormat(F, {
+		month: "long",
+		year: "numeric"
+	}).format(new Date(Date.UTC(V.value, H.value, 1))), X = (e) => _(e, b, x) || (S ? S(e) : !1), Z = j !== void 0 || M !== void 0, ee = (e) => {
+		Z ? U.value = e : t(() => {
+			V.value = e.getUTCFullYear(), H.value = e.getUTCMonth(), U.value = e;
+		}), N?.({
+			month: e.getUTCMonth(),
+			year: e.getUTCFullYear()
+		});
+	}, Q = (e) => {
+		X(e) || y?.(e);
+	}, $ = (e) => {
+		let n = h(new Date(Date.UTC(V.value, H.value, 1)), e), r = n.getUTCMonth(), i = n.getUTCFullYear();
+		Z || t(() => {
+			H.value = r, V.value = i;
+		}), N?.({
+			month: r,
+			year: i
+		});
+	};
+	return /* @__PURE__ */ l("div", {
+		className: n(e.calendar, E),
+		"data-size": w,
+		onMouseLeave: () => A?.(null),
+		children: [/* @__PURE__ */ l("div", {
+			className: e.header,
+			children: [
+				P ? /* @__PURE__ */ c("span", { className: e.navSpacer }) : /* @__PURE__ */ c("button", {
+					type: "button",
+					className: e.navButton,
+					"aria-label": I,
+					onClick: () => $(-1),
+					children: "‹"
+				}),
+				/* @__PURE__ */ c("span", {
+					className: e.monthLabel,
+					"aria-live": "polite",
+					children: Y
+				}),
+				P ? /* @__PURE__ */ c("span", { className: e.navSpacer }) : /* @__PURE__ */ c("button", {
+					type: "button",
+					className: e.navButton,
+					"aria-label": L,
+					onClick: () => $(1),
+					children: "›"
+				})
+			]
+		}), /* @__PURE__ */ l("table", {
+			role: "grid",
+			"aria-label": Y,
+			className: e.grid,
+			onKeyDown: (e) => {
+				let t = U.value, n;
+				switch (e.key) {
+					case "ArrowRight":
+						n = m(t, 1);
+						break;
+					case "ArrowLeft":
+						n = m(t, -1);
+						break;
+					case "ArrowDown":
+						n = m(t, 7);
+						break;
+					case "ArrowUp":
+						n = m(t, -7);
+						break;
+					case "Home":
+						n = g(t, W);
+						break;
+					case "End":
+						n = m(g(t, W), 6);
+						break;
+					case "PageUp":
+						n = h(t, e.shiftKey ? -12 : -1);
+						break;
+					case "PageDown":
+						n = h(t, e.shiftKey ? 12 : 1);
+						break;
+					case "Enter":
+					case " ":
+						e.preventDefault(), Q(t);
+						return;
+					default: return;
+				}
+				e.preventDefault(), ee(n), A?.(n);
+			},
+			children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", {
+				role: "row",
+				children: q.map((t) => /* @__PURE__ */ c("th", {
+					className: e.weekday,
+					abbr: t,
+					scope: "col",
+					children: t
+				}, t))
+			}) }), /* @__PURE__ */ c("tbody", { children: G.map((t, n) => /* @__PURE__ */ c("tr", {
+				role: "row",
+				children: t.map((t, n) => {
+					if (!t) return /* @__PURE__ */ c("td", {
+						role: "gridcell",
+						className: e.empty
+					}, n);
+					let r = p(t, R), i = p(t, z), a = p(t, U.value), o = X(t), s = D ? D(t) : !1, l = O ? O(t) : !1, u = k ? k(t) : !1;
+					return /* @__PURE__ */ c("td", {
+						role: "gridcell",
+						className: e.cell,
+						"aria-selected": r,
+						children: /* @__PURE__ */ c("button", {
+							type: "button",
+							className: e.day,
+							tabIndex: a ? 0 : -1,
+							"aria-label": J.format(t),
+							"aria-current": i ? "date" : void 0,
+							"aria-disabled": o || void 0,
+							"data-selected": r || void 0,
+							"data-today": i || void 0,
+							"data-in-range": s || void 0,
+							"data-range-start": l || void 0,
+							"data-range-end": u || void 0,
+							onClick: () => Q(t),
+							onFocus: () => {
+								U.value = t;
+							},
+							onMouseEnter: () => A?.(t),
+							children: t.getUTCDate()
+						})
+					}, n);
+				})
+			}, n)) })]
+		})]
+	});
+}
+//#endregion
+export { v as Calendar };

package/dist/node/calendar/calendar.module.js

@@ -0,0 +1,16 @@
+"use client";
+
+var e = {
+	calendar: "_calendar_7pqxh_2",
+	header: "_header_7pqxh_33",
+	monthLabel: "_monthLabel_7pqxh_40",
+	navButton: "_navButton_7pqxh_46",
+	navSpacer: "_navSpacer_7pqxh_69",
+	grid: "_grid_7pqxh_74",
+	weekday: "_weekday_7pqxh_79",
+	cell: "_cell_7pqxh_88",
+	empty: "_empty_7pqxh_99",
+	day: "_day_7pqxh_104"
+};
+//#endregion
+export { e as default };

package/dist/node/card/card.js

@@ -0,0 +1,45 @@
+"use client";
+
+import e from "./card.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/card/card.tsx
+function r({ variant: r = "default", padding: i = "md", className: a, children: o, ...s }) {
+	return /* @__PURE__ */ n("div", {
+		"data-variant": r,
+		"data-padding": i,
+		className: t(e.card, a),
+		...s,
+		children: o
+	});
+}
+function i({ className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		className: t(e.header, r),
+		...a,
+		children: i
+	});
+}
+function a({ className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n("h3", {
+		className: t(e.title, r),
+		...a,
+		children: i
+	});
+}
+function o({ className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		className: t(e.content, r),
+		...a,
+		children: i
+	});
+}
+function s({ className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		className: t(e.footer, r),
+		...a,
+		children: i
+	});
+}
+//#endregion
+export { r as Card, o as CardContent, s as CardFooter, i as CardHeader, a as CardTitle };

package/dist/node/card/card.module.js

@@ -0,0 +1,11 @@
+"use client";
+
+var e = {
+	card: "_card_16415_2",
+	header: "_header_16415_35",
+	title: "_title_16415_46",
+	content: "_content_16415_55",
+	footer: "_footer_16415_63"
+};
+//#endregion
+export { e as default };

package/dist/node/carousel/carousel.js

@@ -0,0 +1,138 @@
+"use client";
+
+import e from "./carousel.module.js";
+import { cn as t, useControllableSignal as n, useRovingFocus as r, useSignalEffect as i, useSignals as a } from "@cascivo/core";
+import { builtin as o, t as s } from "@cascivo/i18n";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useId as u, useRef as d } from "react";
+//#region ../components/src/carousel/carousel.tsx
+function f(e, t) {
+	return t || (e == null ? [] : Array.isArray(e) ? e : [e]);
+}
+function p({ children: p, slides: m, index: h, defaultIndex: g, onIndexChange: _, loop: v = !1, className: y, labels: b }) {
+	a();
+	let x = u(), S = f(p, m), C = S.length, [w, T] = n({
+		value: h,
+		defaultValue: g ?? 0,
+		onChange: _
+	}), E = d(null), D = d([]), O = d(!1), { getItemProps: k, setActiveIndex: A } = r({
+		orientation: "horizontal",
+		loop: v
+	});
+	i(() => {
+		let e = E.current;
+		if (!e) return;
+		let t = () => {
+			if (O.current) return;
+			let t = Math.round(e.scrollLeft / e.clientWidth);
+			t !== w.value && T(t);
+		};
+		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
+	});
+	let j = (e) => {
+		if (C === 0) return;
+		let t = e;
+		t < 0 && (t = v ? C - 1 : 0), t >= C && (t = v ? 0 : C - 1);
+		let n = E.current;
+		n && typeof n.scrollTo == "function" && (O.current = !0, n.scrollTo({
+			left: t * n.clientWidth,
+			behavior: "smooth"
+		}), window.setTimeout(() => {
+			O.current = !1;
+		}, 400)), T(t), A(t);
+	}, M = b?.region ?? s(o.carousel.region), N = b?.previous ?? s(o.carousel.previous), P = b?.next ?? s(o.carousel.next);
+	return /* @__PURE__ */ l("section", {
+		className: t(e.carousel, y),
+		"aria-roledescription": "carousel",
+		"aria-label": M,
+		children: [/* @__PURE__ */ l("div", {
+			className: e.viewport,
+			children: [
+				/* @__PURE__ */ c("button", {
+					type: "button",
+					className: t(e.nav, e.prev),
+					"aria-label": N,
+					"aria-controls": `${x}-track`,
+					disabled: !v && w.value <= 0,
+					onClick: () => j(w.value - 1),
+					children: /* @__PURE__ */ c("svg", {
+						width: "20",
+						height: "20",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ c("path", {
+							d: "m15 18-6-6 6-6",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})
+					})
+				}),
+				/* @__PURE__ */ c("div", {
+					ref: E,
+					id: `${x}-track`,
+					className: e.track,
+					children: S.map((t, n) => /* @__PURE__ */ c("div", {
+						ref: (e) => {
+							D.current[n] = e;
+						},
+						className: e.slide,
+						role: "group",
+						"aria-roledescription": "slide",
+						"aria-label": s(o.carousel.slide, {
+							n: n + 1,
+							total: C
+						}),
+						"aria-hidden": n !== w.value || void 0,
+						children: t
+					}, n))
+				}),
+				/* @__PURE__ */ c("button", {
+					type: "button",
+					className: t(e.nav, e.next),
+					"aria-label": P,
+					"aria-controls": `${x}-track`,
+					disabled: !v && w.value >= C - 1,
+					onClick: () => j(w.value + 1),
+					children: /* @__PURE__ */ c("svg", {
+						width: "20",
+						height: "20",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ c("path", {
+							d: "m9 18 6-6-6-6",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})
+					})
+				})
+			]
+		}), /* @__PURE__ */ c("div", {
+			className: e.dots,
+			role: "group",
+			"aria-label": M,
+			children: S.map((t, n) => {
+				let r = k(n);
+				return /* @__PURE__ */ c("button", {
+					ref: r.ref,
+					type: "button",
+					className: e.dot,
+					"aria-label": s(o.carousel.goTo, { n: n + 1 }),
+					"aria-current": n === w.value || void 0,
+					"data-active": n === w.value || void 0,
+					tabIndex: r.tabIndex,
+					onKeyDown: r.onKeyDown,
+					onFocus: r.onFocus,
+					onClick: () => j(n)
+				}, n);
+			})
+		})]
+	});
+}
+//#endregion
+export { p as Carousel };

package/dist/node/carousel/carousel.module.js

@@ -0,0 +1,15 @@
+"use client";
+
+var e = {
+	carousel: "_carousel_1dvrl_2",
+	viewport: "_viewport_1dvrl_9",
+	track: "_track_1dvrl_15",
+	slide: "_slide_1dvrl_28",
+	nav: "_nav_1dvrl_35",
+	prev: "_prev_1dvrl_65",
+	next: "_next_1dvrl_69",
+	dots: "_dots_1dvrl_73",
+	dot: "_dot_1dvrl_73"
+};
+//#endregion
+export { e as default };

package/dist/node/chat-bubble/chat-bubble.js

@@ -0,0 +1,33 @@
+"use client";
+
+import e from "./chat-bubble.module.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region ../components/src/chat-bubble/chat-bubble.tsx
+function r({ children: r, side: i = "start", avatar: a, name: o, time: s, className: c }) {
+	return /* @__PURE__ */ n("div", {
+		className: [e.bubble, c].filter(Boolean).join(" "),
+		"data-side": i,
+		children: [a && /* @__PURE__ */ t("div", {
+			className: e.avatar,
+			"aria-hidden": "true",
+			children: a
+		}), /* @__PURE__ */ n("div", {
+			className: e.content,
+			children: [(o || s) && /* @__PURE__ */ n("div", {
+				className: e.meta,
+				children: [o && /* @__PURE__ */ t("span", {
+					className: e.name,
+					children: o
+				}), s && /* @__PURE__ */ t("time", {
+					className: e.time,
+					children: s
+				})]
+			}), /* @__PURE__ */ t("div", {
+				className: e.body,
+				children: r
+			})]
+		})]
+	});
+}
+//#endregion
+export { r as ChatBubble };

package/dist/node/chat-bubble/chat-bubble.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+var e = {
+	bubble: "_bubble_ykkyv_2",
+	avatar: "_avatar_ykkyv_18",
+	content: "_content_ykkyv_23",
+	meta: "_meta_ykkyv_32",
+	name: "_name_ykkyv_40",
+	time: "_time_ykkyv_44",
+	body: "_body_ykkyv_48"
+};
+//#endregion
+export { e as default };

package/dist/node/checkbox/checkbox.js

@@ -0,0 +1,38 @@
+"use client";
+
+import e from "./checkbox.module.js";
+import { cn as t, useSignal as n, useSignalEffect as r } from "@cascivo/core";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useRef as o } from "react";
+//#region ../components/src/checkbox/checkbox.tsx
+function s({ label: s, indeterminate: c = !1, className: l, id: u, disabled: d, ...f }) {
+	let p = o(null), m = n(c);
+	m.value = c, r(() => {
+		p.current && (p.current.indeterminate = m.value);
+	});
+	let h = u ?? (s ? `cascade-checkbox-${s.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+	return /* @__PURE__ */ a("label", {
+		className: t(e.wrapper, l),
+		"data-disabled": d || void 0,
+		children: [
+			/* @__PURE__ */ i("input", {
+				ref: p,
+				id: h,
+				type: "checkbox",
+				className: e.input,
+				disabled: d,
+				...f
+			}),
+			/* @__PURE__ */ i("span", {
+				className: e.control,
+				"aria-hidden": "true"
+			}),
+			s && /* @__PURE__ */ i("span", {
+				className: e.label,
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+export { s as Checkbox };

package/dist/node/checkbox/checkbox.module.js

@@ -0,0 +1,10 @@
+"use client";
+
+var e = {
+	wrapper: "_wrapper_tw120_2",
+	input: "_input_tw120_15",
+	control: "_control_tw120_28",
+	label: "_label_tw120_72"
+};
+//#endregion
+export { e as default };

package/dist/node/checkbox-card/checkbox-card.js

@@ -0,0 +1,48 @@
+"use client";
+
+import e from "./checkbox-card.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/checkbox-card/checkbox-card.tsx
+function i({ title: i, description: a, checked: o, defaultChecked: s, disabled: c, onCheckedChange: l, className: u, ...d }) {
+	return /* @__PURE__ */ r("label", {
+		className: t(e.card, u),
+		"data-disabled": c || void 0,
+		children: [
+			/* @__PURE__ */ n("input", {
+				type: "checkbox",
+				className: e.input,
+				disabled: c,
+				...o === void 0 ? { defaultChecked: s } : { checked: o },
+				onChange: (e) => l?.(e.currentTarget.checked),
+				...d
+			}),
+			/* @__PURE__ */ n("span", {
+				className: e.glyph,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ n("svg", {
+					viewBox: "0 0 12 12",
+					className: e.check,
+					children: /* @__PURE__ */ n("path", {
+						d: "M2.5 6.5 5 9l4.5-5.5",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.5"
+					})
+				})
+			}),
+			/* @__PURE__ */ r("span", {
+				className: e.body,
+				children: [/* @__PURE__ */ n("span", {
+					className: e.title,
+					children: i
+				}), a && /* @__PURE__ */ n("span", {
+					className: e.description,
+					children: a
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { i as CheckboxCard };

package/dist/node/checkbox-card/checkbox-card.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+var e = {
+	card: "_card_102u6_2",
+	input: "_input_102u6_34",
+	glyph: "_glyph_102u6_43",
+	check: "_check_102u6_62",
+	body: "_body_102u6_67",
+	title: "_title_102u6_73",
+	description: "_description_102u6_79"
+};
+//#endregion
+export { e as default };

package/dist/node/code/code.js

@@ -0,0 +1,16 @@
+"use client";
+
+import e from "./code.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/code/code.tsx
+function r({ size: r = "md", className: i, children: a, ...o }) {
+	return /* @__PURE__ */ n("code", {
+		"data-size": r,
+		className: t(e.code, i),
+		...o,
+		children: a
+	});
+}
+//#endregion
+export { r as Code };

package/dist/node/code/code.module.js

@@ -0,0 +1,5 @@
+"use client";
+
+var e = { code: "_code_hxmy6_2" };
+//#endregion
+export { e as default };