@cascivo/react 0.3.4 → 0.3.8

package/dist/qr-code/encode.js

@@ -0,0 +1,585 @@
+"use client";
+
+//#region ../components/src/qr-code/encode.ts
+var e = {
+	L: {
+		ordinal: 0,
+		formatBits: 1
+	},
+	M: {
+		ordinal: 1,
+		formatBits: 0
+	},
+	Q: {
+		ordinal: 2,
+		formatBits: 3
+	},
+	H: {
+		ordinal: 3,
+		formatBits: 2
+	}
+}, t = 1, n = 40, r = [
+	[
+		-1,
+		7,
+		10,
+		15,
+		20,
+		26,
+		18,
+		20,
+		24,
+		30,
+		18,
+		20,
+		24,
+		26,
+		30,
+		22,
+		24,
+		28,
+		30,
+		28,
+		28,
+		28,
+		28,
+		30,
+		30,
+		26,
+		28,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30
+	],
+	[
+		-1,
+		10,
+		16,
+		26,
+		18,
+		24,
+		16,
+		18,
+		22,
+		22,
+		26,
+		30,
+		22,
+		22,
+		24,
+		24,
+		28,
+		28,
+		26,
+		26,
+		26,
+		26,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28,
+		28
+	],
+	[
+		-1,
+		13,
+		22,
+		18,
+		26,
+		18,
+		24,
+		18,
+		22,
+		20,
+		24,
+		28,
+		26,
+		24,
+		20,
+		30,
+		24,
+		28,
+		28,
+		26,
+		30,
+		28,
+		30,
+		30,
+		30,
+		30,
+		28,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30
+	],
+	[
+		-1,
+		17,
+		28,
+		22,
+		16,
+		22,
+		28,
+		26,
+		26,
+		24,
+		28,
+		24,
+		28,
+		22,
+		24,
+		24,
+		30,
+		28,
+		28,
+		26,
+		28,
+		30,
+		24,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30,
+		30
+	]
+], i = [
+	[
+		-1,
+		1,
+		1,
+		1,
+		1,
+		1,
+		2,
+		2,
+		2,
+		2,
+		4,
+		4,
+		4,
+		4,
+		4,
+		6,
+		6,
+		6,
+		6,
+		7,
+		8,
+		8,
+		9,
+		9,
+		10,
+		12,
+		12,
+		12,
+		13,
+		14,
+		15,
+		16,
+		17,
+		18,
+		19,
+		19,
+		20,
+		21,
+		22,
+		24,
+		25
+	],
+	[
+		-1,
+		1,
+		1,
+		1,
+		2,
+		2,
+		4,
+		4,
+		4,
+		5,
+		5,
+		5,
+		8,
+		9,
+		9,
+		10,
+		10,
+		11,
+		13,
+		14,
+		16,
+		17,
+		17,
+		18,
+		20,
+		21,
+		23,
+		25,
+		26,
+		28,
+		29,
+		31,
+		33,
+		35,
+		37,
+		38,
+		40,
+		43,
+		45,
+		47,
+		49
+	],
+	[
+		-1,
+		1,
+		1,
+		2,
+		2,
+		4,
+		4,
+		6,
+		6,
+		8,
+		8,
+		8,
+		10,
+		12,
+		16,
+		12,
+		17,
+		16,
+		18,
+		21,
+		20,
+		23,
+		23,
+		25,
+		27,
+		29,
+		34,
+		34,
+		35,
+		38,
+		40,
+		43,
+		45,
+		48,
+		51,
+		53,
+		56,
+		59,
+		62,
+		65,
+		68
+	],
+	[
+		-1,
+		1,
+		1,
+		2,
+		4,
+		4,
+		4,
+		5,
+		6,
+		8,
+		8,
+		11,
+		11,
+		16,
+		16,
+		18,
+		16,
+		19,
+		21,
+		25,
+		25,
+		25,
+		34,
+		30,
+		32,
+		35,
+		37,
+		40,
+		42,
+		45,
+		48,
+		51,
+		54,
+		57,
+		60,
+		63,
+		66,
+		70,
+		74,
+		77,
+		81
+	]
+];
+function a(e) {
+	let t = (16 * e + 128) * e + 64;
+	if (e >= 2) {
+		let n = Math.floor(e / 7) + 2;
+		t -= (25 * n - 10) * n - 55, e >= 7 && (t -= 36);
+	}
+	return t;
+}
+function o(t, n) {
+	let o = e[n].ordinal;
+	return Math.floor(a(t) / 8) - r[o][t] * i[o][t];
+}
+function s(e, t) {
+	let n = 0;
+	for (let r = 7; r >= 0; r--) n = n << 1 ^ (n >>> 7) * 285, n ^= (t >>> r & 1) * e;
+	return n & 255;
+}
+function c(e) {
+	let t = Array.from({ length: e }).fill(0);
+	t[e - 1] = 1;
+	let n = 1;
+	for (let r = 0; r < e; r++) {
+		for (let e = 0; e < t.length; e++) t[e] = s(t[e], n), e + 1 < t.length && (t[e] = t[e] ^ t[e + 1]);
+		n = s(n, 2);
+	}
+	return t;
+}
+function l(e, t) {
+	let n = Array.from({ length: t.length }).fill(0);
+	for (let r of e) {
+		let e = r ^ n.shift();
+		n.push(0);
+		for (let r = 0; r < n.length; r++) n[r] = n[r] ^ s(t[r], e);
+	}
+	return n;
+}
+function u(e, t, n) {
+	for (let r = t - 1; r >= 0; r--) n.push(e >>> r & 1);
+}
+function d(e, t) {
+	let n = [];
+	u(4, 4, n);
+	let r = t <= 9 ? 8 : 16;
+	u(e.length, r, n);
+	for (let t of e) u(t, 8, n);
+	return n;
+}
+function f(e, t, n) {
+	return 4 + (t <= 9 ? 8 : 16) + e * 8 <= o(t, n) * 8;
+}
+function p(t, n, o) {
+	let s = e[o].ordinal, u = i[s][n], d = r[s][n], f = Math.floor(a(n) / 8), p = u - f % u, m = Math.floor(f / u), h = [], g = c(d), _ = 0;
+	for (let e = 0; e < u; e++) {
+		let n = m - d + (e < p ? 0 : 1), r = t.slice(_, _ + n);
+		_ += n;
+		let i = l(r, g);
+		e < p && r.push(0), h.push(r.concat(i));
+	}
+	let v = [];
+	for (let e = 0; e < h[0].length; e++) for (let t = 0; t < h.length; t++) (e !== m - d || t >= p) && v.push(h[t][e]);
+	return v;
+}
+function m(e, t, n) {
+	let r = d(h(e), t), i = o(t, n) * 8;
+	u(0, Math.min(4, i - r.length), r), u(0, (8 - r.length % 8) % 8, r);
+	let a = [];
+	for (let e = 0; e < r.length; e += 8) {
+		let t = 0;
+		for (let n = 0; n < 8; n++) t = t << 1 | r[e + n];
+		a.push(t);
+	}
+	for (let e = 236; a.length < i / 8; e ^= 253) a.push(e);
+	return a;
+}
+function h(e) {
+	return typeof TextEncoder < "u" ? Array.from(new TextEncoder().encode(e)) : Array.from(unescape(encodeURIComponent(e)), (e) => e.charCodeAt(0));
+}
+var g = class {
+	size;
+	modules;
+	isFunction;
+	constructor(e) {
+		this.size = e * 4 + 17, this.modules = Array.from({ length: this.size }, () => Array.from({ length: this.size }).fill(!1)), this.isFunction = Array.from({ length: this.size }, () => Array.from({ length: this.size }).fill(!1));
+	}
+	set(e, t, n, r) {
+		this.modules[t][e] = n, this.isFunction[t][e] = r;
+	}
+	drawFinder(e, t) {
+		for (let n = -4; n <= 4; n++) for (let r = -4; r <= 4; r++) {
+			let i = e + r, a = t + n;
+			if (i < 0 || i >= this.size || a < 0 || a >= this.size) continue;
+			let o = Math.max(Math.abs(r), Math.abs(n));
+			this.set(i, a, o !== 2 && o !== 4, !0);
+		}
+	}
+	drawAlignment(e, t) {
+		for (let n = -2; n <= 2; n++) for (let r = -2; r <= 2; r++) this.set(e + r, t + n, Math.max(Math.abs(r), Math.abs(n)) !== 1, !0);
+	}
+	isFn(e, t) {
+		return this.isFunction[t][e];
+	}
+};
+function _(e) {
+	if (e === 1) return [];
+	let t = Math.floor(e / 7) + 2, n = Math.floor((e * 8 + t * 3 + 5) / (t * 4 - 4)) * 2, r = [6];
+	for (let i = e * 4 + 10; r.length < t; i -= n) r.splice(1, 0, i);
+	return r;
+}
+function v(e, t, n) {
+	let r = e.size;
+	for (let t = 0; t < r; t++) e.set(6, t, t % 2 == 0, !0), e.set(t, 6, t % 2 == 0, !0);
+	e.drawFinder(3, 3), e.drawFinder(r - 4, 3), e.drawFinder(3, r - 4);
+	let i = _(t);
+	for (let t = 0; t < i.length; t++) for (let n = 0; n < i.length; n++) t === 0 && n === 0 || t === 0 && n === i.length - 1 || t === i.length - 1 && n === 0 || e.drawAlignment(i[t], i[n]);
+	y(e, n, 0, !0), b(e, t);
+}
+function y(t, n, r, i) {
+	let a = t.size, o = e[n].formatBits << 3 | r, s = o;
+	for (let e = 0; e < 10; e++) s = s << 1 ^ (s >>> 9) * 1335;
+	let c = (o << 10 | s) ^ 21522, l = (e) => i ? !1 : (c >>> e & 1) != 0;
+	for (let e = 0; e <= 5; e++) t.set(8, e, l(e), !0);
+	t.set(8, 7, l(6), !0), t.set(8, 8, l(7), !0), t.set(7, 8, l(8), !0);
+	for (let e = 9; e < 15; e++) t.set(14 - e, 8, l(e), !0);
+	for (let e = 0; e < 8; e++) t.set(a - 1 - e, 8, l(e), !0);
+	for (let e = 8; e < 15; e++) t.set(8, a - 15 + e, l(e), !0);
+	t.set(8, a - 8, !0, !0);
+}
+function b(e, t) {
+	if (t < 7) return;
+	let n = t;
+	for (let e = 0; e < 12; e++) n = n << 1 ^ (n >>> 11) * 7973;
+	let r = t << 12 | n;
+	for (let t = 0; t < 18; t++) {
+		let n = (r >>> t & 1) != 0, i = e.size - 11 + t % 3, a = Math.floor(t / 3);
+		e.set(i, a, n, !0), e.set(a, i, n, !0);
+	}
+}
+function x(e, t) {
+	let n = e.size, r = 0;
+	for (let i = n - 1; i >= 1; i -= 2) {
+		let a = i === 6 ? 5 : i;
+		for (let i = 0; i < n; i++) for (let o = 0; o < 2; o++) {
+			let s = a - o, c = a + 1 & 2 ? i : n - 1 - i;
+			if (!e.isFn(s, c) && r < t.length * 8) {
+				let n = (t[r >>> 3] >>> 7 - (r & 7) & 1) != 0;
+				e.set(s, c, n, !1), r++;
+			}
+		}
+	}
+}
+function S(e, t) {
+	for (let n = 0; n < e.size; n++) for (let r = 0; r < e.size; r++) {
+		if (e.isFn(r, n)) continue;
+		let i = !1;
+		switch (t) {
+			case 0:
+				i = (r + n) % 2 == 0;
+				break;
+			case 1:
+				i = n % 2 == 0;
+				break;
+			case 2:
+				i = r % 3 == 0;
+				break;
+			case 3:
+				i = (r + n) % 3 == 0;
+				break;
+			case 4:
+				i = (Math.floor(r / 3) + Math.floor(n / 2)) % 2 == 0;
+				break;
+			case 5:
+				i = r * n % 2 + r * n % 3 == 0;
+				break;
+			case 6:
+				i = (r * n % 2 + r * n % 3) % 2 == 0;
+				break;
+			case 7:
+				i = ((r + n) % 2 + r * n % 3) % 2 == 0;
+				break;
+		}
+		i && (e.modules[n][r] = !e.modules[n][r]);
+	}
+}
+function C(e) {
+	let t = e.size, n = 0, r = e.modules;
+	for (let e = 0; e < t; e++) {
+		let i = !1, a = 0;
+		for (let o = 0; o < t; o++) r[e][o] === i ? (a++, a === 5 ? n += 3 : a > 5 && n++) : (i = r[e][o], a = 1);
+	}
+	for (let e = 0; e < t; e++) {
+		let i = !1, a = 0;
+		for (let o = 0; o < t; o++) r[o][e] === i ? (a++, a === 5 ? n += 3 : a > 5 && n++) : (i = r[o][e], a = 1);
+	}
+	for (let e = 0; e < t - 1; e++) for (let i = 0; i < t - 1; i++) {
+		let t = r[e][i];
+		t === r[e][i + 1] && t === r[e + 1][i] && t === r[e + 1][i + 1] && (n += 3);
+	}
+	let i = 0;
+	for (let e = 0; e < t; e++) for (let n = 0; n < t; n++) r[e][n] && i++;
+	let a = t * t, o = Math.ceil(Math.abs(i * 20 - a * 10) / a) - 1;
+	return n += o * 10, n;
+}
+function w(e, r = "M") {
+	let i = h(e).length, a = t;
+	for (; a <= n && !f(i, a, r);) a++;
+	if (a > n) throw Error("Data too long for a QR code");
+	let o = p(m(e, a, r), a, r), s = new g(a);
+	v(s, a, r), x(s, o);
+	let c = 0, l = Infinity;
+	for (let e = 0; e < 8; e++) {
+		S(s, e), y(s, r, e, !1);
+		let t = C(s);
+		t < l && (l = t, c = e), S(s, e);
+	}
+	return S(s, c), y(s, r, c, !1), s.modules;
+}
+//#endregion
+export { w as encode };

