@selectwin/kit 0.1.197 → 0.1.198

package/dist/SelectAuthFx.js

@@ -0,0 +1,626 @@
+import { useEffect as e, useRef as t } from "react";
+import n from "gsap";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/SelectAuthFx.tsx
+var i = [
+	"dots",
+	"plexus",
+	"grid",
+	"flow",
+	"circuit",
+	"liquid"
+], a = Math.PI * 2, o = (e, t, n) => e < t ? t : e > n ? n : e, s = (e, t, n) => e + (t - e) * n;
+function c(e, t, n) {
+	let r = e.getPropertyValue(t).match(/(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
+	return r ? [
+		Number(r[1]),
+		Number(r[2]),
+		Number(r[3])
+	] : n;
+}
+function l(e, t) {
+	let n = e.trim();
+	if (n.startsWith("#")) {
+		let e = n.slice(1);
+		if (e.length === 3 && (e = e.split("").map((e) => e + e).join("")), e.length >= 6) {
+			let t = parseInt(e.slice(0, 6), 16);
+			return [
+				t >> 16 & 255,
+				t >> 8 & 255,
+				t & 255
+			];
+		}
+	}
+	let r = n.match(/(\d+)[,\s]+(\d+)[,\s]+(\d+)/);
+	return r ? [
+		Number(r[1]),
+		Number(r[2]),
+		Number(r[3])
+	] : t;
+}
+var u = (e) => {
+	let t = [], n = 0;
+	function r() {
+		let n = e.w(), r = e.h();
+		t = [];
+		let i = Math.ceil(n / 30) + 1, a = Math.ceil(r / 30) + 1, o = (n - (i - 1) * 30) / 2, s = (r - (a - 1) * 30) / 2;
+		for (let e = 0; e < a; e++) for (let n = 0; n < i; n++) {
+			let r = o + n * 30, i = s + e * 30;
+			t.push({
+				x: r,
+				y: i,
+				phase: (r + i) * .013
+			});
+		}
+	}
+	function i(n, r) {
+		let { ctx: i, pointer: o } = e, [s, c, l] = e.ink, [u, d, f] = e.accent, p = e.w(), m = e.h();
+		i.clearRect(0, 0, p, m);
+		let h = o.x, g = o.y;
+		for (let o of t) {
+			let t = o.x - h, p = o.y - g, m = Math.hypot(t, p), _ = r > 0 && m < 150 ? 1 - m / 150 : 0, v = _ * _ * r, y = Math.sin(n * 1.1 + o.phase) * .5 + .5, b = v * 6, x = m > .001 ? 1 / m : 0, S = o.x - t * x * b, C = o.y - p * x * b, w = 1 + v * 1.4 + y * .1, T = Math.min(1, .3 + y * .06 + v * .7), E = s + (u - s) * v | 0, D = c + (d - c) * v | 0, O = l + (f - l) * v | 0;
+			e.dark && v > .14 ? (i.shadowColor = `rgba(${u},${d},${f},${.5 * v})`, i.shadowBlur = 10 * v) : i.shadowBlur = 0, i.beginPath(), i.arc(S, C, 1.2 * w, 0, a), i.fillStyle = `rgba(${E},${D},${O},${T})`, i.fill();
+		}
+		i.shadowBlur = 0;
+	}
+	return {
+		build: r,
+		frame(t) {
+			n = s(n, +!!e.pointer.active, .06), i(t, n), n > .02 ? e.cardGlow(e.pointer.x, e.pointer.y) : e.clearGlow();
+		},
+		paintStatic() {
+			i(0, 0), e.clearGlow();
+		}
+	};
+}, d = (e) => {
+	let t = 0, n = 0, r = [];
+	function i() {
+		t = e.w(), n = e.h();
+		let i = o(Math.round(t * n / 12e3), 36, 130);
+		r = [];
+		for (let e = 0; e < i; e++) r.push({
+			x: Math.random() * t,
+			y: Math.random() * n,
+			vx: (Math.random() - .5) * .22,
+			vy: (Math.random() - .5) * .22
+		});
+	}
+	function s(i) {
+		let { ctx: o, pointer: s } = e, [c, l, u] = e.ink, [d, f, p] = e.accent;
+		o.clearRect(0, 0, t, n);
+		for (let e of r) e.x += e.vx, e.y += e.vy, e.x < -12 ? e.x = t + 12 : e.x > t + 12 && (e.x = -12), e.y < -12 ? e.y = n + 12 : e.y > n + 12 && (e.y = -12);
+		o.lineWidth = 1;
+		for (let e = 0; e < r.length; e++) {
+			let t = r[e];
+			for (let n = e + 1; n < r.length; n++) {
+				let e = r[n], i = t.x - e.x, a = t.y - e.y, s = i * i + a * a;
+				if (s < 17424) {
+					let n = 1 - Math.sqrt(s) / 132;
+					o.strokeStyle = `rgba(${c},${l},${u},${(n * n * .5).toFixed(3)})`, o.beginPath(), o.moveTo(t.x, t.y), o.lineTo(e.x, e.y), o.stroke();
+				}
+			}
+		}
+		let m = s.x, h = s.y;
+		for (let t of r) {
+			let n = 0;
+			if (i) {
+				let e = Math.hypot(t.x - m, t.y - h);
+				e < 175 && (n = 1 - e / 175, o.strokeStyle = `rgba(${d},${f},${p},${(n * n * .5).toFixed(3)})`, o.beginPath(), o.moveTo(m, h), o.lineTo(t.x, t.y), o.stroke());
+			}
+			let r = c + (d - c) * n | 0, s = l + (f - l) * n | 0, g = u + (p - u) * n | 0;
+			e.dark && n > .2 ? (o.shadowColor = `rgba(${d},${f},${p},${.6 * n})`, o.shadowBlur = 10 * n) : o.shadowBlur = 0, o.beginPath(), o.arc(t.x, t.y, 1.4 + n * 2.2, 0, a), o.fillStyle = `rgba(${r},${s},${g},${.5 + n * .5})`, o.fill();
+		}
+		o.shadowBlur = 0;
+	}
+	return {
+		build: i,
+		frame() {
+			let t = e.pointer.active;
+			s(t), t ? e.cardGlow(e.pointer.x, e.pointer.y) : e.clearGlow();
+		},
+		paintStatic() {
+			s(!1), e.clearGlow();
+		}
+	};
+}, f = (e) => {
+	let t = 0, n = 0, r = 0, i = 0, o = 0, s = 0;
+	function c() {
+		t = e.w(), n = e.h(), r = Math.ceil(t / 44) + 1, i = Math.ceil(n / 44) + 1, o = (t - (r - 1) * 44) / 2, s = (n - (i - 1) * 44) / 2;
+	}
+	function l(c, l) {
+		let { ctx: u, pointer: d } = e, [f, p, m] = e.ink, [h, g, _] = e.accent;
+		u.clearRect(0, 0, t, n), u.lineWidth = 1, u.strokeStyle = `rgba(${f},${p},${m},0.1)`, u.beginPath();
+		for (let e = 0; e < r; e++) {
+			let t = o + e * 44;
+			u.moveTo(t, 0), u.lineTo(t, n);
+		}
+		for (let e = 0; e < i; e++) {
+			let n = s + e * 44;
+			u.moveTo(0, n), u.lineTo(t, n);
+		}
+		u.stroke();
+		let v = (c * .12 % 1 + 1) % 1 * n, y = u.createLinearGradient(0, v - 90, 0, v + 90);
+		y.addColorStop(0, `rgba(${h},${g},${_},0)`), y.addColorStop(.5, `rgba(${h},${g},${_},${e.dark ? .08 : .05})`), y.addColorStop(1, `rgba(${h},${g},${_},0)`), u.fillStyle = y, u.fillRect(0, v - 90, t, 180), u.strokeStyle = `rgba(${h},${g},${_},0.18)`, u.beginPath(), u.moveTo(0, v), u.lineTo(t, v), u.stroke();
+		let b = d.x, x = d.y;
+		for (let e = 0; e < i; e++) {
+			let t = s + e * 44, n = 1 - Math.min(1, Math.abs(t - v) / 90), i = n * n * .8;
+			for (let e = 0; e < r; e++) {
+				let n = o + e * 44, r = i;
+				if (l) {
+					let e = Math.hypot(n - b, t - x);
+					e < 120 && (r = Math.max(r, (1 - e / 120) ** 2));
+				}
+				if (r < .02) continue;
+				let s = f + (h - f) * r | 0, c = p + (g - p) * r | 0, d = m + (_ - m) * r | 0;
+				u.beginPath(), u.arc(n, t, 1 + r * 2.2, 0, a), u.fillStyle = `rgba(${s},${c},${d},${.3 + r * .6})`, u.fill();
+			}
+		}
+	}
+	return {
+		build: c,
+		frame(t) {
+			l(t, e.pointer.active), e.clearGlow();
+		},
+		paintStatic() {
+			l(0, !1), e.clearGlow();
+		}
+	};
+}, p = (e) => {
+	let t = 0, n = 0, r = [];
+	function i(e, t, n) {
+		return (Math.sin(e * .0065 + n * .18) + Math.cos(t * .0072 - n * .14) + Math.sin((e + t) * .004 + n * .1)) * 1.1;
+	}
+	function a(e) {
+		e.x = Math.random() * t, e.y = Math.random() * n, e.hist.length = 0, e.life = 0, e.max = 80 + Math.random() * 130;
+	}
+	function c() {
+		t = e.w(), n = e.h();
+		let i = o(Math.round(t * n / 9e3), 60, 180);
+		r = [];
+		for (let e = 0; e < i; e++) {
+			let e = {
+				x: 0,
+				y: 0,
+				hist: [],
+				life: 0,
+				max: 0
+			};
+			a(e), r.push(e);
+		}
+	}
+	function l(o, c) {
+		let { ctx: l, pointer: u } = e, [d, f, p] = e.ink, [m, h, g] = e.accent;
+		l.clearRect(0, 0, t, n), l.lineCap = "round";
+		let _ = u.x, v = u.y;
+		for (let e of r) {
+			let r = i(e.x, e.y, o), u = 0;
+			if (c) {
+				let t = e.x - _, n = e.y - v, i = Math.hypot(t, n);
+				i < 160 && (u = 1 - i / 160, r = s(r, Math.atan2(n, t) + Math.PI / 2, u * .7));
+			}
+			let y = .9 + u * .6;
+			if (e.x += Math.cos(r) * y, e.y += Math.sin(r) * y, e.hist.push(e.x, e.y), e.hist.length > 18 && e.hist.splice(0, e.hist.length - 18), ++e.life > e.max || e.x < -20 || e.x > t + 20 || e.y < -20 || e.y > n + 20) {
+				a(e);
+				continue;
+			}
+			l.strokeStyle = `rgba(${d + (m - d) * u | 0},${f + (h - f) * u | 0},${p + (g - p) * u | 0},${.16 + u * .5})`, l.lineWidth = 1 + u * .8, l.beginPath();
+			for (let t = 0; t < e.hist.length; t += 2) {
+				let n = e.hist[t], r = e.hist[t + 1];
+				t === 0 ? l.moveTo(n, r) : l.lineTo(n, r);
+			}
+			l.stroke();
+		}
+	}
+	return {
+		build: c,
+		frame(t) {
+			l(t, e.pointer.active), e.clearGlow();
+		},
+		paintStatic() {
+			let { ctx: r } = e, [a, o, s] = e.ink;
+			r.clearRect(0, 0, t, n), r.strokeStyle = `rgba(${a},${o},${s},0.16)`, r.lineWidth = 1, r.lineCap = "round";
+			for (let e = 0; e < n; e += 34) for (let n = 0; n < t; n += 34) {
+				let t = i(n, e, 0);
+				r.beginPath(), r.moveTo(n, e), r.lineTo(n + Math.cos(t) * 10, e + Math.sin(t) * 10), r.stroke();
+			}
+			e.clearGlow();
+		}
+	};
+}, m = (e) => {
+	let t = 0, n = 0, r = [];
+	function i() {
+		t = e.w(), n = e.h(), r = [];
+		let i = Math.max(2, Math.floor(t / 26)), a = Math.max(2, Math.floor(n / 26)), s = (t - i * 26) / 2, c = (n - a * 26) / 2, l = o(Math.round(t * n / 26e3), 10, 34), u = [
+			1,
+			0,
+			-1,
+			0
+		], d = [
+			0,
+			1,
+			0,
+			-1
+		];
+		for (let e = 0; e < l; e++) {
+			let e = Math.floor(Math.random() * i), t = Math.floor(Math.random() * a), n = [s + e * 26, c + t * 26], l = 3 + Math.floor(Math.random() * 5), f = Math.floor(Math.random() * 4);
+			for (let r = 0; r < l; r++) {
+				Math.random() < .6 && (f = (f + (Math.random() < .5 ? 1 : 3)) % 4);
+				let r = 1 + Math.floor(Math.random() * 4);
+				e = o(e + u[f] * r, 0, i), t = o(t + d[f] * r, 0, a), n.push(s + e * 26, c + t * 26);
+			}
+			let p = [], m = 0;
+			for (let e = 2; e < n.length; e += 2) {
+				let t = Math.hypot(n[e] - n[e - 2], n[e + 1] - n[e - 1]);
+				p.push(t), m += t;
+			}
+			if (m < 26) continue;
+			let h = [], g = 1 + +(Math.random() < .4);
+			for (let e = 0; e < g; e++) h.push({
+				p: Math.random(),
+				sp: .1 + Math.random() * .16
+			});
+			r.push({
+				pts: n,
+				len: m,
+				seg: p,
+				pulses: h
+			});
+		}
+	}
+	function c(e, t) {
+		let n = t * e.len;
+		for (let t = 0; t < e.seg.length; t++) {
+			let r = e.seg[t];
+			if (n <= r || t === e.seg.length - 1) {
+				let i = r > 0 ? n / r : 0;
+				return [s(e.pts[t * 2], e.pts[t * 2 + 2], i), s(e.pts[t * 2 + 1], e.pts[t * 2 + 3], i)];
+			}
+			n -= r;
+		}
+		return [e.pts[0], e.pts[1]];
+	}
+	function l(t, n, r, i, o, s) {
+		let { ctx: c } = e;
+		c.lineWidth = 1.2, c.strokeStyle = `rgba(${r},${i},${o},${.45 + s * .4})`, c.beginPath(), c.arc(t, n, 2.4, 0, a), c.stroke(), c.beginPath(), c.arc(t, n, .9, 0, a), c.fillStyle = `rgba(${r},${i},${o},${.6 + s * .4})`, c.fill();
+	}
+	function u(i, o) {
+		let { ctx: s, pointer: u } = e, [d, f, p] = e.ink, [m, h, g] = e.accent;
+		s.clearRect(0, 0, t, n), s.lineJoin = "round", s.lineCap = "round";
+		let _ = u.x, v = u.y;
+		for (let t of r) {
+			let n = 0;
+			if (o) {
+				let e = Math.hypot(t.pts[0] - _, t.pts[1] - v);
+				e < 200 && (n = (1 - e / 200) * .6);
+			}
+			s.strokeStyle = `rgba(${d},${f},${p},${.12 + n * .18})`, s.lineWidth = 1.2, s.beginPath(), s.moveTo(t.pts[0], t.pts[1]);
+			for (let e = 2; e < t.pts.length; e += 2) s.lineTo(t.pts[e], t.pts[e + 1]);
+			s.stroke(), l(t.pts[0], t.pts[1], d, f, p, n), l(t.pts[t.pts.length - 2], t.pts[t.pts.length - 1], d, f, p, n);
+			for (let n of t.pulses) {
+				n.p += n.sp * i, n.p > 1 && --n.p;
+				let [r, o] = c(t, n.p);
+				e.dark && (s.shadowColor = `rgba(${m},${h},${g},0.85)`, s.shadowBlur = 10), s.beginPath(), s.arc(r, o, 2.1, 0, a), s.fillStyle = `rgba(${m},${h},${g},0.95)`, s.fill(), s.shadowBlur = 0;
+			}
+		}
+	}
+	return {
+		build: i,
+		frame(t, n) {
+			u(n, e.pointer.active), e.clearGlow();
+		},
+		paintStatic() {
+			u(0, !1), e.clearGlow();
+		}
+	};
+}, h = (e, t, n) => {
+	let r = o((n - e) / (t - e), 0, 1);
+	return r * r * (3 - 2 * r);
+}, g = {
+	WIDTH: 4,
+	BILLOW: 1.5,
+	TENSION: .6,
+	ROT: -.35,
+	TWIST: .8,
+	TWIST_SPEED: .35,
+	ROUND: .25,
+	CAM: 6,
+	FOCAL: 1.5,
+	ZOOM: 1.15
+}, _ = (e) => e <= 0 ? 0 : e >= 1 ? 255 : e * 255 | 0, v = (() => {
+	let e = /* @__PURE__ */ new Uint32Array(1);
+	return e[0] = 1, new Uint8Array(e.buffer)[0] === 1;
+})(), y = v ? 0 : 24, b = v ? 8 : 16, x = v ? 16 : 8, S = v ? 24 : 0, C = {
+	dots: u,
+	plexus: d,
+	grid: f,
+	flow: p,
+	circuit: m,
+	liquid: (e) => {
+		let t = [
+			.12,
+			.3,
+			.5,
+			.7,
+			.86
+		], r = 1.6, i = Math.PI / 2, a = e.ink[0] / 255, o = e.ink[1] / 255, s = e.ink[2] / 255, c = e.accent[0] / 255 - a, l = e.accent[1] / 255 - o, u = e.accent[2] / 255 - s, d = e.dark ? .04 : .03, f = e.dark ? .34 : .2, p = e.dark ? .9 : .6, m = Math.cos(g.ROT), v = Math.sin(g.ROT);
+		function C(e, t, n) {
+			let r = Math.sqrt(e * e + t * t + n * n), i = e / r, a = t / r, o = n / r;
+			return [
+				i * m - a * v,
+				i * v + a * m,
+				o
+			];
+		}
+		let w = C(1.5, 2, 2.5), T = C(-2, -1, -1), E = /* @__PURE__ */ new Float32Array(14), D = /* @__PURE__ */ new Float32Array(14), O = /* @__PURE__ */ new Float32Array(14);
+		for (let e = 0; e < 14; e++) {
+			let t = e / 13;
+			E[e] = Math.cos(t * i), D[e] = Math.sin(t * i), O[e] = h(1, .45, t);
+		}
+		let k = {
+			twist: g.TWIST,
+			tension: g.TENSION
+		}, A = null, j = () => ({
+			x: /* @__PURE__ */ new Float32Array(136),
+			z: /* @__PURE__ */ new Float32Array(136),
+			lift: /* @__PURE__ */ new Float32Array(136),
+			a: /* @__PURE__ */ new Float32Array(136),
+			minx: 0,
+			maxx: 0
+		}), M = [
+			j(),
+			j(),
+			j(),
+			j()
+		], N = M[0], P = null, F = null, I = null, L = null, R = /* @__PURE__ */ new Float32Array(), z = 0, B = 0, V = 0, H = 0, U = 0, ee = 0;
+		function te() {
+			let t = Math.max(e.w(), 1), n = Math.max(e.h(), 1);
+			V = (t * Math.abs(m) + n * Math.abs(v)) / 2, H = (t * Math.abs(v) + n * Math.abs(m)) / 2, U = Math.min(1, Math.sqrt(42e4 / (4 * V * H))), z = Math.max(2, Math.round(2 * V * U)), B = Math.max(2, Math.round(2 * H * U)), ee = Math.min(2.6, Math.max(.7, .62 / U)), P || (P = document.createElement("canvas")), P.width = z, P.height = B, F = P.getContext("2d"), I = (F == null ? void 0 : F.createImageData(z, B)) ?? null, L = I ? new Uint32Array(I.data.buffer) : null, R = new Float32Array(z);
+		}
+		let W = 1, G = 0, ne = 0, K = 0, q = 0, J = 1, Y = 0, X = 0, Z = 0, Q = 0, $ = g.TENSION, re = (e, t, n, i, a) => {
+			let o = e * W + t * G, s = -e * G + t * W - ne, c = n * W + i * G, l = -n * G + i * W;
+			l < 0 && (c = -c, l = -l);
+			let u = g.CAM - s;
+			if (u < r) {
+				N.x[Y] = NaN, N.z[Y] = -1e9, N.a[Y] = 0, N.lift[Y] = 0, Y++;
+				return;
+			}
+			let h = (u - r) * .5263157894736842;
+			h > 1 && (h = 1);
+			let _ = h * h * (3 - 2 * h), y = o * g.FOCAL / u * Q + z * .5, b = -o, x = -K, S = u, C = 1 / Math.sqrt(b * b + x * x + S * S);
+			b *= C, x *= C, S *= C;
+			let E = c * b + l * S;
+			E < 0 && (E = 0);
+			let D = 1 - E, O = (D * Math.sqrt(D) - .05) * 1.1111111111111112;
+			O < 0 ? O = 0 : O > 1 && (O = 1);
+			let k = O * O * (3 - 2 * O), A = w[0] + b, j = w[1] + x, M = w[2] + S, P = 1 / Math.sqrt(A * A + j * j + M * M), F = (c * A + l * M) * P;
+			F < 0 && (F = 0);
+			let I = F * F, L = I * I, R = L * L * L;
+			A = T[0] + b, j = T[1] + x, M = T[2] + S, P = 1 / Math.sqrt(A * A + j * j + M * M), F = (c * A + l * M) * P, F < 0 && (F = 0);
+			let B = F * F, V = B * B, H = V * V, U = (-(-b + 2 * E * c) * v - x * m + .2) * .8333333333333334;
+			U < 0 ? U = 0 : U > 1 && (U = 1);
+			let ee = U * U * (3 - 2 * U), te = R * .9 + H * .45, q = k * .55 + te;
+			q > 1 && (q = 1), N.lift[Y] = q, N.a[Y] = (d + f * k + p * te + ee * .06) * a * J * _, N.x[Y] = y, N.z[Y] = s, y < X && (X = y), y > Z && (Z = y), Y++;
+		}, ie = (e, t) => {
+			let n = e * q, r = Math.cos(n), i = -Math.sin(n) * $, a = 1 / Math.sqrt($ * $ * r * r + 1), o = $ * r * a, s = a;
+			for (let r = 0; r < 14; r++) {
+				let a = t ? 13 - r : r, c = E[a], l = D[a], u = o * c + e * s * l, d = -e * o * l + s * c;
+				re(n + g.ROUND * (u - o), i + g.ROUND * (d - s), u, d, O[a]);
+			}
+		};
+		function ae(t, n, r) {
+			let i = Math.max(e.h(), 1), a = r * g.TWIST_SPEED * .15, o = r * g.TWIST_SPEED * .2, s = -((t + .5) / B * 2 * H - H) / (i * g.ZOOM);
+			K = s * g.CAM / g.FOCAL;
+			for (let e = 0; e < 2; e++) K = s * (g.CAM + Math.sin(K * 1.2 + a) * g.BILLOW) / g.FOCAL;
+			ne = Math.sin(K * 1.2 + a) * g.BILLOW;
+			let c = K < 0 ? -K : K, l = h(7, 1, c), u = K * k.twist * h(8, 0, c) - o;
+			W = Math.cos(u), G = Math.sin(u), q = g.WIDTH * l, J = h(.06, .46, W < 0 ? -W : W) * h(0, .06, l), N = n, Y = 0, X = 1e9, Z = -1e9, ie(-1, !0);
+			let d = 2 * q / 107, f = Math.cos(d), p = Math.sin(d), m = Math.cos(-q), _ = Math.sin(-q);
+			for (let e = 0; e < 108; e++) {
+				let t = 1 / Math.sqrt($ * $ * m * m + 1);
+				re(-q + e * d, -_ * $, $ * m * t, t, 1);
+				let n = m * f - _ * p;
+				_ = _ * f + m * p, m = n;
+			}
+			ie(1, !1), n.minx = X, n.maxx = Z;
+		}
+		function oe(e, n, r, i, d, f) {
+			let p = L, m = n.minx < r.minx ? n.minx : r.minx, h = i.minx < d.minx ? i.minx : d.minx;
+			h < m && (m = h);
+			let g = n.maxx > r.maxx ? n.maxx : r.maxx, v = i.maxx > d.maxx ? i.maxx : d.maxx;
+			v > g && (g = v);
+			let C = Math.floor(m), w = Math.ceil(g);
+			if (w < 0 || C > z - 1) return;
+			C < 0 && (C = 0), w > z - 1 && (w = z - 1), R.fill(-1e9, C, w + 1);
+			let T = e * z, E = f * f, D = E * f, O = -.5 * D + E - .5 * f, k = 1.5 * D - 2.5 * E + 1, A = -1.5 * D + 2 * E + .5 * f, j = .5 * D - .5 * E, M = n.x, N = r.x, P = i.x, F = d.x, I = n.z, B = r.z, V = i.z, H = d.z, U = n.lift, ee = r.lift, te = i.lift, W = d.lift, G = n.a, ne = r.a, K = i.a, q = d.a, J = O * M[0] + k * N[0] + A * P[0] + j * F[0], Y = O * I[0] + k * B[0] + A * V[0] + j * H[0], X = O * U[0] + k * ee[0] + A * te[0] + j * W[0], Z = O * G[0] + k * ne[0] + A * K[0] + j * q[0];
+			for (let e = 1; e < 136; e++) {
+				let t = O * M[e] + k * N[e] + A * P[e] + j * F[e], n = O * I[e] + k * B[e] + A * V[e] + j * H[e], r = O * U[e] + k * ee[e] + A * te[e] + j * W[e], i = O * G[e] + k * ne[e] + A * K[e] + j * q[e];
+				if (!Number.isNaN(J) && !Number.isNaN(t)) {
+					let e = Math.max(C, Math.ceil((J < t ? J : t) - .5)), d = Math.min(w, Math.floor((J > t ? J : t) - .5));
+					if (d < e) {
+						let n = Math.floor((J + t) * .5);
+						n >= C && n <= w && (e = n, d = n);
+					}
+					if (d >= e) {
+						let f = t - J, m = f === 0 ? 0 : 1 / f, h = n - Y, g = r - X, v = i - Z;
+						for (let t = e; t <= d; t++) {
+							let e = (t + .5 - J) * m;
+							e < 0 ? e = 0 : e > 1 && (e = 1);
+							let n = Y + h * e;
+							if (n <= R[t]) continue;
+							R[t] = n;
+							let r = X + g * e;
+							p[T + t] = _(a + c * r) << y | _(o + l * r) << b | _(s + u * r) << x | _(Z + v * e) << S;
+						}
+					}
+				}
+				J = t, Y = n, X = r, Z = i;
+			}
+			let Q = -1, $ = -1;
+			for (let e = C; e <= w; e++) if ((p[T + e] >>> S & 255) > 0) {
+				Q = e;
+				break;
+			}
+			if (Q < 0) return;
+			for (let e = w; e >= Q; e--) if ((p[T + e] >>> S & 255) > 0) {
+				$ = e;
+				break;
+			}
+			if ($ - Q <= 2 * t.length) return;
+			let re = ~(255 << S);
+			for (let e = 0; e < t.length; e++) {
+				let n = t[e], r = T + Q + e, i = p[r];
+				p[r] = i & re | ((i >>> S & 255) * n | 0) << S;
+				let a = T + $ - e, o = p[a];
+				p[a] = o & re | ((o >>> S & 255) * n | 0) << S;
+			}
+		}
+		function se(t) {
+			if (!I || !F || !L) return;
+			L.fill(0), $ = k.tension, Q = g.ZOOM * Math.max(e.h(), 1) * U;
+			let n = Math.max(1, Math.ceil((B - 1) / 3)), r = (e) => Math.min(e * 3, B - 1), i = 0;
+			ae(r(0), M[0], t);
+			let a = 0, o = r(0), s = r(1);
+			for (let e = 0; e < B; e++) {
+				for (; e > s && a + 1 < n;) a++, o = s, s = r(a + 1);
+				let c = a + 2 < n ? a + 2 : n;
+				for (; i < c;) i++, ae(r(i), M[i & 3], t);
+				let l = s - o;
+				oe(e, M[(a > 0 ? a - 1 : 0) & 3], M[a & 3], M[a + 1 & 3], M[(a + 2 < n ? a + 2 : n) & 3], l > 0 ? (e - o) / l : 0);
+			}
+			F.putImageData(I, 0, 0);
+		}
+		function ce(t) {
+			let { ctx: n } = e, r = e.w(), i = e.h();
+			n.clearRect(0, 0, r, i), !(!P || z < 2) && (se(t), n.save(), n.translate(r / 2, i / 2), n.rotate(g.ROT), n.imageSmoothingEnabled = !0, n.imageSmoothingQuality = "high", n.filter = `blur(${ee.toFixed(2)}px)`, n.drawImage(P, -V, -H, 2 * V, 2 * H), n.restore());
+		}
+		return {
+			build: te,
+			interactive: !1,
+			frame(t) {
+				A || (A = n.timeline({
+					repeat: -1,
+					yoyo: !0,
+					defaults: { ease: "sine.inOut" }
+				}).to(k, {
+					twist: .92,
+					duration: 19
+				}, 0).to(k, {
+					tension: .72,
+					duration: 13
+				}, 0)), ce(t), e.clearGlow();
+			},
+			paintStatic() {
+				ce(6), e.clearGlow();
+			},
+			dispose() {
+				A == null || A.kill(), A = null, n.killTweensOf(k);
+			}
+		};
+	}
+};
+function w({ className: i, theme: a, glowTarget: s, variant: u }) {
+	let d = t(null);
+	return e(() => {
+		var e, t;
+		let r = d.current;
+		if (!r) return;
+		let i = r.getContext("2d");
+		if (!i) return;
+		let f = ((e = (t = window).matchMedia) == null ? void 0 : e.call(t, "(prefers-reduced-motion: reduce)").matches) ?? !1, p = a === "dark", m = getComputedStyle(r), h = c(m, "--select-dot", p ? [
+			235,
+			238,
+			255
+		] : [
+			64,
+			68,
+			92
+		]), g = l(m.getPropertyValue("--select-primary"), p ? [
+			255,
+			255,
+			255
+		] : [
+			33,
+			37,
+			41
+		]), _ = 0, v = 0, y = 0, b = 0, x = null, S = 0, w = {
+			x: 0,
+			y: 0
+		}, T = {
+			x: 0,
+			y: 0,
+			active: !1
+		}, E = 0, D = 0, O = -10, k = n.quickTo(w, "x", {
+			duration: .5,
+			ease: "power3.out"
+		}), A = n.quickTo(w, "y", {
+			duration: .5,
+			ease: "power3.out"
+		});
+		function j(e, t) {
+			if (!x) return;
+			let n = x.getBoundingClientRect(), r = n.left - y + n.width / 2, i = n.top - b + n.height / 2, a = n.width / 2, s = n.height / 2, c = (e - r) / (a + 18), l = (t - i) / (s + 18), u = Math.sqrt(c * c + l * l), d = u < 1 ? 1 - u : 0, f = d * d * (3 - 2 * d);
+			if (f > .001 || S > .001) {
+				let n = o((e - r) / Math.max(a, 1), -1, 1) * 10 * f, c = o((t - i) / Math.max(s, 1), -1, 1) * 10 * f;
+				x.style.setProperty("--select-card-glow", f.toFixed(3)), x.style.setProperty("--select-card-glow-rgb", `${g[0]}, ${g[1]}, ${g[2]}`), x.style.setProperty("--select-card-glow-x", `${n.toFixed(1)}px`), x.style.setProperty("--select-card-glow-y", `${c.toFixed(1)}px`);
+			}
+			S = f;
+		}
+		function M() {
+			S > .001 && (x == null || x.style.setProperty("--select-card-glow", "0")), S = 0;
+		}
+		let N = {
+			ctx: i,
+			w: () => _,
+			h: () => v,
+			ink: h,
+			accent: g,
+			dark: p,
+			pointer: T,
+			cardGlow: j,
+			clearGlow: M
+		}, P = C[u](N), F = P.interactive !== !1;
+		function I() {
+			let e = r.getBoundingClientRect();
+			y = e.left, b = e.top, _ = e.width, v = e.height;
+			let t = Math.min(window.devicePixelRatio || 1, 2);
+			r.width = Math.round(_ * t), r.height = Math.round(v * t), i.setTransform(t, 0, 0, t, 0, 0);
+			let n = r.closest(".select-auth") ?? document;
+			x = s ? n.querySelector(s) : null, w.x === 0 && w.y === 0 && (w.x = E = _ / 2, w.y = D = v / 2), P.build();
+		}
+		let L = -1;
+		function R(e) {
+			let t = L < 0 ? 0 : Math.min(e - L, .05);
+			L = e, F && (T.active = e - O < 1.2, k(T.active ? E : _ / 2), A(T.active ? D : v / 2), T.x = w.x, T.y = w.y), P.frame(e, t);
+		}
+		function z(e) {
+			E = e.clientX - y, D = e.clientY - b, O = n.ticker.time;
+		}
+		function B() {
+			let e = r.getBoundingClientRect();
+			y = e.left, b = e.top;
+		}
+		I();
+		let V = new ResizeObserver(() => {
+			I(), f && P.paintStatic();
+		});
+		return V.observe(r), f ? (P.paintStatic(), () => {
+			var e;
+			V.disconnect(), (e = P.dispose) == null || e.call(P);
+		}) : (F && (window.addEventListener("pointermove", z, { passive: !0 }), window.addEventListener("scroll", B, { passive: !0 })), n.ticker.add(R), () => {
+			var e;
+			n.ticker.remove(R), n.killTweensOf(w), window.removeEventListener("pointermove", z), window.removeEventListener("scroll", B), V.disconnect(), (e = P.dispose) == null || e.call(P), x == null || x.style.removeProperty("--select-card-glow");
+		});
+	}, [
+		a,
+		s,
+		u
+	]), /* @__PURE__ */ r("canvas", {
+		ref: d,
+		className: i,
+		"aria-hidden": "true"
+	});
+}
+//#endregion
+export { i as AUTH_FX_VARIANTS, w as SelectAuthFx };
+
+//# sourceMappingURL=SelectAuthFx.js.map

package/dist/SelectAvatar.js

@@ -0,0 +1,34 @@
+import { forwardRef as e, useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/SelectAvatar.tsx
+var r = e(function({ name: e, src: r, icon: a, dashed: o = !1, round: s = !1, size: c = "md", initials: l = 1, monogram: u, className: d, ...f }, p) {
+	let m = (u == null ? void 0 : u.trim().slice(0, 3).toUpperCase()) || i(e, l), [h, g] = t(null), _ = !!r && h !== r;
+	return /* @__PURE__ */ n("span", {
+		ref: p,
+		...f,
+		className: `select-avatar${c === "lg" ? " select-avatar--lg" : ""}${o ? " select-avatar--dashed" : ""}${s ? " select-avatar--round" : ""}${d ? " " + d : ""}`,
+		"aria-hidden": "true",
+		children: _ ? /* @__PURE__ */ n("img", {
+			src: r,
+			alt: "",
+			className: "select-avatar__img",
+			onError: () => g(r ?? null)
+		}) : a ? /* @__PURE__ */ n("span", {
+			className: "select-avatar__icon",
+			children: a
+		}) : /* @__PURE__ */ n("span", {
+			className: `select-avatar__initial${m.length > 2 ? " select-avatar__initial--long" : ""}`,
+			children: m
+		})
+	});
+});
+function i(e, t = 1) {
+	let n = (e ?? "").trim().split(/\s+/).filter(Boolean);
+	if (n.length === 0) return "?";
+	let r = n[0][0].toUpperCase();
+	return t === 1 || n.length === 1 ? r : r + n[n.length - 1][0].toUpperCase();
+}
+//#endregion
+export { r as SelectAvatar, i as avatarInitials };
+
+//# sourceMappingURL=SelectAvatar.js.map

package/dist/SelectBackLink.js

@@ -0,0 +1,22 @@
+import { ArrowLeftIcon as e } from "./icons.js";
+import { useSelectMessages as t } from "./SelectLocale.js";
+import { safeHref as n } from "./internal/safeHref.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/SelectBackLink.tsx
+function o({ children: o, onClick: s, href: c }) {
+	let l = t().common.back, u = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(e, {}), /* @__PURE__ */ i("span", { children: o ?? l })] }), d = n(c);
+	return d ? /* @__PURE__ */ i("a", {
+		className: "select-backlink",
+		href: d,
+		children: u
+	}) : /* @__PURE__ */ i("button", {
+		type: "button",
+		className: "select-backlink",
+		onClick: s,
+		children: u
+	});
+}
+//#endregion
+export { o as SelectBackLink };
+
+//# sourceMappingURL=SelectBackLink.js.map

package/dist/SelectBadge.js

@@ -0,0 +1,18 @@
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/SelectBadge.tsx
+var r = e(function({ children: e, tone: r = "neutral", icon: i, size: a = "md", className: o, ...s }, c) {
+	return /* @__PURE__ */ n("span", {
+		ref: c,
+		...s,
+		className: `select-badge select-badge--${r}${a === "sm" ? " select-badge--sm" : ""}${o ? " " + o : ""}`,
+		children: [i && /* @__PURE__ */ t("span", {
+			className: "select-badge__icon",
+			children: i
+		}), e]
+	});
+});
+//#endregion
+export { r as SelectBadge };
+
+//# sourceMappingURL=SelectBadge.js.map