@cascivo/react 0.8.0 → 0.10.0

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

@@ -0,0 +1,145 @@
+"use client";
+
+import e from "./number-input.module.js";
+import { cn as t, createMachine as n, useMachine as r, useSignal 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";
+//#region ../components/src/number-input/number-input.tsx
+var u = n({
+	initial: "idle",
+	states: {
+		idle: { on: { FOCUS: "focused" } },
+		focused: { on: { BLUR: "idle" } }
+	}
+});
+function d(e, t, n) {
+	let r = e;
+	return t !== void 0 && (r = Math.max(r, t)), n !== void 0 && (r = Math.min(r, n)), r;
+}
+function f(e) {
+	let t = String(e), n = t.indexOf(".");
+	return n === -1 ? 0 : t.length - n - 1;
+}
+function p(e, t) {
+	let n = 10 ** t;
+	return Math.round(e * n) / n;
+}
+function m(e) {
+	let t = e.trim();
+	if (t === "") return null;
+	let n = Number(t);
+	return Number.isFinite(n) ? n : null;
+}
+function h({ value: n, defaultValue: h, onValueChange: g, onChange: _, min: v, max: y, step: b = 1, precision: x, formatOptions: S, label: C, hint: w, error: T, size: E = "md", disabled: D, incrementLabel: O, decrementLabel: k, className: A, id: j, onFocus: M, onBlur: N, onKeyDown: P, ...F }) {
+	a();
+	let I = O ?? s(o.numberInput.increment), L = k ?? s(o.numberInput.decrement), [R, z] = r(u), B = n !== void 0, V = i(h ?? null), H = i(""), U = B ? n : V.value, W = j ?? (C ? `cascade-number-input-${C.toLowerCase().replace(/\s+/g, "-")}` : void 0), G = (e) => {
+		B || (V.value = e), H.value = e == null ? "" : String(e), e !== U && (g ?? _)?.(e);
+	}, K = () => {
+		let e = m(H.value);
+		e != null && (e = d(e, v, y), x !== void 0 && (e = p(e, x))), G(e);
+	}, q = (e) => {
+		let t = (R.value === "focused" ? m(H.value) : U) ?? 0, n = x ?? Math.max(f(b), f(t));
+		G(d(p(t + e * b, n), v, y));
+	}, J = R.value === "focused" ? H.value : ((e) => e == null ? "" : S ? new Intl.NumberFormat(void 0, S).format(e) : String(e))(U), Y = U != null && y !== void 0 && U >= y, X = U != null && v !== void 0 && U <= v;
+	return /* @__PURE__ */ l("div", {
+		className: t(e.wrapper, A),
+		"data-state": T ? "error" : R.value,
+		"data-size": E,
+		children: [
+			C && /* @__PURE__ */ c("label", {
+				className: e.label,
+				htmlFor: W,
+				children: C
+			}),
+			/* @__PURE__ */ l("div", {
+				className: e.field,
+				children: [/* @__PURE__ */ c("input", {
+					id: W,
+					type: "text",
+					inputMode: "decimal",
+					autoComplete: "off",
+					role: "spinbutton",
+					className: e.input,
+					value: J,
+					disabled: D,
+					"aria-valuenow": U ?? void 0,
+					"aria-valuemin": v,
+					"aria-valuemax": y,
+					"aria-invalid": T ? !0 : void 0,
+					"aria-describedby": T ? `${W}-error` : w ? `${W}-hint` : void 0,
+					onChange: (e) => {
+						H.value = e.target.value;
+					},
+					onFocus: (e) => {
+						H.value = U == null ? "" : String(U), z("FOCUS"), M?.(e);
+					},
+					onBlur: (e) => {
+						K(), z("BLUR"), N?.(e);
+					},
+					onKeyDown: (e) => {
+						e.key === "ArrowUp" ? (e.preventDefault(), q(1)) : e.key === "ArrowDown" ? (e.preventDefault(), q(-1)) : e.key === "Enter" && K(), P?.(e);
+					},
+					...F
+				}), /* @__PURE__ */ l("div", {
+					className: e.steppers,
+					children: [/* @__PURE__ */ c("button", {
+						type: "button",
+						className: e.stepper,
+						"aria-label": I,
+						tabIndex: -1,
+						disabled: D || Y,
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => q(1),
+						children: /* @__PURE__ */ c("svg", {
+							viewBox: "0 0 10 10",
+							"aria-hidden": "true",
+							focusable: "false",
+							children: /* @__PURE__ */ c("path", {
+								d: "M2 6.5 5 3.5 8 6.5",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1.5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})
+					}), /* @__PURE__ */ c("button", {
+						type: "button",
+						className: e.stepper,
+						"aria-label": L,
+						tabIndex: -1,
+						disabled: D || X,
+						onMouseDown: (e) => e.preventDefault(),
+						onClick: () => q(-1),
+						children: /* @__PURE__ */ c("svg", {
+							viewBox: "0 0 10 10",
+							"aria-hidden": "true",
+							focusable: "false",
+							children: /* @__PURE__ */ c("path", {
+								d: "M2 3.5 5 6.5 8 3.5",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1.5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})
+					})]
+				})]
+			}),
+			T && /* @__PURE__ */ c("span", {
+				id: `${W}-error`,
+				className: e.error,
+				role: "alert",
+				children: T
+			}),
+			!T && w && /* @__PURE__ */ c("span", {
+				id: `${W}-hint`,
+				className: e.hint,
+				children: w
+			})
+		]
+	});
+}
+//#endregion
+export { h as NumberInput };

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

@@ -0,0 +1,14 @@
+"use client";
+
+var e = {
+	wrapper: "_wrapper_q5e5w_2",
+	label: "_label_q5e5w_27",
+	field: "_field_q5e5w_35",
+	input: "_input_q5e5w_39",
+	steppers: "_steppers_q5e5w_84",
+	stepper: "_stepper_q5e5w_84",
+	error: "_error_q5e5w_131",
+	hint: "_hint_q5e5w_138"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,70 @@
+"use client";
+
+import e from "./otp-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 } from "react/jsx-runtime";
+import { useRef as s } from "react";
+//#region ../components/src/otp-input/otp-input.tsx
+function c({ length: c = 6, value: l, onValueChange: u, disabled: d = !1, type: f = "numeric", className: p, ...m }) {
+	r();
+	let h = n(Array.from({ length: c }, (e, t) => l[t] ?? "")), g = s([]), _ = Array.from({ length: c }, (e, t) => l[t] ?? "");
+	JSON.stringify(h.value) !== JSON.stringify(_) && (h.value = _);
+	function v(e) {
+		u(e.join("")), h.value = e;
+	}
+	function y(e) {
+		let t = Math.max(0, Math.min(c - 1, e));
+		g.current[t]?.focus();
+	}
+	function b(e, t) {
+		if (!(f === "numeric" ? /^\d$/ : /^[a-zA-Z0-9]$/).test(t)) return;
+		let n = [...h.value];
+		n[e] = t, v(n), e < c - 1 && y(e + 1);
+	}
+	function x(e, t) {
+		if (t.key === "Backspace") {
+			t.preventDefault();
+			let n = [...h.value];
+			n[e] ? (n[e] = "", v(n)) : e > 0 && (n[e - 1] = "", v(n), y(e - 1));
+		} else t.key === "ArrowLeft" ? (t.preventDefault(), y(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), y(e + 1));
+	}
+	function S(e, t) {
+		let n = t.clipboardData.getData("text").replace(/\s/g, "").slice(0, c - e);
+		if (!(f === "numeric" ? /^\d+$/ : /^[a-zA-Z0-9]+$/).test(n)) return;
+		t.preventDefault();
+		let r = [...h.value];
+		for (let t = 0; t < n.length; t++) e + t < c && (r[e + t] = n[t] ?? "");
+		v(r), y(Math.min(e + n.length, c - 1));
+	}
+	let C = a(i.otpInput.label);
+	return /* @__PURE__ */ o("div", {
+		className: t(e.wrapper, p),
+		role: "group",
+		"aria-label": C,
+		...m,
+		children: h.value.map((t, n) => /* @__PURE__ */ o("input", {
+			ref: (e) => {
+				g.current[n] = e;
+			},
+			type: f === "numeric" ? "tel" : "text",
+			inputMode: f === "numeric" ? "numeric" : "text",
+			className: e.slot,
+			value: t,
+			maxLength: 1,
+			"aria-label": a(i.otpInput.digit, { n: String(n + 1) }),
+			autoComplete: n === 0 ? "one-time-code" : "off",
+			disabled: d,
+			"data-filled": t ? "" : void 0,
+			onChange: (e) => {
+				let t = e.currentTarget.value.slice(-1);
+				t && b(n, t);
+			},
+			onKeyDown: (e) => x(n, e),
+			onPaste: (e) => S(n, e),
+			onFocus: (e) => e.currentTarget.select()
+		}, n))
+	});
+}
+//#endregion
+export { c as OtpInput };

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

@@ -0,0 +1,8 @@
+"use client";
+
+var e = {
+	wrapper: "_wrapper_15f1m_2",
+	slot: "_slot_15f1m_8"
+};
+//#endregion
+export { e as default };

package/dist/node/overflow-menu/overflow-menu.js

@@ -0,0 +1,65 @@
+"use client";
+
+import { Dropdown as e } from "../dropdown/dropdown.js";
+import t from "./overflow-menu.module.js";
+import { cn as n, useSignals as r } from "@cascivo/core";
+import { builtin as i, t as a } from "@cascivo/i18n";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region ../components/src/overflow-menu/overflow-menu.tsx
+function l() {
+	return /* @__PURE__ */ c("svg", {
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ s("circle", {
+				cx: "8",
+				cy: "3",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ s("circle", {
+				cx: "8",
+				cy: "8",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ s("circle", {
+				cx: "8",
+				cy: "13",
+				r: "1.5"
+			})
+		]
+	});
+}
+function u({ items: u, onSelect: d, placement: f = "bottom-end", ariaLabel: p, size: m = "md", disabled: h = !1, className: g }) {
+	r();
+	let _ = p ?? a(i.overflowMenu.trigger), v = u.map((e) => {
+		let n = {
+			label: e.label,
+			value: e.value
+		};
+		return e.disabled !== void 0 && (n.disabled = e.disabled), e.destructive ? n.icon = /* @__PURE__ */ c(o, { children: [e.icon, /* @__PURE__ */ s("span", {
+			className: t["destructive-flag"],
+			"aria-hidden": "true"
+		})] }) : e.icon !== void 0 && (n.icon = e.icon), n;
+	});
+	return /* @__PURE__ */ s("div", {
+		className: n(t.root, g),
+		children: /* @__PURE__ */ s(e, {
+			items: v,
+			onSelect: (e) => d?.(e),
+			placement: f,
+			trigger: /* @__PURE__ */ s("button", {
+				type: "button",
+				className: t.trigger,
+				"data-size": m,
+				disabled: h,
+				"aria-label": _,
+				children: /* @__PURE__ */ s(l, {})
+			})
+		})
+	});
+}
+//#endregion
+export { u as OverflowMenu };

package/dist/node/overflow-menu/overflow-menu.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+var e = {
+	root: "_root_14jtg_2",
+	trigger: "_trigger_14jtg_6",
+	"destructive-flag": "_destructive-flag_14jtg_49"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,13 @@
+"use client";
+
+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/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 };