@cascivo/react 0.3.4 → 0.3.8

package/dist/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/progress/progress.css

@@ -0,0 +1 @@
+@layer cascivo.component{._progress_1xlox_2{appearance:none;border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-surface-2);border:none;inline-size:100%;display:block;overflow:hidden}._progress_1xlox_2[data-size=sm]{block-size:.25rem}._progress_1xlox_2[data-size=md]{block-size:.5rem}._progress_1xlox_2[data-size=lg]{block-size:.75rem}._progress_1xlox_2::-webkit-progress-bar{background:0 0}._progress_1xlox_2::-webkit-progress-value{background-color:var(--cascivo-progress-color,var(--cascivo-color-accent));border-radius:var(--cascivo-radius-full);transition:inline-size .15s var(--cascivo-ease-out)}._progress_1xlox_2::-moz-progress-bar{background-color:var(--cascivo-progress-color,var(--cascivo-color-accent));border-radius:var(--cascivo-radius-full)}._progress_1xlox_2[data-variant=primary]{--cascivo-progress-color:var(--cascivo-color-primary)}._progress_1xlox_2[data-variant=info]{--cascivo-progress-color:var(--cascivo-color-info)}._progress_1xlox_2[data-variant=success]{--cascivo-progress-color:var(--cascivo-color-success)}._progress_1xlox_2[data-variant=warning]{--cascivo-progress-color:var(--cascivo-color-warning)}._progress_1xlox_2[data-variant=error]{--cascivo-progress-color:var(--cascivo-color-error)}._progress_1xlox_2:indeterminate::-webkit-progress-value{animation:1.4s ease-in-out infinite _cascivo-progress-indeterminate_1xlox_1}._progress_1xlox_2:indeterminate::-moz-progress-bar{animation:1.4s ease-in-out infinite _cascivo-progress-indeterminate_1xlox_1}@keyframes _cascivo-progress-indeterminate_1xlox_1{0%{inline-size:0%;margin-inline-start:0}50%{inline-size:50%;margin-inline-start:25%}to{inline-size:0%;margin-inline-start:100%}}}

package/dist/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/progress/progress.module.js

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

package/dist/progress-bar/progress-bar.css

@@ -0,0 +1 @@
+@layer cascivo.component{._progress_16ha1_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:flex}._progress_16ha1_2[data-status=success] ._fill_16ha1_9{background-color:var(--cascivo-color-success)}._progress_16ha1_2[data-status=success] ._glyph_16ha1_13{color:var(--cascivo-color-success)}._progress_16ha1_2[data-status=error] ._fill_16ha1_9{background-color:var(--cascivo-color-destructive)}._progress_16ha1_2[data-status=error] ._glyph_16ha1_13{color:var(--cascivo-color-destructive)}._progress_16ha1_2[data-size=sm] ._track_16ha1_28{block-size:var(--cascivo-space-1)}._progress_16ha1_2[data-size=md] ._track_16ha1_28{block-size:var(--cascivo-space-2)}._progress_16ha1_2[data-state=indeterminate] ._fill_16ha1_9{inline-size:40%;animation:_cascade-progress-sweep_16ha1_1 1.4s var(--cascivo-ease-in-out) infinite;transition:none}._label_16ha1_44{align-items:center;gap:var(--cascivo-space-1);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);display:inline-flex}._glyph_16ha1_13{font-size:var(--cascivo-text-xs);line-height:1}._track_16ha1_28{background-color:var(--cascivo-color-border);border-radius:var(--cascivo-radius-full);inline-size:100%;position:relative;overflow:hidden}._fill_16ha1_9{inline-size:var(--cascivo-progress-value,0%);background-color:var(--cascivo-color-accent);border-radius:var(--cascivo-radius-full);transition:inline-size var(--cascivo-motion-enter);position:absolute;inset-block:0;inset-inline-start:0}._helper_16ha1_77{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-tight)}@keyframes _cascade-progress-sweep_16ha1_1{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}@media (prefers-reduced-motion:reduce){._progress_16ha1_2[data-state=indeterminate] ._fill_16ha1_9{animation-duration:4s}}}

package/dist/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/progress-bar/progress-bar.module.js

@@ -0,0 +1,14 @@
+"use client";
+
+import './progress-bar.css';
+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/progress-circle/progress-circle.css

