@cascivo/react 0.9.0 → 0.10.1

package/dist/node/password-input/password-input.js

@@ -0,0 +1,80 @@
+"use client";
+
+import e from "./password-input.module.js";
+import { cn as t, useSignal as n, useSignals as r } from "@cascivo/core";
+import { builtin as i, t as a } from "@cascivo/i18n";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useId as c } from "react";
+//#region ../components/src/password-input/password-input.tsx
+function l(e) {
+	if (!e) return {
+		score: 0,
+		label: "weak"
+	};
+	let t = 0;
+	return /[a-z]/.test(e) && t++, /[A-Z]/.test(e) && t++, /[0-9]/.test(e) && t++, /[^a-zA-Z0-9]/.test(e) && t++, e.length >= 12 && (t = Math.min(4, t + 1)), t = Math.min(4, t), {
+		score: t,
+		label: [
+			"weak",
+			"weak",
+			"fair",
+			"good",
+			"strong"
+		][t]
+	};
+}
+function u({ showStrengthMeter: u = !1, size: d = "md", labels: f, className: p, id: m, value: h, defaultValue: g, onChange: _, ...v }) {
+	r();
+	let y = n(!1), b = n(typeof h == "string" ? h : typeof g == "string" ? g : "");
+	typeof h == "string" && (b.value = h);
+	let x = c(), S = m ?? `cascade-password-${x}`, C = u ? l(b.value) : null, w = y.value ? f?.hide ?? a(i.passwordInput.hide) : f?.reveal ?? a(i.passwordInput.reveal), T = C ? f?.strengthLabel ? f.strengthLabel(C.label) : a(i.passwordInput.strengthLabel, { level: C.label }) : void 0;
+	return /* @__PURE__ */ s("div", {
+		className: t(e.wrapper, p),
+		"data-size": d,
+		"data-revealed": y.value ? "" : void 0,
+		children: [/* @__PURE__ */ s("div", {
+			className: e["input-row"],
+			children: [/* @__PURE__ */ o("input", {
+				...v,
+				id: S,
+				type: y.value ? "text" : "password",
+				className: e.input,
+				value: h,
+				defaultValue: g,
+				onChange: (e) => {
+					typeof h != "string" && (b.value = e.currentTarget.value), _?.(e);
+				}
+			}), /* @__PURE__ */ o("button", {
+				type: "button",
+				className: e["reveal-btn"],
+				"aria-label": w,
+				onClick: () => {
+					y.value = !y.value;
+				},
+				children: /* @__PURE__ */ o("span", {
+					className: e["reveal-icon"],
+					"aria-hidden": "true"
+				})
+			})]
+		}), u && C && /* @__PURE__ */ o("div", {
+			className: e["strength-meter"],
+			role: "meter",
+			"aria-label": T,
+			"aria-valuenow": C.score,
+			"aria-valuemin": 0,
+			"aria-valuemax": 4,
+			"data-strength": C.label,
+			children: [
+				0,
+				1,
+				2,
+				3
+			].map((t) => /* @__PURE__ */ o("div", {
+				className: e["strength-segment"],
+				"data-filled": t < C.score ? "" : void 0
+			}, t))
+		})]
+	});
+}
+//#endregion
+export { u as PasswordInput };

package/dist/node/password-input/password-input.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+var e = {
+	wrapper: "_wrapper_r2rcd_2",
+	"input-row": "_input-row_r2rcd_26",
+	input: "_input_r2rcd_26",
+	"reveal-btn": "_reveal-btn_r2rcd_68",
+	"reveal-icon": "_reveal-icon_r2rcd_94",
+	"strength-meter": "_strength-meter_r2rcd_114",
+	"strength-segment": "_strength-segment_r2rcd_135"
+};
+//#endregion
+export { e as default };

package/dist/node/popover/popover.js

