@cascivo/react 0.3.4 → 0.3.7

package/dist/pagination/pagination.css

@@ -0,0 +1 @@
+@layer cascivo.component{._pagination_1rt7c_2{align-items:center;gap:var(--cascivo-space-4);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);flex-wrap:wrap;display:flex;container-type:inline-size}._group_1rt7c_13{align-items:center;gap:var(--cascivo-space-2);display:flex}._label_1rt7c_19{color:var(--cascivo-color-text-muted);line-height:var(--cascivo-leading-snug);white-space:nowrap}._range_1rt7c_25{color:var(--cascivo-color-text-muted);line-height:var(--cascivo-leading-snug);white-space:nowrap}@container (width<=28rem){._range_1rt7c_25{display:none}}._select_1rt7c_35{appearance:none;height:2rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='gray' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--cascivo-space-1) center;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);background-size:1rem;outline:none;padding-inline-start:var(--cascivo-space-2);padding-inline-end:var(--cascivo-space-6)}._select_1rt7c_35:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._select_1rt7c_35:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._select_1rt7c_35:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){background-position:left var(--cascivo-space-1) center}._buttons_1rt7c_70{align-items:center;gap:var(--cascivo-space-1);display:flex}._button_1rt7c_70{block-size:2rem;inline-size:2rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-lg);line-height:var(--cascivo-leading-none);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}._button_1rt7c_70:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._button_1rt7c_70:active:not(:disabled){background-color:var(--cascivo-color-accent-subtle)}._button_1rt7c_70:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._button_1rt7c_70:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}}

package/dist/pagination/pagination.js