@@ -0,0 +1 @@
+@layer cascivo.component{._progressCircle_1eok5_2{place-items:center;display:inline-grid;position:relative}._progressCircle_1eok5_2[data-size=sm]{block-size:1.5rem;inline-size:1.5rem}._progressCircle_1eok5_2[data-size=md]{block-size:2.5rem;inline-size:2.5rem}._progressCircle_1eok5_2[data-size=lg]{block-size:3.5rem;inline-size:3.5rem}._progressCircle_1eok5_2[data-size=lg] ._value_1eok5_22{font-size:var(--cascivo-text-sm)}._svg_1eok5_27{block-size:100%;inline-size:100%;display:block}._track_1eok5_33{stroke:var(--cascivo-color-border)}._fill_1eok5_37{stroke:var(--cascivo-color-accent);transform-origin:50%;transition:stroke-dashoffset var(--cascivo-duration-300) var(--cascivo-ease-out);transform:rotate(-90deg)}._value_1eok5_22{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);font-variant-numeric:tabular-nums;line-height:1;position:absolute}@media (prefers-reduced-motion:reduce){._fill_1eok5_37{transition:none}}}

package/dist/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/progress-circle/progress-circle.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './progress-circle.css';
+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/progress-indicator/progress-indicator.css

@@ -0,0 +1 @@
+@layer cascivo.component{._indicator_jj7mg_2{--_marker-size:2rem;--_connector-thickness:2px;font-family:var(--cascivo-font-sans);margin:0;padding:0;list-style:none;display:flex}._step_jj7mg_13{align-items:center;gap:var(--cascivo-space-2);text-align:center;flex-direction:column;flex:1;display:flex;position:relative}._step_jj7mg_13:not(:first-child):before{content:"";block-size:var(--_connector-thickness);background-color:var(--cascivo-color-border);position:absolute;inset-block-start:calc(var(--_marker-size) / 2 - var(--_connector-thickness) / 2);inset-inline-start:calc(-50% + var(--_marker-size) / 2 + var(--cascivo-space-2));inset-inline-end:calc(50% + var(--_marker-size) / 2 + var(--cascivo-space-2))}._step_jj7mg_13[data-status=complete]:before,._step_jj7mg_13[data-status=current]:before{background-color:var(--cascivo-color-accent)}._marker_jj7mg_39{inline-size:var(--_marker-size);block-size:var(--_marker-size);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);border-radius:var(--cascivo-radius-full);border:var(--_connector-thickness) solid var(--cascivo-color-border);color:var(--cascivo-color-text-muted);background-color:var(--cascivo-color-surface);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._step_jj7mg_13[data-status=complete] ._marker_jj7mg_39{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent);color:var(--cascivo-color-text-on-accent)}._step_jj7mg_13[data-status=current] ._marker_jj7mg_39{border-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent);box-shadow:0 0 0 4px var(--cascivo-color-accent-subtle)}._text_jj7mg_71{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._label_jj7mg_77{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text-muted)}._step_jj7mg_13[data-status=complete] ._label_jj7mg_77,._step_jj7mg_13[data-status=current] ._label_jj7mg_77{color:var(--cascivo-color-text)}._description_jj7mg_89{font-size:var(--cascivo-text-xs);line-height:var(--cascivo-leading-snug);color:var(--cascivo-color-text-subtle)}._indicator_jj7mg_2[data-orientation=vertical]{flex-direction:column}._indicator_jj7mg_2[data-orientation=vertical] ._step_jj7mg_13{align-items:flex-start;gap:var(--cascivo-space-3);text-align:start;flex-direction:row;flex:none;padding-block-end:var(--cascivo-space-6)}._indicator_jj7mg_2[data-orientation=vertical] ._step_jj7mg_13:last-child{padding-block-end:0}._indicator_jj7mg_2[data-orientation=vertical] ._step_jj7mg_13:before{display:none}._indicator_jj7mg_2[data-orientation=vertical] ._step_jj7mg_13:not(:last-child):after{content:"";inline-size:var(--_connector-thickness);background-color:var(--cascivo-color-border);position:absolute;inset-block-start:calc(var(--_marker-size) + var(--cascivo-space-2));inset-block-end:var(--cascivo-space-2);inset-inline-start:calc(var(--_marker-size) / 2 - var(--_connector-thickness) / 2)}._indicator_jj7mg_2[data-orientation=vertical] ._step_jj7mg_13[data-status=complete]:after{background-color:var(--cascivo-color-accent)}._indicator_jj7mg_2[data-orientation=vertical] ._text_jj7mg_71{padding-block-start:calc((var(--_marker-size) - var(--cascivo-text-sm) * var(--cascivo-leading-snug)) / 2)}}

