@cascivo/react 0.8.0 → 0.10.0

package/dist/node/progress-bar/progress-bar.js

@@ -0,0 +1,44 @@
+"use client";
+
+import e from "./progress-bar.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/progress-bar/progress-bar.tsx
+function i({ value: i, max: a = 100, label: o, helperText: s, size: c = "md", status: l = "active", className: u }) {
+	let d = i === void 0, f = d ? 0 : Math.min(Math.max(i, 0), a), p = a > 0 ? f / a * 100 : 0, m = o ? `cascade-progress-${o.toLowerCase().replace(/\s+/g, "-")}` : void 0, h = l === "success" ? "✓" : l === "error" ? "✕" : null;
+	return /* @__PURE__ */ r("div", {
+		"data-status": l,
+		"data-size": c,
+		"data-state": d ? "indeterminate" : void 0,
+		className: t(e.progress, u),
+		children: [
+			o && /* @__PURE__ */ r("span", {
+				id: m,
+				className: e.label,
+				children: [o, h && /* @__PURE__ */ n("span", {
+					className: e.glyph,
+					"aria-hidden": "true",
+					children: h
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": a,
+				"aria-valuenow": d ? void 0 : f,
+				"aria-labelledby": m,
+				className: e.track,
+				children: /* @__PURE__ */ n("div", {
+					className: e.fill,
+					style: d ? void 0 : { "--cascivo-progress-value": `${p}%` }
+				})
+			}),
+			s && /* @__PURE__ */ n("span", {
+				className: e.helper,
+				children: s
+			})
+		]
+	});
+}
+//#endregion
+export { i as ProgressBar };

package/dist/node/progress-bar/progress-bar.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+var e = {
+	progress: "_progress_16ha1_2",
+	"cascade-progress-sweep": "_cascade-progress-sweep_16ha1_1",
+	fill: "_fill_16ha1_9",
+	glyph: "_glyph_16ha1_13",
+	track: "_track_16ha1_28",
+	label: "_label_16ha1_44",
+	helper: "_helper_16ha1_77"
+};
+//#endregion
+export { e as default };

package/dist/node/progress-circle/progress-circle.js

@@ -0,0 +1,48 @@
+"use client";
+
+import e from "./progress-circle.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/progress-circle/progress-circle.tsx
+var i = 20, a = 2 * Math.PI * i;
+function o({ value: o, max: s = 100, size: c = "md", showValue: l = !1, label: u, className: d, ...f }) {
+	let p = Math.min(Math.max(o, 0), s), m = s > 0 ? p / s * 100 : 0, h = a * (1 - m / 100);
+	return /* @__PURE__ */ r("div", {
+		role: "progressbar",
+		"aria-valuemin": 0,
+		"aria-valuemax": s,
+		"aria-valuenow": p,
+		"aria-label": u,
+		"data-size": c,
+		className: t(e.progressCircle, d),
+		...f,
+		children: [/* @__PURE__ */ r("svg", {
+			viewBox: "0 0 48 48",
+			"aria-hidden": "true",
+			className: e.svg,
+			children: [/* @__PURE__ */ n("circle", {
+				className: e.track,
+				cx: "24",
+				cy: "24",
+				r: i,
+				fill: "none",
+				strokeWidth: "4"
+			}), /* @__PURE__ */ n("circle", {
+				className: e.fill,
+				cx: "24",
+				cy: "24",
+				r: i,
+				fill: "none",
+				strokeWidth: "4",
+				strokeLinecap: "round",
+				strokeDasharray: a,
+				strokeDashoffset: h
+			})]
+		}), l && /* @__PURE__ */ r("span", {
+			className: e.value,
+			children: [Math.round(m), "%"]
+		})]
+	});
+}
+//#endregion
+export { o as ProgressCircle };

package/dist/node/progress-circle/progress-circle.module.js

@@ -0,0 +1,11 @@
+"use client";
+
+var e = {
+	progressCircle: "_progressCircle_1eok5_2",
+	value: "_value_1eok5_22",
+	svg: "_svg_1eok5_27",
+	track: "_track_1eok5_33",
+	fill: "_fill_1eok5_37"
+};
+//#endregion
+export { e as default };

package/dist/node/progress-indicator/progress-indicator.js

@@ -0,0 +1,36 @@
+"use client";
+
+import e from "./progress-indicator.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../components/src/progress-indicator/progress-indicator.tsx
+function i({ steps: i, currentIndex: a, vertical: o = !1, className: s }) {
+	return /* @__PURE__ */ n("ol", {
+		className: t(e.indicator, s),
+		"data-orientation": o ? "vertical" : "horizontal",
+		children: i.map((t, i) => {
+			let o = i < a ? "complete" : i === a ? "current" : "incomplete";
+			return /* @__PURE__ */ r("li", {
+				className: e.step,
+				"data-status": o,
+				"aria-current": o === "current" ? "step" : void 0,
+				children: [/* @__PURE__ */ n("span", {
+					className: e.marker,
+					"aria-hidden": "true",
+					children: o === "complete" ? "✓" : i + 1
+				}), /* @__PURE__ */ r("span", {
+					className: e.text,
+					children: [/* @__PURE__ */ n("span", {
+						className: e.label,
+						children: t.label
+					}), t.description && /* @__PURE__ */ n("span", {
+						className: e.description,
+						children: t.description
+					})]
+				})]
+			}, i);
+		})
+	});
+}
+//#endregion
+export { i as ProgressIndicator };

package/dist/node/progress-indicator/progress-indicator.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+var e = {
+	indicator: "_indicator_jj7mg_2",
+	step: "_step_jj7mg_13",
+	marker: "_marker_jj7mg_39",
+	text: "_text_jj7mg_71",
+	label: "_label_jj7mg_77",
+	description: "_description_jj7mg_89"
+};
+//#endregion
+export { e as default };

package/dist/node/prose/prose.js

@@ -0,0 +1,15 @@
+"use client";
+
+import e from "./prose.module.js";
+import { cn as t } from "@cascivo/core";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../components/src/prose/prose.tsx
+function r({ className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		className: t(e.prose, r),
+		...a,
+		children: i
+	});
+}
+//#endregion
+export { r as Prose };

package/dist/node/prose/prose.module.js

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

package/dist/node/pull-to-refresh/pull-to-refresh.js

@@ -0,0 +1,82 @@
+"use client";
+
+import { Spinner as e } from "../spinner/spinner.js";
+import t from "./pull-to-refresh.module.js";
+import { cn as n, useSignal 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 { useRef as u } from "react";
+//#region ../components/src/pull-to-refresh/pull-to-refresh.tsx
+var d = .5;
+function f({ onRefresh: f, children: p, threshold: m = 64, disabled: h = !1, labels: g, className: _ }) {
+	a();
+	let v = u(null), y = r(0), b = r(!1), x = r(!1), S = u(f);
+	S.current = f;
+	let C = u(m);
+	C.current = m;
+	let w = u(h);
+	w.current = h, i(() => {
+		let e = v.current;
+		if (!e || typeof window > "u") return;
+		let t = 0, n = !1, r = (r) => {
+			w.current || b.value || e.scrollTop > 0 || (t = r.clientY, n = !0);
+		}, i = (r) => {
+			if (!n || b.value) return;
+			let i = r.clientY - t;
+			if (i <= 0 || e.scrollTop > 0) {
+				y.value = 0, x.value = !1;
+				return;
+			}
+			r.preventDefault(), x.value = !0, y.value = Math.min(i * d, C.current * 1.5);
+		}, a = () => {
+			n && (n = !1, x.value = !1, !b.value && (y.value >= C.current ? (b.value = !0, y.value = C.current, Promise.resolve(S.current()).then(() => {
+				b.value = !1, y.value = 0;
+			}, () => {
+				b.value = !1, y.value = 0;
+			})) : y.value = 0));
+		};
+		return e.addEventListener("pointerdown", r), window.addEventListener("pointermove", i, { passive: !1 }), window.addEventListener("pointerup", a), window.addEventListener("pointercancel", a), () => {
+			e.removeEventListener("pointerdown", r), window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", a);
+		};
+	});
+	let T = b.value ? m : y.value, E = Math.min(T / m, 1), D = E >= 1, O = b.value ? g?.refreshing ?? s(o.pullToRefresh.refreshing) : D ? g?.release ?? s(o.pullToRefresh.release) : T > 0 ? g?.pull ?? s(o.pullToRefresh.pull) : "", k = { "--_pull": `${T}px` };
+	return /* @__PURE__ */ l("div", {
+		className: n(t.root, _),
+		style: k,
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: t.indicator,
+				"data-dragging": x.value ? "" : void 0,
+				children: b.value ? /* @__PURE__ */ c(e, { size: "sm" }) : /* @__PURE__ */ c("svg", {
+					"aria-hidden": "true",
+					viewBox: "0 0 16 16",
+					className: t.arrow,
+					"data-ready": D ? "" : void 0,
+					style: { opacity: E },
+					children: /* @__PURE__ */ c("path", {
+						d: "M8 13V3M4 7l4-4 4 4",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
+			}),
+			/* @__PURE__ */ c("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: t.srOnly,
+				children: O
+			}),
+			/* @__PURE__ */ c("div", {
+				ref: v,
+				className: t.viewport,
+				"data-dragging": x.value ? "" : void 0,
+				children: p
+			})
+		]
+	});
+}
+//#endregion
+export { f as PullToRefresh };

package/dist/node/pull-to-refresh/pull-to-refresh.module.js

@@ -0,0 +1,11 @@
+"use client";
+
+var e = {
+	root: "_root_1rhho_2",
+	indicator: "_indicator_1rhho_8",
+	arrow: "_arrow_1rhho_25",
+	viewport: "_viewport_1rhho_35",
+	srOnly: "_srOnly_1rhho_47"
+};
+//#endregion
+export { e as default };