package/dist/qr-code/qr-code.css

@@ -0,0 +1 @@
+@layer cascivo.component{._qrCode_1p9u3_2{color:var(--cascivo-color-text);display:inline-block;overflow:hidden}._svg_1p9u3_8{block-size:100%;inline-size:100%;display:block}}

package/dist/qr-code/qr-code.js

@@ -0,0 +1,41 @@
+"use client";
+
+import { encode as e } from "./encode.js";
+import t from "./qr-code.module.js";
+import { cn 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";
+//#region ../components/src/qr-code/qr-code.tsx
+var c = 4;
+function l({ value: l, size: u = 128, errorCorrection: d = "M", radius: f, fill: p = "currentColor", background: m = "transparent", label: h, className: g, style: _, ...v }) {
+	if (r(), !l) return null;
+	let y = e(l, d), b = y.length + c * 2, x = "";
+	for (let e = 0; e < y.length; e++) for (let t = 0; t < y.length; t++) y[e][t] && (x += `M${t + c},${e + c}h1v1h-1z`);
+	return /* @__PURE__ */ o("div", {
+		className: n(t.qrCode, g),
+		style: {
+			inlineSize: u,
+			blockSize: u,
+			borderRadius: f,
+			..._
+		},
+		...v,
+		children: /* @__PURE__ */ s("svg", {
+			className: t.svg,
+			role: "img",
+			"aria-label": h ?? a(i.qrCode.label),
+			viewBox: `0 0 ${b} ${b}`,
+			shapeRendering: "crispEdges",
+			children: [/* @__PURE__ */ o("rect", {
+				width: b,
+				height: b,
+				fill: m
+			}), /* @__PURE__ */ o("path", {
+				d: x,
+				fill: p
+			})]
+		})
+	});
+}
+//#endregion
+export { l as QrCode };

package/dist/qr-code/qr-code.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './qr-code.css';
+var e = {
+	qrCode: "_qrCode_1p9u3_2",
+	svg: "_svg_1p9u3_8"
+};
+//#endregion
+export { e as default };

package/dist/radial-progress/radial-progress.css

@@ -0,0 +1 @@
+@layer cascivo.component{._radialProgress_1z011_2{--cascivo-radial-size:5rem;--cascivo-radial-thickness:.375rem;--cascivo-radial-color:var(--cascivo-color-accent);inline-size:var(--cascivo-radial-size);block-size:var(--cascivo-radial-size);border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-surface-2);background-image:conic-gradient(var(--cascivo-radial-color) calc(var(--cascivo-radial-progress,0) * 1%), transparent 0);box-shadow:inset 0 0 0 calc(var(--cascivo-radial-size) / 2 - var(--cascivo-radial-thickness)) var(--cascivo-color-surface);justify-content:center;align-items:center;display:inline-flex}._radialProgress_1z011_2[data-size=sm]{--cascivo-radial-size:3.5rem;--cascivo-radial-thickness:.25rem}._radialProgress_1z011_2[data-size=md]{--cascivo-radial-size:5rem;--cascivo-radial-thickness:.375rem}._radialProgress_1z011_2[data-size=lg]{--cascivo-radial-size:7rem;--cascivo-radial-thickness:.5rem}._radialProgress_1z011_2[data-variant=primary]{--cascivo-radial-color:var(--cascivo-color-primary)}._radialProgress_1z011_2[data-variant=info]{--cascivo-radial-color:var(--cascivo-color-info)}._radialProgress_1z011_2[data-variant=success]{--cascivo-radial-color:var(--cascivo-color-success)}._radialProgress_1z011_2[data-variant=warning]{--cascivo-radial-color:var(--cascivo-color-warning)}._radialProgress_1z011_2[data-variant=error]{--cascivo-radial-color:var(--cascivo-color-error)}._label_1z011_51{color:var(--cascivo-color-text);font-size:.875em;font-weight:600;line-height:1}}