@@ -0,0 +1,49 @@
+"use client";
+
+import { usePopover as e } from "./use-popover.js";
+import t from "./popover.module.js";
+import { useSignals as n } from "@cascivo/core";
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as i } from "react";
+//#region ../components/src/popover/popover.tsx
+var a = i(null);
+function o({ children: t, ...n }) {
+	let i = e(n);
+	return /* @__PURE__ */ r(a.Provider, {
+		value: i,
+		children: t
+	});
+}
+function s({ children: e }) {
+	return n(), /* @__PURE__ */ r(a.Consumer, { children: (n) => {
+		if (!n) throw Error("PopoverTrigger must be used inside <Popover>");
+		let { triggerRef: i, toggle: a, anchorName: o, isOpen: s } = n;
+		return /* @__PURE__ */ r("button", {
+			ref: i,
+			type: "button",
+			"aria-expanded": s.value,
+			"aria-haspopup": "dialog",
+			style: { anchorName: o },
+			onClick: a,
+			className: t.trigger,
+			children: e
+		});
+	} });
+}
+function c({ children: e, className: i }) {
+	return n(), /* @__PURE__ */ r(a.Consumer, { children: (n) => {
+		if (!n) throw Error("PopoverContent must be used inside <Popover>");
+		let { popoverRef: a, anchorName: o, isOpen: s } = n;
+		return /* @__PURE__ */ r("div", {
+			ref: a,
+			popover: "auto",
+			role: "dialog",
+			"data-state": s.value ? "open" : "closed",
+			style: { positionAnchor: o },
+			className: [t.content, i].filter(Boolean).join(" "),
+			children: e
+		});
+	} });
+}
+//#endregion
+export { o as Popover, c as PopoverContent, s as PopoverTrigger };

package/dist/node/popover/popover.module.js

@@ -0,0 +1,8 @@
+"use client";
+
+var e = {
+	trigger: "_trigger_13tp0_2",
+	content: "_content_13tp0_11"
+};
+//#endregion
+export { e as default };

package/dist/node/popover/use-popover.js

@@ -0,0 +1,57 @@
+"use client";
+
+import { useSignal as e, useSignalEffect as t } from "@cascivo/core";
+import { useRef as n } from "react";
+//#region ../components/src/popover/use-popover.ts
+var r = 0, i = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --cascivo-a");
+function a(a = {}) {
+	let o = n(`--cascivo-popover-${++r}`).current, s = n(null), c = n(null), l = e(a.open ?? !1);
+	a.open !== void 0 && (l.value = a.open);
+	let u = n(a.onOpenChange);
+	u.current = a.onOpenChange;
+	let d = n(a.placement);
+	d.current = a.placement;
+	let f = n(a.offset);
+	return f.current = a.offset, t(() => {
+		let e = l.value;
+		u.current?.(e);
+		let t = c.current;
+		if (t) {
+			if (e) try {
+				t.showPopover();
+			} catch {}
+			else try {
+				t.hidePopover();
+			} catch {}
+			if (!i && e) {
+				let e = s.current;
+				if (!e) return;
+				let n = e.getBoundingClientRect(), r = d.current ?? "bottom", i = f.current ?? 4;
+				r === "bottom" ? (t.style.top = `${n.bottom + i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`) : r === "top" ? (t.style.top = `${n.top - i + window.scrollY}px`, t.style.left = `${n.left + window.scrollX}px`, t.style.transform = "translateY(-100%)") : r === "left" ? (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.left - i + window.scrollX}px`, t.style.transform = "translateX(-100%)") : r === "right" && (t.style.top = `${n.top + window.scrollY}px`, t.style.left = `${n.right + i + window.scrollX}px`);
+			}
+		}
+	}), t(() => {
+		let e = c.current;
+		if (!e) return;
+		let t = (e) => {
+			e.newState === "closed" && (l.value = !1);
+		};
+		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
+	}), {
+		triggerRef: s,
+		popoverRef: c,
+		isOpen: l,
+		anchorName: o,
+		open: () => {
+			l.value = !0;
+		},
+		close: () => {
+			l.value = !1;
+		},
+		toggle: () => {
+			l.value = !l.value;
+		}
+	};
+}
+//#endregion
+export { a as usePopover };

package/dist/node/progress/progress.js

@@ -0,0 +1,17 @@
+"use client";
+
+import e from "./progress.module.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../components/src/progress/progress.tsx
+function n({ value: n, variant: r = "primary", size: i = "md", className: a, ...o }) {
+	return /* @__PURE__ */ t("progress", {
+		className: [e.progress, a].filter(Boolean).join(" "),
+		"data-variant": r,
+		"data-size": i,
+		value: n,
+		max: n === void 0 ? void 0 : 100,
+		...o
+	});
+}
+//#endregion
+export { n as Progress };

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

@@ -0,0 +1,8 @@
+"use client";
+
+var e = {
+	progress: "_progress_1xlox_2",
+	"cascivo-progress-indeterminate": "_cascivo-progress-indeterminate_1xlox_1"
+};
+//#endregion
+export { e as default };

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 };