@@ -0,0 +1,92 @@
+"use client";
+
+import e from "./pagination.module.js";
+import { cn as t, useSignals as n } from "@cascivo/core";
+import { builtin as r, t as i } from "@cascivo/i18n";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../components/src/pagination/pagination.tsx
+var s = [
+	10,
+	25,
+	50,
+	100
+];
+function c({ page: c, pageSize: l, totalItems: u, onPageChange: d, onPageSizeChange: f, pageSizeOptions: p = s, labels: m, className: h }) {
+	n();
+	let g = Math.max(1, Math.ceil(u / l)), _ = Math.min(Math.max(c, 1), g), v = u === 0 ? 0 : (_ - 1) * l + 1, y = Math.min(_ * l, u), b = m?.nav ?? i(r.pagination.nav), x = m?.itemsPerPage ?? i(r.pagination.itemsPerPage), S = m?.pageOf?.(_, g) ?? i(r.pagination.pageOf, {
+		page: _,
+		total: g
+	}), C = m?.range?.(v, y, u) ?? i(r.pagination.range, {
+		start: v,
+		end: y,
+		total: u
+	}), w = m?.previous ?? i(r.pagination.previous), T = m?.next ?? i(r.pagination.next);
+	return /* @__PURE__ */ o("nav", {
+		"aria-label": b,
+		className: t(e.pagination, h),
+		children: [
+			f && /* @__PURE__ */ o("label", {
+				className: e.group,
+				children: [/* @__PURE__ */ a("span", {
+					className: e.label,
+					children: x
+				}), /* @__PURE__ */ a("select", {
+					className: e.select,
+					value: l,
+					onChange: (e) => f(Number(e.target.value)),
+					children: p.map((e) => /* @__PURE__ */ a("option", {
+						value: e,
+						children: e
+					}, e))
+				})]
+			}),
+			/* @__PURE__ */ a("span", {
+				className: e.range,
+				children: C
+			}),
+			/* @__PURE__ */ o("div", {
+				className: e.group,
+				children: [/* @__PURE__ */ a("select", {
+					className: e.select,
+					"aria-label": S,
+					value: _,
+					onChange: (e) => d(Number(e.target.value)),
+					children: Array.from({ length: g }, (e, t) => /* @__PURE__ */ a("option", {
+						value: t + 1,
+						children: t + 1
+					}, t + 1))
+				}), /* @__PURE__ */ a("span", {
+					className: e.label,
+					"aria-hidden": "true",
+					children: S
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: e.buttons,
+				children: [/* @__PURE__ */ a("button", {
+					type: "button",
+					className: e.button,
+					"aria-label": w,
+					disabled: _ <= 1,
+					onClick: () => d(_ - 1),
+					children: /* @__PURE__ */ a("span", {
+						"aria-hidden": "true",
+						children: "‹"
+					})
+				}), /* @__PURE__ */ a("button", {
+					type: "button",
+					className: e.button,
+					"aria-label": T,
+					disabled: _ >= g,
+					onClick: () => d(_ + 1),
+					children: /* @__PURE__ */ a("span", {
+						"aria-hidden": "true",
+						children: "›"
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { c as Pagination };

package/dist/pagination/pagination.module.js

@@ -0,0 +1,14 @@
+"use client";
+
+import './pagination.css';
+var e = {
+	pagination: "_pagination_1rt7c_2",
+	group: "_group_1rt7c_13",
+	label: "_label_1rt7c_19",
+	range: "_range_1rt7c_25",
+	select: "_select_1rt7c_35",
+	buttons: "_buttons_1rt7c_70",
+	button: "_button_1rt7c_70"
+};
+//#endregion
+export { e as default };

package/dist/password-input/password-input.css

@@ -0,0 +1 @@
+@layer cascivo.component{._wrapper_r2rcd_2{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._wrapper_r2rcd_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_r2rcd_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_r2rcd_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._input-row_r2rcd_26{align-items:center;display:flex;position:relative}._input_r2rcd_26{width:100%;height:var(--_height,2.5rem);padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;padding-inline-end:calc(var(--_px,var(--cascivo-space-4)) + 2.5rem)}._input_r2rcd_26::placeholder{color:var(--cascivo-color-text-muted)}._input_r2rcd_26:hover:not(:disabled):not(:focus){border-color:var(--cascivo-color-border-strong)}._input_r2rcd_26:focus{border-color:var(--cascivo-color-accent);box-shadow:var(--cascivo-focus-ring)}._input_r2rcd_26:disabled{opacity:.5;cursor:not-allowed;background-color:var(--cascivo-color-bg-subtle)}._reveal-btn_r2rcd_68{border-radius:var(--cascivo-radius-control);width:2rem;height:2rem;color:var(--cascivo-color-text-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-inline-end:var(--cascivo-space-2)}._reveal-btn_r2rcd_68:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._reveal-btn_r2rcd_68:focus-visible{outline:2px solid var(--cascivo-color-accent);outline-offset:1px}._reveal-icon_r2rcd_94{background-color:currentColor;width:1.25rem;height:1.25rem;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._wrapper_r2rcd_2[data-revealed] ._reveal-icon_r2rcd_94{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E")}._strength-meter_r2rcd_114{gap:var(--cascivo-space-1);display:flex}._strength-meter_r2rcd_114[data-strength=weak]{--_seg-color:var(--cascivo-color-destructive)}._strength-meter_r2rcd_114[data-strength=fair]{--_seg-color:var(--cascivo-color-warning)}._strength-meter_r2rcd_114[data-strength=good],._strength-meter_r2rcd_114[data-strength=strong]{--_seg-color:var(--cascivo-color-success)}._strength-segment_r2rcd_135{border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-border);height:.25rem;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);flex:1}._strength-segment_r2rcd_135[data-filled]{background-color:var(--_seg-color,var(--cascivo-color-accent))}}

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

@@ -0,0 +1,76 @@
+"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"],
+			"aria-label": T,
+			"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/password-input/password-input.module.js

@@ -0,0 +1,14 @@
+"use client";
+
+import './password-input.css';
+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/popover/popover.css

@@ -0,0 +1 @@
+@layer cascivo.component{._content_208tz_6{padding:var(--cascivo-space-3);background:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-md);margin:0;position:fixed;inset:auto}@supports (anchor-name:--a){._content_208tz_6{position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;inset-block-start:anchor(end);inset-inline-start:anchor(start)}}._content_208tz_6{opacity:1;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), display var(--cascivo-motion-enter) allow-discrete, overlay var(--cascivo-motion-enter) allow-discrete;translate:0}@starting-style{._content_208tz_6{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2))}}._content_208tz_6[data-state=closed]{opacity:0;translate:0 calc(-1 * var(--cascivo-space-2));transition:opacity var(--cascivo-motion-exit), translate var(--cascivo-motion-exit), display var(--cascivo-motion-exit) allow-discrete, overlay var(--cascivo-motion-exit) allow-discrete}}

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

@@ -0,0 +1,9 @@
+"use client";
+
+import './popover.css';
+var e = {
+	trigger: "_trigger_208tz_2",
+	content: "_content_208tz_6"
+};
+//#endregion
+export { e as default };

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