package/dist/radial-progress/radial-progress.js

@@ -0,0 +1,25 @@
+"use client";
+
+import e from "./radial-progress.module.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../components/src/radial-progress/radial-progress.tsx
+function n({ value: n, size: r = "md", variant: i = "primary", children: a, className: o, ...s }) {
+	let c = Math.min(100, Math.max(0, n));
+	return /* @__PURE__ */ t("div", {
+		role: "progressbar",
+		"aria-valuenow": c,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		className: [e.radialProgress, o].filter(Boolean).join(" "),
+		"data-size": r,
+		"data-variant": i,
+		style: { "--cascivo-radial-progress": c },
+		...s,
+		children: /* @__PURE__ */ t("span", {
+			className: e.label,
+			children: a ?? `${c}%`
+		})
+	});
+}
+//#endregion
+export { n as RadialProgress };

package/dist/radial-progress/radial-progress.module.js

@@ -0,0 +1,9 @@
+"use client";
+
+import './radial-progress.css';
+var e = {
+	radialProgress: "_radialProgress_1z011_2",
+	label: "_label_1z011_51"
+};
+//#endregion
+export { e as default };

package/dist/radio/radio.css

@@ -0,0 +1 @@
+@layer cascivo.component{._group_1jh68_2{gap:var(--cascivo-space-3);display:flex}._group_1jh68_2[data-orientation=vertical]{flex-direction:column}._group_1jh68_2[data-orientation=horizontal]{flex-flow:wrap}._wrapper_1jh68_15{align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);cursor:pointer;display:inline-flex}._wrapper_1jh68_15[data-disabled]{opacity:.5;cursor:not-allowed}._input_1jh68_28{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._control_1jh68_41{background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border-strong);border-radius:var(--cascivo-radius-full);block-size:1.125rem;inline-size:1.125rem;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._control_1jh68_41:after{content:"";border-radius:var(--cascivo-radius-full);background-color:var(--cascivo-color-text-on-accent);block-size:.5rem;inline-size:.5rem;transition:scale var(--cascivo-duration-150) var(--cascivo-ease-out);scale:0}._input_1jh68_28:checked+._control_1jh68_41{background-color:var(--cascivo-color-accent);border-color:var(--cascivo-color-accent)}._input_1jh68_28:checked+._control_1jh68_41:after{scale:1}._input_1jh68_28:focus-visible+._control_1jh68_41{box-shadow:var(--cascivo-focus-ring);outline:none}._label_1jh68_80{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}}@media (forced-colors:active){._control_1jh68_41{background-color:field;border:1px solid buttontext}._input_1jh68_28:checked+._control_1jh68_41{background-color:highlight;border-color:highlight}._input_1jh68_28:focus-visible+._control_1jh68_41{outline-offset:2px;outline:2px solid highlight}}