package/dist/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/progress-indicator/progress-indicator.module.js

@@ -0,0 +1,13 @@
+"use client";
+
+import './progress-indicator.css';
+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/prose/prose.css

@@ -0,0 +1 @@
+@layer cascivo.component{._prose_15b2f_2{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-base);line-height:var(--cascivo-leading-relaxed);color:var(--cascivo-color-text)}._prose_15b2f_2>*{margin-block:0}._prose_15b2f_2>*+*{margin-block-start:var(--cascivo-space-4)}._prose_15b2f_2 h1,._prose_15b2f_2 h2,._prose_15b2f_2 h3,._prose_15b2f_2 h4,._prose_15b2f_2 h5,._prose_15b2f_2 h6{font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-tight);color:var(--cascivo-color-text);text-wrap:balance}._prose_15b2f_2 h1{font-size:var(--cascivo-text-3xl);letter-spacing:var(--cascivo-tracking-tight)}._prose_15b2f_2 h2{font-size:var(--cascivo-text-2xl);letter-spacing:var(--cascivo-tracking-tight)}._prose_15b2f_2 h3{font-size:var(--cascivo-text-xl)}._prose_15b2f_2 h4{font-size:var(--cascivo-text-lg)}._prose_15b2f_2 h5,._prose_15b2f_2 h6{font-size:var(--cascivo-text-base)}._prose_15b2f_2>*+h2{margin-block-start:var(--cascivo-space-8)}._prose_15b2f_2>*+h3{margin-block-start:var(--cascivo-space-6)}._prose_15b2f_2 ul,._prose_15b2f_2 ol{padding-inline-start:var(--cascivo-space-6)}._prose_15b2f_2 ul{list-style-type:disc}._prose_15b2f_2 ol{list-style-type:decimal}._prose_15b2f_2 li{margin-block:var(--cascivo-space-1)}._prose_15b2f_2 li>ul,._prose_15b2f_2 li>ol{margin-block-start:var(--cascivo-space-1)}._prose_15b2f_2 code{font-family:var(--cascivo-font-mono);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-indicator);padding-block:.0625rem;padding-inline:var(--cascivo-space-1);font-size:.875em}._prose_15b2f_2 blockquote{border-inline-start:3px solid var(--cascivo-color-border-strong);color:var(--cascivo-color-text-subtle);padding-inline-start:var(--cascivo-space-4)}._prose_15b2f_2 a{color:var(--cascivo-color-accent);text-underline-offset:.15em;text-decoration:underline}._prose_15b2f_2 a:hover{color:var(--cascivo-color-accent-hover)}._prose_15b2f_2 table{border-collapse:collapse;inline-size:100%;font-size:var(--cascivo-text-sm)}._prose_15b2f_2 th,._prose_15b2f_2 td{border-block-end:1px solid var(--cascivo-color-border);padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-3);text-align:start}._prose_15b2f_2 th{font-weight:var(--cascivo-font-semibold)}._prose_15b2f_2 img{border-radius:var(--cascivo-radius-surface);block-size:auto;max-inline-size:100%}._prose_15b2f_2 hr{border:none;border-block-start:1px solid var(--cascivo-color-border)}}

package/dist/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/prose/prose.module.js

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

package/dist/pull-to-refresh/pull-to-refresh.css

@@ -0,0 +1 @@
+@layer cascivo.component{._root_1rhho_2{block-size:100%;position:relative;overflow:hidden}._indicator_1rhho_8{block-size:var(--_pull,0px);color:var(--cascivo-color-text-muted);transition:block-size var(--cascivo-motion-enter);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline:0;overflow:hidden}._indicator_1rhho_8[data-dragging]{transition:none}._arrow_1rhho_25{block-size:1.25rem;inline-size:1.25rem;transition:rotate var(--cascivo-motion-enter)}._arrow_1rhho_25[data-ready]{rotate:180deg}._viewport_1rhho_35{overscroll-behavior:contain;block-size:100%;transform:translateY(var(--_pull,0px));transition:transform var(--cascivo-motion-enter);overflow-y:auto}._viewport_1rhho_35[data-dragging]{transition:none}._srOnly_1rhho_47{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){._indicator_1rhho_8,._arrow_1rhho_25,._viewport_1rhho_35{transition:none}}}

package/dist/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/pull-to-refresh/pull-to-refresh.module.js

@@ -0,0 +1,12 @@
+"use client";
+
+import './pull-to-refresh.css';
+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 };